微信小程式 scroll view元件

2021-08-14 17:15:41 字數 1211 閱讀 7986

scroll-view為滾動檢視,分為水平滾動和垂直滾動。注意滾動檢視垂直滾動時一定要設定高度否則的話scroll-view不會生效。滾動檢視常用的地方一般都是item項比較多的介面,比如我的模組

主要屬性:

使用演示:

wxml

scroll-y="true"

style="height: 200px">

style="background: red; width: 100px; height: 100px" >

view>

style="background: green; width: 100px; height: 100px">

view>

style="background: blue; width: 100px; height: 100px">

view>

style="background: yellow; width: 100px; height: 100px">

view>

scroll-view>

scroll-x="true"

style=" white-space: nowrap; display: flex" >

style="background: red; width: 200px; height: 100px; display: inline-block" >

view>

style="background: green; width: 200px; height: 100px; display: inline-block">

view>

style="background: blue; width: 200px; height: 100px; display: inline-block">

view>

style="background: yellow; width: 200px; height: 100px; display: inline-block">

view>

scroll-view>

微信小程式 scroll view下拉重新整理

需求描述 1.首先我的scroll view部分是巢狀在template內 2.應用template的頁面頂部還有乙個日期選擇picker且位置固定 3.下拉重新整理當前頁面 重新整理請求 utils news.getnews function result settimeout function ...

微信小程式 scroll view元件(有坑)

根據官方給的案例,我感到深深的無力感,設定橫向滾動時怎麼都滾動不了,其中的苦就不多說,直接說乾貨。各種引數去看開發文件吧。index.wxss vertical scroll horizontal scroll scroll view item h bc green scroll view item...

微信小程式把玩(九)scroll view元件

原文 scroll view為滾動檢視,分為水平滾動和垂直滾動。注意滾動檢視垂直滾動時一定要設定高度否則的話scroll view不會生效。滾動檢視常用的地方一般都是item項比較多的介面,比如我的模組 主要屬性 使用演示 wxml scroll y true style height 200px ...