微信小程序3 常用标签之 button

发布时间 2023-08-01 16:01:53作者: luytest

Button

就是按钮,它最常用的属性就是type

  type:指定按钮的样式,有如下四种

<button>我是按钮1</button>
<button type="default">我是按钮2</button>
<button type="primary">我是按钮3</button>
<button type="warn">我是按钮4</button>

按钮1 不设置type,就是白底黑字;

按钮2 默认,灰底绿字;

按钮3 用的是微信的基础设置,绿底白字;

按钮4 警告类型,灰底红字。

 

  form-type:按钮针对表单的提交类型

<button form-type="submit">我是按钮1</button>
<button form-type="reset">我是按钮2</button>

顾名思义,一个是提交表单,一个是重置,它们其实分别会触发按钮所在表单的两个相应事件,以完成功能,这里先不讲,知道form-type的两个值就好。

 

  open-type:调用相应的方法

<button open-type="getUserInfo">getUserInfo</button>
<button open-type="getPhoneNumber">getPhoneNumber</button>
<button open-type="contact">contact</button>

这几个是比较常用的方法,由官方提供,先知道就行,之后讲js时再说。