日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

swiper

---

基礎(chǔ)庫(kù) 1.0.0 開始支持，低版本需做兼容處理。

我們注重客戶提出的每個(gè)要求，我們充分考慮每一個(gè)細(xì)節(jié)，我們積極的做好做網(wǎng)站、網(wǎng)站建設(shè)服務(wù)，我們努力開拓更好的視野，通過(guò)不懈的努力，創(chuàng)新互聯(lián)建站贏得了業(yè)內(nèi)的良好聲譽(yù)，這一切，也不斷的激勵(lì)著我們更好的服務(wù)客戶。 主要業(yè)務(wù)：網(wǎng)站建設(shè),網(wǎng)站制作,網(wǎng)站設(shè)計(jì),成都微信小程序,網(wǎng)站開發(fā),技術(shù)開發(fā)實(shí)力，DIV+CSS，PHP及ASP，ASP.Net，SQL數(shù)據(jù)庫(kù)的技術(shù)開發(fā)工程師。

滑塊視圖容器。

屬性	類型	默認(rèn)值	必填	說(shuō)明	最低版本
indicator-dots	boolean	false	否	是否顯示面板指示點(diǎn)	1.0.0
indicator-color	color	rgba(0, 0, 0, .3)	否	指示點(diǎn)顏色	1.1.0
indicator-active-color	color	#000000	否	當(dāng)前選中的指示點(diǎn)顏色	1.1.0
autoplay	boolean	false	否	是否自動(dòng)切換	1.0.0
current	number	0	否	當(dāng)前所在滑塊的 index	1.0.0
interval	number	5000	否	自動(dòng)切換時(shí)間間隔	1.0.0
duration	number	500	否	滑動(dòng)動(dòng)畫時(shí)長(zhǎng)	1.0.0
circular	boolean	false	否	是否采用銜接滑動(dòng)	1.0.0
vertical	boolean	false	否	滑動(dòng)方向是否為縱向	1.0.0
previous-margin	string	"0px"	否	前邊距，可用于露出前一項(xiàng)的一小部分，接受 px 和 rpx 值	1.9.0
next-margin	string	"0px"	否	后邊距，可用于露出后一項(xiàng)的一小部分，接受 px 和 rpx 值	1.9.0
display-multiple-items	number	1	否	同時(shí)顯示的滑塊數(shù)量	1.9.0
skip-hidden-item-layout	boolean	false	否	是否跳過(guò)未顯示的滑塊布局，設(shè)為 true 可優(yōu)化復(fù)雜情況下的滑動(dòng)性能，但會(huì)丟失隱藏狀態(tài)滑塊的布局信息	1.9.0
easing-function	string	"default"	否	指定 swiper 切換緩動(dòng)動(dòng)畫類型	2.6.5
bindchange	eventhandle		否	current 改變時(shí)會(huì)觸發(fā) change 事件，event.detail = {current, source}	1.0.0
bindtransition	eventhandle		否	swiper-item 的位置發(fā)生改變時(shí)會(huì)觸發(fā) transition 事件，event.detail = {dx: dx, dy: dy}	2.4.3
bindanimationfinish	eventhandle		否	動(dòng)畫結(jié)束時(shí)會(huì)觸發(fā) animationfinish 事件，event.detail 同上	1.9.0

easing-function 的合法值

值	說(shuō)明	最低版本
default	默認(rèn)緩動(dòng)函數(shù)
linear	線性動(dòng)畫
easeInCubic	緩入動(dòng)畫
easeOutCubic	緩出動(dòng)畫
easeInOutCubic	緩入緩出動(dòng)畫

從公共庫(kù)v1.4.0開始，change事件返回detail中包含一個(gè)source字段，表示導(dǎo)致變更的原因，可能值如下：

• autoplay自動(dòng)播放導(dǎo)致swiper變化；
• touch用戶劃動(dòng)引起swiper變化；
• 其他原因?qū)⒂每兆址硎尽?/li>

注意：如果在 bindchange 的事件回調(diào)函數(shù)中使用 setData 改變 current 值，則有可能導(dǎo)致 setData 被不停地調(diào)用，因而通常情況下請(qǐng)?jiān)诟淖?nbsp; current 值前檢測(cè) source 字段來(lái)判斷是否是由于用戶觸摸引起。

swiper-item

基礎(chǔ)庫(kù) 1.0.0 開始支持，低版本需做兼容處理。

僅可放置在組件中，寬高自動(dòng)設(shè)置為100%。

屬性	類型	默認(rèn)值	必填	說(shuō)明	最低版本
item-id	string		否	該 swiper-item 的標(biāo)識(shí)符	1.9.0

示例代碼：

  
    
      
    
  

 indicator-dots 
 autoplay 
 interval
 duration

Page({
  data: {
    imgUrls: [
      'http://img02.tooopen.com/images/20150928/tooopen_sy_143912755726.jpg',
      'http://img06.tooopen.com/images/20160818/tooopen_sy_175866434296.jpg',
      'http://img06.tooopen.com/images/20160818/tooopen_sy_175833047715.jpg'
    ],
    indicatorDots: false,
    autoplay: false,
    interval: 5000,
    duration: 1000
  },
  changeIndicatorDots: function(e) {
    this.setData({
      indicatorDots: !this.data.indicatorDots
    })
  },
  changeAutoplay: function(e) {
    this.setData({
      autoplay: !this.data.autoplay
    })
  },
  intervalChange: function(e) {
    this.setData({
      interval: e.detail.value
    })
  },
  durationChange: function(e) {
    this.setData({
      duration: e.detail.value
    })
  }
})

分享題目：創(chuàng)新互聯(lián)小程序教程：微信小程序視圖容器swiper
本文URL：http://www.5511xx.com/article/djpdcpc.html