91在线一级黄片|91视频在线观看18|成人夜间呦呦网站|91资源欧美日韩超碰|久久最新免费精品视频一区二区三区|国产探花视频在线观看|黄片真人免费三级片毛片|国产人无码视频在线|精品成人影视无码三区|久久视频爱久久免费精品

RELATEED CONSULTING
相關咨詢
選擇下列產(chǎn)品馬上在線溝通
服務時間:8:30-17:00
你可能遇到了下面的問題
關閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
創(chuàng)新互聯(lián)小程序教程:微信小程序表單組件 button

button

基礎庫 1.0.0 開始支持,低版本需做 兼容處理。

創(chuàng)新互聯(lián)是一家專注于網(wǎng)站建設、網(wǎng)站設計與策劃設計,宜州網(wǎng)站建設哪家好?創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設十年,網(wǎng)設計領域的專業(yè)建站公司;建站業(yè)務涵蓋:宜州等地區(qū)。宜州做網(wǎng)站價格咨詢:13518219792

按鈕。

屬性類型默認值必填說明最低版本
sizestringdefault按鈕的大小1.0.0
typestringdefault按鈕的樣式類型1.0.0
plainbooleanfalse按鈕是否鏤空,背景色透明1.0.0
disabledbooleanfalse是否禁用1.0.0
loadingbooleanfalse名稱前是否帶 loading 圖標1.0.0
form-typestring用于 form 組件,點擊分別會觸發(fā) form 組件的 submit/reset 事件1.0.0
open-typestring微信開放能力1.1.0
hover-classstringbutton-hover指定按鈕按下去的樣式類。當 hover-class="none" 時,沒有點擊態(tài)效果1.0.0
hover-stop-propagationbooleanfalse指定是否阻止本節(jié)點的祖先節(jié)點出現(xiàn)點擊態(tài)1.5.0
hover-start-timenumber20按住后多久出現(xiàn)點擊態(tài),單位毫秒1.0.0
hover-stay-timenumber70手指松開后點擊態(tài)保留時間,單位毫秒1.0.0
langstringen指定返回用戶信息的語言,zh_CN 簡體中文,zh_TW 繁體中文,en 英文。1.3.0
session-fromstring會話來源,open-type="contact"時有效1.4.0
send-message-titlestring當前標題會話內(nèi)消息卡片標題,open-type="contact"時有效1.5.0
send-message-pathstring當前分享路徑會話內(nèi)消息卡片點擊跳轉(zhuǎn)小程序路徑,open-type="contact"時有效1.5.0
send-message-imgstring截圖會話內(nèi)消息卡片圖片,open-type="contact"時有效1.5.0
app-parameterstring打開 APP 時,向 APP 傳遞的參數(shù),open-type=launchApp時有效1.9.5
show-message-cardbooleanfalse是否顯示會話內(nèi)消息卡片,設置此參數(shù)為 true,用戶進入客服會話會在右下角顯示"可能要發(fā)送的小程序"提示,用戶點擊后可以快速發(fā)送小程序消息,open-type="contact"時有效1.5.0
bindgetuserinfoeventhandle用戶點擊該按鈕時,會返回獲取到的用戶信息,回調(diào)的detail數(shù)據(jù)與wx.getUserInfo返回的一致,open-type="getUserInfo"時有效1.3.0
bindcontacteventhandle客服消息回調(diào),open-type="contact"時有效1.5.0
bindgetphonenumbereventhandle獲取用戶手機號回調(diào),open-type=getPhoneNumber時有效1.2.0
binderroreventhandle當使用開放能力時,發(fā)生錯誤的回調(diào),open-type=launchApp時有效1.9.5
bindopensettingeventhandle在打開授權(quán)設置頁后回調(diào),open-type=openSetting時有效2.0.7
bindlaunchappeventhandle打開 APP 成功的回調(diào),open-type=launchApp時有效2.4.4

size 的合法值

說明最低版本
default默認大小
mini小尺寸

type 的合法值

說明最低版本
primary綠色
default白色
warn紅色

form-type 的合法值

說明最低版本
submit提交表單
reset重置表單

open-type 的合法值

說明最低版本
contact打開客服會話,如果用戶在會話中點擊消息卡片后返回小程序,可以從 bindcontact 回調(diào)中獲得具體信息,具體說明1.1.0
share觸發(fā)用戶轉(zhuǎn)發(fā),使用前建議先閱讀使用指引1.2.0
getPhoneNumber獲取用戶手機號,可以從bindgetphonenumber回調(diào)中獲取到用戶信息,具體說明1.2.0
getUserInfo獲取用戶信息,可以從bindgetuserinfo回調(diào)中獲取到用戶信息1.3.0
launchApp打開APP,可以通過app-parameter屬性設定向APP傳的參數(shù)具體說明1.9.5
openSetting打開授權(quán)設置頁2.0.7
feedback打開“意見反饋”頁面,用戶可提交反饋內(nèi)容并上傳日志,開發(fā)者可以登錄小程序管理后臺后進入左側(cè)菜單“客服反饋”頁面獲取到反饋內(nèi)容2.1.0

lang 的合法值

說明最低版本
en英文
zh_CN簡體中文
zh_TW繁體中文

提示:

  1. button-hover 默認為{background-color: rgba(0, 0, 0, 0.1); opacity: 0.7;}
  2. bindgetphonenumber 從1.2.0 開始支持,但是在1.5.3以下版本中無法使用wx.canIUse進行檢測,建議使用基礎庫版本進行判斷。
  3. 在bindgetphonenumber 等返回加密信息的回調(diào)中調(diào)用 wx.login 登錄,可能會刷新登錄態(tài)。此時服務器使用 code 換取的 sessionKey 不是加密時使用的 sessionKey,導致解密失敗。建議開發(fā)者提前進行 login;或者在回調(diào)中先使用 checkSession 進行登錄態(tài)檢查,避免 login 刷新登錄態(tài)。
  4. 從 2.1.0 起,button 可作為原生組件的子節(jié)點嵌入,以便在原生組件上使用 open-type 的能力。
  5. 目前設置了 form-type 的 button 只會對當前組件中的 form 有效。因而,將 button 封裝在自定義組件中,而 form 在自定義組件外,將會使這個 button 的 form-type 失效。

示例代碼:

/** 修改button默認的點擊態(tài)樣式類**/
.button-hover {
  background-color: red;
}
/** 添加自定義button點擊態(tài)樣式類**/
.other-button-hover {
  background-color: blue;
}
WXML文件







JS文件

var types = ['default', 'primary', 'warn']
var pageObject = {
  data: {
    defaultSize: 'default',
    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
    })
  },
  setLoading: function(e) {
    this.setData({
      loading: !this.data.loading
    })
  }
}

for (var i = 0; i < types.length; ++i) {
  (function(type) {
    pageObject[type] = function(e) {
      var key = type + 'Size'
      var changedData = {}
      changedData[key] =
        this.data[key] === 'default' ? 'mini' : 'default'
      this.setData(changedData)
    }
  })(types[i])
}

Page(pageObject)


本文名稱:創(chuàng)新互聯(lián)小程序教程:微信小程序表單組件 button
本文地址:http://m.jiaoqi3.com/article/copooeo.html