微信小程序中的swiper組件詳解
更新時間：2017年04月14日 11:05:56 作者：HaiJing1995
這篇文章主要介紹了微信小程序中的swiper組件詳解的相關(guān)資料,需要的朋友可以參考下
微信小程序中的swiper組件
微信小程序中的swiper組件真的是簡單方便
提供了頁面中圖片文字等滑動的效果
<swiper> <swiper-item></swiper-item> <swiper-item></swiper-item> <swiper-item></swiper-item> </swiper>
這里的就是一個滑塊視圖容器；而就是你希望滑動的東西，可以是文字也可以是image
其中swiper有很多屬性。常用的有
- 屬性名 默認值 作用
- indicator-dots false 是否顯示面板指示點
- indicator-color rgba(0, 0, 0, .3) 指示點的顏色
- indicator-active-color #000000 當前選中的指示點顏色
- autoplay false 是否自動播放
- intervaly 5000 自動切換時間間隔
更多的屬性可以去查看微信小程序官方教程
https://mp.weixin.qq.com/debug/wxadoc/dev/component/swiper.html
這里vertical=”true”在官方文檔中沒有提到，定義這個可以上下滑動
還有一點需要注意vertical=”false”時，仍然是上下滑動，原因就是微信小程序在解析時將”false”看成字符串，只要字符串不為空，就為真。所以我們需要這樣寫：vertical=”{{false}}”
感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
相關(guān)文章
[綠色]超強圖片數(shù)量上傳無限制...2006-06-06
JavaScript?腳本實現(xiàn)復(fù)雜的查詢改寫示例
這篇文章主要為大家介紹了JavaScript?腳本實現(xiàn)復(fù)雜的查詢改寫示例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-07-07
這篇文章主要介紹了微信小程序 開發(fā)經(jīng)驗整理的相關(guān)資料,需要的朋友可以參考下2017-02-02
preload 顧名思義就是一種預(yù)加載的方式，它通過聲明向瀏覽器聲明一個需要提交加載的資源，當資源真正被使用的時候立即執(zhí)行，就無需等待網(wǎng)絡(luò)的消耗2020-02-02
微信小程序中實現(xiàn)一對多發(fā)消息詳解及實例代碼
這篇文章主要介紹了微信小程序中實現(xiàn)一對多發(fā)消息詳解及實例代碼的相關(guān)資料,需要的朋友可以參考下2017-02-02
這篇文章主要介紹了微信小程序 wx.request方法的異步封裝實例詳解的相關(guān)資料,需要的朋友可以參考下2017-05-05
這篇文章主要介紹了利用JS創(chuàng)建一個錄屏功能，創(chuàng)建這個功能錢我們首先創(chuàng)建一個HTML文件，包含記錄按鈕和一個播放標簽，下面來看看創(chuàng)建的詳細過程2021-11-11
這篇文章主要介紹了微信小程序 audio 組件實例詳解的相關(guān)資料,需要的朋友可以參考下2016-09-09
這篇文章主要介紹了 微信小程序 設(shè)置啟動頁面的方法的相關(guān)資料,這里對設(shè)置啟動頁面的兩種方法分別介紹，需要的朋友可以參考下2017-03-03
這篇文章主要介紹了微信小程序 http請求封裝詳解及實例代碼的相關(guān)資料,需要的朋友可以參考下2017-02-02