推荐下载
-
2020-05-12 浏览：740
-
2020-05-06 浏览：521
-
2020-05-08 浏览：510
-
2020-04-04 浏览：505
-
2020-05-12 浏览：502
微信小程序实现类似JQuery siblings()的方法
发布时间:2020-11-02想要实现的效果：
1、点击数字时背景为红色，字体为白色
2、点击1或2时，对应下面的灰点消失，再次点击其他数字时灰点显示
wxml:
<block wx:for="{{weekDay}}" wx:key="item.index"> <view data-key="{{index}}" bindtap='select_d' class="day_list {{d_state==index?'red_day':''}}"> <text>{{item.day_n}}</text> <text class='{{item.dian_class}} {{item.state==0?"dian_none":"dian_block"}}'></text> </view> </block>wxss:
.dian_none{ display: none!important; } .dian_block{ display: block!important; } .red_day{ background-color: #e33c3c; color: #ffffff; } .dian_d{ width: 9rpx; height: 9rpx; background-color: #d8d8d8; border-radius: 50%; display: block; }js:
data: { date_week:["日","一","二","三","四","五","六"], weekDay:[ { day_n:"26", dian_class:"" }, { day_n: "27", dian_class: "" },{ day_n: "28", dian_class: "" }, { day_n: "29", dian_class: "" }, { day_n: "30", dian_class: "" }, { day_n: "1", dian_class: "dian_d", state:1 }, { day_n: "2", dian_class: "dian_d", state:1 } ], d_state:"0", }, select_d:function(e){ var array = this.data.weekDay; var index=e.currentTarget.dataset.key; if (array[index].dian_class =="dian_d"){ for (var i = 0; i < array.length; i++) { if (array[i].dian_class == "dian_d") { array[i].state = 1; } } array[index].state = 0; } else if (array[index].dian_class ==""){ for (var i = 0; i < array.length; i++){ if(array[i].dian_class=="dian_d"){ array[i].state = 1; } } } this.setData({ d_state:e.currentTarget.dataset.key, weekDay:this.data.weekDay }); }- 上一篇： 微信小程序左滑显示按钮demo
- 下一篇：一次不成功的深度学习实践 - 微信跳一跳
