微信小程序点击显示与隐藏金额

wxml

<view bindtap="showChange" class="center_balance">可用余额(元)</view><view class="center_balance1 {{showHide?'show':'hide'}}">{{spendingNum}}</view><view class="center_balance1 {{showHide?'hide':'show'}}">{{spendingHideNum}}</view>

wxss

/* 价格显示隐藏 */
.hide{display: block;
}
.show{display: none;
}

 data: {// 点击隐藏价格spendingNum:"666.66",spendingHideNum:"***",},//点击切换显示showChange: function(){this.setData({showHide: !this.data.showHide,})
},

微信小程序点击显示与隐藏金额相关推荐

微信小程序点击显示和隐藏
要实现微信小程序的点击显示和隐藏功能,可以采用以下方法: 1.在wxml文件中定义按钮或者其他需要点击显示和隐藏的元素,并设置按钮或者元素的样式和属性. 2.在对应的js文件中,先定义一个变量,用于标 ...
微信小程序控制盒子显示隐藏_微信小程序动态的显示或隐藏控件的方法(两种方法)...
在微信小程序开发时,经常要用到一个控件会根据不同的情况和环境动态显示与隐藏这种情况,下面就来实践一把!上效果先它的实现方法有两种, 第一种方法:单选法,就是隐藏与显示根据条件二选一,代码如下: 我是 ...
微信小程序动态的显示或隐藏控件
在微信小程序开发时,经常要用到一个控件会根据不同的情况和环境动态显示与隐藏这种情况,下面就来实践一把!上效果先它的实现方法有两种, 第一种方法:单选法,就是隐藏与显示根据条件二选一,代码如下: &l ...
微信小程序控制盒子显示隐藏_微信小程序点击控制元素的显示与隐藏
微信小程序点击控制元素的显示与隐藏首先我们先来看一下单个点击效果我们来看一下wxml中的代码: 更多内容更多> 2017-07-27 下面的是js中的主要代码: data: { shows ...
微信小程序点击弹出输入框
微信小程序点击弹出输入框第一次写博客,我决定不要太old school. let's get it!最近在学习微信开发,刚接触到微信小程序,自己尝试着做了一个简单的小程序,过程中发现类似web开发中 ...
微信小程序点击复制功能
微信小程序点击复制功能 wx.setClipboardData({data: data, // data就是需要复制的数据success: res => {this.onClose() // 复 ...
微信小程序点击选择拨打多个电话
微信小程序点击选择拨打多个电话效果预览 wxml 内 <view class='product-contact' wx:if="{{contact!=''}}" data- ...
微信小程序点击收藏
微信小程序点击收藏需求点击收藏后显示已收藏,在另一个页面出现目前点击收藏的项目需要解决的问题点击收藏后需要显示已收藏,并且文字状态改变另一个页面如何知道你点击了收藏,并且获得你点击收藏的数 ...
微信小程序点击icon实现分享功能
微信小程序点击icon实现功能分享功能 1.小程序分享功能实现方式 2.定义触发分享功能的icon按钮 3.onShareAppMessage实现分享本文是想点击一个icon触发实现分享功能 1.小 ...
初学者笔记——微信小程序点击图片放大
微信小程序点击图片放大 wx.previewImage 官方文档的解释 PS:红色框框内要注意,需要预览的图片连接列表只支持网络连接图片,2.2.3版本以上支持云文件ID. 将图片dream.jpg上 ...

微信小程序点击显示与隐藏金额

微信小程序点击显示与隐藏金额相关推荐

最新文章

热门文章