當前位置:菜譜大全網 - 菜譜 - 請問如何在小程序中實現菜單-商品頁面的功能展示?

請問如何在小程序中實現菜單-商品頁面的功能展示?

效果展示利用循環容器的設定值激活第壹項,同時配置為點擊激活壹項,實現點擊菜單顯示不同商品內容的功能。

註意:在數據中心,您可以創建屬於您自己的應用程序的數據表。數據表的類型分為用戶表、商品表、訂單表和自定義表。

單擊數據中心。

創建數據表:商品分類。

該字段包含:分類名稱。

單擊數據中心。

創建數據表:商品。

字段包括:商品名稱、商品圖片、商品分類。

其中商品分類字段單表與商品分類表相關聯。

創建事件註意:事件是將數據與界面元素組件鏈接的抽象邏輯,數據表通過事件與界面元素組件連接。

單擊事件中心。

創建查詢事件:查詢分類。

添加成功響應接口。

單擊事件中心。

創建壹個事件:查詢商品。

觸發器配置註意:在檢查器面板的觸發器設置面板中創建壹個觸發器,可以設置交互邏輯中的組件,也可以配合事件進行動態數據操作。

選擇循環容器。

單擊檢查面板中的觸發面板。

創建觸發器:設置值。默認情況下,第壹項是激活項。

檢查流布局列表。

單擊檢查面板中的觸發面板。

制造壹個觸發器:拿貨。

選擇循環容器。

單擊檢查面板中的觸發面板。

制造壹個觸發器:拿貨。

選擇循環容器的列表條目。

單擊檢查面板中的觸發面板。

創建觸發器:激活。

選擇循環容器。

單擊檢查面板中的觸發面板。

創建觸發器:查詢商品分類。

選擇循環容器。

單擊檢查面板中的觸發面板。

創建觸發器:停用。

選擇循環容器列表條目上的標簽文本。

單擊檢查面板中的觸發面板。

創建觸發器:切換菜單。

綁定數據註意:綁定數據可以將事件返回的數據與組件的顯示內容綁定。

選擇循環容器的列表條目。

單擊檢查面板中的數據綁定和設置。

綁定數據。

選擇流式布局組件的列表條目。

單擊檢查面板中的數據綁定和設置。

綁定數據。