微信小程序swiper使用網(wǎng)絡(luò)圖片不顯示問題解決
更新時(shí)間：2019年12月13日 14:39:15 作者：dongrui23
這篇文章主要介紹了微信小程序swiper使用網(wǎng)絡(luò)圖片不顯示問題解決,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
這篇文章主要介紹了微信小程序swiper使用網(wǎng)絡(luò)圖片不顯示問題解決,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
wxml代碼：
<view class="container">
<swiper indicator-dots="true}"
autoplay="true" interval="3000" duration="1">
<block wx:for="{{imgUrls}}" wx:key="*this">
<swiper-item>
<image src="{{item}}" width="355" height="150"></image>
</swiper-item>
</block>
</swiper>
</view>
js代碼：
data: {
imgUrls: [
"http://img0.imgtn.bdimg.com/it/u=2394972844,3024358326&fm=26&gp=0.jpg",
"http://img5.imgtn.bdimg.com/it/u=3008142408,2229729459&fm=26&gp=0.jpg",
"http://img4.imgtn.bdimg.com/it/u=2939038876,2702387014&fm=26&gp=0.jpg"
]
}
結(jié)果：（無法顯示，查看控制臺(tái)無報(bào)錯(cuò)）
解決，swiper添加寬高。
wxss：
.container{
width: 100%;
}
.container swiper{
width: 100%;
}
能正常顯示了：
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript學(xué)習(xí)小結(jié)(一)——JavaScript入門基礎(chǔ)
本教程比較適合javascript初學(xué)者，對(duì)javascript基本知識(shí)的小結(jié)包括變量，基本類型等知識(shí)點(diǎn)，需要的朋友一起來學(xué)習(xí)吧2015-09-09
javascript DOM實(shí)用學(xué)習(xí)資料
比較詳細(xì)的實(shí)例分析了dom的一些常用方法2008-09-09
利用JavaScript實(shí)現(xiàn)簡(jiǎn)單3D開關(guān)書本模型
這篇文章主要為大家詳細(xì)介紹了如何利用JavaScript實(shí)現(xiàn)簡(jiǎn)單3D開關(guān)書本模型的效果,文中的實(shí)現(xiàn)代碼講解的非常詳細(xì),具有一定參考價(jià)值,感興趣的同學(xué)可以動(dòng)手嘗試一下2023-11-11
這篇文章主要介紹了antd upload控件的data參數(shù)使用，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-02-02
Javascript中八種遍歷方法的執(zhí)行速度深度對(duì)比
關(guān)于數(shù)組或?qū)ο蟊闅v，相信很多人都沒有深入觀察過執(zhí)行效率。這是一個(gè)曾在群里吵翻天的話題，讀懂后你將成為遍歷效率話題的大師。下面這篇文章主要介紹了Javascript中八種遍歷方法執(zhí)行速度深度對(duì)比的相關(guān)資料，需要的朋友可以參考下。2017-04-04
javascript實(shí)現(xiàn)一個(gè)數(shù)值加法函數(shù)
這篇文章主要介紹了javascript實(shí)現(xiàn)一個(gè)數(shù)值加法函數(shù)，十分的簡(jiǎn)單實(shí)用，方便大家理解javascript，有需要的小伙伴可以參考下。2015-06-06
本篇文章是對(duì)捕獲鍵盤事件(且兼容各瀏覽器)的實(shí)現(xiàn)進(jìn)行了詳細(xì)的分析介紹，需要的朋友參考下2013-07-07
取容器大小、定位、距離等在實(shí)際中使用的比較廣泛，下面與大家分享下小編整理的js相關(guān)代碼，有此需求的朋友可以參考下，希望對(duì)大家有所幫助2013-08-08
JavaScript中用字面量創(chuàng)建對(duì)象介紹
這篇文章主要介紹了JavaScript中用字面量創(chuàng)建對(duì)象介紹,本文直接給出代碼實(shí)例,并講解了一些技巧,需要的朋友可以參考下2014-12-12
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)多張圖片上傳功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-11-11