步骤1：存储收藏状态
当用户点击收藏按钮时，可以将相应的信息存储到本地缓存中，表示该内容已被收藏。
// 在用户点击收藏按钮时触发
function onCollectButtonTap() {
// 获取当前内容的唯一标识，这里假设使用 contentId 作为标识
const contentId = '123';
// 先获取当前的收藏状态
const isCollected = wx.getStorageSync('collected-' + contentId) || false;
// 更新收藏状态
const updatedCollectStatus = !isCollected;
// 将更新后的收藏状态存储到本地缓存中
wx.setStorageSync('collected-' + contentId, updatedCollectStatus);
// 更新界面显示，例如切换收藏按钮的图标或颜色
updateCollectButtonUI(updatedCollectStatus);
}
步骤2：获取收藏状态
在需要显示收藏状态的地方，可以通过 wx.getStorageSync 来获取当前内容的收藏状态。
// 获取当前内容的唯一标识，这里假设使用 contentId 作为标识
const contentId = '123';
// 获取当前的收藏状态
const isCollected = wx.getStorageSync('collected-' + contentId) || false;
// 根据收藏状态更新界面显示
updateCollectButtonUI(isCollected);
注意事项：
1. 存储和获取收藏状态时，需要使用一个唯一的标识符（例如内容的ID）来区分不同的内容。
2. 使用本地缓存 wx.setStorageSync 和 wx.getStorageSync 时，要注意存储的数据大小限制。
3. 收藏状态的更新应当及时反映在界面上，以便用户能够正确地看到当前内容的收藏状态。
4. 收藏状态的更新通常会涉及到与服务器的交互，以确保在不同设备上都能正确同步收藏状态。
以上是一个简单的实例，具体的实现可能会根据实际业务需求有所不同。在实际开发中，建议使用更复杂的状态管理方案（例如Redux、mobx等）来管理全局状态。
转载请注明出处：http://www.zyzy.cn/article/detail/672/微信小程序