小程序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集合如何使用”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注亿速云行业资讯频道，小编每天都会为大家更新不同的知识点。