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

pos 端

Browse Source
This commit is contained in:
xvv 2024-05-29 14:07:07 +08:00
parent 0fcf535c1d
commit 5394e4969b
1 changed files with 39 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
pos-uni/pagesHome/MemberRecharge/MemberRecharge.vue
View File

@ -56,7 +56,10 @@
<view class="">微信扫码支付</view>
</view>
<view class="qiu"></view>
<view class="qiu" v-if="memberId != 0" @click="getmemberId(0)"></view>
<view class="qiux" v-if="memberId == 0">
<u-icon name="checkmark" color="#fff" size="16"></u-icon>
</view>
</view>
<view class="h-box">
<view class="h-ds">
@ -66,7 +69,10 @@
<view class="">支付宝扫码支付</view>
</view>
<view class="qiu"></view>
<view class="qiu" v-if="memberId != 1" @click="getmemberId(1)"></view>
<view class="qiux" v-if="memberId == 1">
<u-icon name="checkmark" color="#fff" size="16"></u-icon>
</view>
</view>
<view class="h-box">
<view class="h-ds">
@ -76,7 +82,10 @@
<view class="">银联扫码支付</view>
</view>
<view class="qiu"></view>
<view class="qiu" v-if="memberId != 2" @click="getmemberId(2)"></view>
<view class="qiux" v-if="memberId == 2">
<u-icon name="checkmark" color="#fff" size="16"></u-icon>
</view>
</view>
<view class="h-box">
<view class="h-ds">
@ -86,7 +95,10 @@
<view class="">现金支付</view>
</view>
<view class="qiu"></view>
<view class="qiu" v-if="memberId != 3" @click="getmemberId(3)"></view>
<view class="qiux" v-if="memberId == 3">
<u-icon name="checkmark" color="#fff" size="16"></u-icon>
</view>
</view>
</view>
<view class="bottom-b"></view>
@ -107,6 +119,7 @@
return {
titles: "会员充值",
listindex: 0,
memberId: 0,
numList: [
"50元",
"100元",
@ -145,6 +158,10 @@
headers
},
methods: {
getmemberId(num) {
this.memberId = num
console.log(this.memberId);
},
// 获取用户信息
getUser() {
request({
@ -377,4 +394,16 @@
border-radius: 50%;
border: 1px solid #333333;
}
.qiux {
width: 16px;
height: 16px;
border-radius: 50%;
border: 1px solid #0864e9;
background: #0864e9;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
}
</style>