主要属性：

注：button-hover 默认为{background-color: rgba(0, 0, 0, 0.1); opacity: 0.7;}

效果图：

ml:

      default 
      primary 
      warn 点击设置以上按钮disabled属性点击设置以上按钮plain属性点击设置以上按钮loading属性点击设置以上按钮size属性

 

ss：

/** wxss **//** 修改button默认的点击态样式类**/.button-hover {
     background-color: yellow;  opacity: 0.7;}/** 添加自定义button点击态样式类**/.other-button-hover {
     background-color: green;  opacity: 0.7;}.margin-button{
       margin-top: 10px;}

 

js:

var pageObject = {  data: {    defaultSize: 'default',////有效值 default, mini    primarySize: 'default',    warnSize: 'default',    disabled: false,    plain: false,    loading: false  },  //设计是否禁用  setDisabled: function(e) {    this.setData({      disabled: !this.data.disabled    })  },  //设计按钮是否镂空，背景色透明  setPlain: function(e) {    this.setData({      plain: !this.data.plain    })  },  //设计按钮名称前是否带 loading 图标  setLoading: function(e) {    this.setData({      loading: !this.data.loading    })  },  //设计按钮的大小  setSize:function(){    this.setData({      defaultSize: this.data.defaultSize=='default' ? 'mini' : 'default',////有效值 default, mini      primarySize:  this.data.defaultSize=='default' ? 'mini' : 'default',      warnSize:  this.data.defaultSize=='default' ? 'mini' : 'default',    })  },  setDefault:function(){      console.log('setDefault....')  },  setWarn:function(){    console.log('setWarn....')  },  setPrimary:function(){    console.log('setPrimary....')  },}Page(pageObject)