zm/medicine_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

充值显示

Browse Source
This commit is contained in:
始于初见
2024-11-12 16:19:24 +08:00
parent 1bf03550ba
commit 7036ad356f
5 changed files with 334 additions and 297 deletions
Download Patch File Download Diff File Expand all files Collapse all files

80
pages/mine/wallet/recharge/index.vue
View File

@@ -7,19 +7,43 @@
<view>
<view class="cha_jine">
<view class="cj_title PM_font">充值金额</view>
<view class="cj_title PM_font">充值金额
</view>
<view class="cj_xiang">
<view v-for="(item, index) in cjList" @click="chosPric(item)" :class="
stepsCj.priceTypeId == item.priceTypeId
? 'Tab_cj cj_price'
: 'cj_price'
">
<view class="pr_jg">￥{{ item.realMoney }}</view>
<view class="pr_yl">{{ item.money }} 天医币</view>
<view class="pr_lj">限时特惠</view>
<view
class="pr_jg"
style="display: flex; align-items: center; justify-content: center"
>
<image
src="@/static/icon/currency.png"
alt=""
style="width: 40rpx; height: 40rpx; margin-right: 10rpx"
/>
{{ item.money }}
</view>
<view class="pr_yl" style="color: #565455"
>￥{{ item.realMoney }}</view
>
<view class="pr_lj" v-if="item.description&&item.description!=''"
> {{item.description}}</view
>
</view>
<br clear="both" />
</view>
<view
><text style="font-size: 24rpx; color: #8e8e8e; font-weight: 500"
>说明 : 天医币属于虚拟产品，一经购买概不退还</text
></view
>
</view>
<view class="cha_fangsh">
<view class="cf_title PM_font">支付方式</view>
@@ -760,37 +784,36 @@
}
.cha_jine {
padding: 60rpx 30rpx 40rpx;
// margin: 40rpx 50rpx 0 50rpx;
margin: 40rpx 30rpx 0 30rpx;
.cj_title {
font-size: 46rpx;
color: $themeColor;
// font-weight: bold;
}
.cj_title {
font-size: 36rpx;
font-weight: bold;
}
.cj_xiang {
margin-top: 40rpx;
.cj_price {
box-shadow: 0 0 20rpx 0 #0000001a;
border: 4rpx solid #ebebeb;
// box-shadow: 0 0 20rpx 0 #0000001a;
float: left;
width: 47%;
margin: 0 5% 30rpx 0;
text-align: center;
padding: 20rpx;
width: 31%;
margin: 0 3% 30rpx 0;
text-align: center;
padding: 25rpx 0 30rpx 0;
border-radius: 15rpx;
position: relative;
color: #2d2d2d;
.pr_jg {
font-size: 45rpx;
margin: 20rpx 0 10rpx 0;
font-size: 38rpx;
margin: 0rpx 0 10rpx 0;
font-weight: bold;
}
.pr_yl {
font-size: 26rpx;
font-size: 28rpx;
// text-decoration: line-through;
color: #575555;
}
@@ -799,16 +822,16 @@
background-image: linear-gradient(90deg, #258feb 0%, $themeColor 100%);
color: #fff;
position: absolute;
top: -30rpx;
right: -20rpx;
font-size: 24rpx;
padding: 5rpx 10rpx;
border-top-left-radius: 20rpx;
border-bottom-right-radius: 20rpx;
top: -22rpx;
right: -22rpx;
font-size: 24rpx;
padding: 5rpx 4rpx;
border-top-left-radius: 20rpx;
border-bottom-right-radius: 20rpx;
}
}
.cj_price:nth-child(2n) {
.cj_price:nth-child(3n) {
margin-right: 0;
}
@@ -816,8 +839,13 @@
// box-shadow: 0 0 20rpx 0 #fe700bcc;
box-shadow: 0px 0px 3px 0px $themeColor !important;
border: 4rpx solid $themeColor;
color: #258feb;
background: #e3f7ff !important;
.pr_yl {
color: #258feb !important;
}
}
}
}