欧美三级国产三级日韩三级_亚洲熟妇丰满大屁股熟妇_欧美亚洲成人一区二区三区_国产精品久久久久久模特

微信小程序?qū)崿F(xiàn)類似JQuery siblings()的方法 - 新聞資訊 - 云南小程序開(kāi)發(fā)|云南軟件開(kāi)發(fā)|云南網(wǎng)站建設(shè)-昆明葵宇信息科技有限公司

159-8711-8523

云南網(wǎng)建設(shè)/小程序開(kāi)發(fā)/軟件開(kāi)發(fā)

知識(shí)

不管是網(wǎng)站,軟件還是小程序,都要直接或間接能為您產(chǎn)生價(jià)值,我們?cè)谧非笃湟曈X(jué)表現(xiàn)的同時(shí),更側(cè)重于功能的便捷,營(yíng)銷的便利,運(yùn)營(yíng)的高效,讓網(wǎng)站成為營(yíng)銷工具,讓軟件能切實(shí)提升企業(yè)內(nèi)部管理水平和效率。優(yōu)秀的程序?yàn)楹笃谏?jí)提供便捷的支持!

您當(dāng)前位置>首頁(yè) » 新聞資訊 » 小程序相關(guān) >

微信小程序?qū)崿F(xiàn)類似JQuery siblings()的方法

發(fā)表時(shí)間:2021-3-31

發(fā)布人:葵宇科技

瀏覽次數(shù):62

想要實(shí)現(xiàn)的效果:

1、點(diǎn)擊數(shù)字時(shí)背景為紅色,字體為白色

2、點(diǎn)擊1或2時(shí),對(duì)應(yīng)下面的灰點(diǎn)消失,再次點(diǎn)擊其他數(shù)字時(shí)灰點(diǎn)顯示

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
});
} 

相關(guān)案例查看更多