微信小程序 圖片寬度自適應(yīng)的實現(xiàn)
更新時間：2017年04月06日 17:12:27 投稿：lqh
這篇文章主要介紹了微信小程序 圖片寬度自適應(yīng)的實現(xiàn)的相關(guān)資料,需要的朋友可以參考下
微信小程序 圖片寬度自適應(yīng)的實現(xiàn)
實例代碼：
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,//是否顯示圓點
autoplay: true,//自動播放
interval: 2000,//間隔時間
duration: 1000//監(jiān)聽滾動和點擊事件
})
}
感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
相關(guān)文章
這篇文章主要介紹了Javascript版Langchain入門教程解析2023-06-06
這篇文章主要為大家介紹了Skypack布局前端基建過程詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-07-07
Dom-api MutationObserver使用方法詳解
這篇文章主要為大家介紹了Dom-api MutationObserver使用方法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-11-11
Server-sent?events實時獲取服務(wù)端數(shù)據(jù)技術(shù)詳解
這篇文章主要為大家介紹了Server-sent?events實時獲取服務(wù)端數(shù)據(jù)技術(shù)詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-02-02
這篇文章主要介紹了在JavaScript實例對象中改寫原型方法的一下相關(guān)資料,需要的效果版可以參考一下文章詳細(xì)內(nèi)容，希望對你有所幫助2021-10-10
JavaScript?sort方法實現(xiàn)數(shù)組升序降序
這篇文章主要為大家介紹了JavaScript?sort方法實現(xiàn)數(shù)組升序降序示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-07-07
這篇文章主要介紹了如何利用javascript做簡單的算法，主要是以提問的形式猶如練習(xí)小例子然后解決問題并附代碼說明,需要的朋友可以參考一下2021-11-11
詳解JavaScript中數(shù)組的相關(guān)知識
這篇文章主要介紹了JavaScript中中數(shù)組的相關(guān)知識,是JS入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下2015-07-07
fabric.js圖層功能獨立顯隱?添加?刪除?預(yù)覽實現(xiàn)詳解
這篇文章主要為大家介紹了fabric.js圖層功能獨立顯隱?添加?刪除?預(yù)覽實現(xiàn)詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-05-05
這篇文章主要為大家介紹了使用async?await處理錯誤的方法示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-07-07