wx-parent/subpackages/productdetails/productdetails.wxml

<view style="background: #f5f5f5; padding: 20rpx 0;">
  <view class="goodslist_boxs">
    <!-- 商品图片 -->
    <image class="goods-image" src="https://img1.baidu.com/it/u=2052658756,3021621759&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500" mode="aspectFill"></image>
    
    <!-- 商品价格和浏览量 -->
    <view class="price-and-views">
      <view>
        <text class="price">¥68.00</text>
        <text class="original-price">¥99.00</text>
      </view>
      <view style="display: flex; align-content: center;">
        <image style="width: 30rpx; height: 30rpx;" src="{{showimg}}" />
        <text style="margin-left: 16rpx;" class="views">256人浏览</text>
      </view>
    </view>
    
    <!-- 商品标题 -->
    <view class="goods-title">儿童益智积木玩具套装 大颗粒安全无毒</view>
    
    <!-- 选择规格 -->
    <view class="specifications">
      <text style="font-size: 38rpx;">选择规格</text>
      <view class="specifications_boxs">
        <button class="spec-btn active">基础款（50粒）</button>
        <button class="spec-btn">进阶款（100粒）</button>
        <button class="spec-btn">豪华款（200粒）</button>
      </view>
    </view>
    
    <!-- 购买数量 -->
    <view class="quantity">
      <text style="font-size: 38rpx;">购买数量</text>

      <van-stepper
        value="1"
        bind:change="onChange"
      />
    </view>
    
    <!-- 产品详情 -->
    <view class="product-details">
      <text style="font-size: 38rpx;">产品详情</text>
      <view class="details-list">
        <text>• 安全材质：采用环保ABS塑料，无毒无味，通过国际安全认证</text>
        <text>• 大颗粒设计：专为3-6岁儿童设计，防止误吞</text>
        <text>• 益智启蒙：培养孩子空间想象力、创造力和手眼协调能力</text>
        <text>• 丰富配件：包含多种形状积木、数字和字母积木</text>
      </view>
    </view>
    
    <!-- 按钮区域 -->
    <view class="buttons">
    <view style="width: 10%; text-align: center;">
      <image class="search-icon" src="{{gouwucimg}}" />
      <view style="font-size: 24rpx;">购物车</view>
    </view>
      <view style="display: flex; justify-content: space-between; width: 74%;">
        <button class="cart-btn">加入购物车</button>
        <button class="buy-btn">立即购买</button>
      </view>
    </view>
  </view>
</view>