login1

pages/login1/index.js

@@ -3,118 +3,121 @@ import WxValidate from '../../utils/wxValidate'
 const app = getApp()
 Page({
 
-  /**
-   * 页面的初始数据
-   */
-  data: {
-    frameStyle: { useTop: false, name: '登录', leftArrow: false, useBar: false },
-    // 主体高度
-    infoHeight: '',
-  },
-  initValidate() {
-    const rules = { phone: { required: true, tel: true }, password: { required: true, } }
-    // 验证字段的提示信息，若不传则调用默认的信息
-    const messages = { phone: { required: '请输入账号', }, password: { required: '请输入密码', } };
-    this.WxValidate = new WxValidate(rules, messages)
-  },
-  // 提交登录
-  onSubmit: function (e) {
-    const params = e.detail.value;
-    if (!this.WxValidate.checkForm(params)) {
-      const error = this.WxValidate.errorList[0];
-      wx.showToast({ title: `${error.msg}`, icon: 'error', duration: 2000 })
-      return false
-    } else {
-      wx.request({
-        url: app.globalData.publicUrl + `/api/hc/user/login`,
-        method: "post",
-        data: { ...params },
-        header: {},
-        success: (res) => {
-          if (res.data.errcode == '0') {
-            wx.setStorage({ key: "user", data: res.data.data });
-            app.globalData.userInfo = res.data.data;
-            wx.showToast({ title: `账号登录成功`, icon: 'success', duration: 2000 })
-            wx.navigateTo({ url: '/pages/home/index' })
-          } else {
-            wx.showToast({ title: res.data.errmsg, icon: 'error' })
-          }
-        },
-        fail: (res) => { },
-        complete: (res) => { },
-      })
+    /**
+     * 页面的初始数据
+     */
+    data: {
+        frameStyle: { useTop: false, name: '登录', leftArrow: false, useBar: false },
+        // 主体高度
+        infoHeight: '',
+    },
+    initValidate() {
+        const rules = { phone: { required: true, tel: true }, password: { required: true, } }
+        // 验证字段的提示信息，若不传则调用默认的信息
+        const messages = { phone: { required: '请输入账号', }, password: { required: '请输入密码', } };
+        this.WxValidate = new WxValidate(rules, messages)
+    },
+    //提交登录
+    formSubmit: function (e) {
+        console.log('form发生了submit事件，携带数据为：', e.detail.value)
+    },
+    // 提交登录
+    //   onSubmit: function (e) {
+    //     const params = e.detail.value;
+    //     if (!this.WxValidate.checkForm(params)) {
+    //       const error = this.WxValidate.errorList[0];
+    //       wx.showToast({ title: `${error.msg}`, icon: 'error', duration: 2000 })
+    //       return false
+    //     } else {
+    //       wx.request({
+    //         url: app.globalData.publicUrl + `/api/hc/user/login`,
+    //         method: "post",
+    //         data: { ...params },
+    //         header: {},
+    //         success: (res) => {
+    //           if (res.data.errcode == '0') {
+    //             wx.setStorage({ key: "user", data: res.data.data });
+    //             app.globalData.userInfo = res.data.data;
+    //             wx.showToast({ title: `账号登录成功`, icon: 'success', duration: 2000 })
+    //             wx.navigateTo({ url: '/pages/home/index' })
+    //           } else {
+    //             wx.showToast({ title: res.data.errmsg, icon: 'error' })
+    //           }
+    //         },
+    //         fail: (res) => { },
+    //         complete: (res) => { },
+    //       })
 
-    }
-  },
-  // 微信登录
-  wxLogin: function () {
-    wx.showToast({ title: `暂未开放`, icon: 'error', duration: 2000 })
-    // wx.navigateTo({ url: '/pages/home/index' })
-  },
-  /**
-   * 生命周期函数--监听页面加载
-   */
-  onLoad: function (options) {
-    //验证规则函数
-    this.initValidate()
+    //     }
+    //   },
+    // 微信登录
+    wxLogin: function () {
+        wx.showToast({ title: `暂未开放`, icon: 'error', duration: 2000 })
+    },
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad: function (options) {
+        //验证规则函数
+        this.initValidate()
+        // 计算高度
+        this.searchHeight()
+    },
     // 计算高度
-    this.searchHeight()
-  },
-  // 计算高度
-  searchHeight: function () {
-    let frameStyle = this.data.frameStyle;
-    let client = app.globalData.client;
-    let infoHeight = client.windowHeight;
-    // 是否去掉状态栏
-    if (frameStyle.useTop) infoHeight = infoHeight - (client.statusBarHeight + client.getMenu.height + (client.getMenu.top - client.statusBarHeight) * 2);
-    // 是否减去底部菜单
-    if (frameStyle.useBar) infoHeight = infoHeight - 50;
-    if (infoHeight) this.setData({ infoHeight: infoHeight })
-  },
-  /**
-   * 生命周期函数--监听页面初次渲染完成
-   */
-  onReady: function () {
-  },
+    searchHeight: function () {
+        let frameStyle = this.data.frameStyle;
+        let client = app.globalData.client;
+        let infoHeight = client.windowHeight;
+        // 是否去掉状态栏
+        if (frameStyle.useTop) infoHeight = infoHeight - (client.statusBarHeight + client.getMenu.height + (client.getMenu.top - client.statusBarHeight) * 2);
+        // 是否减去底部菜单
+        if (frameStyle.useBar) infoHeight = infoHeight - 50;
+        if (infoHeight) this.setData({ infoHeight: infoHeight })
+    },
+    /**
+     * 生命周期函数--监听页面初次渲染完成
+     */
+    onReady: function () {
+    },
 
-  /**
-   * 生命周期函数--监听页面显示
-   */
-  onShow: function () {
-  },
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow: function () {
+    },
 
-  /**
-   * 生命周期函数--监听页面隐藏
-   */
-  onHide: function () {
+    /**
+     * 生命周期函数--监听页面隐藏
+     */
+    onHide: function () {
 
-  },
+    },
 
-  /**
-   * 生命周期函数--监听页面卸载
-   */
-  onUnload: function () {
+    /**
+     * 生命周期函数--监听页面卸载
+     */
+    onUnload: function () {
 
-  },
+    },
 
-  /**
-   * 页面相关事件处理函数--监听用户下拉动作
-   */
-  onPullDownRefresh: function () {
+    /**
+     * 页面相关事件处理函数--监听用户下拉动作
+     */
+    onPullDownRefresh: function () {
 
-  },
+    },
 
-  /**
-   * 页面上拉触底事件的处理函数
-   */
-  onReachBottom: function () {
+    /**
+     * 页面上拉触底事件的处理函数
+     */
+    onReachBottom: function () {
 
-  },
+    },
 
-  /**
-   * 用户点击右上角分享
-   */
-  onShareAppMessage: function () {
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage: function () {
 
-  }
+    }
 })

