bodyWeight/miniprogram/pages/connectedWifi/connectedWifi.wxml

<view class="connectedWifi">
    <block wx:if="{{status === 'password'}}">
        <view class="setWifi">
            <view class="setWifi-title">输入Wi-Fi密码</view>
            <view class="setWifi-form">
                <view>
                    <view>
                        <image src="/images/connectedWifi/wifiPwd.png"/>
                    </view>
                    <view>{{selectedSsid}}</view>
                </view>
                <view>
                    <view>密码</view>
                    <view>
                        <block wx:if="{{type}}">
                            <input
                                    password="{{true}}"
                                    value="{{selectWifiPWD}}"
                                    bind:input="passwordInput"
                                    placeholder="输入您的wi-fi密码"
                                    placeholder-class="placeholderClass"/>
                        </block>
                        <block wx:else>
                            <input
                                    password="{{false}}"
                                    value="{{selectWifiPWD}}"
                                    bind:input="passwordInput"
                                    placeholder="输入您的wi-fi密码"
                                    placeholder-class="placeholderClass"/>
                        </block>
                    </view>
                    <view bind:tap="inputTypeChange">
                        <image src="/images/connectedWifi/{{type ? 'open' : 'close'}}.png"/>
                    </view>
                </view>
            </view>
            <view class="setWifi-btn">
				<view bind:tap="onCancelPwd">取消</view>
				<view bind:tap="onConfirmPwd">连接</view>
			</view>
        </view>
    </block>

    <block wx:else>
		<!-- 顶部已连接设备卡 -->
		<view class="deviceCard">
			<view class="card-icon">
				<image src="/images/device/{{deviceName}}.png" mode="aspectFit" style="width:100%;height:100%;"></image>
			</view>
			<view>
				<view>{{deviceName}}</view>
				<view>
					<block wx:if="{{bleStatus === 'connected'}}">
						<view class="status-dot status-dot--green"></view>
						<text class="status-text status-text--green">已连接</text>
					</block>
					<block wx:elif="{{bleStatus === 'failed'}}">
						<view class="status-dot status-dot--red"></view>
						<text class="status-text status-text--red">连接断开</text>
					</block>
					<block wx:else>
						<view class="status-dot status-dot--gray"></view>
						<text class="status-text status-text--gray">连接中...</text>
					</block>
				</view>
			</view>
		</view>

		<block wx:if="{{status === 'idle'}}">
			<view class="wifiIdle">
				查找周边WiFi
			</view>
		</block>

		<block wx:if="{{status === 'searching'}}">
			<view class="wifiSearching">
				搜索中...
			</view>
		</block>

		<block wx:if="{{status === 'list'}}">
			<view class="wifiHeader">
				<view>
					<view>附近WiFi</view>
				</view>
				<view>网络列表(请选择一个网络进行连接)</view>
			</view>
			<scroll-view class="wifiList" scroll-y>
				<block wx:for="{{wifiList}}" wx:key="ssid">
					<block wx:if="{{item.connected}}">
						<view class="wifiItem wifiItem-connected" data-ssid="{{item.ssid}}" bind:tap="onTapWifi">
							<view>
								<image src="/images/connectedWifi/wifi.png" mode="aspectFit"/>
							</view>
							<text>{{item.ssid}}</text>
							<view>
								<text>已连接</text>
								<view class="arrow"></view>
							</view>
						</view>
					</block>
					<block wx:else>
						<view class="wifiItem" data-ssid="{{item.ssid}}" bind:tap="onTapWifi">
							<view>
								<image src="/images/connectedWifi/wifi.png" mode="aspectFit"/>
							</view>
							<text>{{item.ssid}}</text>
							<view class="arrow"></view>
						</view>
					</block>
				</block>
			</scroll-view>
			<view class="wifiBtn">
				<view class="{{hasConnected ? '' : 'wifiBtn-disabled'}}" bind:tap="onConfirm">确认</view>
			</view>
		</block>

		<block wx:if="{{status === 'empty'}}">
			<view class="wifiHeader">
				<view>
					<view>附近WiFi</view>
					<view bind:tap="onRefresh">刷新</view>
				</view>
				<view>网络列表(请选择一个网络进行连接)</view>
			</view>
			<view class="wifiEmpty">
				<view>
					<image src="/images/connectedWifi/noData.png" mode="aspectFit"/>
				</view>
				<text>未查找到可用wifi,请重试</text>
			</view>
		</block>
    </block>
</view>