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

<view style="display:flex;justify-content:center"> 
  <!-- 商品图 -->
  <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>
</view>
<view class="time">
  <view class="yuyuetext">
    <text style="font-weight:bolder;font-size:18px;position:relative;left:30rpx;top:20rpx">预约时间</text>
  </view>
  <view class="boxtextkuang">
    <view class="timebox" a:for="{{ time }}" onTap="selectTime"
     data-time="{{item.title}}" style="{{selectedTime === item.title ? 'background-color: #adadad; color: white;' : ''}}">
      <text>{{item.title}}</text>
    </view>
  </view>
</view>