详解微信小程序 通过控制CSS实现view隐藏与显示

实现效果图:
视图代码,使用变量控制隐藏类名
<scroll-view scroll-y="true" >
<view class="user_freeback">
<view class="txt">
<text> 为了更好地帮助您解决问题,请准确填写您的邮箱地址和电话号码,以便管理员给你答复。</text>
</view>
</view>
<view class="section weui-media-box weui-media-box_appmsg">
<view class="section__title">希望回访:</view>
<view class='form-group'>
<checkbox-group bindchange="btn_cbback_tab">
<label style="display: flex;" ><checkbox value="1" checked="checked"/> </label>
</checkbox-group>
</view>
</view>
<view class="{{tipsshow}} section weui-media-box weui-media-box_appmsg">
<view class="section__title">您的姓名:</view>
<view class='form-group'>
<input type="text" name="txtusername" placeholder="请输入您的姓名" />
</view>
</view>
<view class="{{tipsshow}} section weui-media-box weui-media-box_appmsg">
<view class="section__title">您的邮箱:</view>
<view class='form-group'>
<input type="text" name="txtemail" placeholder="请输入您的邮箱" />
</view>
</view>
<view class="{{tipsshow}} section weui-media-box weui-media-box_appmsg">
<view class="section__title">联系电话:</view>
<view class='form-group'>
<input type="text" name="txttel" placeholder="请输入您的联系电话" />
</view>
</view>
<view class="section weui-media-box weui-media-box_appmsg">
<view class="section__title">您的主题:</view>
<view class='form-group'>
<input type="text" name="txttitle" placeholder="请输入您的您的主题" />
</view>
</view>
<view class="section weui-media-box weui-media-box_appmsg">
<view class="section__title">咨询内容:</view>
<view class='form-group'>
<textarea auto-height name="txtcontent" placeholder="请输入您的咨询内容" />
</view>
</view>
<view class="weui-msg__text-area">
<button class="btns" formType="submit" size="default"> 我要咨询 </button>
</view>
Page({
/**
* 页面的初始数据
*/
data: {
tipsshow:''
},
btn_cbback_tab: function (e) {
if (e.detail.value!="")
{
this.setData({
tipsshow: 'undis'
})
}
else
{
this.setData({
tipsshow: ''
})
}
},
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
}
})
感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
# 小程序
# 通过控制CSS
# 小程序控制CSS实现view隐藏与显示
# 微信小程序控制view隐藏显示的5种方法汇总
# 您的
# 请输入
# 周期函数
# 触底
# 我要
# 给你
# 希望能
# 解决问题
# 谢谢大家
# 邮箱地址
# 更好地
# section__title
# form
# group
# box_appmsg
# weui
# media
# box
# checkbox
# style
相关文章:
公司网站制作价格怎么算,公司办个官网需要多少钱?
如何通过宝塔面板实现本地网站访问?
北京制作网站的公司排名,北京三快科技有限公司是做什么?北京三快科技?
网站建设设计制作营销公司南阳,如何策划设计和建设网站?
已有域名和空间,如何快速搭建网站?
湖北网站制作公司有哪些,湖北清能集团官网?
如何选择高效稳定的ISP建站解决方案?
如何通过多用户协作模板快速搭建高效企业网站?
专业网站制作企业网站,如何制作一个企业网站,建设网站的基本步骤有哪些?
网站制作中优化长尾关键字挖掘的技巧,建一个视频网站需要多少钱?
图片制作网站免费软件,有没有免费的网站或软件可以将图片批量转为A4大小的pdf?
最好的网站制作公司,网购哪个网站口碑最好,推荐几个?谢谢?
平台云上自主建站:模板化设计与智能工具打造高效网站
Android滚轮选择时间控件使用详解
建站之星安装提示数据库无法连接如何解决?
如何零成本快速生成个人自助网站?
建站之星代理平台如何选择最佳方案?
制作网站公司那家好,网络公司是做什么的?
实惠建站价格推荐:2025年高性价比自助建站套餐解析
网站海报制作教学视频教程,有什么免费的高清可商用图片网站,用于海报设计?
建站之家VIP精选网站模板与SEO优化教程整合指南
家族网站制作贴纸教程视频,用豆子做粘帖画怎么制作?
如何批量查询域名的建站时间记录?
IOS倒计时设置UIButton标题title的抖动问题
如何撰写建站申请书?关键要点有哪些?
如何通过万网虚拟主机快速搭建网站?
常州自助建站工具推荐:低成本搭建与模板选择技巧
建站之星后台管理如何实现高效配置?
极客网站有哪些,DoNews、36氪、爱范儿、虎嗅、雷锋网、极客公园这些互联网媒体网站有什么差异?
,购物网站怎么盈利呢?
建站主机数据库如何配置才能提升网站性能?
建站之星如何修改网站生成路径?
网站制作说明怎么写,简述网页设计的流程并说明原因?
PHP 500报错的快速解决方法
建站VPS推荐:2025年高性能服务器配置指南
网站好制作吗知乎,网站开发好学吗?有什么技巧?
C++如何使用std::optional?(处理可选值)
保定网站制作方案定制,保定招聘的渠道有哪些?找工作的人一般都去哪里看招聘信息?
如何快速查询域名建站关键信息?
如何快速登录WAP自助建站平台?
个人网站制作流程图片大全,个人网站如何注销?
建站之星后台搭建步骤解析:模板选择与产品管理实操指南
mc皮肤壁纸制作器,苹果平板怎么设置自己想要的壁纸我的世界?
如何在Windows 2008云服务器安全搭建网站?
如何通过PHP快速构建高效问答网站功能?
头像制作网站在线制作软件,dw网页背景图像怎么设置?
建站之星3.0如何解决常见操作问题?
在线制作视频网站免费,都有哪些好的动漫网站?
如何通过建站之星自助学习解决操作问题?
如何高效配置IIS服务器搭建网站?
*请认真填写需求信息,我们会在24小时内与您取得联系。