微信小程序：收藏、客服、分享、加入购物车、图片放大预览

最新推荐文章于 2024-03-31 12:29:22 发布

原创

最新推荐文章于 2024-03-31 12:29:22 发布 · 899 阅读

2 ·

CC 4.0 BY-SA版权

微信小程序：收藏、客服、分享、加入购物车、图片放大预览

微信小程序包含功能

·轮播

·图片放大预览

·收藏

·客服

·加入购物车

在goods_detail下的index.wxml写页面代码

<!--pages/goods_detail/index.wxml-->
<!-- <text>pages/goods_detail/index.wxml</text> -->
<!-- 详情轮播图 -->
<view class="detail_swiper">
  <swiper autoplay circular indicator-dots interval="3000">
    <swiper-item wx:for="{
  
  {goodsObj.pics}}" wx:key="pics_id" bind:tap="handlePrevewImage" data-url="{
  
  {item.pic_mid}}">
      <image mode="widthFix" src="{
  
  {item.pics_mid}}"></image>
    </swiper-item>
  </swiper>
</view>
<!-- 详情轮播图 -->

<!-- 价格 -->
<view class="goods_price">￥{
  
  {goodsObj.goods_price}}</view>
<!-- 价格 -->

<!-- 介绍和收藏 -->
<view class="goods_name_row">
  <!-- 左 -->
  <view class="goods_name">{
  
  {goodsObj.goods_name}}</view>
  <!-- 右 -->
  <view class="goods_collect" bind:tap="handleCollect">
    <text class="iconfont {
  
  {isCollect?'icon-shoucang2':'icon-shoucang'}} "></text>
    <view class="collect_text">收藏</view>
  </view>
</view>
<!-- 介绍和收藏 -->

<!-- 详情 -->
<view class="goods_info">
  <view class="goods_info_title">