school_meal_wxapp/pages/detail/detail.wxml

<l-container>
  <view slot="container" 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 border="{{ false }}">
        <view class="detail-flex" slot="title">
          <view class="detail-name">{{shopdetail.name}}</view>
        </view>
        <view class="newlabel">
          <view class="value">￥{{shopdetail.amount}}</view>
          <view class="days">{{shopdetail.price}}元
            <van-icon name="cross" />{{shopdetail.days}}天
          </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 data-type="share" icon="share-o" text="分享" bind:click="onClickIcon" />
      <van-goods-action-button data-type="buy" text="立即购买" bind:click="onClickButton" />
    </van-goods-action>
  </view>
</l-container>