干貨：微信小程序的正確打開方式之五—小程序組件1“視圖容器” _容器

從本節開始，我將逐一為大家介紹微信小程序的基礎組件。咱們閑言少敘，直奔主題。
1、小程序基礎組件
小程序基礎組件構成如下圖：
共有8種基礎組件：
1）視圖容器：構成小程序頁面的最基本組件，可以勾勒頁面框架，其中嵌入其他類型的基礎組件。可細分為：view（視圖容器）、-view（可滾動視圖容器）、（滑塊視圖容器）。
2）基礎內容：用于展示基本“圖標”、“文字”、“進度條”等內容，可細分為：icon（圖標）、text（文字）、（進度條）。
3）表單：提供了豐富的：按鈕、表單、輸入框、多選框、單選框、列表選擇器、內嵌列表選擇器、標簽、滾動選擇器、開關選擇器等頁面常用交互組件。
4）導航：網絡鏈接組件，提供了豐富屬性小程序引用地圖，可以建立各種頁面外鏈效果。
5）多媒體：支持頁面上“音頻”、“圖片”、“視頻”的展示組件。
6）地圖：專用的“地圖”組件，使用方便、功能強大。我們上一講中的示例就是使用“地圖”組件實現的。
7）畫布：高級圖形編程組件。可以輕松編程實現圖形化的交互效果。
8）客服會話：簡單進入客服會話的接口組件
2、視圖容器組件示例

文章插圖

文章插圖
在上講示例基礎上，先在中添加“測試頁面2”，修改app.json文件如下圖：
為了區別不同的測試頁面，調整test2頁面的導航條title 。修改test2.json文件：
接下來，為大家展示“視圖容器”各個組件的例子。
（1）-view組件代碼示例
修改test2.wxml文件，其中添加“-view”組件，然后編譯運行，模擬器上顯示出滾動條效果，如下圖：
（2）view組件代碼示例
修改test2.wxml文件，在剛才的“-view”組件內部嵌入“view”組件，然后編譯運行，模擬器上顯示出內嵌view組件的顯示效果小程序引用地圖，如下圖：
（3）組件代碼示例
修改test2.wxml文件，添加組件，然后編譯運行，模擬器上顯示出組件的效果，可以用鼠標查看滑塊效果，如下圖：
“視圖容器”組件的例子就講到這里。下回講講“基礎內容”組件示例。敬請期待。
【干貨：微信小程序的正確打開方式之五—小程序組件1“視圖容器”】本文到此結束，希望對大家有所幫助。

继夫的玩弄H辣文的小说|女人与拘性猛交视频|精品欧美高清不卡高清|一起做亏亏的事情的视频|啦啦啦在线视频观看|望月直播下载ios版本|国产日韩欧美一区二区三区

干貨：微信小程序的正確打開方式之五—小程序組件1“視圖容器”