微信小程序

62 阅读1分钟

1.缓存用户及密码:

wxml内容:

用户名:<input class="input-sty" placeholder="请输入您的账户" bindinput="bindKeyInput"/>

密码:<input class="input-sty" placeholder="请输入您的密码" bindinput="bindKeyInput2" type="password"/>

<button bindtap="dl" size="mini" type="primary" plain="">登录

js内容;

// pages/shuoye/shouye.js

Page({

    /**

     * 页面的初始数据

     */

    data: {

    },

    bindKeyInput:function(e){

        console.log(e)

        let {detail:{value}} = e;

        this.setData({

            inputVal:value

        })

        },

    bindKeyInput2:function(a){

        console.log(a)

        let {detail:{value}} = a;

        this.setData({

            inputVal1:value

        })

        },

    dl:function(res){

        wx.setStorageSync('username', this.data.inputVal),

        wx.setStorageSync('password', this.data.inputVal1),

        wx.navigateTo({

          url: '/pages/lunbo/lunbo',

        })

    },

    /**

     * 生命周期函数--监听页面加载

     */

    onLoad: function (options) {

    },

    /**

     * 生命周期函数--监听页面初次渲染完成

     */

    onReady: function () {

    },

    /**

     * 生命周期函数--监听页面显示

     */

    onShow: function () {

    },

    /**

     * 生命周期函数--监听页面隐藏

     */

    onHide: function () {

    },

    /**

     * 生命周期函数--监听页面卸载

     */

    onUnload: function () {

    },

    /**

     * 页面相关事件处理函数--监听用户下拉动作

     */

    onPullDownRefresh: function () {

    },

    /**

     * 页面上拉触底事件的处理函数

     */

    onReachBottom: function () {

    },

    /**

     * 用户点击右上角分享

     */

    onShareAppMessage: function () {

    }

})

wxss内容:

/* pages/shuoye/shouye.wxss */

.input-sty{

    border: 1px solid #000;

    margin: 5px;

    padding: 5px;

}