uniapp收藏按钮如何实现

Uniapp收藏按钮实现可以按照以下步骤进行：

1. 首先，在需要添加收藏按钮的页面中，可以使用icon组件添加一个收藏图标，例如：

<icon class="iconfont icon-shoucang" @click="addToFavorites"></icon>

其中，`@click`表示点击事件，`addToFavorites`是一个函数，用于添加到收藏夹。

2. 在data中添加一个变量，用于表示当前是否已经收藏：

data() {
  return {
    isFavorite: false
  }
}

初始状态下，isFavorite为false，表示当前未收藏。

3. 编写addToFavorites函数，用于添加到收藏夹。实现方法可以是将当前页面的信息存储到本地存储中，表示已经收藏，例如：

addToFavorites() {
  uni.setStorageSync('favorites', '当前页面信息');
  this.isFavorite = true;
}

其中，`uni.setStorageSync`用于将信息存储到本地存储中，`this.isFavorite = true`用于更新isFavorite变量的值。

4. 在页面加载时，检查本地存储中是否已经收藏了该页面，如果是，则更新isFavorite变量的值，例如：

onLoad() {
  const favorites = uni.getStorageSync('favorites');
  if (favorites) {
    this.isFavorite = true;
  }
}

其中，`uni.getStorageSync`用于从本地存储中获取信息。

5. 在收藏按钮上添加样式，用于表示当前是否已经收藏，例如：

<icon class="iconfont" :class="{'icon-shoucang': !isFavorite, 'icon-shoucang1': isFavorite}" @click="addToFavorites"></icon>

其中，`:class`用于动态绑定class，`{'icon-shoucang': !isFavorite, 'icon-shoucang1': isFavorite}`表示未收藏时显示icon-shoucang图标，已收藏时显示icon-shoucang1图标。

通过以上步骤，就可以实现Uniapp收藏按钮了。