阅读(2474) (10)

百度智能小程序 关注引导蒙层

2020-08-11 14:44:48 更新

mask 关注引导蒙层

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

属性说明

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

name

String

小程序名称

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

icon

String

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

is-custom

Boolean

false

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

示例 

在开发者工具中打开


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

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

{
    "navigationStyle": "default",
    "usingComponents": {
        "smt-mask": "@smt-ui/component/src/mask"
    }
}

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

<view>
    <smt-mask name="示例小程序" icon="https://b.bdstatic.com/searchbox/mappconsole/image/20180502/1525250801121271.png" is-custom />
</view>
{
    "navigationStyle": "custom",
    "usingComponents": {
        "smt-mask": "@smt-ui/component/src/mask"
    } 
}

}Bug & Tip

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