资费选择

pages.json

@@ -110,6 +110,15 @@
             }
             
         }
+        ,{
+            "path" : "pages/verfiy/vnfee",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "",
+                "enablePullDownRefresh": false
+            }
+            
+        }
     ],
   "globalStyle": {
     // #ifdef H5

pages/verfiy/vnfee.vue

@@ -0,0 +1,79 @@
+<template>
+	<view class="vnfee">
+		<view class="vnf-tit">
+			<view class="vntit">请选择入网套餐</view>
+			<view class="vntips">请了解套餐内容后，根据实际需要自行选择入网套餐</view>
+		</view>
+		<!-- 套餐类型 -->
+		<view class="cardlist">
+			<!-- 单月购买 -->
+			<block>
+				<view class="card-item">
+					<text>单月购买</text>
+					<text>¥48.8</text>
+				</view>
+			</block>
+			<!-- 续费月卡 -->
+			<block>
+				<view class="card-item">
+					<text>续费月卡</text>
+					<text>¥38.8</text>
+				</view>
+			</block>
+			<!-- 续费年卡 -->
+			<block>
+				<view class="card-item">
+					<text>续费年卡</text>
+					<text>¥368.8</text>
+				</view>
+			</block>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+.vnf-tit{
+	width: 100%;
+	padding-left: 36rpx;
+	margin-top: 46rpx;
+	
+	.vntit{
+		font-size: 46rpx;
+		line-height: 1.6;
+	}
+	.vntips{
+		padding: 10rpx;
+		font-size: 22rpx;
+		color: #999;
+	}
+}
+// 套餐
+.cardlist{
+	margin-top: 46rpx;
+	
+	.card-item{
+		border: 2rpx solid #FEBD45;
+		width: 30%;
+		margin-left: 3%;
+		float: left;
+		height: 160rpx;
+		text-align: center;
+	}
+	.card-item:first{
+		margin-left: 0 !important;
+	}
+}
+</style>