商城系統(tǒng) 注冊

小程序tip集合的使用

2020-09-27|HiShop
導讀:小程序tip是小程序組件的一種,下面這篇文章給大家小程序tip集合。...

本博文主要是小程序組件中tip的集合:

 

1.view(視圖容器。)

1.tip: 如果需要使用滾動視圖,請使用scroll-view.

2.scroll-view(可滾動視圖區(qū)域。)

tip: 請勿在 scroll-view 中使用 textarea、map、canvas、video 組件tip: scroll-into-view 的優(yōu)先級高于 scroll-toptip: 在滾動 scroll-view 時會阻止頁面回彈,所以在 scroll-view 中滾動,是無法觸發(fā) onPullDownRefreshtip: 若要使用下拉刷新,請使用頁面的滾動,而不是 scroll-view ,這樣也能通過點擊頂部狀態(tài)欄回到頁面頂部

3.swiper(滑塊視圖容器。)

1.tip: 如果在 bindchange 的事件回調(diào)函數(shù)中使用 setData 改變 current 值,則有可能導致 setData 被不停地調(diào)用,因而通常情況下請在改變 current 值前檢測 source 字段來判斷是否是由于用戶觸摸引起。

movable-area(可移動的視圖容器,在頁面中可以拖拽滑動)

注意:movable-area 必須設(shè)置width和height屬性,不設(shè)置默認為10px

cover-view(覆蓋在原生組件之上的文本視圖,可覆蓋的原生組件)

包括map、video、canvas、camera,只支持嵌套cover-view、cover-image。

tip: 基礎(chǔ)庫 1.9.90 起 cover-view 支持 overflow: scroll,但不支持動態(tài)更新 overflowtip: 基礎(chǔ)庫 1.9.90 起最外層 cover-view 支持 position: fixedtip: 基礎(chǔ)庫 1.9.0 起支持插在 view 等標簽下。在此之前只可嵌套在原生組件map、video、canvas、camera內(nèi),避免嵌套在其他組件內(nèi)。tip: 基礎(chǔ)庫 1.6.0 起支持css transition動畫,transition-property只支持transform (translateX, translateY)與opacity。tip: 基礎(chǔ)庫 1.6.0 起支持css opacity。tip: 事件模型遵循冒泡模型,但不會冒泡到原生組件。tip: 文本建議都套上cover-view標簽,避免排版錯誤。tip: 只支持基本的定位、布局、文本樣式。不支持設(shè)置單邊的border、background-image、shadow、overflow: visible等。tip: 建議子節(jié)點不要溢出父節(jié)點tip: 默認設(shè)置的樣式有:white-space: nowrap; line-height: 1.2; display: block;

rich-text

tip: nodes 不推薦使用 String 類型,性能會有所下降。tip: rich-text 組件內(nèi)屏蔽所有節(jié)點的事件。tip: attrs 屬性不支持 id ,支持 class 。tip: name 屬性大小寫不敏感。tip: 如果使用了不受信任的HTML節(jié)點,該節(jié)點及其所有子節(jié)點將會被移除。tip: img 標簽僅支持網(wǎng)絡(luò)圖片。tip: 如果在自定義組件中使用 rich-text 組件,那么僅自定義組件的 wxss 樣式對 rich-text 中的 class 生效。

小程序tip集合的使用

電話咨詢 預(yù)約演示 0元開店