<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" @click="choodev('smartphone')" >
					<image class="devimg" mode="aspectFit" src="../../static/dev/d_phone.svg"></image>
					<text class="text">手机</text>
				</view>
			</block>
			<!-- 电脑 -->
			<block >
				<view class="dev-item" @click="choodev('pc')">
					<image class="devimg" mode="aspectFit" src="../../static/dev/d_computer.svg"></image>
					<text class="text">电脑</text>
				</view>
			</block>
			<!-- 路由 -->
			<block >
				<view class="dev-item" @click="choodev('router')" >
					<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: {
			//  选择设备
			choodev(item){
				
				const app = this
				app.$navTo("pages/paySuccess/paySuccess?dev="+item)
			}
		}
	}
</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>
