|
|
|
@ -9,25 +9,45 @@ |
|
|
|
<!-- 单月购买 --> |
|
|
|
<block> |
|
|
|
<view class="card-item"> |
|
|
|
<text>单月购买</text> |
|
|
|
<text>¥48.8</text> |
|
|
|
<text class="cdname">单月购买</text> |
|
|
|
<view class="cdprice"> |
|
|
|
<text class="price-unit">¥</text> |
|
|
|
<text class="price-num">48.8</text> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</block> |
|
|
|
<!-- 续费月卡 --> |
|
|
|
<block> |
|
|
|
<view class="card-item"> |
|
|
|
<text>续费月卡</text> |
|
|
|
<text>¥38.8</text> |
|
|
|
<text class="cdname">续费月卡</text> |
|
|
|
<view class="cdprice"> |
|
|
|
<text class="price-unit">¥</text> |
|
|
|
<text class="price-num">48.8</text> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</block> |
|
|
|
<!-- 续费年卡 --> |
|
|
|
<block> |
|
|
|
<view class="card-item"> |
|
|
|
<text>续费年卡</text> |
|
|
|
<text>¥368.8</text> |
|
|
|
<view class="card-item active"> |
|
|
|
<text class="cdname fire">续费年卡</text> |
|
|
|
<view class="cdprice"> |
|
|
|
<text class="price-unit">¥</text> |
|
|
|
<text class="price-num">368.8</text> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</block> |
|
|
|
</view> |
|
|
|
<!-- card 说明 --> |
|
|
|
<view class="carddesc"> |
|
|
|
<view class="cdline">平均每月：30.8 元</view> |
|
|
|
<view class="cdline">套餐类型：次年到期自动续费（可提前申请取消）</view> |
|
|
|
<view class="cdline">套餐有效期：12个月 + 6个月（新用户开通成功即加送6个月）</view> |
|
|
|
<view class="cdline">最高可更换绑定设备：3台（同一时间只允许1台设备登录）</view> |
|
|
|
<view class="cdline">最高可绑定登录账号：3个</view> |
|
|
|
</view> |
|
|
|
<view class="cdcross"></view> |
|
|
|
|
|
|
|
|
|
|
|
</view> |
|
|
|
</template> |
|
|
|
|
|
|
|
@ -64,16 +84,72 @@ |
|
|
|
.cardlist{ |
|
|
|
margin-top: 46rpx; |
|
|
|
|
|
|
|
|
|
|
|
.card-item{ |
|
|
|
border: 2rpx solid #FEBD45; |
|
|
|
width: 30%; |
|
|
|
margin-left: 3%; |
|
|
|
float: left; |
|
|
|
height: 160rpx; |
|
|
|
height: 260rpx; |
|
|
|
text-align: center; |
|
|
|
border-radius: 4%; |
|
|
|
|
|
|
|
.cdname{ |
|
|
|
font-size: 32rpx; |
|
|
|
line-height: 1.8; |
|
|
|
font-weight: 600; |
|
|
|
padding: 12rpx 0 12rpx; |
|
|
|
margin-top: 26rpx; |
|
|
|
display: block; |
|
|
|
|
|
|
|
&.fire{ |
|
|
|
background: url('../../static/fire.svg') no-repeat left center; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.cdprice{ |
|
|
|
margin-top: 20rpx; |
|
|
|
font-weight: 600; |
|
|
|
color: #C5884C; |
|
|
|
|
|
|
|
.price-unit{ |
|
|
|
font-size: 36rpx; |
|
|
|
padding-right: 12rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.price-num{ |
|
|
|
font-size: 52rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
&.first{ |
|
|
|
margin-left: 0 !important; |
|
|
|
} |
|
|
|
|
|
|
|
&:hover{ |
|
|
|
background-color: #FEBD45; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
//套餐说明 |
|
|
|
.carddesc{ |
|
|
|
clear: both; |
|
|
|
margin-top: 36rpx; |
|
|
|
padding-top: 32rpx; |
|
|
|
padding-left: 32rpx; |
|
|
|
|
|
|
|
.cdline{ |
|
|
|
line-height: 36rpx; |
|
|
|
font-size: 26rpx; |
|
|
|
padding: 10rpx; |
|
|
|
} |
|
|
|
.card-item:first{ |
|
|
|
margin-left: 0 !important; |
|
|
|
|
|
|
|
.cdcross{ |
|
|
|
height: 2rpx; |
|
|
|
width: 100%; |
|
|
|
background-color: #999; |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
453530270@qq.com
2 years ago
