小程序tip集合如何使用

這篇文章主要介紹“小程序tip集合如何使用”的相關知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“小程序tip集合如何使用”文章能幫助大家解決問題。

小程序組件中tip的集合：

1.view（視圖容器。）

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

2.scroll-view（可滾動視圖區域。）

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

3.swiper（滑塊視圖容器。）

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

movable-area（可移動的視圖容器，在頁面中可以拖拽滑動）

注意：movable-area 必須設置width和height屬性，不設置默認為10px

cover-view（覆蓋在原生組件之上的文本視圖，可覆蓋的原生組件）

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

tip: 基礎庫 1.9.90 起 cover-view 支持 overflow: scroll，但不支持動態更新 

overflowtip: 基礎庫 1.9.90 起最外層 cover-view 支持 position: fixedtip: 基礎庫 1.9.0 起支持插在 view 等標簽下。在此之前只可嵌套在原生組件map、video、canvas、camera內，避免嵌套在其他組件內。

tip: 基礎庫 1.6.0 起支持css transition動畫，transition-property只支持transform (translateX, translateY)與opacity。tip: 基礎庫 1.6.0 起支持css opacity。

tip: 事件模型遵循冒泡模型，但不會冒泡到原生組件。tip: 文本建議都套上cover-view標簽，避免排版錯誤。

tip: 只支持基本的定位、布局、文本樣式。不支持設置單邊的border、background-image、shadow、overflow: visible等。

tip: 建議子節點不要溢出父節點

tip: 默認設置的樣式有：white-space: nowrap; line-height: 1.2; display: block;

rich-text

tip: nodes 不推薦使用 String 類型，性能會有所下降。

tip: rich-text 組件內屏蔽所有節點的事件。

tip: attrs 屬性不支持 id ，支持 class 。tip: name 屬性大小寫不敏感。

tip: 如果使用了不受信任的HTML節點，該節點及其所有子節點將會被移除。

tip: img 標簽僅支持網絡圖片。

tip: 如果在自定義組件中使用 rich-text 組件，那么僅自定義組件的 wxss 樣式對 rich-text 中的 class 生效。

關于“小程序tip集合如何使用”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識，可以關注億速云行業資訊頻道，小編每天都會為大家更新不同的知識點。