微信小程序視圖組件更多>>  

小程序

<view class="flex-item bc_green">小程序顯示内容</view>   
<view class="flex-item bc_red">顯示内容</view>
<view class="flex-item bc_blue">顯示内容</view>

好消息是,小程序css部分完全遵循css3,學會css3的程序員可以松口氣了。

scroll-view

可滾動視圖區域。

屬性名 類型 默認值 說明
scroll-x Boolean false 允許橫向滾動
scroll-y Boolean false 允許縱向滾動
upper-threshold Number 50 距頂部/左邊多遠時(單位px),觸發 scrolltoupper 事件
lower-threshold Number 50 距底部/右邊多遠時(單位px),觸發 scrolltolower 事件
scroll-top Number 設置豎向滾動條位置
scroll-left Number 設置橫向滾動條位置
scroll-into-view String 值應為某子元素id,則滾動到該元素,元素頂部對齊滾動區域頂部
bindscrolltoupper EventHandle 滾動到頂部/左邊,會觸發 scrolltoupper 事件
bindscrolltolower EventHandle 滾動到底部/右邊,會觸發 scrolltolower 事件
bindscroll EventHandle 滾動時觸發,event.detail = {scrollLeft, scrollTop, scrollHeight, scrollWidth, deltaX, deltaY}

學過css3,的小夥伴門看了下面的标簽有沒有很親切呢

http://m.juhua733584.cn|http://wap.juhua733584.cn|http://www.juhua733584.cn||http://juhua733584.cn