<template name="skeleton">
  <view class="sk-container">
    <view class="home data-v-57280228">
      <view class="home-header data-v-57280228">
        <view class="home-header-search data-v-57280228" data-event-opts="tap,navToSearch,$event">
          <text class="iconfont icon-search data-v-57280228 sk-pseudo sk-pseudo-circle" />
          <text
            class="data-v-57280228 sk-transparent sk-text-14-2857-744 sk-text"
            style="background-position-x: 50%;"
            >搜索商品</text
          >
        </view>
      </view>
      <scroll-view
        class="home-container data-v-57280228"
        data-event-opts="scrolltolower,loadData,$event,scroll,pageScroll,$event"
        refresher-threshold="100"
        scroll-left="0"
        scroll-top="0"
        scroll-with-animation="true"
        scroll-y="true"
      >
        <view class="home-container-body data-v-57280228">
          <view class="home-banner data-v-57280228">
            <swiper
              autoplay="false"
              circular="true"
              class="home-banner-swiper data-v-57280228"
              data-event-opts="change,swiperChange,$event"
              current="0"
            >
              <swiper-item
                class="Hb-swiper-item data-v-57280228"
                data-event-opts="tap,navToActivityPage,$0,carouselList,,0"
                style="position: absolute; width: 100%; height: 100%; transform: translate(0%, 0px) translateZ(0px);"
              >
                <image class="Hbs-item-img data-v-57280228 sk-image" />
              </swiper-item>
              <swiper-item
                class="Hb-swiper-item data-v-57280228"
                data-event-opts="tap,navToActivityPage,$0,carouselList,,1"
                style="position: absolute; width: 100%; height: 100%; transform: translate(100%, 0px) translateZ(0px);"
              >
                <image class="Hbs-item-img data-v-57280228 sk-image" />
              </swiper-item>
            </swiper>
            <view class="home-banner-dots data-v-57280228">
              <view class="Hb-dots-item data-v-57280228" />
              <view class="Hb-dots-item data-v-57280228 Hb-dots-item_selected" />
            </view>
          </view>
          <view class="home-nav data-v-57280228">
            <view class="home-nav-body data-v-57280228">
              <view
                class="Hn-body-item data-v-57280228"
                data-event-opts="tap,navToActivityPage,$0,navList.__$n0.items,,0"
              >
                <image class="data-v-57280228 sk-image" />
                <text
                  class="data-v-57280228 sk-transparent sk-text-14-7059-783 sk-text"
                  style="background-position-x: 50%;"
                  >3C数码</text
                >
              </view>
              <view
                class="Hn-body-item data-v-57280228"
                data-event-opts="tap,navToActivityPage,$0,navList.__$n0.items,,1"
              >
                <image class="data-v-57280228 sk-image" />
                <text
                  class="data-v-57280228 sk-transparent sk-text-14-7059-316 sk-text"
                  style="background-position-x: 50%;"
                  >美妆护肤</text
                >
              </view>
              <view
                class="Hn-body-item data-v-57280228"
                data-event-opts="tap,navToActivityPage,$0,navList.__$n0.items,,2"
              >
                <image class="data-v-57280228 sk-image" />
                <text
                  class="data-v-57280228 sk-transparent sk-text-14-7059-516 sk-text"
                  style="background-position-x: 50%;"
                  >个护清洁</text
                >
              </view>
              <view
                class="Hn-body-item data-v-57280228"
                data-event-opts="tap,navToActivityPage,$0,navList.__$n0.items,,3"
              >
                <image class="data-v-57280228 sk-image" />
                <text
                  class="data-v-57280228 sk-transparent sk-text-14-7059-794 sk-text"
                  style="background-position-x: 50%;"
                  >食品酒水</text
                >
              </view>
              <view
                class="Hn-body-item data-v-57280228"
                data-event-opts="tap,navToActivityPage,$0,navList.__$n0.items,,4"
              >
                <image class="data-v-57280228 sk-image" />
                <text
                  class="data-v-57280228 sk-transparent sk-text-14-7059-585 sk-text"
                  style="background-position-x: 50%;"
                  >家居厨具</text
                >
              </view>
              <view
                class="Hn-body-item data-v-57280228"
                data-event-opts="tap,navToActivityPage,$0,navList.__$n0.items,,5"
              >
                <image class="data-v-57280228 sk-image" />
                <text
                  class="data-v-57280228 sk-transparent sk-text-14-7059-284 sk-text"
                  style="background-position-x: 50%;"
                  >服装鞋靴</text
                >
              </view>
              <view
                class="Hn-body-item data-v-57280228"
                data-event-opts="tap,navToActivityPage,$0,navList.__$n0.items,,6"
              >
                <image class="data-v-57280228 sk-image" />
                <text
                  class="data-v-57280228 sk-transparent sk-text-14-7059-21 sk-text"
                  style="background-position-x: 50%;"
                  >箱包皮具</text
                >
              </view>
              <view
                class="Hn-body-item data-v-57280228"
                data-event-opts="tap,navToActivityPage,$0,navList.__$n0.items,,7"
              >
                <image class="data-v-57280228 sk-image" />
                <text
                  class="data-v-57280228 sk-transparent sk-text-14-7059-656 sk-text"
                  style="background-position-x: 50%;"
                  >母婴亲子</text
                >
              </view>
            </view>
          </view>
          <view class="home-welfare data-v-57280228">
            <image
              class="data-v-57280228 sk-image"
              data-event-opts="tap,navToActivityPage,$0,rowList.__$n0.items,,0"
            />
            <image
              class="data-v-57280228 sk-image"
              data-event-opts="tap,navToActivityPage,$0,rowList.__$n0.items,,1"
            />
            <image
              class="data-v-57280228 sk-image"
              data-event-opts="tap,navToActivityPage,$0,rowList.__$n0.items,,2"
            />
          </view>
        </view>
      </scroll-view>
    </view>
  </view>
