瀏覽代碼

卡包选择修改

tags/广东版3.2.1
刘晖 6 年之前
父節點
當前提交
734180870c
共有 3 個檔案被更改,包括 168 行新增1 行删除
  1. +1
    -1
      app.json
  2. +83
    -0
      pages/scanPay/scanPay.wxml
  3. +84
    -0
      pages/scanPay/scanPay.wxss

+ 1
- 1
app.json 查看文件

@@ -1,5 +1,6 @@
{
"pages": [
"pages/scanPay/scanPay",
"pages/index/index",
"pages/edit/edit",
"pages/cartest/cartest",
@@ -38,7 +39,6 @@
"pages/cardListDetail/cardListDetail",
"pages/freeBannerDetail/index",
"pages/user/scoreHistory/index",
"pages/scanPay/scanPay",
"pages/paySuccess/paySuccess",
"pages/ConsumeDetail/ConsumeDetail",
"pages/externallinks/index",


+ 83
- 0
pages/scanPay/scanPay.wxml 查看文件

@@ -10,4 +10,87 @@
<input bindinput="bindKeyInput" class='num' type="digit" focus placeholder="" />
<button bindtap='startAuth' hover-class='active'>确认付款</button>
</view>
<view class='model'>
<view class='zhezhao'></view>
<view class='card-model'>
<view class='card-top'>
余额不足,请选择其他优惠卡支付
</view>
<view class='card-content'>
<scroll-view
scroll-y
style="height: 500rpx;"
bindscrolltoupper="upper"
bindscrolltolower="lower"
bindscroll="scroll"
scroll-into-view="{{toView}}"
scroll-top="{{scrollTop}}"
>
<view class='card-items'>
<view class='card-items-left'>
<view class='card-items-left-img'><image src=''></image></view>
<view class='card-items-left-text'>万达标准卡</view>
</view>
<view class='card-items-right'>
<view class='card-items-right-text'>余额:2000</view>
<view class='card-items-right-radio'><image src=''></image></view>
</view>
</view>
<view class='card-items'>
<view class='card-items-left'>
<view class='card-items-left-img'><image src=''></image></view>
<view class='card-items-left-text'>万达标准卡</view>
</view>
<view class='card-items-right'>
<view class='card-items-right-text'>余额:2000</view>
<view class='card-items-right-radio'><image src=''></image></view>
</view>
</view>
<view class='card-items'>
<view class='card-items-left'>
<view class='card-items-left-img'><image src=''></image></view>
<view class='card-items-left-text'>万达标准卡</view>
</view>
<view class='card-items-right'>
<view class='card-items-right-text'>余额:2000</view>
<view class='card-items-right-radio'><image src=''></image></view>
</view>
</view>
<view class='card-items'>
<view class='card-items-left'>
<view class='card-items-left-img'><image src=''></image></view>
<view class='card-items-left-text'>万达标准卡</view>
</view>
<view class='card-items-right'>
<view class='card-items-right-text'>余额:2000</view>
<view class='card-items-right-radio'><image src=''></image></view>
</view>
</view>
<view class='card-items'>
<view class='card-items-left'>
<view class='card-items-left-img'><image src=''></image></view>
<view class='card-items-left-text'>万达标准卡</view>
</view>
<view class='card-items-right'>
<view class='card-items-right-text'>余额:2000</view>
<view class='card-items-right-radio'><image src=''></image></view>
</view>
</view>
<view class='card-items'>
<view class='card-items-left'>
<view class='card-items-left-img'><image src=''></image></view>
<view class='card-items-left-text'>万达标准卡</view>
</view>
<view class='card-items-right'>
<view class='card-items-right-text'>余额:2000</view>
<view class='card-items-right-radio'><image src=''></image></view>
</view>
</view>
</scroll-view>
</view>
<view class='card-bottom'>
<button type='primary' class='checkcard-box'>购买新卡</button>
</view>
</view>
</view>
</view>

+ 84
- 0
pages/scanPay/scanPay.wxss 查看文件

@@ -51,4 +51,88 @@
}
.active{
opacity: .6;
}
.model{
height: 100vh;
width: 100%;
position: fixed;
top: 0;
left: 0;
}
.zhezhao{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
z-index: 1;
background: #000;
opacity: 0.5;
}
.card-model{
position: fixed;
height: 750rpx;
width: 100%;
bottom: 0;
left: 0;
z-index: 20;
background: #fff;
}
.card-top{
height: 75rpx;
width: 100%;
background: rgb(200, 89, 99);
line-height: 75rpx;
text-align: center;
font-size:30rpx;
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(255,255,255,1);
}
.card-content{
height: 550rpx;
overflow: hidden;
}
.card-content image{
width: 64rpx;
height: 64rpx;
}
.card-items{
height: 130rpx;
line-height: 130rpx;
overflow: hidden;
width: 94%;
margin: 0 auto;
border-bottom: 1rpx solid #cecece;
}
.card-items-left{
width: 50%;
float: left;
}
.card-items-right{
width: 50%;
float: left;
}
.card-items-left-img{
width: 30%;
height: 130rpx;
float: left;
}
.card-items-left-text{
width: 70%;
height: 130rpx;
float: left;
}
.card-items-right-text{
text-align: right;
float: left;
width: 80%;
}
.card-items-right-radio{
float: left;
width: 20%;
}
.checkcard-box{
width: 80%;
background: #02C0FF!important;
}

Loading…
取消
儲存