mask 关注引导蒙层

解释： 关注引导蒙层组件。支持使用默认顶部导航的页面或者自定义顶部导航的页面。如需自定义开发引导样式，建议参考小程序设计指南：如何吸引用户关注。

属性说明

属性名类型必填默认值说明

name

String

否

“小程序名称”

待关注的小程序名，一般是当前小程序名

icon

String

否

待关注的小程序 logo 地址，一般是当前小程序的 logo 地址

is-custom

Boolean

否

false

是否是自定义顶部导航的页面，即 .json 文件中是否设置了isCustom: true，如果设置了，需要将此选项置为true

示例

跳转编辑工具

在开发者工具中打开

在 WEB IDE 中打开

扫码体验

代码示例

百度智能小程序

请使用百度APP扫码

代码示例 1：默认导航下的关注引导蒙层

  • SWAN
  • JSON
  1. <view>
  2.     <smt-mask name="示例小程序" icon="https://b.bdstatic.com/searchbox/mappconsole/image/20180502/1525250801121271.png"/>
  3. </view>

代码示例 2：自定义导航下的关注引导蒙层

  • SWAN
  • JSON
  1. <view>
  2.     <smt-mask name="示例小程序" icon="https://b.bdstatic.com/searchbox/mappconsole/image/20180502/1525250801121271.png" is-custom />
  3. </view>

Bug & Tip

  • Tip：原则上仅仅在首次进入小程序时提醒用户关注，当用户点击“我知道了”按钮后再次进入不再提醒。组件内置存储了smt-mask:showMask标志来避免多次提醒，如果确实需要再次提醒，可以使用swan.setStorageSync('smt-mask:showMask', '');将此参数清空。
  • Tip：关注引导蒙层组件从@smt-ui/component1.1.10 版本开始支持。