第一版

2025-03-25 20:52:15 +08:00
commit 04d373b84e
88 changed files with 4539 additions and 0 deletions
@@ -0,0 +1,27 @@
+const app = getApp();
+
+Page({
+	data: {
+		wifiInfo: null,
+		password: "mimahaojige8"
+	},
+
+	onLoad(options) {
+		this.setData({
+			wifiInfo: JSON.parse(options.item)
+		})
+	},
+
+	passwordInput(e) {
+		this.setData({
+			password: e.detail.value
+		})
+	},
+
+	// 打开配网
+	openSetNetwork() {
+		wx.navigateTo({
+			url: "/pages/setNetwork/setNetwork?ssid=" + this.data.wifiInfo.ssid + "&password=" + this.data.password
+		})
+	}
+})
@@ -0,0 +1,5 @@
+{
+	"usingComponents": {},
+	"navigationBarTitleText": "输入Wi-Fi密码",
+	"disableScroll": true
+}
@@ -0,0 +1,24 @@
+<view class="form">
+	<view>
+		<view>
+			<image src="/images/setWifiPassword/icon.png" />
+		</view>
+		<view>{{wifiInfo.ssid}}</view>
+	</view>
+	<view>
+		<view>密码</view>
+		<view>
+			<input 
+				type="password" 
+				value="{{password}}"
+				bindinput="passwordInput"
+				placeholder="8~16位密码" 
+				placeholder-class="placeholderClass" />
+		</view>
+		<view>
+			<image src="/images/setWifiPassword/open.png" />
+		</view>
+	</view>
+</view>
+
+<view class="btn" bind:tap="openSetNetwork">连接</view>
@@ -0,0 +1,81 @@
+page {
+	padding: 55rpx 55rpx 0;
+	background-color: #ffffff;
+}
+
+.form {
+	width: 100%;
+	margin-bottom: 64rpx;
+}
+
+.form>view {
+	width: 100%;
+	height: 96rpx;
+	display: flex;
+	flex-wrap: nowrap;
+	align-items: center;
+	padding: 0 24rpx;
+	box-sizing: border-box;
+	border-radius: 16rpx;
+	background-color: #F6F6F6;
+}
+
+.form>view:first-of-type {
+	margin-bottom: 32rpx;
+}
+
+.form>view>view:nth-of-type(1) {
+	color: #252535;
+	width: 100rpx;
+	height: 96rpx;
+	line-height: 96rpx;
+	font-size: 32rpx;
+	font-weight: bold;
+}
+
+.form>view:first-of-type>view:nth-of-type(1) {
+	padding: 24rpx 45rpx 24rpx 7rpx;
+	box-sizing: border-box;
+	display: flex;
+	align-items: center;
+}
+
+.form>view>view:nth-of-type(2) {
+	color: #252535;
+	flex: 1;
+	width: 0;
+	height: 96rpx;
+	font-size: 32rpx;
+	line-height: 96rpx;
+}
+
+.form>view>view:nth-of-type(2) input {
+	color: #252535;
+	width: 100%;
+	height: 96rpx;
+	font-size: 32rpx;
+	line-height: 96rpx;
+}
+
+.placeholderClass {
+	color: #B6B6B6;
+	font-size: 32rpx;
+}
+
+.form>view>view:nth-of-type(3) {
+	width: 56rpx;
+	height: 56rpx;
+}
+
+.btn {
+	color: #FFFFFF;
+	width: 580rpx;
+	height: 88rpx;
+	font-size: 32rpx;
+	font-weight: bold;
+	line-height: 88rpx;
+	margin: 0 auto;
+	text-align: center;
+	border-radius: 44rpx;
+	background-color: #1385FA;
+}