|
|
@@ -43,13 +43,24 @@
|
|
|
<view class="title">
|
|
|
<text class="img">
|
|
|
<img src="../../assets/img/antFill-crown@3x.png" alt="">
|
|
|
- </text>充电服务包月卡
|
|
|
+ </text>充电服务费包月卡
|
|
|
</view>
|
|
|
<view class="open-btn">
|
|
|
立即开通
|
|
|
<text class="iconfont"></text>
|
|
|
</view>
|
|
|
</view>
|
|
|
+ <view class="open">
|
|
|
+ <view class="title">
|
|
|
+ <text class="img">
|
|
|
+ <img src="../../assets/img/antFill-crown@3x.png" alt="">
|
|
|
+ </text>充电服务费包月卡
|
|
|
+ </view>
|
|
|
+ <view class="date">
|
|
|
+ 2022.07.30到期
|
|
|
+ <text class="iconfont"></text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
|
|
|
<!-- 可用余额 -->
|
|
|
<view class="balance">
|
|
|
@@ -287,7 +298,7 @@
|
|
|
background: linear-gradient(#405473, #536D96);
|
|
|
width: 91.4%;
|
|
|
margin: 4px auto 0;
|
|
|
- padding: 15px 12px;
|
|
|
+ padding: 15px 12px 12px 12px;
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
border-radius: 8px;
|
|
|
@@ -323,7 +334,7 @@
|
|
|
.open {
|
|
|
background: linear-gradient(#4A4C62, #2C3145);
|
|
|
width: 91.4%;
|
|
|
- padding: 15px 12px;
|
|
|
+ padding: 15px 12px 12px 12px;
|
|
|
margin: 4px auto 0;
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
@@ -331,7 +342,7 @@
|
|
|
|
|
|
.title {
|
|
|
line-height: 24px;
|
|
|
- color: rgba(255, 255, 255, 100);
|
|
|
+ color: #E1C082;
|
|
|
font-size: 16px;
|
|
|
|
|
|
.img {
|
|
|
@@ -354,12 +365,20 @@
|
|
|
line-height: 28px;
|
|
|
// text-align: center;
|
|
|
border-radius: 50px;
|
|
|
- background: linear-gradient(#F0E1C6, #ECC194);
|
|
|
+ background: linear-gradient(to right,#F0E1C6, #ECC194);
|
|
|
|
|
|
.iconfont {
|
|
|
margin-left: 0px;
|
|
|
}
|
|
|
}
|
|
|
+ .date{
|
|
|
+ color: #d1b37a;
|
|
|
+ line-height: 24px;
|
|
|
+ font-size: 16px;
|
|
|
+ .iconfont{
|
|
|
+ color: #867668
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
|
