button 外观样式

微信小程序

button 外观样式

// pages/demo13/demo13.js
Page({
  // 获取用户的手机号码信息
  getPhoneNumber(e){
    console.log(e);
  },
  // 获取用户个人信息
  getUserInfo(e){
    console.log(e);
  }
})


 <button>默认按钮button>
 <button size="mini">  mini 默认按钮button>
 <button type="primary"> primary 按钮button> 
 <button type="warn"> warn 按钮button> 
 <button type="warn" plain> plain 按钮button> 
 <button type="primary" loading> loading 按钮button> 

 
<button open-type="contact">contactbutton>
<button open-type="share">sharebutton>
<button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">getPhoneNumberbutton>
<button open-type="getUserInfo" bindgetuserinfo="getUserInfo">getUserInfobutton>
<button open-type="launchApp">launchAppbutton>
<button open-type="openSetting">openSettingbutton>
<button open-type="feedback">feedbackbutton>

你可能感兴趣的:(小程序)