一、小程序組件分類
微信團隊為開發(fā)者提供了一系列基礎組件,開發(fā)者可以通過組合這些基礎組件進行快速開發(fā)。小程序中的組件也是非常豐富的,開發(fā)者可以基于組件快速搭建出漂亮的頁面結構。小程序中的組件其實相當于網頁中的HTML標簽,只不過標簽名字不一樣。官方把小程序的組件分為了 9 大類,分別是:
① 視圖容器
② 基礎內容
③ 表單組件
④ 導航組件
⑤ 媒體組件
⑥ 地圖組件
⑦ 畫布組件
⑧ 開放能力
⑨ 無障礙訪問
官方地址:https://developers.weixin.qq.com/miniprogram/dev/component/
二、表單組件
1、checkbox-group復選框組
功能描述
多項選擇器,內部由多個checkbox組成。


2、check
功能描述:多選項目

3、radio-group單選框組
單項選擇器,內部由多個 radio 組成

4、Radio


5、label
用來改進表單組件的可用性。
使用for屬性找到對應的id,或者將控件放在該標簽下,當點擊時,就會觸發(fā)對應的控件。 for優(yōu)先級高于內部控件,內部有多個控件的時候默認觸發(fā)第一個控件。 目前可以綁定的控件有:button, checkbox, radio, switch, input。

6、富文本編輯器 editor
富文本編輯器,可以對圖片、文字進行編輯。
編輯器導出內容支持帶標簽的 html 和純文本的 text ,編輯器內部采用 delta 格式進行存儲。
通過 setContents 接口設置內容時,解析插入的 html 可能會由于一些非法標簽導致解析錯誤,建議開發(fā)者在小程序內使用時通過 delta 進行插入。
富文本組件內部引入了一些基本的樣式使得內容可以正確的展示,開發(fā)時可以進行覆蓋。需要注意的是,在其它組件或環(huán)境中使用富文本組件導出的html時,需要額外引入 這段樣式,并維護 <qlcontainer><ql-editor></ql-editor></ql-container> 的結構。文章來源:http://www.zghlxwxcb.cn/news/detail-756416.html
圖片控件僅初始化時設置有效文章來源地址http://www.zghlxwxcb.cn/news/detail-756416.html
到了這里,關于小白開發(fā)微信小程序10--表單組件之checkbox-group/radio-group/label的文章就介紹完了。如果您還想了解更多內容,請在右上角搜索TOY模板網以前的文章或繼續(xù)瀏覽下面的相關文章,希望大家以后多多支持TOY模板網!