1、底部的tabBar
可設定的屬性有color、selectedColor、borderStyle、backgroundColor、list至少2個，最多5個（其屬性有pagePath、text、iconPath、selectedIconPath等）
效果如下圖所示：
2、滑塊視圖容器swiper
滑塊視圖容器。
屬性名
類型
預設值
說明
最低版本
indicator-dots
Boolean
false
是否顯示面闆訓示點
indicator-color
Color
rgba(0, 0, 0, .3)
訓示點顔色
<a href="https://mp.weixin.qq.com/debug/wxadoc/dev/framework/compatibility.html">1.1.0</a>
indicator-active-color
#000000
目前選中的訓示點顔色
autoplay
是否自動切換
current
Number
目前所在頁面的 index
interval
5000
自動切換時間間隔
duration
500
滑動動畫時長
circular
是否采用銜接滑動
vertical
滑動方向是否為縱向
bindchange
EventHandle
current 改變時會觸發 change 事件，event.detail = {current: current, source: source}
從公共庫v1.4.0開始，<code>change</code>事件傳回<code>detail</code>中包含一個<code>source</code>字段，表示導緻變更的原因，可能值如下：
<code>autoplay</code> 自動播放導緻swiper變化；
<code>touch</code> 使用者劃動引起swiper變化；
其他原因将用空字元串表示。
注意：其中隻可放置<code><swiper-item/></code>元件，否則會導緻未定義的行為。
僅可放置在<code><swiper/></code>元件中，寬高自動設定為100%。
示例代碼：
3、豆瓣API
在浏覽器中輸入豆瓣電影接口位址
http://api.douban.com/v2/movie/in_theaters
然後F12，打開調試視窗，選擇Console，輸入var a=接口傳回的json串，如下圖所示：
然後回車，再輸入a，再回車，即可看到已經格式化的JSON對象，如下圖所示：
3、從接口擷取資料進行綁定
4、加載進度條
5、如果出現請求的URL位址不在合法域名清單中的話，會出現如下問題：
解決方案：打開小程式微信公衆平台設定小程式開發設定，配置伺服器合法域名（必須是https），如下圖所示：