天天看點

開發小程式,添加元件用輕棧開發小程式,進入【DesignLab】添加元件。拖拽式操作,右鍵編輯子產品,編輯樣式。這裡将元件

作者:輕棧

開發小程式,添加元件

用輕棧開發小程式,進入【Design Lab】添加元件。拖拽式操作,右鍵編輯子產品,編輯樣式。

這裡将元件分為五種類型,分别是基礎元件、電商元件、互動、進階以及應用。

比如搭建一個小程式商城,用得比較多是基礎元件+電商元件。

基礎元件包括廣告圖檔、圖文展示、輪播多圖、清單多圖、部落格清單、滾動公告、導航、标題。

電商元件包括電商清單、電商類别、商品分組、優惠券、店鋪活動。

所有元件完全開放使用,通過簡單的排列組合,頁面搭建完成。

用微信開發者工具添加元件,寫代碼是必須的~!

小程式中的元件也是由宿主環境提供的,開發者可以基于元件快速搭建出漂亮的頁面結構。官方把小程式的元件分為了13大類,分别是:

視圖容器,基礎内容、表單元件、XR-FRAME、導航、媒體元件、地圖、畫布、開放能力、原生元件說明、無障礙通路、導航欄、頁面屬性配置節點。

了解常見的、使用頻率高的元件。開放文檔中有詳細的介紹,包括功能描述、屬性說明、bug&tip,示例代碼,相關回答。

好了,現在開始動手制作漂亮的小程式吧~

#輕棧##小程式##小程式開發包含哪些内容#

開發小程式,添加元件用輕棧開發小程式,進入【DesignLab】添加元件。拖拽式操作,右鍵編輯子產品,編輯樣式。這裡将元件
開發小程式,添加元件用輕棧開發小程式,進入【DesignLab】添加元件。拖拽式操作,右鍵編輯子產品,編輯樣式。這裡将元件
開發小程式,添加元件用輕棧開發小程式,進入【DesignLab】添加元件。拖拽式操作,右鍵編輯子產品,編輯樣式。這裡将元件

繼續閱讀