<template>
	<view class="ch-dev">
		<viec
		<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')" >
					<view class="item-left">
						<image class="devimg" mode="aspectFit" src="../../static/dev/d_phone.svg"></image>
						<text class="text">手机</text>	
					</view>
					<view class="item-right">
						适用于交易角色登录国家文化专网内的全国文化大数据交易中心手机客户端进行购买或者查询;一台设备同时只能登录一个账号；
						一个设备码只固定对应一台手机
					</view>
				</view>
			</block>
			<!-- 电脑 -->
			<block >
				<view class="dev-item">
					<view class="item-left">
						<image class="devimg" mode="aspectFit" src="../../static/dev/d_computer.svg"></image>
						<text class="text">电脑</text>
					</view>
					<view class="item-right">
						适用于交易角色登录国家文化专网内的全国文化大数据交易中心电脑客户端进行购买或者查询;
						一个设备可接入多台电脑并且登录使用多个账号
					</view>

				</view>
			</block>
			<!-- 路由 -->
			<block >
				<view class="dev-item" >
					<view class="item-left">
						<image class="devimg" mode="aspectFit" src="../../static/dev/d_router.svg"></image>
						<text class="text">路由</text>
					</view>
					<view class="item-right">
						适用于交易角色登录国家文化专网内的全国文化大数据交易中心电脑客户端进行购买或者查询;一台设备同时只能登录一个账号；
						一个设备码只固定对应一台电脑  
					</view>
				</view>
			</block>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			//  选择设备
			choodev(item){
				const app = this
				//app.$navTo("pages/paySuccess/paySuccess?dev="+item)
				app.$navTo("pages/verfiy/vsuccess?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;
		display: flex;
		
		.item-left{
			width: 30%;
			float: left;
			
			.devimg{
				margin-left: auto;
				margin-right: auto;
				height: 126rpx;
				width: 100%;
			}
			
			.text{
				float: left;
				display: block;
				width: 100%;
				height: 46rpx;
				line-height: 46rpx;
			}
			
		}
		
		.item-right{
			width: 56%;
			margin-left: 5%;
			text-align: left;
			line-height: 1.8;
			font-size: 24rpx;
		}

		

	}
	
}
</style>
