diff --git a/pages/verfiy/vnfee.vue b/pages/verfiy/vnfee.vue
index 06f7ee7..a6fb683 100644
--- a/pages/verfiy/vnfee.vue
+++ b/pages/verfiy/vnfee.vue
@@ -9,25 +9,45 @@
- 单月购买
- ¥48.8
+ 单月购买
+
+ ¥
+ 48.8
+
- 续费月卡
- ¥38.8
+ 续费月卡
+
+ ¥
+ 48.8
+
-
- 续费年卡
- ¥368.8
+
+ 续费年卡
+
+ ¥
+ 368.8
+
+
+
+ 平均每月:30.8 元
+ 套餐类型:次年到期自动续费(可提前申请取消)
+ 套餐有效期:12个月 + 6个月(新用户开通成功即加送6个月)
+ 最高可更换绑定设备:3台(同一时间只允许1台设备登录)
+ 最高可绑定登录账号:3个
+
+
+
+
@@ -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;
}
}
diff --git a/static/fire.svg b/static/fire.svg
new file mode 100644
index 0000000..0fb563c
--- /dev/null
+++ b/static/fire.svg
@@ -0,0 +1,6 @@
+
\ No newline at end of file