Prechádzať zdrojové kódy

feature:增加配网连接界面

zeng.chen 8 mesiacov pred
rodič
commit
712a36884c

+ 89 - 0
pages/deviceConMode/index.js

@@ -0,0 +1,89 @@
+// pages/deviceConMode/index.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    scopeBluetooth: false,
+    userFuzzyLocation: true,
+    nvabarData: {
+      showCapsule: 1, //是否显示左上角图标   1表示显示    0表示不显示
+      title: '连接配网', //导航栏 中间的标题
+      callback() {
+        wx.navigateBack({
+          delta: 1,
+        })
+      }
+    },
+    isNotruter: false,
+    model: ""
+  },
+  getModeName(curItem) {
+    // 设备类型:1-蓝牙,2-Wifi,3-传统蓝牙,4-4G
+    var str = "";
+    if (curItem.deviceMode == 4) {
+      str = "移动数据模式";
+    } else if (curItem.deviceMode == 2) {
+      str = "WiFi模式";
+    } else if (curItem.deviceMode == 1) {
+      str = "蓝牙模式";
+    }
+    return str;
+  },
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+
+  }
+})

+ 4 - 0
pages/deviceConMode/index.json

@@ -0,0 +1,4 @@
+{
+  "usingComponents": {    "nav-bar": "./../components/navbar/navbar"
+  }
+}

+ 39 - 0
pages/deviceConMode/index.wxml

@@ -0,0 +1,39 @@
+<!-- pages/deviceConMode/index.wxml -->
+<!-- pages/deviceRoter0/deviceRoter0.wxml -->
+<view class="deviceRoter">
+  <nav-bar bind:goBack="_goBack" nav-bgc-class="ex-nav-bgc-class" nav-title-class="ex-nav-title-class" ex-back-pre="ex-back-pre" navbar-data='{{nvabarData}}'></nav-bar>
+  <view class="roterps">
+    <text class="setDeviceModel">开启设备选择{{model}}</text>
+    <text class="setDeviceModelTips">开启后点击“下一步”</text>
+    <view class="devicePic">
+      <block wx:for="{{typeList}}">
+        <view class="devicePicItem" bindtap="selectDeviceModel" data-type="{{item.type}}">
+          <image class="select_icon" src="{{item.src}}"></image>
+          <view class="device_text">
+            <image class="model_icon" src="{{item.src}}"></image>
+            <text class="model_text">开启后点击“下一步”</text>
+          </view>
+        </view>
+      </block>
+    </view>
+    <text>开启设备并将开关打至WiFi模式,指示灯亮
+起后,即可进入下一步</text>
+    <view wx:if="{{!scopeBluetooth && userFuzzyLocation}}" class="qx">
+      <text bindtap="setBluetooth">开启蓝牙权限</text>
+      <image mode="heightFix" src="./../../img/a.png"></image>
+    </view>
+    <view wx:if="{{!userFuzzyLocation}}" class="qx">
+      <text bindtap="setUserFuzzyLocation">开启定位权限</text>
+      <image mode="heightFix" src="./../../img/a.png"></image>
+    </view>
+  </view>
+  <view class="subBtn">
+    <view class="btn" style="opacity: {{scopeBluetooth && userFuzzyLocation ? '1' : '0.6'}};" bindtap="next">
+      {{scopeBluetooth && userFuzzyLocation ? '下一步' : (!userFuzzyLocation ? '请开启定位权限' : '请开启蓝牙权限') }}
+    </view>
+    <view class="notRoter" wx:if="{{isNotruter}}">
+      <text bindtap="notRoter">暂不链接</text>
+      <image mode="heightFix" src="./../../img/b.png"></image>
+    </view>
+  </view>
+</view>

+ 1 - 0
pages/deviceConMode/index.wxss

@@ -0,0 +1 @@
+/* pages/deviceConMode/index.wxss */