DIY裝修教程 · 【碼元素】H系列·小程序商城-官方教程（實時更新）

* [1.創建微頁面](http://www.hmoore.net/mayuansu/mav4/2006592#1_3) * [2.編輯頁面](http://www.hmoore.net/mayuansu/mav4/2006592#2_5) * [3.自定義模塊使用](http://www.hmoore.net/mayuansu/mav4/2006592#3_7) * [4.創建好微頁面之后設置為首頁](http://www.hmoore.net/mayuansu/mav4/2006592#4_14) * [5.其他地方調用微頁面（首頁不需要）](http://www.hmoore.net/mayuansu/mav4/2006592#5_17) * [6.頁簽設置](http://www.hmoore.net/mayuansu/mav4/2006592#6_21) * [7.圖片廣告熱區使用方法](http://www.hmoore.net/mayuansu/mav4/2006592#7_26) * [8.自定義授權頁面使用規則](http://www.hmoore.net/mayuansu/mav4/2006592#8_35) ## 1.創建微頁面 ![](https://img.kancloud.cn/4e/d9/4ed9b279d0bdddae1d375172c5e70655_1586x591.png) ## 2.編輯頁面 ![](https://img.kancloud.cn/92/65/9265554f50019324c395e071b45ee9ef_1117x943.jpg) ## 3.自定義模塊使用 ![](https://img.kancloud.cn/f1/f5/f1f57048319d72a087c015847c69c38c_468x292.png) ![![](https://img.kancloud.cn/a4/30/a430cd062630627ecb94670d8a6ed4db_195x422.png) ](images/screenshot_1634298620848.png) 創建自定義模塊 ![](https://img.kancloud.cn/7f/fe/7ffe9af6eff66ad10ba541e72f4f7f15_1586x756.png) ![](https://img.kancloud.cn/6e/43/6e434b677fc0e0c8f974f59a2b9b723c_1072x857.png) **注意：唯一性組件例如快捷導航，關注公眾號這種在微頁面中設置，要使用自定義模塊，小程序前端必須4.2.90以上** ## 4.創建好微頁面之后設置為首頁 ![](https://img.kancloud.cn/aa/56/aa56fe42101fbd73ce5d2bb6d877828a_1586x592.png) ## 5.其他地方調用微頁面（首頁不需要）在選擇鏈接的地方選擇微頁面 ![](https://img.kancloud.cn/79/d2/79d2c0325f7b80f248a0b6c4dcaa75a3_848x627.png) ## 6.頁簽設置在微頁面使用自定義模塊組件 ![](https://img.kancloud.cn/43/99/4399085eb6947baaa7ba62a995434f9a_121x128.png) ![](https://img.kancloud.cn/98/c8/98c8272d0d95b09701e2775ccedf92ff_1238x812.png) ## 7.圖片廣告熱區使用方法選用圖片廣告組件 ![](https://img.kancloud.cn/ae/53/ae53cda9ccce93402274a08acc60b026_1586x694.png) 右邊選擇圖片樣式上傳圖片 ![](https://img.kancloud.cn/f7/9a/f79ae5ad9fb3df0cf200104718cb5122_1194x599.png) 直接選擇鏈接或者劃分熱區：熱區功能表示可以在一個圖片中點擊不同的區域跳轉不同的鏈接 ![](https://img.kancloud.cn/47/84/47848c2b03279b24b04ac4aa425bb233_893x707.png) ## 8.自定義授權頁面使用規則 ![](https://img.kancloud.cn/b1/eb/b1eb2901d38fa72b66281d5797544012_1389x776.png) 當開啟開關，可以使用自己上傳的授權圖片來替換默認的授權彈框圖片點擊劃分熱區，設置登陸區域跟取消區域 ![](https://img.kancloud.cn/8b/bf/8bbf01c7e12b8dad1b7dc81decea7b63_974x697.png)