</template>

<style lang="scss" scoped>
.sk-transparent {
  color: transparent !important;
}
.sk-text-14-2857-744 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 39.2rpx;
  position: relative !important;
}
.sk-text {
  background-origin: content-box !important;
  background-clip: content-box !important;
  background-color: transparent !important;
  color: transparent !important;
  background-repeat: repeat-y !important;
}
.sk-text-14-7059-783 {
  background-image: linear-gradient(
    transparent 14.7059%,
    #eeeeee 0%,
    #eeeeee 85.2941%,
    transparent 0%
  ) !important;
  background-size: 100% 34rpx;
  position: relative !important;
}
.sk-text-14-7059-316 {
  background-image: linear-gradient(
    transparent 14.7059%,
    #eeeeee 0%,
    #eeeeee 85.2941%,
    transparent 0%
  ) !important;
  background-size: 100% 34rpx;
  position: relative !important;
}
.sk-text-14-7059-516 {
  background-image: linear-gradient(
    transparent 14.7059%,
    #eeeeee 0%,
    #eeeeee 85.2941%,
    transparent 0%
  ) !important;
  background-size: 100% 34rpx;
  position: relative !important;
}
.sk-text-14-7059-794 {
  background-image: linear-gradient(
    transparent 14.7059%,
    #eeeeee 0%,
    #eeeeee 85.2941%,
    transparent 0%
  ) !important;
  background-size: 100% 34rpx;
  position: relative !important;
}
.sk-text-14-7059-585 {
  background-image: linear-gradient(
    transparent 14.7059%,
    #eeeeee 0%,
    #eeeeee 85.2941%,
    transparent 0%
  ) !important;
  background-size: 100% 34rpx;
  position: relative !important;
}
.sk-text-14-7059-284 {
  background-image: linear-gradient(
    transparent 14.7059%,
    #eeeeee 0%,
    #eeeeee 85.2941%,
    transparent 0%
  ) !important;
  background-size: 100% 34rpx;
  position: relative !important;
}
.sk-text-14-7059-21 {
  background-image: linear-gradient(
    transparent 14.7059%,
    #eeeeee 0%,
    #eeeeee 85.2941%,
    transparent 0%
  ) !important;
  background-size: 100% 34rpx;
  position: relative !important;
}
.sk-text-14-7059-656 {
  background-image: linear-gradient(
    transparent 14.7059%,
    #eeeeee 0%,
    #eeeeee 85.2941%,
    transparent 0%
  ) !important;
  background-size: 100% 34rpx;
  position: relative !important;
}
.sk-image {
  background: #efefef !important;
}
.sk-pseudo::before,
.sk-pseudo::after {
  background: #efefef !important;
  background-image: none !important;
  color: transparent !important;
  border-color: transparent !important;
}
.sk-pseudo-rect::before,
.sk-pseudo-rect::after {
  border-radius: 0 !important;
}
.sk-pseudo-circle::before,
.sk-pseudo-circle::after {
  border-radius: 50% !important;
}
.sk-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: transparent;
}
</style>
