微信小程序之scroll-view簡(jiǎn)單使用

很久就打算學(xué)習(xí)微信小程序了,一直沒時(shí)間,最近看新聞十大廠商聯(lián)合發(fā)布他們小程序? 感覺今年要活所以抓緊過來(lái)學(xué)習(xí),所以寫文章大家一塊學(xué)習(xí)。不喜勿噴。

1、首先我們來(lái)看下官方的文檔?微信小程序官方文檔

看了文檔,對(duì)于接觸過H5的同學(xué)來(lái)說(shuō),可能看著挺簡(jiǎn)單,但是對(duì)于沒有接觸過H5的同學(xué)來(lái)說(shuō)可能有點(diǎn)懵逼,官方文檔下面有實(shí)例代碼? 如果你直接把代碼CV過去我想應(yīng)該是不可以的,因?yàn)槭纠a中引用了一些cs屬性所以編譯會(huì)報(bào)錯(cuò)。下面我們看下簡(jiǎn)單的實(shí)現(xiàn)代碼


實(shí)例代碼

? ? scroll-y="true" ? 這個(gè)官方文檔有說(shuō)明? 是讓空間豎這滑動(dòng)的屬性 ?? 寫法有這幾種 ?scroll-y ? ?scroll-y="true" ? 或者不寫這個(gè)屬性也是可以的實(shí)現(xiàn)豎這滑動(dòng)的。? 文檔中說(shuō)需要聲明? height 這個(gè)空間的高度 ? 我測(cè)試了一下這個(gè)高度不聲明? 也是可以實(shí)現(xiàn)滑動(dòng)的。

如果你想 橫著滑動(dòng)? 那么你需要聲明scroll-x="true"? 這個(gè)屬性 ? 否則默認(rèn)為縱向滑動(dòng) ??

scroll-view 里面包含的view? 就是一條一條的數(shù)據(jù) ? style? 是一些的屬性? background? 是背、背景顏色? width 是空間寬度? height 是高度? 這個(gè)和HTML里面的cs屬性一樣


第一次寫這東西? 不喜勿噴 ?


? ?

? ?

? ?

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,098評(píng)論 25 708
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 134,869評(píng)論 18 139
  • 一個(gè)很直接的事實(shí)是,在我身邊考科目二沒過的人,與其說(shuō)他們技術(shù)不扎實(shí),更多地是他們?cè)诳荚嚂r(shí)心態(tài)不好。 新的環(huán)境,新的...
    jiangbolin里的某只熊閱讀 4,657評(píng)論 0 3
  • 我來(lái)到你的城市,站在這個(gè)十字路口。我等你19分鐘了,你在不來(lái),我就走了。
    孤傲_21cd閱讀 116評(píng)論 0 1
  • 1.面對(duì)持續(xù)不斷的思維枯竭,我很迷茫 這是我第三次寫不出東西。而通過這段時(shí)間的痛苦實(shí)踐我發(fā)現(xiàn):一個(gè)人輸入的量必須十...
    百煉生閱讀 972評(píng)論 4 2