<强>详解微信小程序通过控制CSS实现视图隐藏与显示
实现效果图:
视图代码,使用变量控制隐藏类名
& lt;滚动视图scroll-y=" true "比;
& lt;视图类=皍ser_freeback”比;
& lt;视图类=叭帧北?
& lt; text>为了更好地帮助您解决问题,请准确填写您的邮箱地址和电话号码,以便管理员给你答复。;/text>
& lt;/view>
& lt;/view>
& lt;视图类=辈糠謜eui-media-box weui-media-box_appmsg”比;
& lt;视图类=" section__title "祝辞希望回访:& lt;/view>
& lt;视图类='形式的班级比;
& lt;复选框组bindchange=癰tn_cbback_tab”比;
& lt;标签祝辞& lt;复选框的值==" https://www.yisu.com/zixun/1 "检查"检查"/比;& lt;/label>
& lt;/checkbox-group>
& lt;/view>
& lt;/view>
& lt;视图类=" {{tipsshow}}部分weui-media-box weui-media-box_appmsg”比;
& lt;视图类=皊ection__title”在您的姓名:& lt;/view>
& lt;视图类='形式的班级比;
& lt;输入类型="文本" name=" txtusername "占位符=扒胧淙肽男彰?比;
& lt;/view>
& lt;/view>
& lt;视图类=" {{tipsshow}}部分weui-media-box weui-media-box_appmsg”比;
& lt;视图类=皊ection__title”在您的邮箱:& lt;/view>
& lt;视图类='形式的班级比;
& lt;输入类型="文本" name=" txtemail "占位符=扒胧淙肽挠氏洹?比;
& lt;/view>
& lt;/view>
& lt;视图类=" {{tipsshow}}部分weui-media-box weui-media-box_appmsg”比;
& lt;视图类=" section__title "祝辞联系电话:& lt;/view>
& lt;视图类='形式的班级比;
& lt;输入类型="文本" name=" txttel "占位符=扒胧淙肽牧档缁啊?比;
& lt;/view>
& lt;/view>
& lt;视图类=辈糠謜eui-media-box weui-media-box_appmsg”比;
& lt;视图类=皊ection__title”在您的主题:& lt;/view>
& lt;视图类='形式的班级比;
& lt;输入类型="文本" name=" txttitle "占位符=扒胧淙肽哪闹魈狻?比;
& lt;/view>
& lt;/view>
& lt;视图类=辈糠謜eui-media-box weui-media-box_appmsg”比;
& lt;视图类=" section__title "祝辞咨询内容:& lt;/view>
& lt;视图类='形式的班级比;
& lt; textarea自动调整name=" txtcontent "占位符=扒胧淙肽淖裳谌荨?比;
& lt;/view>
& lt;/view>
& lt;视图类=皐eui-msg__text-area”比;
& lt;按钮类大?癰tn formType”=疤峤弧?澳稀北?我要咨询& lt;/button>
& lt;/view>
页面({/* *
*页面的初始数据
*/数据:{
tipsshow:“
}，
btn_cbback_tab:函数(e) {
如果(e.detail.value !=" ")
{
this.setData ({
tipsshow:“undis”
}）
}
其他的
{
this.setData ({
tipsshow:“
}）
}
}，
onLoad:功能(选项){
}，/* *
*生命周期函数——监听页面初次渲染完成
*/onReady:函数(){
}，/* *
*生命周期函数——监听页面显示
*/昂秀:函数(){
}，/* *
*生命周期函数——监听页面隐藏
*/onHide:函数(){
}，/* *
*生命周期函数——监听页面卸载
*/onUnload:函数(){
}，/* *
*页面相关事件处理函数——监听用户下拉动作
*/onPullDownRefresh:函数(){
}，/* *
*页面上拉触底事件的处理函数
*/onReachBottom:函数(){
}，/* *
*用户点击右上角分享
*/onShareAppMessage:函数(){
}，/* *
*页面上拉触底事件的处理函数
*/onReachBottom:函数(){
}，/* *
*页面相关事件处理函数——监听用户下拉动作
*/onPullDownRefresh:函数(){
}
}）
之前
感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
