MiniprogramParentWeb/miniprogram/pages/home/home.wxml

<view class="home-container">
    <!--header  -->
    <view class="header">
        <text>设备不支持5G类型以及机场，酒店等热点WLAN。如未获取到，请打开WIFI和GPS后刷新页面。点击WLAN即可查看对应的WLAN信息。</text>
    </view>
    <!-- list -->
    <view class="disable-wlan">
        <text>可用WLAN列表</text>
        <button class="disable-wlan-btn" type="primary" size="mini" bindtap="onRefresh" wx:if="{{wlanList.length > 0}}">刷新</button>
    </view>
    <!-- body -->
    <view class="body">
        <view class="wlan-list" wx:if="{{wlanList.length > 0}}">
            <view class="wlan-item" wx:for="{{wlanList}}" wx:key="index">
                <view bindtap="onSave" data-name="{{wlanList[index]}}" class="{{ index === 0 && isConnectWlan ? 'isConnect' : ''}}">
                    {{wlanList[index].SSID}}
                    <text class="wlan-item-text" wx:if="{{index === 0 && isConnectWlan}}">(当前手机连接网络)</text>
                </view>
            </view>
        </view>
        <view class="wlan-list-empty" wx:else="{{wlanList.length === 0}}">
            <image class="no_wifi" src="../../images/icon/no_wifi.png"></image>
            <text bindtap="onHelp">找不到WLAN?</text>
            <button type="primary" bindtap="onRefresh">刷新</button>
        </view>
    </view>
    <!-- footer -->
    <view class="footer">
        <image class="help" src="../../images/icon/help.png"></image><text bindtap="onHelp">搜索不到WLAN</text>
    </view>
  </view>