lachang-wxapp/pages/tabBar/index/index.skeleton.wxml

<!--
此文件为开发者工具生成，生成时间: 2022/3/11 下午5:30:22
使用方法：
在 /Users/admin/Documents/chef_project/ysc-applet/pages/tabBar/index/index.wxml 引入模板

```
<import src="index.skeleton.wxml"/>
<template is="skeleton" wx-if="{{loading}}" />
```

在 /Users/admin/Documents/chef_project/ysc-applet/pages/tabBar/index/index.wxss 中引入样式
```
@import "./index.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
-->
<template name="skeleton">
  <view class="sk-container">
    <view class="flex commonHead" style="height:90px;">
      <view class="flex commonContent" style="height:90px;">
        <view class="commonHeadWrap flex">
          <view class="headIconBox flex-c-c">
            <image class="icon sk-image" mode="aspectFill"></image>
          </view>
          <view class="searchCon flex-c" data-url="/pages/index/pages/search/search">
            <image class="icon sk-image" mode="aspectFill"></image>
            <view class="searchText sk-transparent sk-text-14-2857-274 sk-text">搜索商品</view>
          </view>
        </view>
      </view>
    </view>
    <view class="pageContainer">
      <view class="pageTopCom">
        <view class="swiperContainer">
          <view class="oneSwiperImage" data-id="96" data-jumpid="10119" data-jumptype="0">
            <image class="swiperImage sk-image" lazy-load="true" mode="aspectFill"></image>
          </view>
        </view>
        <view class="benefitBox flex-c-c">
          <view class="benefitItem" data-url="/pages/index/pages/riceCard/cardList/cardList">
            <image class="back sk-image" lazy-load="true" mode="aspectFill"></image>
          </view>
          <view class="benefitItem" data-url="/pages/index/pages/couponCenter/couponCenter">
            <image class="back sk-image" lazy-load="true" mode="aspectFill"></image>
          </view>
        </view>
        <view class="pageKkBox flex-c-c">
          <image mode="aspectFill" class="sk-image"></image>
        </view>
        <view class="pageMainItemBox"></view>
        <view class="exploreList">
          <view class="exploreItem" data-id="98" data-jumpid="0" data-jumptype="2">
            <view class="exploreCon">
              <image lazy-load="true" mode="aspectFill" class="sk-image"></image>
            </view>
          </view>
          <view class="exploreItem" data-id="99" data-jumpid="0" data-jumptype="3">
            <view class="exploreCon">
              <image lazy-load="true" mode="aspectFill" class="sk-image"></image>
            </view>
          </view>
        </view>
        <view class="pageMainItemBox">
          <view class="swiperContainer two">
            <view class="oneSwiperImage" data-id="100" data-jumpid="0" data-jumptype="6">
              <image class="swiperImage sk-image" lazy-load="true" mode="aspectFill"></image>
            </view>
          </view>
        </view>
      </view>
      <button class="pageShare flex-c-c sk-button sk-pseudo sk-pseudo-circle" open-type="share">
        <image class="shareIcon sk-image" mode="aspectFill"></image>
      </button>
    </view>
  </view>
</template>