效果如下：
這裡三個使用了swiper元件進行輪播，下方的頁碼數字1、2、3會隨著的切換變動位置
然後我們可以考慮使用hidden或者wx：if的方式，將三個頁碼顯示的view進行輪流顯示/隱藏操作。但是不知道為什麼這種方式只支援一次操作
最後，使用了display:none/block來達到影藏/顯示狀態的切換，這個display是寫在wxml檔案中的
}-5 //index是因為上方採用了 顯示內容，index從0開始計數便是當前下標
}-5}-5
以上這就是頁碼顯示部分，頁碼的組成包括乙個text和乙個image（下方白色橫線），這個內容巢狀在中
bottomview採用position:fixed的定位方式固定在底部設定高和寬，bottom3、2、1採用position：absolute的方式。需要注意的是，如果在bottomview使用了display:flex，將無法使用position。所以在這一部分未採用flex。但是上面的文字和部分採用的是display:flex實現的，這種方式比較簡單
在swiper中，繫結了bindchange="swiperchange"方法，用於在頁面切換時觸發下方頁碼的變化動作，在js檔案中該方法如下：
page(,
swiperchange:function(event)
this.setdata();
},
微信小程式自定義toast的實現
wx.showtoast 下面是官方api的說明 可以看到支援的圖示只有兩種，連基本的warning和error都沒有，最可悲的是title最多隻支援7個漢字的長度，完全不能忍啊，現在哪個框架裡還沒有個正兒八經提示框的元件，想想還是自己寫乙個算了，下面是效果圖 下面來說下小程式實現自定義公共元件的方...
微信小程式自定義元件
父元素 子元件 可以由多個 子元件 a,b,c,d 父元素 首先是關於元件的建立 1 單獨建立乙個資料夾存放 wxss x.js wxml json這四個檔案，其中主要對元件進行宣告的是json檔案，需要寫入 這段 就是讓元件允許被使用，如果元件需要呼叫另乙個元件中，那麼就需要再usingcompe...
微信小程式自定義元件
根據專案需要，抽離出公共的元件。1 在專案根目錄新建乙個component的資料夾，然後新建自己需要的檔案 專案目錄如下 在component裡面我新建了3個子元件。2 子元件的寫法 只有js檔案格式不一樣，其他的檔案都正常寫。js需要自定義乙個component，參考 示例 component d...