9.13

gasStation-uni/pages.json

@@ -57,6 +57,14 @@
 						// "navigationStyle": "custom"
 					}
 				},
+				{
+					"path": "cardDetails/detailed",
+					"style": {
+						"navigationBarTitleText": "余额明细"
+						// "navigationStyle": "custom"
+					}
+				},
+
 				{
 					"path": "memberRecharge/index",
 					"style": {

gasStation-uni/pagesHome/memberRecharge/index.vue

@@ -7,7 +7,7 @@
 		</view>
 		<view class="vip-title">
 			<view class="">中建锦绣二期站</view>
-			<image src="../../static/new/qh.png" style="width: 18px; height: 18px; "></image>
+			<image src="../../static/new/qh.png" style="width: 18px; height: 18px;" @click="show = true"></image>
 		</view>
 		<view class="input-box">
 			<view class="i-title">充值金额</view>
@@ -53,6 +53,20 @@
 				立即充值10000元
 			</view>
 		</view>
+		<u-popup :show="show" :closeable="true" :round="10" mode="bottom" @close="close">
+			<view class="_tbox">
+				<view class="_btop">选择油站</view>
+				<view class="input_sou">
+					<input type="text" placeholder="请输入油站" />
+					<u-icon name="search" size="18px"></u-icon>
+				</view>
+				<view class="h_box" v-for="(item,index) in 4" :key="index">
+					<view class="">测试A店</view>
+					<view class="">129.9km</view>
+				</view>
+
+			</view>
+		</u-popup>
 	</view>
 </template>
 
@@ -60,10 +74,14 @@
 	export default {
 		data() {
 			return {
+				show: false,
 				windex: 0
 			}
 		},
 		methods: {
+			close() {
+				this.show = false
+			},
 			setIndex(index) {
 				this.windex = index
 			}
@@ -227,4 +245,44 @@
 		color: #333333;
 
 	}
+
+	._tbox {
+		border-radius: 10px;
+		background: #fff;
+		width: 100%;
+
+
+	}
+
+	._btop {
+		box-sizing: border-box;
+		padding: 15px;
+		border-bottom: 1px solid #EEEEEE;
+		text-align: center;
+		font-weight: 600;
+		font-size: 14px;
+		color: #333333;
+	}
+
+	.input_sou {
+		width: 95%;
+		border: 1px solid #EEEEEE;
+		border-radius: 50px;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		box-sizing: border-box;
+		padding: 5px 10px;
+		margin: 15px auto;
+	}
+
+	.h_box {
+		border-bottom: 1px solid #EEEEEE;
+		box-sizing: border-box;
+		padding: 5px 15px;
+		width: 100%;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+	}
 </style>