微信小程序修改button怎么操作

　　微信小程序商店之前介绍过一些关于微信小程序button的资料，这个组件对于小程序开发来说，是必不可少的一个部分。今天小编要给大家补充的是微信小程序修改button需要的代码，在这之前我们先回顾一下button的主要属*：

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

　　效果图：

　　以下是微信小程序修改button的操作代码：

　　ml:

　　disabled="{{disabled}}" bindtap="setDefault"

　　hover-class="other-button-hover" class="margin-button"> default

　　disabled="{{disabled}}" bindtap="setPrimary" hover-class="none" class="margin-button"> primary

　　disabled="{{disabled}}" bindtap="setWarn" hover-class="button-hover" class="margin-button"> 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)

　　如果大家再遇到类似于那个网友提到的问题，参照文中的资料，你就可以利用小程序修改密码了。过程很简单，希望能够真正解决大家的问题。

　　小程序修改button样式怎么设置?

　　微信小程序button样式修改的代码怎么写?

　　小程序授权怎么修改?修改小程序授权代码是什么?