|
|
@@ -10,6 +10,12 @@
|
|
|
<view class="voucher">
|
|
|
充值<text style="color: #FF3C00;padding-left: 10upx;">{{initData.recharge}}元</text>，免费使用一年
|
|
|
</view>
|
|
|
+ <view>
|
|
|
+ <picker @change="startTimeFn" class="tui-input" :range="zhifufangshi">
|
|
|
+ <input type="text" placeholder="请选择供应商" class="ghsStyle" disabled>
|
|
|
+ </picker>
|
|
|
+ </view>
|
|
|
+
|
|
|
<view
|
|
|
class="immediately"
|
|
|
@click="onceRecharge"
|
|
|
@@ -30,7 +36,8 @@ export default {
|
|
|
name: 'recharge-renew',
|
|
|
data () {
|
|
|
return {
|
|
|
- initData: {}
|
|
|
+ initData: {},
|
|
|
+ zhifufangshi:['微信','支付宝'],
|
|
|
}
|
|
|
},
|
|
|
onLoad () {
|
|
|
@@ -115,7 +122,7 @@ export default {
|
|
|
& > .voucher {
|
|
|
font-size: 32upx;
|
|
|
font-weight: 700;
|
|
|
- margin-top: 70upx;
|
|
|
+ margin-top: 30upx;
|
|
|
text-align: center;
|
|
|
white-space: pre-wrap;
|
|
|
}
|
|
|
@@ -125,7 +132,7 @@ export default {
|
|
|
line-height: 88upx;
|
|
|
background: linear-gradient(0deg, #fe921e 0%, #ffd21f 100%);
|
|
|
border-radius: 44px;
|
|
|
- margin: 40upx auto 0;
|
|
|
+ margin: 30upx auto 0;
|
|
|
font-size: 32upx;
|
|
|
text-align: center;
|
|
|
color: #fff;
|
|
|
@@ -137,7 +144,7 @@ export default {
|
|
|
margin-top: 20upx;
|
|
|
}
|
|
|
& > .use_margin {
|
|
|
- margin-top: 80upx;
|
|
|
+ margin-top: 60upx;
|
|
|
}
|
|
|
& > .user_avator {
|
|
|
text-align: center;
|
|
|
@@ -150,4 +157,24 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+.ghsStyle{
|
|
|
+ width: 40vw;
|
|
|
+ margin: 30upx auto;
|
|
|
+ border: 1px solid #ccc;
|
|
|
+ border-radius: 8upx;
|
|
|
+ height: 60upx;
|
|
|
+ padding-left: 20upx;
|
|
|
+ position: relative;
|
|
|
+ &::after{
|
|
|
+ content: '';
|
|
|
+ position: absolute;
|
|
|
+ right: 20upx;
|
|
|
+ top: 50%;
|
|
|
+ width: 18upx;
|
|
|
+ height: 18upx;
|
|
|
+ border-left: 1px solid #ccc;
|
|
|
+ border-bottom: 1px solid #ccc;
|
|
|
+ transform: translateY(-65%) rotate(-45deg);
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|
wangning