微信小程序的收藏、分享、联系客服的功能实现

最新推荐文章于 2023-08-17 17:44:33 发布

softly顾先生

最新推荐文章于 2023-08-17 17:44:33 发布

阅读量478

点赞数

文章标签：小程序 javascript css html es6

本文链接：https://blog.csdn.net/weixin_49639325/article/details/116783581

版权

本文介绍了如何在微信小程序中实现收藏、分享和联系客服的功能。对于收藏功能，文章详细讲解了如何获取商品详情数据，判断并操作收藏数组来实现收藏和取消收藏的操作。而在分享和联系客服部分，重点阐述了使用button组件的open-type属性，通过share触发转发分享，以及用contact触发联系客服的逻辑。

摘要由CSDN通过智能技术生成

获取商品详情数据
获取缓存中的商品收藏的数组
判断当前商品是否被收藏
如果已存在删除当前数据，弹出取消收藏
如果不存在添加数据，弹出收藏成功

<view class="goods_collect"  bindtap="handleCollect">
    <i class="iconfont {
    {isCollect?'icon-shoucang1':'icon-shoucang'}}"></i>
    <view>收藏</view>
  </view>

// pages/goods_detail/index.js
import {
   request} from "../../request/index.js";
import regeneratorRuntime, {
    async } from "../../libs/runtime/runtime";
Page({
   

  /**
   * 页面的初始数据
   */
  data: {
   
    goodsObj:{
   },
    isCollect:false
  },
  GoodsInfo:{
   },

  /**
   * 生命周期函数--监听页面加