收藏
评论

改变按钮样式

一:首先在wxml文件里面输入以下代码:

<button data-myclass='1'                                                           ------.>定义一个按钮,传一个值为:1

class="{{myclass==1?'btna':' '}}"                                               ------->判断class里面的值是否等于1,如果不等于1,输出一个空

bindtap="mytap_class">改变样式</button>                             ------->定义一个事件为“mytap_class”



二:在JS文件里面定义一个变量,myclass值为空

   

data: {

myclass: '    '

},

三:定义一个方法mytap_class,接收鼠标传过来的值,并赋值为1


mytap_class:function(e){

this.setData({

myclass:e.target.dataset.myclass==1

});

},

四:在wxss里面设置背景样式如:

.btna{

background-color:blueviolet;

}

五:点击“改变样式按钮,颜色变为”






最后一次编辑于  2018-03-21  (未经腾讯允许,不得转载)
收藏赞 0

1 个评论

  • hcrbfufb
    hcrbfufb
    2018-03-21

    代码缩进一下啊

    2018-03-21
    赞同
    回复