dianliang/oil-station
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

9.13

Browse Source
This commit is contained in:
xvv 2024-09-13 18:00:51 +08:00
parent b0413006cd
commit 68b282b719
2 changed files with 67 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
gasStation-uni/pages.json
View File

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

60
gasStation-uni/pagesHome/memberRecharge/index.vue
View File

@ -7,7 +7,7 @@
</view> </view>
<view class="vip-title"> <view class="vip-title">
<view class="">中建锦绣二期站</view> <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>
<view class="input-box"> <view class="input-box">
<view class="i-title">充值金额</view> <view class="i-title">充值金额</view>
@ -53,6 +53,20 @@
立即充值10000元 立即充值10000元
</view> </view>
</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> </view>
</template> </template>
@ -60,10 +74,14 @@
export default { export default {
data() { data() {
return { return {
show: false,
windex: 0 windex: 0
} }
}, },
methods: { methods: {
close() {
this.show = false
},
setIndex(index) { setIndex(index) {
this.windex = index this.windex = index
} }
@ -227,4 +245,44 @@
color: #333333; 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> </style>