mask 关注引导蒙层

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

# 属性说明

属性名 类型 必填 默认值 说明
name String 小程序名称 待关注的小程序名,一般是当前小程序名。
icon String 待关注的小程序 logo 地址,一般是当前小程序的 logo 地址。
is-custom Boolean false 是否是自定义顶部导航的页面,即.json 文件中是否设置了 isCustom: true ,如果设置了,需要将此选项置为 true

# 示例

扫码体验
重新加载
请使用百度APP扫码

# 代码示例 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 版本开始支持