|
作者:xiaochun365,來自原文地址
一:圖片寬度自動(dòng)
-
//wxml
-
<swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}">
-
<block wx:for="{{imgUrls}}" wx:key="image">
-
<swiper-item>
-
<image src="{{item.image}}" model="aspectFit" style="width: {{imageWidth}}px;" bindload="imageLoad" />
-
</swiper-item>
-
</block>
-
</swiper>
-
//js
-
imageLoad: function () {
-
this.setData({
-
imageWidth: wx.getSystemInfoSync().windowWidth,//圖片寬度
-
-
imgUrls: [
-
{ image: "http://img02.tooopen.com/images/20150928/tooopen_sy_143912755726.jpg" },
-
{ image: "http://img06.tooopen.com/images/20160818/tooopen_sy_175866434296.jpg" },
-
{ image: "http://img06.tooopen.com/images/20160818/tooopen_sy_175833047715.jpg" }],
-
indicatorDots: false,//是否顯示圓點(diǎn)
-
autoplay: true,//自動(dòng)播放
-
interval: 2000,//間隔時(shí)間
-
duration: 1000//監(jiān)聽滾動(dòng)和點(diǎn)擊事件
-
})
-
}
二:獲取組件數(shù)據(jù)
-
//wxml
-
<dt data-index="{{idMenu}}" bindtap="tapMainMenu">{{menuItem.reportType}}</dt>
-
//js
-
tapMainMenu: function (e) {
-
//獲取當(dāng)前一級(jí)菜單標(biāo)識(shí)
-
var index = parseInt(e.currentTarget.dataset.index);
-
}
|