创新互联百度小程序教程:follow关注

  • follow 关注
    • 属性说明
    • 示例
      • 代码示例

    follow 关注

    解释:关注组件,内容 / 用户关注组件。开发者可在小程序内配置关注组件,实现用户对小程序内容和消息的持续关注,可嵌套在原生组件内,自定义选择组件的样式和动效。

    创新互联公司为客户提供专业的成都做网站、成都网站建设、程序、域名、空间一条龙服务,提供基于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扫码

    代码示例

    安装组件:

    • SWAN
    • JS
    • CSS
    • JSON
     
     
     
    1. 关注
    2. is-followed="{{isFollowed1}}"
    3. bind:follow="onFollow1">
    4. background-color="white"
    5. follow-text="{{followText}}"
    6. is-followed="{{isFollowed2}}"
    7. bind:follow="onFollow2">
    8. background-color="opacity"
    9. follow-text="{{followText2}}"
    10. is-followed="{{isFollowed4}}"
    11. bind:follow="onFollow4">
    12. background-color="none"
    13. follow-text="{{followText}}"
    14. is-followed="{{isFollowed3}}"
    15. bind:follow="onFollow3">
    16. mode="icon"
    17. background-color="white"
    18. is-followed="{{isFollowed5}}"
    19. bind:follow="onFollow5">
    20. mode="icon"
    21. is-followed="{{isFollowed6}}"
    22. bind:follow="onFollow6">
    23. mode="mixture"
    24. is-followed="{{isFollowed}}"
    25. bind:follow="onFollow">

    文章标题:创新互联百度小程序教程:follow关注
    文章转载:http://www.shufengxianlan.com/qtweb/news24/555374.html

    网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等

    广告

    声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联