<view> 
  <!-- 商品图 -->
    <image class="image" mode="scaleToFill" src="{{commoditiesImage}}" />
    <!-- 价格表 -->
    <view class="box1">
      <view class="textbox">
        <text class="z1">年售1000+</text>
        <view style="margin-top:30rpx">
          <text class="z2">￥{{commoditiesPrice}}</text> 
        </view>
      </view>
      <view class="box8">
        <text class="z3">【{{commoditiesName}}】</text>
        <text class="z4">款式随便做，饰品不限量，含甲片，含卸甲</text>
      </view>
    </view>
    <view style="width:100%;display:flex;align-content:center;justify-content:center;margin-top:20rpx">
      <text class="z5">须知 需提前两小时预约 周一至周日全天可用 购买后30天内有效 购买前请仔细阅读</text>
    </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 style="width:100%;height:40px">
    <text style="font-weight:bolder;font-size:18px;position:relative;left:30rpx;top:20rpx">指定美甲师</text>
  </view>
  <view class="miajishikuang">
    <view class="meijishsibox" a:for="{{ meijiashi }}" data-index="{{index}}" onTap="onManicuristClick" >
      <image class="meijiashiimage" mode="scaleToFill" src="{{item.manicuristAvatar}}" />
      <view class="mejiashitext">
        <text>{{item.manicuristName}}</text>
      </view>
      <view style="margin-top:10rpx">
        <image a:if="{{item.selected}}" class="duihaoimage" mode="scaleToFill" src="../image/duihao.png" /> 
      </view>
    </view>
  </view>
</view>
<view class="zhifubox" onTap="zhifu">
  <view class="zhifuzhong">
    <text style="font-size:18px">立即购买</text>
  </view>
</view>