Browse Source

选择设备

master
453530270@qq.com 3 years ago
parent
commit
a11f7d327c
  1. 9
      pages.json
  2. 95
      pages/verfiy/choosedev.vue
  3. 6
      static/dev/d_computer.svg
  4. 6
      static/dev/d_phone.svg
  5. 6
      static/dev/d_router.svg

9
pages.json

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

95
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>

6
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>

After

Width:  |  Height:  |  Size: 378 B

6
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>

After

Width:  |  Height:  |  Size: 813 B

6
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>

After

Width:  |  Height:  |  Size: 458 B

Loading…
Cancel
Save