×
13518219792

建站动态

根据您的个性需求进行定制 先人一步 抢占小程序红利时代

创新互联百度小程序教程：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扫码

代码示例

安装组件：

 
 
 
    
  
  
  
  1. 关注
    2. 
  
  
  
    3. 
  
  
  
  3.  
    4. 
  
  
  
  4.  is-followed="{{isFollowed1}}"
    5. 
  
  
  
  5.  bind:follow="onFollow1">
    6. 
  
  
  
  6.  
    7. 
  
  
  
    8. 
  
  
  
  8.  
    9. 
  
  
  
  9.  background-color="white"
    10. 
  
  
  
  10.  follow-text="{{followText}}"
    11. 
  
  
  
  11.  is-followed="{{isFollowed2}}"
    12. 
  
  
  
  12.  bind:follow="onFollow2">
    13. 
  
  
  
  13.  
    14. 
  
  
  
    15. 
  
  
  
  15.  
    16. 
  
  
  
  16.  background-color="opacity"
    17. 
  
  
  
  17.  follow-text="{{followText2}}"
    18. 
  
  
  
  18.  is-followed="{{isFollowed4}}"
    19. 
  
  
  
  19.  bind:follow="onFollow4">
    20. 
  
  
  
  20.  
    21. 
  
  
  
    22. 
  
  
  
  22.  
    23. 
  
  
  
  23.  background-color="none"
    24. 
  
  
  
  24.  follow-text="{{followText}}"
    25. 
  
  
  
  25.  is-followed="{{isFollowed3}}"
    26. 
  
  
  
  26.  bind:follow="onFollow3">
    27. 
  
  
  
  27.  
    28. 
  
  
  
    29. 
  
  
  
    30. 
  
  
  
    31. 
  
  
  
  31.  
    32. 
  
  
  
  32.  mode="icon"
    33. 
  
  
  
  33.  background-color="white"
    34. 
  
  
  
  34.  is-followed="{{isFollowed5}}"
    35. 
  
  
  
  35.  bind:follow="onFollow5">
    36. 
  
  
  
  36.  
    37. 
  
  
  
    38. 
  
  
  
  38.  
    39. 
  
  
  
  39.  mode="icon"
    40. 
  
  
  
  40.  is-followed="{{isFollowed6}}"
    41. 
  
  
  
  41.  bind:follow="onFollow6">
    42. 
  
  
  
  42.  
    43. 
  
  
  
    44. 
  
  
  
    45. 
  
  
  
    46. 
  
  
  
  46.  
    47. 
  
  
  
  47.  mode="mixture"
    48. 
  
  
  
  48.  is-followed="{{isFollowed}}"
    49. 
  
  
  
  49.  bind:follow="onFollow">
    50. 
  
  
  
  50.  
    51. 
  
  
  
    52.

本文题目：创新互联百度小程序教程：follow关注
标题URL：http://cdbrznjsb.com/article/djegcgi.html

其他资讯

  • 网站建设专属方案

  • 网站定制化设计

  • 7X24小时服务

  • N对管家服务

让你的专属顾问为你服务