18720358503 在线客服 人才招聘 返回顶部
企业动态 技术分享 行业动态

个人小程序开发教程—小程序初始界面设置密码

2021-02-12分享 "> 对不起,没有下一图集了!">

 如何手中机手机微信手机微信微信小程序初始网页页面输入登录登陆密码,看到在网络上得到了很多方法,较为广泛的是如何输入一个六位登录登陆密码。这儿详尽详细介绍一种觉得比较可行的方法,具体进行下列:
最终具体实际效果:



编号进行:wxml:
input bindinput="saveInputValue" password='{{ispassword}}' placeholder="请输入登录登陆密码" focus="{{focus}}" /    !--设置输入框,password即登录登陆密码方法--view bindtap="toggleValue"      !--关系辨别输入登录登陆密码不是是适当--text class="tip {{valueIsShow?'active':''}}"    {{valueIsShow?'隐藏登录登陆密码':'显示信息信息内容登录登陆密码'}}    /text/view    !--设置规范辨别,控制不是是显示信息信息内容输入内容--button bindtap="onEnter"进入综合服务平台/button   !--全自动自动跳转至首页--
wxss:
.inputBox{   color:  #ffffff; } .tip {  text-align: center;  font-size: 30rpx;  color: #666; }.toggle-tip {     margin-top: 10rpx;           text-align: center; }.toggle-tip .tip {          font-size: 22rpx;         line-height: 22rpx;    color: #666; }.toggle-tip .active {     color: #087b46; }.buttoncolor {  font-size: 40rpx;   color: #ffffff;   background-image: linear-gradient(-45deg, #fbc2eb 0%, #a6c1ee 100%);   background-size: cover;   margin: 100rpx;   bottom: 50rpx; } 
JS:
//index.jsconst app = getApp()Page({  data: {      avatarUrl: './user-unlogin.png',      userInfo: {},      logged: false,      takeSession: false,      requestResult: '',      valueIsShow: false,      value:'',      valueTest:'',      ispassword: true/* 设置登录登陆密码和辨别登录登陆密码不是是适当的值 */    },  onLoad: function() {   if (!wx.cloud) {         wx.redirectTo({              url: '../chooseLib/chooseLib',            })          return        }    // 得到顾客信息内容內容        wx.getSetting({          success: res = {             if (res.authSetting['scope.userInfo']) {          // 早就授权,可以马上开启 getUserInfo 得到头像呢称,不可易弹出窗口                wx.getUserInfo({                    success: res = {                      this.setData({                         avatarUrl: res.userInfo.avatarUrl,                          userInfo: res.userInfo                        })                     }                  })              }            }         })      },  onGetUserInfo: function(e) {      if (!this.logged e.detail.userInfo) {         this.setData({            logged: true,             avatarUrl: e.detail.userInfo.avatarUrl,             userInfo: e.detail.userInfo          })        }     },  onEnter: function (e) {      let valueTest = this.data.valueTest       console.log(valueTest)       if(valueTest == '0'){         wx.switchTab({            url: '../home/home',           })          wx.showToast({            title: 'success',            icon: 'success',             duration: 2000           })        }        else{          wx.showToast({              title: 'wrong',              icon: 'none',              duration: 2000            })         }             },/* 设置if进行规范辨别,用valueTest的值对登录登陆密码不是是适当进行分辨,这儿valueTest标值‘0’时进行全自动自动跳转,要不然提示输入不了功,再度输入 */     toggleValue() {      this.setData({         valueIsShow: !this.data.valueIsShow,          ispassword: !this.data.ispassword        })     },    /* 这儿设置不是是显示信息信息内容登录登陆密码,返回wxml,返回值false和true */ saveInputValue:function(e) {       let value = e.detail.value        console.log(value)        if (value == 'c851038595') {/* 百分号后面就是设定的登录登陆密码,这儿登录登陆密码为c851038595 */            this.data.valueTest = '0'         }        else{          this.data.valueTest = ''         }    },})/* 这儿设置登录登陆密码值value并进行辨别,若登录登陆密码值适当,则分辨标值‘0’,并在onEnter中进行获得取得成功全自动自动跳转,要不然错误 */

进而,大伙儿可马上依据变动js内的saveInputValue的value值,就可以对程序登录登陆密码进行调整。
[标识:內容1]


经典著作权声明

即速应用倡导高度重视与维护保养技术专业专业知识产权年限期限。如发现本站文章内容內容存在经典著作权难点,烦请提供经典著作权疑虑、真正真实身份确认、经典著作所有权证实、 ,大伙儿将马上处理。本站文章内容內容仅作共享资源沟通交流沟通交流关键主要用途,写作者看法不一同于即速应用看法。顾客与写作者的一切交易与本站无关紧要,请悉知。


弥勒供电系统系统软件与手机上手机微信手机微信微信小程序促进智能化化交费协议书便签署 弥勒供电系统系统软件局邀请手机上手机微信手机微信微信小程序“融e电”开发设计设计方案商在我国工商局局金融业组织相关工作中中工作中工作人员学员学生就业实干际实际操作流程进行学习培训学习培训 1605581535 2020双十一,手机上手机微信手机微信微信小程序如何杀出重围占据生产制造制造行业盈利? 双十一即将到来,各种各样商家早已在十月中就早就摩拳擦掌了,相对性性能比过去双十一的盛况,今年手机微信微信小程序才华横溢变为电子器件商务接待生产制造制造行业重要的比赛场。根据阿拉丁指数值值报告预测分析剖析大伙儿能够看到,今年双十一手机微信微信小程序的广告宣传宣传策划运营经营规模将呈现爆发式提升,有去年18亿到今年的4六亿,提升做到250%。手机微信微信小程序电子器件商务接待将变为流量争夺的重要方法。 1605581327 在我国邮政于百度搜索检索App公布集寄件、查询非常于一身的著名知名品牌卡功效 一年一度的双11购物快乐按期而至,大伙儿在“抢货”的同时,无可避免导致由于退货货要想寄快递公司企业的规定。便于考虑到顾客在双十一前后左右上下猛增的快递公司企业规定,在我国邮政于百度搜索检索App公布集寄件、查询非常于一身的著名知名品牌卡功效,该功效由百度搜索检索智能化化手机微信微信小程序载重。 1604628430

"> 对不起,没有下一图集了!">
在线咨询