jiaqingjiayi-xiaochengxu/甲情_甲意/miniprogram/pages/shangpinjiemian/shangpinjiemian.axml

<view> 
  <!-- 商品图 -->
  <view class="Box1">
    <image class="image" mode="scaleToFill" src="{{commoditiesImage}}" />
    <!-- 价格表 -->
    <view class="box1">
      <text class="z1">年售1000+</text>
      <text class="z2">￥{{commoditiesPrice}}</text>
      <text class="z3">【{{commoditiesName}}】</text>
      <view class="box8">
        <text class="z4">款式随便做，饰品不限量，含甲片，含卸甲</text>
      </view>
    </view>
    <view style="width:100%">
      <text class="z5">须知 需提前两小时预约 周一至周日全天可用 购买后30天内有效 购买前请仔细阅读</text>
    </view>
    <!-- 商品介绍 -->
    <view class="box9">
      <ant-tabs
    items="{{ items }}"
    current="{{ current }}"
    onChange="onChange">
    <swiper
      current="{{ current }}"
      autoplay="{{ false }}"
      vertical="{{ false }}"
      circular="{{ false }}"
      onChange="onSwipeChange">
      <block
        a:for="{{ items }}"
        a:for-index="index"
        a:for-item="item"
        a:key="{{ index }}">
        <swiper-item>
          <view class="box10">
            <text class="box10">商品介绍</text>
        <text class="box10">适用部位: 手部</text>
        <text class="box10">包含项目</text>
        <view class="box11">
          <text class="box10">款式美甲</text>
          <text style="margin-right:10rpx">1/{{commoditiesPrice}}</text>
        </view>
        <text class="box10">美甲类型:  全手任意款式(款式随便做，饰品随便贴)</text>
        <text class="box10">美甲饰品:  随便选择饰品款式</text>
        <text class="box10">封层 :   磨砂/亮面</text>
        <text class="box10">底胶品牌: PQ|甲胶油</text>
          </view>
        </swiper-item>
        <swiper-item>
          <text>无</text>
        </swiper-item>
        <swiper-item>
          <text>无</text>
        </swiper-item>
      </block>
    </swiper>
  </ant-tabs>
    </view>
      </view>
       
       <!-- 购物车框 -->
       <view class="button-container">
        <view class="button add-to-cart" onTap="jiaru">加入购物车</view>
        <view class="button buy-now">立即购买</view>
      </view>
      
        
</view>