# 首頁布局 ### 首頁布局也就是DIY頁面，頁面根據自己的需求可以拖拽制作。  ## 功能組件簡介 ### 輪播圖 > 輪播圖調用后臺輪播圖里面的數據，首頁布局可以對尺寸，焦點等進行調整 > ### 廣告位 > 廣告位是圖片模塊自由組合，然后上傳自己的素材設置對應鏈即可；  ### 圖片列表 > 圖片列表，主要是圖片樣式的列表，主要用于直接展示圖片流的DIY。 > 圖片列表的高度會根據圖片高度自動識別。 >  > ### 宮格導航 > 宮格導航是調用首頁分類里面數據 >  ### 標題 > 首頁里面插入標題，增加頁面層次，例如活動標題、分類標題等等，對標題內容、樣式、顏色、圖標等都可以自定義調整  ### 輔助空白 > 輔助空白主要是便于DIY組件之間增加間隔距離使用的。 ### 搜索框 > 此搜索框是商城里面的搜索框，便于調用在首頁快速搜索想要的商品。 > ### 分割線 > 分割線主要用于組件之間或者其它需要使用線類地方使用的 > ### 圖文集 > 圖文集樣式主要是通過以圖文樣式為主，然后自定義圖片與文字內容 > ### 視頻 > 添加視頻后首頁展示視頻，由于微信小程序只支持mp4格式視頻，所以這里的視頻鏈接必須是.mp4格式的，否則無法播放。 > 如果沒有mp4地址，是本地電腦的視頻，可以上傳到自己云儲存上； > 如何上傳視頻，可以去商城里面編輯商品頁面上傳了復制地址過來； >  > 視頻是不能放在最底部的否則不能播放，如果放最底部了，添加一個輔助空白； >  ### 音頻 > 添加音頻以后首頁展示音頻，音頻格式要求參考微信小程序技術文檔。 > ### 優惠券 > 首頁直接調用營銷里面的優惠券信息。 >  ### 天氣 > 首頁天氣，調用天氣配置里面的數據。 >  ### 資訊 > 首頁滾動資訊，調用圖文資訊，默認調用所有的數據 >  ### 底部 > 底部三欄魔方圖，調用底部里面數據 > > ### 團隊 > 調用團隊設置里面的數據。設置在“用戶”——"團隊設置里面" >  ### 公眾號 > 微信小程序設置公眾號關注組件； >需要在小程序后臺打開才能使用。