微信ウィジェット--論理とインタフェースの分離構造
2190 ワード
学習の道
微信ウィジェット開発ドキュメント参照
基本コンポーネント iconアイコンtypeタイプsuccess,success_を指定するために使用no_circle,info,warn,waiting,cancel,download,search,clear sizeサイズ指定デフォルト20 color cssと同じ色を指定 textテキストはcssの中のpラベルに相当し、主にclassスタイルを加えることができるために異なる:ネストすることができ、 を改行することができる progressプログレスバーpercentパーセンテージ0~100 show-infoプログレスバー右側にパーセンテージborder-radius表示フィレットサイズfont-size表示右側パーセンテージフォントサイズstrok-widthプログレスバー線の幅activeプログレスバー左から右へのアニメーション
フォームコンポーネント buttonボタンsizeサイズmini typeタイプwarn赤色primary緑色default白色loading待ち checkboxチェックボックスvalue値disabledチェックボックス無効カラー input入力ボックスtypeタイプplaceholder入力ボックスが空の場合のプレースホルダ オペレーションフィードバックコンポーネント wx.showActionSheetプルダウン wx.showModal模擬弾窓 wx.showToast()シミュレーション成功層
WeChatウィジェット–インタフェース構造
微信ウィジェット開発ドキュメント参照
勉強を始める
UIコンポーネント
基本コンポーネント
フォームコンポーネント
wx.showActionSheet({
//
itemList: ['A','B','C'],
//
success:function (res){
// res.cancel
if(!res.cancel){
// tapIndex
console.log(res.tapIndex)
}
}
})
wx.showModal({
title: ' ',
content: ' ',
success:function (res){
if(res.confirm){
console.log(' ')
}
}
})
wx.showToast({
title: ' ',
// loading success loading（ ）
icon: 'success',
duration: 2000
})