活动公告当前位置:星鸿娱乐 > 活动公告 > >

星鸿娱乐注册微信小程序 Button 组件详解及简单实

  

[微信小程序,Button,组件,微信小程序,Button]微信小程序 Button 组件详解及简单实例

  

微信小程序 Button  

  

相关文章:  

  

微信小程序 Button   

  

微信小程序 radio   

  

微信小程序 slider   

  

微信小程序 星鸿娱乐平台 switch  

  

微信小程序 textarea  

  

微信小程序 picker-view   

  

微信小程序 picker   

  

微信小程序 label   

  

微信小程序 input  
  
  

  

微信小程序 form   

  

微信小程序 checkbox  
  
  

  

实现实例效果图:  

  

  

  

  

                                                                                                          
属性名类型默认值说明
sizeStringdefault有效值default, mini
typeStringdefault按钮的样式类型,有效值primary, default, warn
plainBooleanfalse按钮是否镂空,背景色透明
disabledBooleanfalse是否禁用
loadingBooleanfalse名称前是否带 loading 图标
formTypeString有效值:submit, reset,用于form组件,点击分别会触发submit/reset事件
hover-classStringbutton-hover指定按钮按下去的样式类。当hover-class="none"时,没有点击态效果
  

  

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

  

示例代码:  

  
  
  /** wxss **/  /** 修改button默认的点击态样式类**/  .button-hover{  background-color:red;  }  /** 添加自定义button点击态样式类**/  .other-button-hover{  background-color:blur;  }        

上一篇:jQuery原理系列-常用Dom操作详解

下一篇:JavaScript多级下拉菜单代码(简单实用)

推荐内容

客户服务热线

010-400-12345

在线客服