小程序：改变当前点击元素样式 | 张先生的网络日志

      <view class="{{_id==1?'click-style':'normal-style'}}" data-id="1" bindtap="Choosen">是</view>
      <view class="{{_id==2?'click-style':'normal-style'}}" data-id="2" bindtap="Choosen" >否</view>

1 2	<view class="{{_id==1?'click-style':'normal-style'}}" data-id="1" bindtap="Choosen">是</view> <view class="{{_id==2?'click-style':'normal-style'}}" data-id="2" bindtap="Choosen" >否</view>

Choosen: function (e) {
        this.setData({
            _id: e.target.dataset.id
        })
    },

1

2

3

4

5

Choosen: function (e) {

this.setData({

_id: e.target.dataset.id

})

},

.normal-style {
    width:49%;
    padding-top:20rpx;
    padding-bottom:20rpx;
    display:inline-block;
    text-align:center;
    background:#fff;
    border:1px solid #f1f1f1;
}
.click-style{
    width:49%;
    padding-top:20rpx;
    padding-bottom:20rpx;
    display:inline-block;
    text-align:center;
    background:#1F4495;
    border:1px solid #f1f1f1;
    color:#fff;
}

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

.normal-style {

width:49%;

padding-top:20rpx;

padding-bottom:20rpx;

display:inline-block;

text-align:center;

background:#fff;

border:1px solid #f1f1f1;

}

.click-style{

width:49%;

padding-top:20rpx;

padding-bottom:20rpx;

display:inline-block;

text-align:center;

background:#1F4495;

border:1px solid #f1f1f1;

color:#fff;

}

统计	今日	昨日	本月	上月
暴力破解	0	1	7	297
扫描器	17	40	115	1468
合计	17	41	122	1765

小程序 2017.6.26 作者：张先生 5k 0 2

相关文章

热门文章

文章评论暂无评论

发表评论
取消