Heim  >  Artikel  >  WeChat-Applet  >  Implementierung der Bildbreitenanpassung im WeChat-Applet

Implementierung der Bildbreitenanpassung im WeChat-Applet

不言
不言Original
2018-06-27 15:44:512176Durchsuche

In diesem Artikel werden hauptsächlich relevante Informationen zur Implementierung der Bildbreitenanpassung im WeChat-Applet vorgestellt. Freunde in Not können sich auf

Implementierung der Bildbreitenanpassung im WeChat-Applet

beziehen

Instanzcode:

WXML-Code:

<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-Code:

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,//是否显示圆点 
  autoplay: true,//自动播放 
  interval: 2000,//间隔时间 
  duration: 1000//监听滚动和点击事件 
 }) 
}

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, dass er für das Studium aller hilfreich ist die chinesische PHP-Website!

Verwandte Empfehlungen:

So erhalten Sie Albumfotos im WeChat-Applet

So ändern Sie die Ansichtsbezeichnung dynamisch die WeChat-Applet-Breite und -Höhe

Wie das WeChat-Applet die adaptive Breitenproportionsanzeige von Bildkomponentenbildern implementiert

Das obige ist der detaillierte Inhalt vonImplementierung der Bildbreitenanpassung im WeChat-Applet. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn