Browse Source

最新样式布局调整

htc 2 days ago
parent
commit
48d8c040f0
1 changed files with 13 additions and 26 deletions
  1. 13 26
      pagesHome/wifiSetMemo4.vue

+ 13 - 26
pagesHome/wifiSetMemo4.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">选择要连接的Wi-Fi,输入Wi-Fi密码,配网成功</div>
-		<image class="tl" src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/06/03/718927f9-3493-40c8-bf1d-2757a7f8890f.png" mode="widthFix"></image>
-		<div class="adffcacjc">
-			<image class="step" src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/06/03/ce79204c-cb1d-4f5d-b31f-1a0240cd51cd.png"></image>
-			<div class="zt_btn" @tap="goback">返回</div>
-		</div>
+		<div class="top">选择要连接的Wi-Fi,点击加入</div>
+		<image class="tl" src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/07/03/6349aad0-3d29-4d2b-a9b1-1a88a5239989.png" mode="widthFix"></image>
+		<image class="step" src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/06/03/ce79204c-cb1d-4f5d-b31f-1a0240cd51cd.png"></image>
+		<div class="zt_btn" @tap="goback">返回</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;
+			color: #111111;
 			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: 190rpx;
 		}
 		.zt_btn{
-			width: calc(100% - 140rpx) !important;
 			margin-top: 139rpx;
 		}
 	}