前提回歸:
1.微信小程序?qū)崙?zhàn)開發(fā)(一):微信小程序簡介
2.微信小程序?qū)崙?zhàn)開發(fā)(二):小程序基本目錄結(jié)構(gòu)講解
今天給大家介紹一下微信小程序的視圖容器。小程序的視圖容器包含三個方面:view組件,scroll-view組件,swiper圖片輪播組件。
在學(xué)習本課程之前,大家需要對一些簡單的基礎(chǔ)知識有所了解:HTML和CSS。詳情可以到http://www.w3school.com.cn/上學(xué)習,對于微信小程序的開發(fā)還是很有必要的。
簡單來說,HTML就是一個標記語言,在wxml中由<>組成的標記,基本規(guī)則就是成對出現(xiàn),有開始就有結(jié)尾<>;CSS就是樣式表,規(guī)定HTML中的樣式,高度,寬帶,顏色等等。
再介紹視圖容器(view container)之前我們先了解一下微信小程序組件。
小程序的基礎(chǔ)組件分為以下七大類:視圖容器(View Container):
基礎(chǔ)內(nèi)容(Basic Content):可滾動視圖區(qū)域。簡單來說就是可以滾動的。我們舉例如下:
那么是為什么會滾動呢?是什么滾動的呢?我們看下scroll-view組建的屬性就比較明了了。一個固定高度,通過 WXSS 設(shè)置 height。
示范代碼:愛盈利(aiyingli.com)移動互聯(lián)網(wǎng)最具影響力的盈利指導(dǎo)網(wǎng)站。定位于服務(wù)移動互聯(lián)網(wǎng)創(chuàng)業(yè)者,移動盈利指導(dǎo)。我們的目標是讓盈利目標清晰可見!降低門檻,讓缺乏經(jīng)驗、資金有限的個人和團隊獲得經(jīng)驗和機會,提高熱情,激發(fā)產(chǎn)品。
【轉(zhuǎn)載說明】  若上述素材出現(xiàn)侵權(quán),請及時聯(lián)系我們刪除及進行處理:[email protected]