微信小程序组件文档

微风

2019/03/24 发布于 技术 分类

文字内容
2. 目 录 致谢 介绍 视图容器 view scroll-view swiper movable-view cover-view 基础内容 icon text rich-text progress 表单组件 button checkbox form input label picker picker-view radio slider switch textarea 导航 navigator functional-page-navigator 媒体组件 audio image video camera live-player live-pusher 地图 本文档使用 书栈(BookStack.CN) 构建 -2-
3. map 画布 canvas 开放能力 open-data web-view ad 本文档使用 书栈(BookStack.CN) 构建 -3-
4. 致谢 致谢 当前文档 《微信小程序组件文档》 由 进击的皇虫 使用 书栈(BookStack.CN) 进行构建,生成于 201806-26。 书栈(BookStack.CN) 仅提供文档编写、整理、归类等功能,以及对文档内容的生成和导出工具。 文档内容由网友们编写和整理,书栈(BookStack.CN) 难以确认文档内容知识点是否错漏。如果您在阅读文档 获取知识的时候,发现文档内容有不恰当的地方,请向我们反馈,让我们共同携手,将知识准确、高效且有效地传递 给每一个人。 同时,如果您在日常工作、生活和学习中遇到有价值有营养的知识文档,欢迎分享到 书栈(BookStack.CN) , 为知识的传承献上您的一份力量! 如果当前文档生成时间太久,请到 书栈(BookStack.CN) 获取最新的文档,以跟上知识更新换代的步伐。 文档地址:http://www.bookstack.cn/books/mp-widget'>http://www.bookstack.cn/books/mp-widget 书栈官网:http://www.bookstack.cn 书栈开源:https://github.com/TruthHun 分享,让知识传承更久远! 感谢知识的创造者,感谢知识的分享者,也感谢每一位阅读到此处的读者,因为我们 都将成为知识的传承者。 本文档使用 书栈(BookStack.CN) 构建 -4-
5. 介绍 介绍 基础组件 框架为开发者提供了一系列基础组件,开发者可以通过组合这些基础组件进行快速开发。 什么是组件: 组件是视图层的基本组成单元。 组件自带一些功能与微信风格的样式。 一个组件通常包括开始标签和结束标签,属性用来修饰这个组件,内容在两个标签之内。 1. 2. Content goes here ... 3. 注意:所有组件与属性都是小写,以连字符-连接 属性类型 类型 描述 注解 Boolean 布尔 值 组件写上该属性,不管该属性等于什么,其值都为 true ,只有组件上没有写该属 性时,属性值才为 false 。如果属性值为变量,变量的值会被转换为Boolean类 型 Number 数字 1 String 字符 串 "string" Array 数组 [ 1, "string" ] Object 对象 { key: value } EventHandler 事件 处理 函数 名 "handlerName" Any 任意 属性 , 2.5 是 Page中定义的事件处理函数名 共同属性类型 所有组件都有的属性: 属性名 类型 描述 注解 id String 组件的唯一标示 保持整个页面唯一 class String 组件的样式类 在对应的 WXSS 中定义的样式类 本文档使用 书栈(BookStack.CN) 构建 -5-
6. 介绍 style String 组件的内联样式 可以动态设置的内联样式 hidden Boolean 组件是否显示 所有组件默认显示 data-* Any 自定义属性 组件上触发的事件时,会发送给事件处理函数 bind / catch EventHandler 组件的事件 详见事件 特殊属性 几乎所有组件都有各自定义的属性,可以对该组件的功能或样式进行修饰,请参考各个组件的定义。 组件列表 基础组件分为以下七大类: 视图容器(View Container): 组件名 说明 view 视图容器 scroll-view 可滚动视图容器 swiper 滑块视图容器 基础内容(Basic Content): 组件名 说明 icon 图标 text 文字 progress 进度条 表单(Form): 标签名 说明 button 按钮 form 表单 input 输入框 checkbox 多项选择器 radio 单项选择器 picker 列表选择器 picker-view 内嵌列表选择器 slider 滚动选择器 switch 开关选择器 label 标签 导航(Navigation): 本文档使用 书栈(BookStack.CN) 构建 -6-
7. 介绍 组件名 说明 应用链接 navigator 多媒体(Media): 组件名 说明 audio 音频 image 图片 video 视频 地图(Map): 组件名 说明 地图 map 画布(Canvas): 组件名 canvas 说明 画布 原文: https://developers.weixin.qq.com/miniprogram/dev/component/ 本文档使用 书栈(BookStack.CN) 构建 -7-
8. 视图容器 视图容器 view scroll-view swiper movable-view cover-view 本文档使用 书栈(BookStack.CN) 构建 -8-
9. view view view 视图容器。 属性名 类型 默认值 最低版 本 说明 hover-class String none 指定按下去的样式类。当 时,没有点击态效果 hover-stoppropagation Boolean false 指定是否阻止本节点的祖先节点出现点击态 hover-start-time Number 50 按住后多久出现点击态,单位毫秒 hover-stay-time Number 400 手指松开后点击态保留时间,单位毫秒 hover-class="none" 1.5.0 示例: 在开发者工具中预览效果 1. 2. flex-direction:'>flex-direction: row 3. 4. 1 5. 2 6. 3 7. 8. 9. 10. flex-direction:'>flex-direction: column 11. 12. 1 13. 2 14. 3 15. 16. 本文档使用 书栈(BookStack.CN) 构建 -9-
10. view Bug & Tip tip: 如果需要使用滚动视图,请使用 scroll-view 原文: https://developers.weixin.qq.com/miniprogram/dev/component/view.html 本文档使用 书栈(BookStack.CN) 构建 - 10 -
11. scroll-view scroll-view scroll-view 可滚动视图区域。 属性名 类型 默认值 scroll-x Boolean false 允许横向滚动 scroll-y Boolean false 允许纵向滚动 upper-threshold Number 50 距顶部/左边多远时(单位px),触发 scrolltoupper 事件 lower-threshold Number 50 距底部/右边多远时(单位px),触发 scrolltolower 事件 scroll-top Number 设置竖向滚动条位置 scroll-left Number 设置横向滚动条位置 scroll-into-view String 值应为某子元素id(id不能以数字开头)。设置哪个 方向可滚动,则在哪个方向滚动到该元素 scroll-withanimation Boolean false 在设置滚动条位置时使用动画过渡 enable-back-totop Boolean false iOS点击顶部状态栏、安卓双击标题栏时,滚动条返回 顶部,只支持竖向 bindscrolltoupper EventHandle 滚动到顶部/左边,会触发 scrolltoupper 事件 bindscrolltolower EventHandle 滚动到底部/右边,会触发 scrolltolower 事件 bindscroll EventHandle 滚动时触发,event.detail = {scrollLeft, scrollTop, scrollHeight, scrollWidth, deltaX, deltaY} 使用竖向滚动时,需要给 说明 一个固定高度,通过 WXSS 设置 height。 示例代码: 1. 2. 3. vertical scroll 4. 5. 7. 8. class="scroll-view-item bc_red"> 9. 10. 11. 12. 13. 14. 本文档使用 书栈(BookStack.CN) 构建 - 11 -
12. scroll-view 15. 16. horizontal scroll 17. 18. 19. 21. 22. class="scroll-view-item_H bc_red"> 23. 1. var order = ['red', 'yellow', 'blue', 'green', 'red'] 2. Page({ 3. data: { 4. toView:'>toView: 'red', 5. scrollTop:'>scrollTop: 100 6. }, 7. upper: function(e) { 8. 9. 10. console.log(e) }, lower: function(e) { 11. console.log(e) 12. }, 13. scroll: function(e) { 14. console.log(e) 15. }, 16. tap: function(e) { 17. for (var i = 0; i < order.length; ++i) { 18. if (order[i] === this.data.toView) { 19. this.setData({ 20. toView:'>toView: order[i + 1] 21. }) 22. break 23. } 24. } 25. }, 26. tapMove: function(e) { 27. this.setData({ 28. scrollTop:'>scrollTop: this.data.scrollTop + 10 29. 30. }) } 31. }) 本文档使用 书栈(BookStack.CN) 构建 - 12 -
13. scroll-view Bug & Tip tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip: 请勿在 scroll-view 中使用 textarea、map、canvas、video 组件 tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip: scroll-into-view 的优先级高于 scroll-top tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip: 在滚动 scroll-view 时会阻止页面回弹,所以在 scroll-view 中滚动,是无法触发 onPullDownRefresh tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip: 若要使用下拉刷新,请使用页面的滚动,而不是 scroll-view ,这样也能通过点击顶部状态栏回到页 面顶部 原文: https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html 本文档使用 书栈(BookStack.CN) 构建 - 13 -
14. swiper swiper swiper 滑块视图容器。 属性名 类型 默认值 说明 最低版 本 indicator-dots Boolean false 是否显示面板指示点 indicator-color Color rgba(0, 0, 0, .3) 指示点颜色 1.1.0 indicator-activecolor Color #000000 当前选中的指示点颜色 1.1.0 autoplay Boolean false 是否自动切换 current Number 0 当前所在滑块的 index current-item-id String "" 当前所在滑块的 item-id ,不能与 current 被同时指定 interval Number 5000 自动切换时间间隔 duration Number 500 滑动动画时长 circular Boolean false 是否采用衔接滑动 vertical Boolean false 滑动方向是否为纵向 previous-margin String "0px" 前边距,可用于露出前一项的一小部 分,接受 px 和 rpx 值 1.9.0 next-margin String "0px" 后边距,可用于露出后一项的一小部 分,接受 px 和 rpx 值 1.9.0 display-multipleitems Number 1 同时显示的滑块数量 1.9.0 false 是否跳过未显示的滑块布局,设为 true 可优化复杂情况下的滑动性 能,但会丢失隐藏状态滑块的布局信 息 1.9.0 skip-hidden-itemlayout Boolean bindchange EventHandle current 改变时会触发 change 事 件,event.detail = {current: current, source: source} bindanimationfinish EventHandle 动画结束时会触发 animationfinish 事件, event.detail 同上 从 1.4.0 开始, change 事件返回 detail 中包含一个 source 1.9.0 1.9.0 字段,表示导致变更的原因,可能值如下: autoplay 自动播放导致swiper变化; touch 用户划动引起swiper变化; 其他原因将用空字符串表示。 注意:其中只可放置 本文档使用 书栈(BookStack.CN) 构建 组件,否则会导致未定义的行为。 - 14 -
15. swiper swiper-item 仅可放置在 组件中,宽高自动设置为100%。 属性名 类型 item-id String 默认值 "" 说明 该 swiper-item 的标识符 最低版本 1.9.0 示例代码: 在开发者工具中预览效果 1. 3. wx:for="{{imgUrls}}"> 4. 5. 6. 7. 8. 9. 10. 11. interval 12. duration 1. Page({ 2. 3. data: { imgUrls: [ 4. 'http://img02.tooopen.com/images/20150928/tooopen_sy_143912755726.jpg', 5. 'http://img06.tooopen.com/images/20160818/tooopen_sy_175866434296.jpg', 6. 'http://img06.tooopen.com/images/20160818/tooopen_sy_175833047715.jpg' 7. ], 8. indicatorDots:'>indicatorDots: false, 9. autoplay:'>autoplay: false, 10. interval:'>interval: 5000, 11. duration: 1000 12. }, 13. changeIndicatorDots: function(e) { 14. this.setData({ 15. 16. indicatorDots:'>indicatorDots: !this.data.indicatorDots }) 17. }, 18. changeAutoplay: function(e) { 19. this.setData({ 20. 21. autoplay:'>autoplay: !this.data.autoplay }) 22. }, 23. intervalChange: function(e) { 24. this.setData({ 25. 26. 27. interval:'>interval: e.detail.value }) }, 本文档使用 书栈(BookStack.CN) 构建 - 15 -
16. swiper 28. durationChange: function(e) { 29. this.setData({ 30. duration: e.detail.value 31. 32. }) } 33. }) Bug & Tip tip: 如果在 bindchange 的事件回调函数中使用 setData 改变 current 值,则有可能导致 setData 被不停地调用,因而通常情况下请在改变 current 值前检测 source 字段来判断是否是由于用户触摸引 起。 原文: https://developers.weixin.qq.com/miniprogram/dev/component/swiper.html 本文档使用 书栈(BookStack.CN) 构建 - 16 -
17. movable-view movable-view movable-area 基础库 1.2.0 开始支持,低版本需做兼容处理 movable-view 的可移动区域 属性名 类型 默认值 说明 最低版 本 scalearea Boolean false 当里面的movable-view设置为支持双指缩放时,设置此值可 将缩放手势生效区域修改为整个movable-area 1.9.90 注意:movable-area 必须设置width和height属性,不设置默认为10px movable-view 基础库 1.2.0 开始支持,低版本需做兼容处理 可移动的视图容器,在页面中可以拖拽滑动 属性名 类型 默认值 说明 最低版 本 direction String none movable-view的移动方向,属性值有all、 vertical、horizontal、none inertia Boolean false movable-view是否带有惯性 out-ofbounds Boolean false 超过可移动区域后,movable-view是否还可以移 动 x Number / String 定义x轴方向的偏移,如果x的值不在可移动范围 内,会自动移动到可移动范围;改变x的值会触发动 画 y Number / String 定义y轴方向的偏移,如果y的值不在可移动范围 内,会自动移动到可移动范围;改变y的值会触发动 画 damping Number 20 阻尼系数,用于控制x或y改变时的动画和过界回弹 的动画,值越大移动越快 friction Number 2 摩擦系数,用于控制惯性滑动的动画,值越大摩擦 力越大,滑动越快停止;必须大于0,否则会被设置 成默认值 disabled Boolean false 是否禁用 1.9.90 scale Boolean false 是否支持双指缩放,默认缩放手势生效区域是在 movable-view内 1.9.90 scale-min Number 0.5 定义缩放倍数最小值 1.9.90 scale-max Number 10 定义缩放倍数最大值 1.9.90 scalevalue Number 1 定义缩放倍数,取值范围为 0.5 - 10 1.9.90 animation Boolean true 是否使用动画 2.1.0 本文档使用 书栈(BookStack.CN) 构建 - 17 -
18. movable-view bindchange EventHandle 拖动过程中触发的事件,event.detail = {x:'>x: x, y:'>y: y, source: source},其中source表 示产生移动的原因,值可为touch(拖动)、 touch-out-of-bounds(超出移动范围)、outof-bounds(超出移动范围后的回弹)、 friction(惯性)和空字符串(setData) bindscale EventHandle 缩放过程中触发的事件,event.detail = {x:'>x: x, y:'>y: y, scale: scale},其中x和y字段 在2.1.0之后开始支持返回 1.9.90 1.9.90 除了基本事件外,movable-view提供了两个特殊事件 类型 触发条件 最低版 本 htouchmove 初次手指触摸后移动为横向的移动,如果catch此事件,则意味着touchmove事件 也被catch 1.9.90 vtouchmove 初次手指触摸后移动为纵向的移动,如果catch此事件,则意味着touchmove事件 也被catch 1.9.90 movable-view 必须设置width和height属性,不设置默认为10pxmovable-view 默认为绝对定位,top和left属性为0px当movable-view小于 movable-area时,movable-view的移动范围是在movable-area内;当movable-view大于movable-area时,movable-view的移动范围必须包含 movable-area(x轴方向和y轴方向分开考虑) 注意:movable-view必须在 组件中,并且必须是直接子节点,否则不能移动。 示例代码: 在开发者工具中预览效果 1. 2. movable-view区域小于movable-area 3. 4. 5. 6. 7. 8. 9. 10. movable-view区域大于movable-area 11. 12. 13. 14. 15. 可放缩 16. 17. 18. 19. 20. 1. Page({ 2. data: { 本文档使用 书栈(BookStack.CN) 构建 - 18 -
19. movable-view 3. x:'>x: 0, 4. y:'>y: 0 5. }, 6. tap: function(e) { 7. this.setData({ 8. x:'>x: 30, 9. y:'>y: 30 10. }); 11. }, 12. onChange: function(e) { 13. console.log(e.detail) 14. }, 15. onScale: function(e) { 16. 17. console.log(e.detail) } 18. }) 原文: https://developers.weixin.qq.com/miniprogram/dev/component/movable-view.html 本文档使用 书栈(BookStack.CN) 构建 - 19 -
20. cover-view cover-view cover-view 基础库 1.4.0 开始支持,低版本需做兼容处理 覆盖在原生组件之上的文本视图,可覆盖的原生组件包括 player 、 live-pusher ,只支持嵌套 cover-view 、 map 、 cover-image 默认 值 属性名 类型 scrolltop Number 、 video canvas 、 camera 、 live- 。 说明 设置顶部滚动偏移量,仅在设置了 overflow-y: scroll 成 为滚动元素后生效 最低版 本 2.1.0 cover-image 基础库 1.4.0 开始支持,低版本需做兼容处理 覆盖在原生组件之上的图片视图,可覆盖的原生组件同 属性名 类型 cover-view ,支持嵌套在cover-view里。 默 认 值 说明 最低版 本 src String 图标路径,支持临时路径、网络地址(1.6.0起支持)。 暂不支持base64格式。 bindload EventHandle 图片加载成功时触发 2.1.0 binderror EventHandle 图片加载失败时触发 2.1.0 Bug & Tips tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip: 基础库 2.1.0 起支持设置 scale rotate 的css样式,包括transition动画 tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip: 基础库 1.9.90 起 cover-view 支持 overflow:'>overflow: scroll,但不支持动态更新 overflow tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip: 基础库 1.9.90 起最外层 cover-view 支持 position: fixed tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip: 基础库 1.9.0 起支持插在 view 等标签下。在此之前只可嵌套在原生组件map、video、 canvas、camera内,避免嵌套在其他组件内。 tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip: 基础库 1.6.0 起支持css transition动画,transition-property只支持transform (translateX, translateY)与opacity。 tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip: 基础库 1.6.0 起支持css opacity。 tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip: 事件模型遵循冒泡模型,但不会冒泡到原生组件。 tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip: 文本建议都套上cover-view标签,避免排版错误。 tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip: 只支持基本的定位、布局、文本样式。不支持设置单边的border、background-image、 shadow、overflow:'>overflow: visible等。 tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip: 建议子节点不要溢出父节点 tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip: 默认设置的样式有:white-space: nowrap; line-height: 1.2; display: block; bug: 自定义组件嵌套 cover-view 时,自定义组件的 slot 及其父节点暂不支持通过 wx:if 控制 显隐,否则会导致 cover-view 不显示 本文档使用 书栈(BookStack.CN) 构建 - 20 -
21. cover-view 示例: 在开发者工具中预览效果 1. 1. .controls { 2. position: relative; 3. top: 50%; 4. height:'>height:'>height:'>height: 50px; 5. margin-top: -25px; 6. display: flex; 7. } 8. .play,.pause,.time { 9. 10. flex: 1; height:'>height:'>height:'>height: 100%; 11. } 12. .time { 13. text-align: center; 14. color:'>background-color: rgba(0, 0, 0, .5); 15. color: white; 16. line-height:'>height:'>height:'>height: 50px; 17. } 18. .img { 19. width: 40px; 20. height:'>height:'>height:'>height: 40px; 21. margin: 5px auto; 22. } 1. Page({ 2. 3. onReady() { this.videoCtx = wx.createVideoContext('myVideo') 4. }, 5. play() { 6. this.videoCtx.play() 7. }, 8. pause() { 9. this.videoCtx.pause() 本文档使用 书栈(BookStack.CN) 构建 - 21 -
22. cover-view 10. } 11. }) 原文: https://developers.weixin.qq.com/miniprogram/dev/component/cover-view.html 本文档使用 书栈(BookStack.CN) 构建 - 22 -
23. 基础内容 基础内容 icon text rich-text progress 本文档使用 书栈(BookStack.CN) 构建 - 23 -
24. icon icon icon 图标。 属性名 类型 type String size Number color Color 默 认 值 说明 icon的类型,有效值:success, success_no_circle, info, warn, waiting, cancel, download, search, clear 23 icon的大小,单位px icon的颜色,同css的color 示例: 在开发者工具中预览效果 1. 2. wx:for='>wx:for='>wx:for='>wx:for="{{iconSize}}"> 3. 4. 5. 6. 7. 8. wx:for='>wx:for='>wx:for='>wx:for="{{iconType}}"> 9. 10. 11. 12. 13. 14. 15. wx:for='>wx:for='>wx:for='>wx:for="{{iconColor}}"> 16. 17. 18. 1. Page({ 2. data: { 3. iconSize: [20, 30, 40, 50, 60, 70], 4. iconColor: [ 5. 'red', 'orange', 'yellow', 'green', 'rgb(0,255,255)', 'blue', 'purple' 6. ], 7. iconType: [ 8. 'success', 'success_no_circle', 'info', 'warn', 'waiting', 'cancel', 'download', 'search', 'clear' 9. ] 10. } 11. }) 本文档使用 书栈(BookStack.CN) 构建 - 24 -
26. text text text 文本。 属性名 类型 默认值 说明 最低版本 selectable Boolean false 文本是否可选 1.1.0 space String false 显示连续空格 1.4.0 decode Boolean false 是否解码 1.4.0 space 有效值: 值 说明 ensp 中文字符空格一半大小 emsp 中文字符空格大小 nbsp 根据字体设置的空格大小 Tips decode可以解析的有 < > & ' 各个操作系统的空格标准并不一致。 组件内只支持 嵌套。 除了文本节点以外的其他节点都无法长按选中。 示例: 在开发者工具中预览效果 1. 2. 3. {{text}} 4. 5. 6. 7. 1. var initData = 'this is first line\nthis is second line' 2. var extraLine = []; 3. Page({ 4. data: { 5. text:'>text: initData 6. }, 7. add: function(e) { 8. extraLine.push('other line') 9. this.setData({ 10. text:'>text: initData + '\n' + extraLine.join('\n') 本文档使用 书栈(BookStack.CN) 构建 - 26 -
27. text 11. }) 12. }, 13. remove: function(e) { 14. if (extraLine.length > 0) { 15. extraLine.pop() 16. this.setData({ 17. text: initData + '\n' + extraLine.join('\n') 18. }) 19. 20. } } 21. }) Bug & Tip 本文档使用 书栈(BookStack.CN) 构建 - 27 -
28. text bug : 基础库版本低于 2.1.0 时, 组件内嵌的 style 设置可能不会生效。 原文: https://developers.weixin.qq.com/miniprogram/dev/component/text.html 本文档使用 书栈(BookStack.CN) 构建 - 28 -
29. rich-text rich-text rich-text 基础库 1.4.0 开始支持,低版本需做兼容处理 富文本。 属性 类型 nodes 默认值 Array / String 支持默认事件,包括: tap 、 、 最低版本 节点列表 / HTML String [] touchstart 说明 touchmove 、 touchcancel 、 touchend 1.4.0 和 longtap nodes 属性推荐使用 Array 类型,由于组件会将 String 类型转换为 Array 类型,因而性能会有所下降 nodes 现支持两种节点,通过type来区分,分别是元素节点和文本节点,默认是元素节点,在富文本区域里显示的HTML节点 元素节点:type = node 属性 说明 类型 必填 备注 name 标签名 String 是 支持部分受信任的HTML节点 attrs 属性 Object 否 支持部分受信任的属性,遵循Pascal命名法 children 子节点列表 Array 否 结构和nodes一致 文本节点:type = text 属性 说明 文本 text 类型 String 必填 备注 是 支持entities 受信任的HTML节点及属性 全局支持class和style属性,不支持id属性。 节点 属性 a abbr b blockquote br code col span,width colgroup span,width 本文档使用 书栈(BookStack.CN) 构建 - 29 -
30. rich-text dd del div dl dt em fieldset h1 h2 h3 h4 h5 h6 hr i img alt,src,height,width ins label legend li ol start,type p q span strong sub sup table width tbody td colspan,height,rowspan,width tfoot th colspan,height,rowspan,width thead tr ul 示例: 本文档使用 书栈(BookStack.CN) 构建 - 30 -
31. rich-text 在开发者工具中预览效果 1. 2. 1. // rich-text.js 2. Page({ 3. data: { 4. nodes: [{ 5. name: 'div', 6. attrs: { 7. class: 'div_class', 8. style: 'line-height: 60px; color: red;' 9. }, 10. children: [{ 11. type: 'text', 12. text: 'Hello World!' 13. }] 14. }] 15. }, 16. tap() { 17. 18. console.log('tap') } 19. }) Bug & Tip tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip: nodes 不推荐使用 String 类型,性能会有所下降。 tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip: rich-text 组件内屏蔽所有节点的事件。 tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip: attrs 属性不支持 id ,支持 class 。 tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip: name 属性大小写不敏感。 tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip: 如果使用了不受信任的HTML节点,该节点及其所有子节点将会被移除。 tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip: img 标签仅支持网络图片。 tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip:'>tip: 如果在自定义组件中使用 rich-text 组件,那么仅自定义组件的 wxss 样式对 rich-text 中的 class 生效。 原文: https://developers.weixin.qq.com/miniprogram/dev/component/rich-text.html 本文档使用 书栈(BookStack.CN) 构建 - 31 -
32. progress progress progress 进度条。 属性名 类型 默认值 说明 percent Float 无 百分比0~100 show-info Boolean false 在进度条右侧显示百分比 stroke-width Number 6 进度条线的宽度,单位px color Color #09BB07 进度条颜色 (请使用 activeColor) activeColor Color 已选择的进度条的颜色 backgroundColor Color 未选择的进度条的颜色 active Boolean false 进度条从左往右的动画 active-mode String backwards backwards: 动画从头播;forwards:动画 从上次结束点接着播 最低版 本 1.7.0 示例: 在开发者工具中预览效果 1. 2. 3. 4. 本文档使用 书栈(BookStack.CN) 构建 - 32 -
33. progress 原文: https://developers.weixin.qq.com/miniprogram/dev/component/progress.html 本文档使用 书栈(BookStack.CN) 构建 - 33 -
34. 表单组件 表单组件 button checkbox form input label picker picker-view radio slider switch textarea 本文档使用 书栈(BookStack.CN) 构建 - 34 -
35. button button button 按钮。 属性名 类型 默认值 说明 size String default 按钮的大小 type String default 按钮的样式类型 plain Boolean false 按钮是否镂空,背景色 透明 disabled Boolean false 是否禁用 loading Boolean false 名称前是否带 loading 图标 form-type String 用于
组 件,点击分别会触发 组件的 submit/reset 事件 open-type String 微信开放能力 指定按钮按下去的样式 类。当 hoverclass="none" 时,没 有点击态效果 生效时机 hover-class String buttonhover hover-stoppropagation Boolean false 指定是否阻止本节点的 祖先节点出现点击态 hover-start-time Number 20 按住后多久出现点击 态,单位毫秒 hover-stay-time Number 70 手指松开后点击态保留 时间,单位毫秒 en 指定返回用户信息的语 言,zh_CN 简体中 文,zh_TW 繁体中 文,en 英文。 opentype="getUserInfo" opentype="getUserInfo" lang String bindgetuserinfo Handler 用户点击该按钮时,会 返回获取到的用户信 息,回调的detail数 据与wx.getUserInfo 返回的一致 session-from String 会话来源 open-type="contact" send-message-title String 当前标题 会话内消息卡片标题 open-type="contact" send-message-path String 当前分享 路径 会话内消息卡片点击跳 转小程序路径 open-type="contact" send-message-img String 截图 会话内消息卡片图片 open-type="contact" show-message-card Boolean false 显示会话内消息卡片 open-type="contact" bindcontact Handler 客服消息回调 open-type="contact" 本文档使用 书栈(BookStack.CN) 构建 - 35 -
36. button bindgetphonenumber Handler 获取用户手机号回调 opentype="getPhoneNumber" app-parameter String 打开 APP 时,向 APP 传递的参数 open-type="launchApp" binderror Handler 当使用开放能力时,发 生错误的回调 open-type="launchApp" bindopensetting Handler 在打开授权设置页后回 调 opentype="openSetting" 注1:button-hover 默认为{background-color: rgba(0, 0, 0, 0.1); opacity: 0.7;} 注2:bindgetphonenumber 从1.2.0 开始支持,但是在1.5.3以下版本中无法使用wx.canIUse进行检 测,建议使用基础库版本进行判断。 注3:在bindgetphonenumber 等返回加密信息的回调中调用 wx.login 登录,可能会刷新登录态。此时服 务器使用 code 换取的 sessionKey 不是加密时使用的 sessionKey,导致解密失败。建议开发者提前进 行 login;或者在回调中先使用 checkSession 进行登录态检查,避免 login 刷新登录态。 size 有效值: 值 说明 default 默认大小 mini 小尺寸 type 有效值: 值 说明 primary 绿色 default 白色 warn 红色 form-type 有效值: 值 说明 submit 提交表单 reset 重置表单 open-type 有效值: 值 说明 最低版 本 contact 打开客服会话 1.1.0 share 触发用户转发,使用前建议先阅读使用指引 1.2.0 getUserInfo 获取用户信息,可以从bindgetuserinfo回调中获取到用户信息 1.3.0 getPhoneNumber 获取用户手机号,可以从bindgetphonenumber回调中获取到用户信息,具 体说明 1.2.0 launchApp 打开APP,可以通过app-parameter属性设定向APP传的参数具体说明 1.9.5 openSetting 打开授权设置页 2.0.7 本文档使用 书栈(BookStack.CN) 构建 - 36 -
37. button 打开“意见反馈”页面,用户可提交反馈内容并上传日志,开发者可以登录小程 序管理后台后进入左侧菜单“客服反馈”页面获取到反馈内容 feedback 2.1.0 示例代码: 在开发者工具中预览效果 1. /** wxss **/ 2. /** 修改button默认的点击态样式类**/ 3. .button-hover { 4. background-color:'>background-color: red; 5. } 6. /** 添加自定义button点击态样式类**/ 7. .other-button-hover { 8. background-color:'>background-color: blue; 9. } 1. 3. 5. 7. 8. 9. 10. 11. 12. 1. var types = ['default', 'primary', 'warn'] 2. var pageObject = { 3. data: { 4. defaultSize: 'default', 5. primarySize: 'default', 6. warnSize: 'default', 7. disabled:'>disabled: false, 8. plain:'>plain: false, 9. loading: false 10. }, 11. setDisabled: function(e) { 12. this.setData({ 13. 14. disabled:'>disabled: !this.data.disabled }) 15. }, 16. setPlain: function(e) { 17. this.setData({ 18. 19. plain:'>plain: !this.data.plain }) 20. }, 21. setLoading: function(e) { 本文档使用 书栈(BookStack.CN) 构建 - 37 -
38. button 22. this.setData({ 23. 24. loading: !this.data.loading }) 25. }, 26. onGotUserInfo: function(e) { 27. console.log(e.detail.errMsg) 28. console.log(e.detail.userInfo) 29. 30. console.log(e.detail.rawData) }, 31. } 32. 33. for (var i = 0; i < types.length; ++i) { 34. 35. (function(type) { pageObject[type] = function(e) { 36. var key = type + 'Size' 37. var changedData = {} 38. changedData[key] = 39. this.data[key] === 'default' ? 'mini' : 'default' 40. 41. 42. this.setData(changedData) } })(types[i]) 43. } 44. 45. Page(pageObject) 本文档使用 书栈(BookStack.CN) 构建 - 38 -
39. button 原文: https://developers.weixin.qq.com/miniprogram/dev/component/button.html 本文档使用 书栈(BookStack.CN) 构建 - 39 -
40. checkbox checkbox checkbox-group 多项选择器,内部由多个 checkbox 组成。 默 认 值 属性名 类型 bindchange EventHandle 说明 中选中项发生改变是触发 change 事件, detail = {value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:[选中的checkbox的value的数组]} checkbox 多选项目。 属性名 类型 默认值 说明 标识,选中时触发 的 change 事 的 value value String disabled Boolean false 是否禁用 checked Boolean false 当前是否选中,可用来设置默认选中 color Color 件,并携带 checkbox的颜色,同css的color 示例: 在开发者工具中预览效果 1. 2. 5. 1. Page({ 2. data: { 3. items: [ 4. {name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name: 'USA', value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value: '美国'}, 5. {name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name: 'CHN', value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value: '中国', checked: 'true'}, 6. {name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name: 'BRA', value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value: '巴西'}, 7. {name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name: 'JPN', value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value: '日本'}, 8. {name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name: 'ENG', value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value: '英国'}, 9. {name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name: 'TUR', value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value:'>value: '法国'}, 10. ] 11. }, 12. checkboxChange: function(e) { 13. 14. console.log('checkbox发生change事件,携带value值为:', e.detail.value) } 本文档使用 书栈(BookStack.CN) 构建 - 40 -
41. checkbox 15. }) 原文: https://developers.weixin.qq.com/miniprogram/dev/component/checkbox.html 本文档使用 书栈(BookStack.CN) 构建 - 41 -
42. form form form 表单,将组件内的用户输入的 提 交。 当点击 表单中 formType 为 submit 的
43. form 26. 27. 28. 29. 30. 31. 32. 33. 1. Page({ 2. formSubmit: function(e) { 3. console.log('form发生了submit事件,携带数据为:', e.detail.value) 4. }, 5. formReset: function() { 6. 7. console.log('form发生了reset事件') } 8. }) 原文: 本文档使用 书栈(BookStack.CN) 构建 - 43 -
44. form https://developers.weixin.qq.com/miniprogram/dev/component/form.html 本文档使用 书栈(BookStack.CN) 构建 - 44 -
45. input input input 输入框。 属性名 类型 默认值 说明 最低版 本 输入框的初始内容 value String type String "text" input 的类型 password Boolean false 是否是密码类型 placeholder String 输入框为空时占位符 placeholderstyle String 指定 placeholder 的样式 placeholderclass String "inputplaceholder" 指定 placeholder 的样式类 disabled Boolean false 是否禁用 maxlength Number 140 最大输入长度,设置为 -1 的时候不限 制最大长度 cursorspacing Number 0 指定光标与键盘的距离,单位 px 。取 input 距离底部的距离和 cursorspacing 指定的距离的最小值作为光 标与键盘的距离 auto-focus Boolean false (即将废弃,请直接使用 focus )自动 聚焦,拉起键盘 focus Boolean false 获取焦点 confirm-type String "done" 设置键盘右下角按钮的文字 1.1.0 confirm-hold Boolean false 点击键盘右下角按钮时是否保持键盘不 收起 1.1.0 cursor Number 指定focus时的光标位置 1.5.0 selectionstart Number -1 光标起始位置,自动聚集时有效,需与 selection-end搭配使用 1.9.0 selectionend Number -1 光标结束位置,自动聚集时有效,需与 selection-start搭配使用 1.9.0 adjustposition Boolean true 键盘弹起时,是否自动上推页面 1.9.90 bindinput EventHandle 键盘输入时触发,event.detail = {value, cursor, keyCode}, keyCode 为键值,2.1.0 起支持,处 理函数可以直接 return 一个字符 串,将替换输入框的内容。 bindfocus EventHandle 输入框聚焦时触发,event.detail = { value, height },height 为键 盘高度,在基础库 1.9.90 起支持 输入框失去焦点时触发, 本文档使用 书栈(BookStack.CN) 构建 - 45 -
46. input event.detail = {value:'>value: value} bindconfirm 点击完成按钮时触发,event.detail = {value:'>value: value} EventHandle type 有效值: 值 说明 text 文本输入键盘 number 数字输入键盘 idcard 身份证输入键盘 digit 带小数点的数字键盘 confirm-type 有效值: 值 说明 send 右下角按钮为“发送” search 右下角按钮为“搜索” next 右下角按钮为“下一个” go 右下角按钮为“前往” done 右下角按钮为“完成” 示例代码: 在开发者工具中预览效果 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 你输入的是:{{inputValue}} 16. 17. 18. 19. 20. 21. 22. 23. 本文档使用 书栈(BookStack.CN) 构建 - 46 -
47. input 23. 24. 25. 26. 27. 28. 29. 30. 31. 32. 33. 34. 35. 1. //input.js 2. Page({ 3. data: { 4. focus:'>focus: false, 5. inputValue:'>inputValue: '' 6. }, 7. bindButtonTap: function() { 8. this.setData({ 9. focus:'>focus: true 10. }) 11. }, 12. bindKeyInput: function(e) { 13. this.setData({ 14. inputValue:'>inputValue: e.detail.value 15. }) 16. }, 17. bindReplaceInput: function(e) { 18. var value = e.detail.value 19. var pos = e.detail.cursor 20. if(pos != -1){ 21. //光标在中间 22. var left = e.detail.value.slice(0,pos) 23. //计算光标的位置 24. pos = left.replace(/11/g,'2').length 25. } 26. 27. //直接返回对象,可以对输入进行过滤处理,同时可以控制光标的位置 28. return { 29. value: value.replace(/11/g,'2'), 30. cursor: pos 31. } 32. 33. //或者直接返回字符串,光标在最后边 34. 35. //return value.replace(/11/g,'2'), } 36. }) 本文档使用 书栈(BookStack.CN) 构建 - 47 -
48. input Bug & Tip bug : 微信版本 6.3.30, focus 属性设置无效; bug : 微信版本 6.3.30, placeholder 在聚焦时出现重影问题; tip : input 组件是一个 native 组件,字体是系统字体,所以无法设置 font-family; tip : 在 input 聚焦期间,避免使用 css 动画;< 原文: https://developers.weixin.qq.com/miniprogram/dev/component/input.html 本文档使用 书栈(BookStack.CN) 构建 - 48 -
49. label label label 用来改进表单组件的可用性,使用 for 属性找到对应的 id ,或者将控件放在该标签下,当点击时,就会触发对应 的控件。 优先级高于内部控件,内部有多个控件的时候默认触发第一个控件。 for 目前可以绑定的控件有:
50. label 4. {name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>name:'>