SunjiApplet/pages/list/shopMeal.wxml

<view style='--color--:{{color}}'>
<nav-bar navbar-data='{{nvabarData}}'></nav-bar>
<view class='container'>
  <image class='cy-product-image' src='{{product.linkUrl}}'></image>
  <view class='cy-store-meal down-center'>
    <view style='margin-left:30rpx; width:690rpx'>
      <text>{{product.productName}}：</text>
      <block wx:for="{{product.suitList}}" wx:key="item">
        <text>{{item.name}}{{index < product.suitList.length-1 ? " + " : ""}}</text>
      </block>
    </view>
  </view>

  <block wx:for="{{product.suitList}}" wx:key="item" wx:for-index="position">
    <view class='cy-view-product'>
      <view class='cy-view-sign down-center'>
        <image class='cy-sign-image'></image>
        <label class='cy-view-sign-title'>{{item.name}}{{item.des}}</label>
      </view>
      <view class='cy-make-view'>
        <view class="cy-make-view-left">
          <view>
            <label class='cy-select-meal' style="margin-left: 0rpx; font-size:30rpx; color:#333;">已选：{{item.selectName}}{{item.selectSpecName}}x{{item.quantity}}</label>
          </view>
          <view style="margin-top:-15rpx; margin-left: 85rpx;">
            <label class='cy-select-meal' style="height:30rpx; font-size:28rpx; color:#999;">
              {{item.showName}}</label>
          </view>
        </view>
        <view class="cy-make-view-right" data-index="{{position}}" bindtap="cy_selectMake">
          <view class="content-center" style="float: right; color:#fff; font-size:32rpx; width:180rpx; height:60rpx; background:{{color}}; border-radius: 60rpx;">
            选择做法
          </view>
        </view>
      </view>
      <view class='cy-selected-product '>
        <block wx:for="{{item.list}}" wx:key="item">
          <view class="cy-selected-view" data-index="{{index}}" data-position="{{position}}" bindtap="cy_tapSuitDetail">
            <image class='cy-selected-product-image' src="{{item.product.linkUrl}}"></image>
            <view class="cy-select-meal cy-meal-detail cy-ellipsis">{{item.product.specName}}-{{item.product.productName}}</view>
            <view wx:if="{{item.select}}" class="cy-select-icon content-center">
              <image src="../../images/icon-bg-radio.png"></image>
            </view>
          </view>
        </block>
      </view>
    </view>
  </block>
  <view class='cy-bottom-view'></view>
</view>

<view class='cy-content-cart down-center'>
  <view class='cy-content-cart-total down-center'>
    <text style='margin-left:30rpx;'>合计：¥</text>
    <text class='cy-sum-money'>{{salePrice}}</text>
  </view>
  <view class='cy-content-place-order content-center' bindtap='cy_addCart'>
    加入购物车
  </view>
</view>


<view wx:if='{{isMake}}' class='cy-mask-spec content-center'>
  <view class='cy-mask' bindtap='cy_hide' catchtouchmove='true'></view>
  <view class='cy-spec-back'>
    <view class='cy-spec-header-view'>
      <view class='cy-spec-header'>
        <text>{{shopName}}x{{showNum}}</text>
        <text bindtap='cy_hide' class='iconfont icon-guanbi cy-close'></text>
      </view>
    </view>
    <view class='cy-spec-list'>
      <block wx:for="{{makeList}}" wx:key="{{make}}" wx:for-index="inx">
        <view class='cy-spec-item'>
          <view class='cy-spec-list-title'>{{item.typeName}}</view>
          <view class='cy-spec-content'>
            <view bindtap='cy_changeMake' data-x='{{inx}}' data-y='{{index}}' wx:for="{{item.list}}" wx:key="{{detail}}" class='cy-spec-label cy-left-float content-center {{item.checked ? "cy-bg":""}}'>{{item.showName}}</view>
          </view>
          <view style='width:100%; height:20rpx;'></view>
        </view>
      </block>
    </view>
    <view class='cy-spec-bottom-view flex-display'>
      <view class='cy-spec-bottom-left-view'>
        <view class='down-center cy-spec-bottom-price'>
          <text>合计：</text>
          <text>¥</text>
          <text style='margin-left:3rpx;'>{{newSpecPrice}}</text>
        </view>
      </view>
      <view class='cy-footer-add content-center' bindtap='cy_confirm'>
        <view class='cy-footer-icon'>确定</view>
      </view>
    </view>
  </view>
</view>
</view>