7.1 視圖容器組件

7.1.4?movable-viewe和movable-area組件

scale屬性用于設(shè)置是否支持雙指縮放。默認(rèn)支持縮放手勢(shì)的區(qū)域是movable-view范圍內(nèi)，在movable-area組件上可以設(shè)置一個(gè)boolean類型的scale-area屬性值為true時(shí)，可將縮放手勢(shì)生效區(qū)域擴(kuò)大為整個(gè)movable-area組件內(nèi)。

movable-view與movable-area組件都需要設(shè)置width和height屬性，如果不設(shè)置默認(rèn)為10px。

7.1.5 cover-view組件和cover-image組件

在小程序中，微信創(chuàng)建了一些原生組件，包括camera、canvas、input（僅在focus時(shí)表現(xiàn)為原生組件）、live-player、live-pusher、map、textarea和video組件。

原生組件與非原生組件是不同的渲染流程，在界面顯示有一些差異。原生組件的層級(jí)高于非原生組件。頁面中的非原生組件無論將z-index設(shè)置為多少。都無法覆蓋在原生組件之上。

小程序提供了cover-view和cover-image組件解決了原生組件層級(jí)最高的限制。這兩是原生組件，可以覆蓋部分原生組件上，包括camera、canvas、live-player、live-pusher、map、video組件。

cover-view是可覆蓋原生組件上的容器組件，它內(nèi)部只能包含文本或者嵌套cover-view、cover-image和button，只能包含文本、圖片或按鈕。

cover-image不是容器組件，作用和image組件類似，可以顯示一張圖片。但cover-image顯示的圖片可以覆蓋在原生組件上，image組件不可以。cover-image的src屬性，用于指定圖片的路徑、即網(wǎng)絡(luò)路徑或臨時(shí)路徑，自基礎(chǔ)庫2.2.3版本起支持云文件ID。

微信開發(fā)工具上的原生組件是用web組件模擬的，可能不能很好地還原真機(jī)的表現(xiàn)，開發(fā)者在使用原生組件時(shí)應(yīng)該盡量在真機(jī)上進(jìn)行測(cè)試。

7.2 基礎(chǔ)內(nèi)容組件

在頁面中如果需要展示一些內(nèi)容時(shí)，往往需要使用一些基礎(chǔ)內(nèi)容組件。

7.2.1 text組件

text組件是最常見的組件，用于在頁面顯示一些文本內(nèi)容?？砷喿x第2章的text組件介紹

7.2.2?icon組件

icon是十分常見的組件，用于在頁面顯示一些圖標(biāo)。可閱讀第3章的icon組件介紹

7.2.3 image組件

image組件在頁面顯示圖片?？砷喿x第3章的image組件介紹