选择设备

pages.json

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

pages/verfiy/choosedev.vue

@@ -0,0 +1,95 @@
+<template>
+	<view class="ch-dev">
+		<view class="vnf-tit">
+			<view class="vntit">请选择入网设备</view>
+			<view class="vntips">如有疑问可咨询人工服务热线：0755-26405289或进入服务中心查询</view>
+		</view>
+		<view class="devlist">
+			<!-- 手机 -->
+			<block>
+				<view class="dev-item">
+					<image class="devimg" mode="aspectFit" src="../../static/dev/d_phone.svg"></image>
+					<text class="text">手机</text>
+				</view>
+			</block>
+			<!-- 电脑 -->
+			<block>
+				<view class="dev-item">
+					<image class="devimg" mode="aspectFit" src="../../static/dev/d_computer.svg"></image>
+					<text class="text">电脑</text>
+				</view>
+			</block>
+			<!-- 路由 -->
+			<block>
+				<view class="dev-item">
+					<image class="devimg" mode="aspectFit" src="../../static/dev/d_router.svg"></image>
+					<text class="text">路由</text>
+				</view>
+			</block>
+		</view>
+		
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+.ch-dev{
+	height: 100%;
+}
+
+.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;
+	}
+}
+
+.devlist{
+	margin-top: 32rpx;
+	
+	.dev-item{
+		float: left;
+		margin-top: 40rpx;
+		padding-top: 40rpx;
+		width: 100%;
+		text-align: center;
+		
+		.devimg{
+			margin-left: auto;
+			margin-right: auto;
+			height: 126rpx;
+		}
+		
+		.text{
+			
+			float: left;
+			display: block;
+			width: 100%;
+			height: 46rpx;
+			line-height: 46rpx;
+		}
+	}
+	
+}
+</style>

static/dev/d_computer.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" width="77" height="77" style="border-color: rgba(0,0,0,0);border-width: apx;border-style: undefined" filter="none">
+    
+    <g>
+    <path d="M22 18V3H2v15H0v2h24v-2h-2zm-8 0h-4v-1h4v1zm6-3H4V5h16v10z" fill="rgba(253.98,188.95499999999998,69.105,1)"></path>
+    </g>
+  </svg>

static/dev/d_phone.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32" width="66" height="66" style="border-color: rgba(0,0,0,0);border-width: bpx;border-style: undefined" filter="none">
+    
+    <g>
+    <path d="M21.536 0h-11.072c-1.184 0-2.144 0.96-2.144 2.144v27.712c0 1.184 0.96 2.144 2.144 2.144h11.072c1.184 0 2.144-0.96 2.144-2.144v-27.712c0-1.184-0.96-2.144-2.144-2.144zM14.72 1.76c0-0.192 0.16-0.32 0.352-0.32h1.856c0.192 0 0.352 0.128 0.352 0.32v0.608c0 0.192-0.16 0.352-0.352 0.352h-1.856c-0.194-0.002-0.35-0.158-0.352-0.352v-0.608zM16.16 30.56c-0.768 0-1.408-0.608-1.408-1.376s0.64-1.408 1.408-1.408 1.376 0.608 1.376 1.408c0 0.768-0.608 1.376-1.376 1.376zM22.4 26.88h-12.8v-23.040h12.8v23.040z" fill="rgba(253.98,188.95499999999998,69.105,1)"></path>
+    </g>
+  </svg>

static/dev/d_router.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32" width="77" height="77" style="border-color: rgba(0,0,0,0);border-width: apx;border-style: undefined" filter="none">
+    
+    <g>
+    <path d="M24 4h2v12h-2v-12zM4 4h2v12h-2v-12zM2 18v8h2v2h4v-2h14v2h4v-2h2v-8h-26zM6 22h-2v-2h2v2zM10 22h-2v-2h2v2zM14 22h-2v-2h2v2zM26 22h-2v-2h2v2z" fill="rgba(253.98,188.95499999999998,69.105,1)"></path>
+    </g>
+  </svg>