school_meal_wxapp/pages/detail/detail.wxml

<l-container>
  <view class="globstyle detail">
    <!-- 自定义内容 -->
    <!-- 商品展示 -->
    <view class="detail-shop-img">
      <van-image lazy-load width="80vw" fit="widthFix" src="{{shopdetail.img}}" />
    </view>
    <!-- 商品数据 -->
    <view class="detail-shop-detail">
      <van-cell use-label-slot value-class="value" value="￥{{shopdetail.price}}" border="{{ false }}">
        <view class="detail-flex" slot="title">
          <view class="detail-name">{{shopdetail.name}}</view>
        </view>
      </van-cell>
      <van-cell use-label-slot>
        <view class="detail-text" slot="label">{{shopdetail.desc}}</view>
      </van-cell>
    </view>
    <!-- 图文详情 -->
    <view wx:if="{{shopdetail.detaillist.length!=0}}" class="detail-shop-detailimg">
      <van-divider contentPosition="center">图文详情</van-divider>
      <view class="detail-shop-img">
        <van-image lazy-load wx:for="{{shopdetail.detaillist}}" wx:key="index" width="100%" fit="widthFix"
          src="{{item}}" />
      </view>
    </view>
    <!-- 功能条 -->
    <van-goods-action>
      <van-goods-action-icon icon="chat-o" text="客服" bind:click="onClickIcon" />
      <van-goods-action-button data-type="buy" text="立即购买" bind:click="onClickButton" />
    </van-goods-action>
  </view>
</l-container>