小程序 swiper 輪播圖圖片橫向顯示不全問題

我要作的是在指定的view里頭部加一個圖片輪播效果。這時問題來了,在開發(fā)環(huán)境的模擬器里顯示正常,但到了真機上圖片的兩邊總是與外邊框存在一定的間距,各種設置<image>的mode都不行。最終于在調(diào)試時發(fā)現(xiàn)了問題,原來它的<image>在自動設置比例的時候有一個屬性overflow一直被設置成hidden。就是說圖片元素在超出了它的布局后都被隱藏了。有了這個我們就不必去費勁調(diào)整它的布局了,微信的mina隱藏了很多樣式,所以調(diào)整布局可是個苦活。

解決辦法將所有<swiper-item>中<image>的屬性overflow設置為show。

?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 14,108評論 1 92
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 178,872評論 25 709
  • 用兩張圖告訴你,為什么你的 App 會卡頓? - Android - 掘金 Cover 有什么料? 從這篇文章中你...
    hw1212閱讀 13,935評論 2 59
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標準。 注意:講述HT...
    kismetajun閱讀 28,797評論 1 45
  • 對我而言,表現(xiàn)自己真實的不完美的一面,我并沒有去想很多,或者做什么鋪墊,我只想越來越做我自己 ...
    小小宸一閱讀 567評論 0 3

友情鏈接更多精彩內(nèi)容