微信小程序实现登录注册标签切换效果

利用三元运算符实现登录注册效果切换，供大家参考，具体内容如下

直接上代码

wxml:

view class=' top ' text class=' { {登录？活动“:”} }”捕获点击=“登录”登录/text text class='{{login？':"活动" } }"catch tap="register "注册/text/view view class=' log ' wx : if=' { { log in } } '表单输入占位符='账号/按钮登录/button/form/view view class=' reg ' wx : else form输入占位符='密码/按钮注册/按钮/表单/视图wxss 3360。top { display : flex flex-direction : }行；高度： 100 rpx边框-底部： 1px实心# ccc}。顶部文本{宽度：50%；线高： 100 rpx文本对齐：中心；}.顶部。活动{边框-底部： 2px纯红；}输入{边框-底部： 1px实心# CCC线高： 100 rpx高度： 100 rpx左填充左： 40rpx保证金-底部： 40 rpx}js:

页面({ data: { login:true }，/** *生命周期函数-监听页面加载*/login :函数(){ this。setdata({ log in : true })；}，注册：函数(){ this。setdata({ log in : false })；}，onLoad:函数（选项){ },/** *生命周期函数-监听页面初次渲染完成*/onReady:函数(){ },/** *生命周期函数-监听页面显示*/OnShaw :函数(){ },/** *生命周期函数-监听页面隐藏*/onHide:函数(){ },/** *生命周期函数-监听页面卸载*/onUnload:函数(){ },/** *页面相关事件处理函数-监听用户下拉动作*/onpulldownlrefresh :函数(){ },/** *页面上拉触底事件的处理函数*/onReachBottom:函数(){ },/** *用户点击右上角分享*/onsharappmessage :函数(){ }})以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。