pages/login1/index.wxml

@@ -8,18 +8,18 @@
       <view class="con">
        <text class="icon iconfont icon-dianhua"></text>
       </view>
-      <input class="input" name="input" placeholder="请输入手机号" />
+      <input class="input" name="phone" value="{{form.phone}}" placeholder="请输入手机号" />
      </view>
      <view class="one_1_3">
       <view class="con">
        <text class="icon iconfont icon-mima"></text>
       </view>
-      <input class="input" password type="text" placeholder="请输入密码" />
+      <input class="input" password name="password" type="text" value="{{form.password}}" placeholder="请输入密码" />
      </view>
      <view class="one_1_4">
       <text class="text-btn1">立即注册</text>
       <text class="text-btn2">忘记密码？</text>
-      <button class="btn" type="primary" size="mini">登录</button>
+      <button class="btn" type="primary" formType="submit" size="mini">登录</button>
      </view>
      <view class="one_1_5">
       <checkbox-group name="checkbox">
@@ -34,7 +34,7 @@
     一一一一<text>您还可以使用一下方式登录</text>一一一一
    </view>
    <view class="one_3">
-    <button class="mini-btn" type="primary" size="mini">微信登录</button>
+    <button class="mini-btn" type="primary" bindtap="wxLogin" size="mini">微信登录</button>
    </view>
   </view>
  </view>