AiToyCXWx/pages/wifi.vue

<template>
	<view class="page" :style="{'min-height':h+'px', 'padding-top':mt+'px'}">
		<cus-header title='无线局域网' bgColor="transparent"></cus-header>
		<div class="box" @tap="toSet">
			<div class="info adffcacjc">
				<image src="@/static/wifi.png"></image>
				<text>无线局域网</text>
				<p>接入无线局域网、查看可用网络，并管理加入网络及附近热点设置。<span>进一步了解...</span></p>
			</div>
			<div class="pre adfacjb">
				<div class="p_l">无线局域网</div>
				<div class="p_r">
					<u-switch></u-switch>
				</div>
			</div>
			<div class="pre adfacjb">
				<div class="p_l">
					<p>{{'传秀科技_5G'}}</p>
					<span>低安全性</span>
				</div>
				<div class="p_r"></div>
			</div>
		</div>
	</view>
</template>

<script>
	export default {
		data(){
			return {
				
			}
		},
		methods:{
			toSet(){
				uni.navigateTo({
					url:'/pages/wifiSet'
				})
			}
		}
	}
</script>

<style scoped lang="less">
	.page{
		background: #F1F3F5;
		padding: 0 31rpx 30rpx;
		box-sizing: border-box;
		
		.box{
			width: 100%;
			padding: 50rpx 30rpx 0;
			box-sizing: border-box;
			background: #FFFFFF;
			
			.info{
				margin-bottom: 60rpx;
				image{
					width: 114rpx;
					height: 114rpx;
				}
				text{
					font-family: PingFang-SC, PingFang-SC;
					font-weight: bold;
					font-size: 40rpx;
					color: #111111;
					line-height: 40rpx;
					margin-top: 20rpx;
				}
				p{
					font-family: PingFang-SC, PingFang-SC;
					font-weight: 400;
					font-size: 34rpx;
					color: #111111;
					line-height: 40rpx;
					text-align: center;
					margin-top: 20rpx;
				}
			}
			
			.pre{
				padding: 20rpx 30rpx;
				border-top:1rpx solid #E5E5E5;
				.p_l{
					font-family: PingFang-SC, PingFang-SC;
					font-weight: 400;
					font-size: 32rpx;
					color: #111111;
					line-height: 40rpx;
					display: flex;
					flex-direction: column;
					span{
						font-size: 26rpx;
					}
				}
			}
		}
	}
</style>