而產品的要求是需要將指示點方式在右下角，同時是條形。如
思路：不顯示swiper自帶的指示點，根據banner資料集合的長度顯示指示點。根據swiper的滑動更新指示點的狀態。
wxml：
//建立乙個swiper
//indicator-dot="false" 不顯示自帶的指示點
深圳訂單 上門**
這是乙個專業的奢侈品**平台
全面解鎖您對奢侈品**的認知
//根據陣列長度建立指示點
.swiper-group
.swiper
.swiper-item image
//設定指示點為橫向排列
.point-group
//設定指示點的長度和狀態
.point-group .point
//設定指示點選中時的狀態
.point-group .point.active
page(,
//當swiper滑動完成後，更新swipercurrent.swipercurrent用於記錄當前顯示banner的index
swiperanimationlistener:function(e))
},onload: function () {},
})
當index 和 swipercurrent相等時，指示器就顯示被選中的狀態，其他的就顯示平時的狀態。
小程式之自定義元件
小程式允許我們使用自定義元件的方式來構建頁面。自定義元件官方文件 類似於頁面，乙個自定義元件由jsonwxmlwxssjs4個檔案組成 首先需要在 自定義元件下json檔案中進行自定義元件宣告 同時，還要在wxml檔案中編寫元件模板，在wxss檔案中加入元件樣式 注意 在元件wxss中不應使用id選...
小程式自定義TabBar
tabbar requiredbackgroundmodes audio location debug true,sitemaplocation sitemap.json 查資料發現，tabbar的list下的第一項的路徑必須對應於pages配置下的第乙個頁面。因此，將tabbar中list的第乙個...
小程式自定義Tabbar
最近我司改版小程式主頁，個性化了tabbar欄，功能如下 1 預設首頁顯示大圖示，滾動到一定位置，顯示gotop圖示，點選可返回頂部 滑動到頂部也可還原圖示 還原圖示 2 其他tabbar頁類似 在此簡單做個記錄 tabbar 3 在components資料夾內新增自定義custom tab bar...