微信小程序隐藏元素的五种方法

微信小程序隐藏元素的五种方法

最新推荐文章于 2024-10-12 10:24:13 发布

爱游戏爱动漫的肥宅 于 2018-10-25 22:43:42 发布

转载地址:http://www.lanrenmb.com/xiaochengxujiaocheng/8896.html

一、使用wx:if指令。

<view wx:if="{{3>2}}">我是wx:if</view> 1

二、使用opacity属性

<view style="opacity:{{opacity}}">我是opacity属性</view> 1

三、使用display属性

<view style="display:none">每个组件都有的display属性</view> //元素不显示 <view style="display:block">每个组件都有的display属性</view> //元素显示 <view hidden="{{'adfad'=='adf'}}">每个组件都有的dy属性</view> //当然在{{}}表达式中也可以使用一些简单的运算。 12345

四、还有一种方式可以使用绝对定位,使元素脱离文档流,通过改变元素的top和left属性值控制元素的显示与否

   五、使用hidden属性,然后在页面的js文件中通过修改hidden值来控制

<view hidden="true">每个组件都有的hidden属性</view> <view hidden='false'>每个组件都有的hidden属性</view> <view hidden="{{hiddenn}}">每个组件都有的hidden属性</view> 12345

相关知识

微信小程序隐藏元素的五种方法
微信小程序页面内转发 按钮 转发
微信跳一跳游戏玩法及隐藏技巧
《魔域手游2》微信小程序即将上线,快来随时随地幻化你的宝宝!
王者荣耀微信登录异常怎么回事 QQ微信登录失败请稍后再试超时解决方法
《英雄联盟》手游怎么更新微信头像
暗区突围qq和微信数据互通介绍
微信小游戏个人推广运营指南
《游戏王:决斗链接》2023微信红包封面已开放领取
《花间绘君颜》十八坊的日常丨微信表情包第一辑

网址: 微信小程序隐藏元素的五种方法 http://www.hyxgl.com/newsview329429.html

推荐资讯