小程式swiper(tab)高度自適應

2021-09-26 08:49:57 字數 906 閱讀 4775

swiper高度問題一直困擾我。今天終於有時間來解決一下。因為他的高度不能固定死,寫死其他資料展示不完全,不寫或者100%,auto都不行。翻了一堆資料也查了很多,最後總結一下。

1.很多人都說用一種方法。就是高度*數量,也就是所說的獲取資料陣列長度,根據資料長度來動態改變每頁的長度,因為字型大小啊什麼的在各個手機顯示不一定都相同,總感覺不是解決問題的最佳方法。

2.使用swiper+scroll-view

先設定swiper高度

style

="height:}"

class

='videoswiper'

current

="}"

duration

="200"

bindchange

="swiperchange"

>

swiper

>

在swiper-item中巢狀乙個scroll-view

>

scroll-y

="}"

style

="height:}"

bindscrolltolower

="scrollbot"

>

scroll-view

>

swiper-item

>

在js中獲取裝置可視視窗高度(我是寫在onload裡的)

onload:

function()

);}}

)}

切換的js

swiperchange:

function

(e))

},

Android ImageView高度自適應

最近有個需求,是往乙個linearlayout中去新增imageview,imageview是動態生成的,然後設定imageview的屬性,但是不管怎麼設定scaletype,都達不到自己喜歡的狀態,顯示原圖大小的話會在imageview的上下有留白,如圖 初步猜想是由於原始 比較大,然後縮放後im...

解決!小程式swiper元件的高度適應問題

眾所周知,swiper元件的元素swiper item是設定了絕對定位的,所以裡面的內容是無法撐開swiper的,並且給swiper盒子設定overflow visible也是沒有用的,有幾種解決方法,根據不同的需求使用。給swiper item裡的內容加scaoll view包裝 示例 const...

微信小程式 動態設定swiper的高度

根據小程式的設定,swiper元件預設高度為150px,無法根據內容來撐高。如果裡面的內容固定還好說,直接設定乙個高度就可以了。要是裡面內容是動態變化的,這個特性使得我們使用這個元件的時候感到諸多不便。舉個例子 如下這種情況,如果我們不給它設定乙個高度,那麼它只會在那個150px區域性進行滾動了。那...