欢迎光临
我们一直在努力

九八云百度小程序教程:mask 关注引导蒙层

  • mask 关注引导蒙层
    • 属性说明
    • 示例
      • 代码示例 1:默认导航下的关注引导蒙层
      • 代码示例 2:自定义导航下的关注引导蒙层
    • Bug & Tip

    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 版本开始支持。

    赞(0) 打赏
    未经允许不得转载:九八云安全 » 九八云百度小程序教程:mask 关注引导蒙层

    评论 抢沙发