解释:关注组件,内容 / 用户关注组件。开发者可在小程序内配置关注组件,实现用户对小程序内容和消息的持续关注,可嵌套在原生组件内,自定义选择组件的样式和动效。
创新互联公司为客户提供专业的成都做网站、成都网站建设、程序、域名、空间一条龙服务,提供基于WEB的系统开发. 服务项目涵盖了网页设计、网站程序开发、WEB系统开发、微信二次开发、手机网站开发等网站方面业务。
属性名 | 类型 | 必填 | 默认值 | 说明 |
---|---|---|---|---|
mode |
String |
否 |
text |
关注按钮模式,有三种选择。 icon:仅有图标;text:文字版本;mixture:图标文字结合 |
background-color |
String |
否 |
blue |
mode 为 mixture 时不支持自定义背景色,默认背景为蓝色;当且仅当 mode 为 text 时有以下 4 种按钮颜色可选 blue 、 white 、 opacity 、 none 。当且仅当 mode 为 icon 时有以下 2 种按钮颜色可选 blue 、 white |
is-followed |
Boolean |
是 |
关注的状态 |
|
follow-text |
Array |
否 |
[‘关注’, ‘已关注’] |
关注按钮上的文案 |
is-show-toast |
Boolean |
否 |
true |
关注后的结果反馈是否弹出 toast 提示 |
toast-text |
Array |
否 |
[‘关注成功’, ‘已取消关注’] |
toast 文案,默认为关注成功、已取消关注 |
bind:follow |
EventHandle |
点击按钮事件 |
跳转编辑工具
在开发者工具中打开
在 WEB IDE 中打开
扫码体验
代码示例
请使用百度APP扫码
安装组件:
关注
is-followed="{{isFollowed1}}"
bind:follow="onFollow1">
background-color="white"
follow-text="{{followText}}"
is-followed="{{isFollowed2}}"
bind:follow="onFollow2">
background-color="opacity"
follow-text="{{followText2}}"
is-followed="{{isFollowed4}}"
bind:follow="onFollow4">
background-color="none"
follow-text="{{followText}}"
is-followed="{{isFollowed3}}"
bind:follow="onFollow3">
mode="icon"
background-color="white"
is-followed="{{isFollowed5}}"
bind:follow="onFollow5">
mode="icon"
is-followed="{{isFollowed6}}"
bind:follow="onFollow6">
mode="mixture"
is-followed="{{isFollowed}}"
bind:follow="onFollow">
文章标题:创新互联百度小程序教程:follow关注
文章转载:http://www.shufengxianlan.com/qtweb/news24/555374.html
网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联