Files
bodyWeight/miniprogram/pages/connectedWifi/connectedWifi.wxml
T

117 lines
3.6 KiB
Plaintext

<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/configureDevice/wifiPwd.png"/>
</view>
<view>{{selectedWifi.name}}</view>
</view>
<view>
<view>密码</view>
<view>
<block wx:if="{{type}}">
<input
password="{{true}}"
value="{{selectWifiPWD}}"
bindinput="passwordInput"
placeholder="输入您的wi-fi密码"
placeholder-class="placeholderClass"/>
</block>
<block wx:else>
<input
password="{{false}}"
value="{{selectWifiPWD}}"
bindinput="passwordInput"
placeholder="输入您的wi-fi密码"
placeholder-class="placeholderClass"/>
</block>
</view>
<view bind:tap="inputTypeChange">
<image src="/images/configureDevice/{{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></view>
<view>
<view>{{currentDevice.name}}</view>
<view>
<view></view>
<text>已连接</text>
</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="id">
<block wx:if="{{item.connected}}">
<view class="wifiItem wifiItem-connected" data-id="{{item.id}}" bind:tap="onTapWifi">
<view></view>
<text>{{item.name}}</text>
<view>
<text>已连接</text>
<view></view>
</view>
</view>
</block>
<block wx:else>
<view class="wifiItem" data-id="{{item.id}}" bind:tap="onTapWifi">
<view></view>
<text>{{item.name}}</text>
<view></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></view>
<text>未查找到可用wifi,请重试</text>
</view>
</block>
</block>
</view>