微信小程序商城系列之商品详情页

最新推荐文章于 2025-02-02 13:59:23 发布

zx_001

最新推荐文章于 2025-02-02 13:59:23 发布

阅读量2.7w

点赞数 16

分类专栏：微信小程序文章标签：小程序详情页小程序商品详情页

本文链接：https://blog.youkuaiyun.com/zx_001/article/details/80581374

版权

wxml:

<!--商品幻灯片-->
<swiper indicator-dots="{
  {indicatorDots}}" autoplay="{
  {autoplay}}" interval="{
  {interval}}" class="banner" duration="{
  {duration}}" circular="{
  {duration}}">
  <block wx:for="{
  {goods_img}}" wx:key="goods_info">
    <swiper-item>
      <image src="{
  {imghref}}{
  {item.img}}" class="slide-image" mode="aspectFill" data-src='{
  {imghref}}{
  {item.img}}' bindtap="previewImage"/>
    </swiper-item>
  </block>
</swiper>
<!--商品幻灯片 end-->
<view class="info-price clear">
  <view class='price'>￥{
  {goods_info.goods_price}} </view>
  <view class='fenxiang'>
      <button class='fxbtn' open-type="share">
        <view style='height:20px;margin-top:8px;'><image src='/img/fenxiang.png' mode="aspectFill" ></image></view>
        <view>分享</view>
      </button>
  </view>
</view>
<view class="info-title">
    <text>{
  {goods_info.goods_title}}</text>
</view>

<view style="border-top:1px solid #F6F6F6;background: #fff; padding:5px 15px;">
    <view class="clearfix flex grey gridXt">
      <text class="sub"><block wx:if='{
  {goods_info.goods_yunfei==0.00}}'>运费：包邮</block><block wx:else>运费：{
  {goods_info.goods_yunfei}}</block></text>
      <text class=

最低0.47元/天解锁文章