codecamp

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

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


百度智能小程序 自定义导航
百度智能小程序 信息流
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

百度智能小程序开发文档

百度智能小程序 组件

百度智能小程序 地图

百度智能小程序 画布

百度智能小程序 API

百度智能小程序 界面

百度智能小程序 关注小程序引导组件

百度智能小程序 自定义组件

百度智能小程序 媒体

百度智能小程序 设备

百度智能小程序 拨打电话

百度智能小程序 内存警报

百度智能小程序 手机联系人

百度智能小程序 用户截屏事件

百度智能小程序 第三方平台

百度智能小程序 开放接口

百度智能小程序 百度收银支付

百度智能小程序 分包预下载

百度智能小程序 数据分析

百度智能小程序 服务端

百度智能小程序 云开发

百度智能小程序 初始化

百度智能小程序 云函数

百度智能小程序 服务端初始化

百度智能小程序 服务器获取上下文

百度智能小程序 服务端云函数

百度智能小程序 开发教程

百度智能小程序 功能开发

百度智能小程序 基本原理

百度智能小程序 小程序自动化

百度智能小程序 视频教程

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }