阅读(2470)
赞(8)
百度智能小程序 关注引导蒙层
2020-08-11 14:44:48 更新
mask 关注引导蒙层
解释: 关注引导蒙层组件。支持使用默认顶部导航的页面或者自定义顶部导航的页面。如需自定义开发引导样式,建议参考小程序设计指南:“如何吸引用户关注”。
属性说明
属性名 | 类型 | 必填 | 默认值 | 说明 |
---|---|---|---|---|
name |
String |
否 |
小程序名称 |
待关注的小程序名,一般是当前小程序名 |
icon |
String |
否 |
待关注的小程序 logo 地址,一般是当前小程序的 logo 地址 |
|
is-custom |
Boolean |
否 |
false |
是否是自定义顶部导航的页面,即.json 文件中是否设置了 |
示例
代码示例 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"
}
}
{
"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 版本开始支持