最新样式布局调整

pagesHome/wifiSetMemo1.vue

@@ -2,7 +2,7 @@
 	<view class="page" :style="{'min-height':h+'px', 'padding-top':mt+'px'}">
 		<cus-header title='配置网络说明'></cus-header>
 		<div class="top">打开设备开关，确认设备已通电开机成功</div>
-		<image class="tl" src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/06/03/9d489f3c-4d9f-439e-a3d5-a86108d1af76.png" mode="widthFix"></image>
+		<image class="tl" src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/07/03/e37ae19c-3c1d-4910-a4b9-8d9d3a8128b0.png" mode="widthFix"></image>
 		<div class="tip">首次开机设备将会自动进入配网模式</div>
 		<div class="tip">已开机状态下，连续按Wi-Fi键三下，听到语音播报：“快去小程序绑定设备吧”，即已开始进入配网模式</div>
 		<div class="adffcacjc">
@@ -33,29 +33,27 @@
 	.page{
 		background: #FFFFFF;
 		box-sizing: border-box;
+		padding: 0 43rpx;
 		.top{
-			font-family: PingFang-SC, PingFang-SC;
-			font-weight: bold;
+			font-family: PingFangSC, PingFang SC;
+			font-weight: 400;
 			font-size: 32rpx;
 			color: #000000;
 			line-height: 45rpx;
-			text-align: left;
+			text-align: center;
 			margin-top: 40rpx;
-			padding-left: 40rpx;
 		}
 		.tl{
 			width: 100%;
-			margin-top: 60rpx;
+			margin-top: 32rpx;
 		}
 		.tip{
 			font-family: PingFangSC, PingFang SC;
 			font-weight: 400;
-			font-size: 24rpx;
+			font-size: 26rpx;
 			color: #111111;
-			line-height: 33rpx;
-			text-align: left;
+			line-height: 37rpx;
 			margin-top: 40rpx;
-			padding-left: 40rpx;
 		}
 		.step{
 			width: 100rpx;
@@ -63,7 +61,7 @@
 			margin-top: 266rpx;
 		}
 		.zt_btn{
-			width: calc(100% - 140rpx) !important;
+			width: calc(100% - 60rpx) !important;
 			margin-top: 139rpx;
 		}
 	}

pagesHome/wifiSetMemo2.vue

@@ -1,12 +1,13 @@
 <template>
-	<view class="page" :style="{'min-height':h+'px', 'padding-top':mt+'px'}">
+	<view class="page adffcac" :style="{'min-height':h+'px', 'padding-top':mt+'px'}">
 		<cus-header title='配置网络说明'></cus-header>
-		<div class="top">授权打开 设置 - 开启无限局域网 </div>
-		<image class="tl" src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/06/03/14725219-0ca3-4798-9d86-01cb3074f078.png" mode="widthFix"></image>
-		<div class="adffcacjc">
-			<image class="step" src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/06/03/71bbaf55-66d9-4c6b-a196-4fa178ae3159.png"></image>
-			<div class="zt_btn" @tap="next">下一步</div>
-		</div>
+		<div class="top">打开手机蓝牙及定位服务</div>
+		<div class="title">1.前往设置 - 蓝牙 - 打开蓝牙</div>
+		<image class="tl" src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/07/03/0ccde807-90cc-4dee-b3ad-25c3f2708490.png" mode="widthFix"></image>
+		<div class="title">2.前往设置 - 隐私 - 打开定位服务并回到本页面</div>
+		<image class="tl" src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/07/03/bc35f400-eecf-4835-bdf6-b6c2155af910.png" mode="widthFix"></image>
+		<image class="step" src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/06/03/71bbaf55-66d9-4c6b-a196-4fa178ae3159.png"></image>
+		<div class="zt_btn" @tap="next">下一步</div>
 	</view>
 </template>
 
@@ -32,33 +33,32 @@
 		background: #FFFFFF;
 		box-sizing: border-box;
 		.top{
-			font-family: PingFang-SC, PingFang-SC;
-			font-weight: bold;
+			font-family: PingFangSC, PingFang SC;
+			font-weight: 400;
 			font-size: 32rpx;
 			color: #000000;
 			line-height: 45rpx;
-			text-align: left;
-			margin-top: 40rpx;
-			padding-left: 40rpx;
+			text-align: center;
+			margin-top: 64rpx;
 		}
-		.tl{
-			width: 100%;
-			margin-top: 60rpx;
+		.title{
+			font-family: PingFang-SC, PingFang-SC;
+			font-weight: bold;
+			font-size: 26rpx;
+			color: #7C8592;
+			line-height: 37rpx;
+			text-align: center;
+			margin-top: 51rpx;
 		}
-		.tip{
-			font-family: PingFangSC, PingFang SC;
-			font-weight: 400;
-			font-size: 24rpx;
-			color: #111111;
-			line-height: 33rpx;
-			text-align: left;
-			margin-top: 40rpx;
-			padding-left: 40rpx;
+		.tl{
+			width: 321rpx;
+			height: 276rpx;
+			margin-top: 21rpx;
 		}
 		.step{
 			width: 100rpx;
 			height: 16rpx;
-			margin-top: 46rpx;
+			margin-top: 115rpx;
 		}
 		.zt_btn{
 			width: calc(100% - 140rpx) !important;

pagesHome/wifiSetMemo3.vue

@@ -1,12 +1,10 @@
 <template>
-	<view class="page" :style="{'min-height':h+'px', 'padding-top':mt+'px'}">
+	<view class="page adffcac" :style="{'min-height':h+'px', 'padding-top':mt+'px'}">
 		<cus-header title='配置网络说明'></cus-header>
-		<div class="top">找到 “Xiaozhi” Wi-Fi热点，点击连接成功</div>
-		<image class="tl" src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/06/03/c9902d6d-e94c-431b-b339-575effdd8e11.png" mode="widthFix"></image>
-		<div class="adffcacjc">
-			<image class="step" src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/06/03/db6520f4-f46b-4baa-b248-73338ed90318.png"></image>
-			<div class="zt_btn" @tap="next">下一步</div>
-		</div>
+		<div class="top">设置 - 无限局域网 - 开启</div>
+		<image class="tl" src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/07/03/c63d1188-10ec-4e4d-84e1-1bd67773743a.png" mode="widthFix"></image>
+		<image class="step" src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/06/03/db6520f4-f46b-4baa-b248-73338ed90318.png"></image>
+		<div class="zt_btn" @tap="next">下一步</div>
 	</view>
 </template>
 
@@ -31,37 +29,26 @@
 	.page{
 		background: #FFFFFF;
 		box-sizing: border-box;
+		padding: 0 60rpx;
 		.top{
-			font-family: PingFang-SC, PingFang-SC;
-			font-weight: bold;
+			font-family: PingFangSC, PingFang SC;
+			font-weight: 400;
 			font-size: 32rpx;
 			color: #000000;
 			line-height: 45rpx;
-			text-align: left;
-			margin-top: 40rpx;
-			padding-left: 40rpx;
+			text-align: center;
+			margin-top: 64rpx;
 		}
 		.tl{
 			width: 100%;
-			margin-top: 60rpx;
-		}
-		.tip{
-			font-family: PingFangSC, PingFang SC;
-			font-weight: 400;
-			font-size: 24rpx;
-			color: #111111;
-			line-height: 33rpx;
-			text-align: left;
-			margin-top: 40rpx;
-			padding-left: 40rpx;
+			margin-top: 75rpx;
 		}
 		.step{
 			width: 100rpx;
 			height: 16rpx;
-			margin-top: 46rpx;
+			margin-top: 146rpx;
 		}
 		.zt_btn{
-			width: calc(100% - 140rpx) !important;
 			margin-top: 139rpx;
 		}
 	}