From 1d70199ab1eaf053e6921d7720a6f8873122d41d Mon Sep 17 00:00:00 2001
From: "453530270@qq.com" <aa123456>
Date: Thu, 26 Oct 2023 15:49:41 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/verfiy/vnfee.vue | 96 +++++++++++++++++++++++++++++++++++++-----
 static/fire.svg        |  6 +++
 2 files changed, 92 insertions(+), 10 deletions(-)
 create mode 100644 static/fire.svg

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 @@
 			<!-- 单月购买 -->
 			<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>
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 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="64 64 896 896" width="20" height="20" style="border-color: rgba(0,0,0,0);border-width: bpx;border-style: undefined" filter="none">
+    
+    <g>
+    <path d="M834.1 469.2A347.49 347.49 0 0 0 751.2 354l-29.1-26.7a8.09 8.09 0 0 0-13 3.3l-13 37.3c-8.1 23.4-23 47.3-44.1 70.8-1.4 1.5-3 1.9-4.1 2-1.1.1-2.8-.1-4.3-1.5-1.4-1.2-2.1-3-2-4.8 3.7-60.2-14.3-128.1-53.7-202C555.3 171 510 123.1 453.4 89.7l-41.3-24.3c-5.4-3.2-12.3 1-12 7.3l2.2 48c1.5 32.8-2.3 61.8-11.3 85.9-11 29.5-26.8 56.9-47 81.5a295.64 295.64 0 0 1-47.5 46.1 352.6 352.6 0 0 0-100.3 121.5A347.75 347.75 0 0 0 160 610c0 47.2 9.3 92.9 27.7 136a349.4 349.4 0 0 0 75.5 110.9c32.4 32 70 57.2 111.9 74.7C418.5 949.8 464.5 959 512 959s93.5-9.2 136.9-27.3A348.6 348.6 0 0 0 760.8 857c32.4-32 57.8-69.4 75.5-110.9a344.2 344.2 0 0 0 27.7-136c0-48.8-10-96.2-29.9-140.9z" fill="rgba(255,97.92,0,1)"></path>
+    </g>
+  </svg>
\ No newline at end of file