資訊專欄INFORMATION COLUMN
摘要：微信小程序的組件今天學習了微信小程序的組件。參考官網和一新建模板在組件文件夾下新建一個模板文件。使用屬性，作為模板的名字模板的唯一標識符，使用時用屬性聲明。然后在內定義代碼片段，代碼如下二使用模板在調用頁面使用模板。
微信小程序的swiper組件
今天學習了微信小程序的swiper組件。參考官網template和swiper
一、新建模板在組件文件夾components下新建一個模板文件swiper.wxml。
template 使用name屬性，作為模板的名字（模板的唯一標識符，使用時用is屬性聲明）。然后在內定義swiper代碼片段 ，代碼如下：
二、使用模板
在調用頁面使用模板。使用 is 屬性，聲明需要使用的模板（模板是多帶帶的wxml文件，需要import引入）
然后將模板所需要的 data 傳入
三、設置data
在js中設置swiper參數
/*index.js*/
Page({
data: {
swiperCon: {
imgUrls: [
"../../images/banner-1.png",
"../../images/banner-2.png"
],
indicatorDots: true,//是否顯示面板指示點
indicatorColor: "rgba(0, 0, 0, .3)",//指示點顏色
indicatorActiveColor: "#007aff",//當前選中的指示點顏色
autoplay: true,//是否自動切換
interval: 5000,//自動切換時間間隔
duration: 1000,//滑動動畫時長
circular: true,//是否采用銜接滑動
}
}
})
完整案例
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/83469.html
摘要：傳統的網頁編程采用的三劍客來實現，在微信小程序中同樣有三劍客。觀察者模式不難實現，重點是如何在微信小程序中搭配其特有的生命周期來使用。交互事件傳統的事件傳遞類型有冒泡型與捕獲型，微信小程序中自然也有。 本文由作者鄒永勝授權網易云社區發布。 簡介為了更好的展示我們即時通訊SDK強悍的能力，網易云信IM SDK微信小程序DEMO的開發就提上了日程。用產品的話說就是: 云信 IM 小程序 S...
摘要：利用這篇教程存儲一些常用的微信小程序開發技巧，方便查找。但是第一，微信小程序是國內的，有中文文檔，雖然它的文檔說明有點坑，但好歹有文檔，閱讀理解對小伙伴們來說不是問題。 Create by jsliang on 2018-9-17 17:58:56 Recently revised in 2018-11-19 08:19:13 ?Hello 小伙伴們，如果覺得本文還不錯，記得給個...
摘要：利用這篇教程存儲一些常用的微信小程序開發技巧，方便查找。但是第一，微信小程序是國內的，有中文文檔，雖然它的文檔說明有點坑，但好歹有文檔，閱讀理解對小伙伴們來說不是問題。 Create by jsliang on 2018-9-17 17:58:56 Recently revised in 2018-11-19 08:19:13 ?Hello 小伙伴們，如果覺得本文還不錯，記得給個...
摘要：利用這篇教程存儲一些常用的微信小程序開發技巧，方便查找。但是第一，微信小程序是國內的，有中文文檔，雖然它的文檔說明有點坑，但好歹有文檔，閱讀理解對小伙伴們來說不是問題。 Create by jsliang on 2018-9-17 17:58:56 Recently revised in 2018-11-19 08:19:13 ?Hello 小伙伴們，如果覺得本文還不錯，記得給個...
閱讀 792·2021-09-22 16:01
閱讀 2084·2021-08-20 09:37
閱讀 1693·2019-08-30 15:54
閱讀 1689·2019-08-30 15:44
閱讀 826·2019-08-28 18:23
閱讀 3005·2019-08-26 12:17
閱讀 1005·2019-08-26 11:56
閱讀 1539·2019-08-23 16:20
