微信小程序组件焦点切换

.monery-detail .active{

">#e5c41d;

color: white;

}

<text>充{{item.fulfill}}</text>

<text class='monery-text-min'>送{{item.present}}</text>

</view>

</block>

data: {

recharge: [

{ id: 1, fulfill: 1000, present: 500, active:"active"},

{ id: 2, fulfill: 1500, present: 800, active:''},

{ id: 3, fulfill: 2000, present: 1000, active:''},

{ id: 4, fulfill: 3000, present: 1500, active:''},

{ id: 5, fulfill: 3000, present: 1500, active:''}

]

// 焦点函数

rechargeActive:function(e){

var activeId = e.currentTarget.dataset.id;

var recharge = this.data.recharge;

for (var i = 0; i < recharge.length;i++){

recharge[i].active='';

}

recharge[activeId-1].active = 'active';

this.setData({

recharge: recharge,

});

转载于:https://www.cnblogs.com/dianzan/p/7574969.html

微信小程序组件焦点切换相关推荐

【微信小程序】三、微信小程序组件的基本使用
五.微信小程序组件微信小程序框架为开发者提供了一系列组件,开发者可以通过组合这些组件进行快速开发. (1)微信小程序组件基础概念什么是组件? 组件是视图层的基本组成单元. 组件自带一些功能与微信风 ...
微信小程序组件(标签)—码虫带你飞
微信小程序组件(标签) 组件文档:https://mp.weixin.qq.com/debug/wxadoc/dev/component/ 常用布局标签 <view></view&g ...
微信小程序组件（车牌号输入，支付键盘，滑块验证）
目录车牌号输入组件密码支付键盘组件滑块验证组件车牌号输入组件如图基于微信小程序组件封装,输出值为当前选择车牌号,可回显车牌号. 支持7位8位车牌号,因为我的项目没有此需求,所以没有测试,具 ...
android img标签属性_微信小程序组件叠加效果（如 Android 中的添加蒙层）
实现的效果如下: 可以看出这是由image组件和text组件叠加到一块组成的蒙层效果. 在小程序中实现这个效果主要用到z-index属性和position属性 z-index的使用必须是双方组件都设置 ...
微信小程序组件间通信（二）
2019独角兽企业重金招聘Python工程师标准>>> 一.微信小程序中通过事件,实现子组件向父组件中传递数据或操作注:子组件向父组件中传递通过事件传递操作通过事件参数对象det ...
微信小程序Tab选项卡切换大集合
代码地址如下: http://www.demodashi.com/demo/14028.html 一.前期准备工作软件环境:微信开发者工具官方下载地址:https://mp.weixin.qq.c ...
PHP更新小程序,微信小程序Tab页切换更新数据详细介绍
这篇文章主要介绍了微信小程序 Tab页切换更新数据的相关资料,需要的朋友可以参考下微信小程序 Tab页切换更新数据微信小程序还处于内测阶段,最不方便的莫过于官方在不停的更新,前几天写的功能隔个几天 ...
微信小程序组件、路由、组件通信、侦听器
一.微信小程序组件组件就是小程序页面的组成结构,与html在web网页开发中的作用一样,铺设页面.可以参考其他UI库,像elementUI,vantUI组件组件是视图层的基本组成单元. 组件自带一 ...
微信小程序 - 组件化开发
微信小程序 -- 组件化开发,总结一下开发思路及过程: 组件,类似于页面,一个自定义组件由 json wxml wxss js 4个文件组成. 1.首先,在 miniprogram 文件夹下,创建一个 ...

微信小程序组件焦点切换

微信小程序组件焦点切换相关推荐

最新文章

热门文章

微信 小程序组件 焦点切换

微信 小程序组件 焦点切换相关推荐

最新文章

热门文章

微信小程序组件焦点切换

微信小程序组件焦点切换相关推荐