discounts-minapp/components/zs-skeleton/index.vue

<template>
	<view class="zs-skeleton" v-if="loading" @touchmove.stop.prevent="clear">

		<template v-if="type == 'home'" class="home" name="skeleton">
			<view class="sk-container">
				<view class="home">
					<swiper autoplay="false" circular="true" class="swiper" duration="1000" indicator-dots="true"
						interval="3000" current="0">
						<swiper-item
							style="position: absolute; width: 100%; height: 100%; transform: translate(0%, 0px) translateZ(0px);">
							<image mode="true" class="swiper-item sk-image"></image>
						</swiper-item>
					</swiper>
					<view class="u-notice-bar notice-bar--u-notice-bar data-v-24c07869 notice-bar--data-v-24c07869"
						style="background-color:#fdf6ec">
						<view class="u-notice column-notice--u-notice data-v-3bda0f19 column-notice--data-v-3bda0f19"
							data-event-opts="tap,clickHandler,$event">
							<view
								class="u-notice__left-icon column-notice--u-notice__left-icon data-v-3bda0f19 column-notice--data-v-3bda0f19">
								<view
									class="u-icon icon--u-icon data-v-2ee87dc9 icon--data-v-2ee87dc9 u-icon--right icon--u-icon--right"
									data-event-opts="tap,clickHandler,$event">
									<text
										class="u-icon__icon icon--u-icon__icon data-v-2ee87dc9 icon--data-v-2ee87dc9 uicon-volume icon--uicon-volume sk-transparent sk-opacity"
										style="font-size:10px;line-height:10px;font-weight:normal;top:0px;color:#f9ae3d"></text>
								</view>
							</view>
							<swiper autoplay="false" circular="true"
								class="u-notice__swiper column-notice--u-notice__swiper data-v-3bda0f19 column-notice--data-v-3bda0f19"
								data-event-opts="change,noticeChange,$event" interval="2000" vertical="true"
								current="0">
								<swiper-item
									class="u-notice__swiper__item column-notice--u-notice__swiper__item data-v-3bda0f19 column-notice--data-v-3bda0f19"
									style="position: absolute; width: 100%; height: 100%; transform: translate(0px, 0%) translateZ(0px);">
									<text
										class="u-notice__swiper__item__text column-notice--u-notice__swiper__item__text u-line-1 column-notice--u-line-1 data-v-3bda0f19 column-notice--data-v-3bda0f19 sk-transparent sk-text-14-2857-15 sk-text"
										style="color:#f9ae3d;font-size:11px">用户15912345671注册成功，本月累计节省0元</text>
								</swiper-item>
								<swiper-item
									class="u-notice__swiper__item column-notice--u-notice__swiper__item data-v-3bda0f19 column-notice--data-v-3bda0f19"
									style="position: absolute; width: 100%; height: 100%; transform: translate(0px, 100%) translateZ(0px);">
									<text
										class="u-notice__swiper__item__text column-notice--u-notice__swiper__item__text u-line-1 column-notice--u-line-1 data-v-3bda0f19 column-notice--data-v-3bda0f19 sk-transparent sk-text-14-2857-530 sk-text"
										style="color:#f9ae3d;font-size:11px">用户13187061605注册成功，本月累计节省0元</text>
								</swiper-item>
							</swiper>
						</view>
					</view>
					<view class="list box">
						<view class="card-title">
							<view class="title sk-transparent sk-text-14-2857-425 sk-text">推荐套餐</view>
							<view class="more sk-transparent">更多套餐
								<view
									class="u-icon icon--u-icon data-v-2ee87dc9 icon--data-v-2ee87dc9 u-icon--right icon--u-icon--right"
									data-event-opts="tap,clickHandler,$event">
									<text
										class="u-icon__icon icon--u-icon__icon data-v-2ee87dc9 icon--data-v-2ee87dc9 uicon-arrow-right icon--uicon-arrow-right sk-transparent sk-text-0-0000-55 sk-text"
										style="font-size:16px;line-height:16px;font-weight:normal;top:0px;color:#000000"></text>
								</view>
							</view>
						</view>
						<view class="combo">
							<view class="card" data-event-opts="tap,handleCard,0">
								<view class="title sk-transparent sk-text-14-2857-392 sk-text"
									style="background-position-x: 50%;">¥10.00</view>
								<view class="sub-title sk-transparent sk-text-14-2857-806 sk-text"
									style="text-decoration-color: transparent; background-position-x: 50%;">¥19.00
								</view>
							</view>
							<view class="card active" data-event-opts="tap,handleCard,1">
								<view class="title sk-transparent sk-text-14-2857-211 sk-text"
									style="background-position-x: 50%;">¥20.00</view>
								<view class="sub-title sk-transparent sk-text-14-2857-862 sk-text"
									style="text-decoration-color: transparent; background-position-x: 50%;">¥29.00
								</view>
							</view>
							<view class="card" data-event-opts="tap,handleCard,2">
								<view class="title sk-transparent sk-text-14-2857-338 sk-text"
									style="background-position-x: 50%;">¥30.00</view>
								<view class="sub-title sk-transparent sk-text-14-2857-961 sk-text"
									style="text-decoration-color: transparent; background-position-x: 50%;">¥39.00
								</view>
							</view>
						</view>
						<view class="equity">
							<view class="item">
								<view
									class="u-icon icon--u-icon data-v-2ee87dc9 icon--data-v-2ee87dc9 u-icon--right icon--u-icon--right"
									data-event-opts="tap,clickHandler,$event">
									<text
										class="u-icon__icon icon--u-icon__icon data-v-2ee87dc9 icon--data-v-2ee87dc9 uicon-chrome-circle-fill icon--uicon-chrome-circle-fill sk-transparent sk-text-0-0000-541 sk-text"
										style="font-size: 49px; line-height: 49px; font-weight: normal; top: 0px; color: rgb(0, 0, 0); background-position-x: 50%;"></text>
								</view>
								<view class="desc sk-transparent sk-text-14-2857-885 sk-text"
									style="background-position-x: 50%;">权益一</view>
							</view>
							<view class="item">
								<view
									class="u-icon icon--u-icon data-v-2ee87dc9 icon--data-v-2ee87dc9 u-icon--right icon--u-icon--right"
									data-event-opts="tap,clickHandler,$event">
									<text
										class="u-icon__icon icon--u-icon__icon data-v-2ee87dc9 icon--data-v-2ee87dc9 uicon-chrome-circle-fill icon--uicon-chrome-circle-fill sk-transparent sk-text-0-0000-931 sk-text"
										style="font-size: 49px; line-height: 49px; font-weight: normal; top: 0px; color: rgb(0, 0, 0); background-position-x: 50%;"></text>
								</view>
								<view class="desc sk-transparent sk-text-14-2857-212 sk-text"
									style="background-position-x: 50%;">权益一</view>
							</view>
							<view class="item">
								<view
									class="u-icon icon--u-icon data-v-2ee87dc9 icon--data-v-2ee87dc9 u-icon--right icon--u-icon--right"
									data-event-opts="tap,clickHandler,$event">
									<text
										class="u-icon__icon icon--u-icon__icon data-v-2ee87dc9 icon--data-v-2ee87dc9 uicon-chrome-circle-fill icon--uicon-chrome-circle-fill sk-transparent sk-text-0-0000-367 sk-text"
										style="font-size: 49px; line-height: 49px; font-weight: normal; top: 0px; color: rgb(0, 0, 0); background-position-x: 50%;"></text>
								</view>
								<view class="desc sk-transparent sk-text-14-2857-645 sk-text"
									style="background-position-x: 50%;">权益一</view>
							</view>
							<view class="item">
								<view
									class="u-icon icon--u-icon data-v-2ee87dc9 icon--data-v-2ee87dc9 u-icon--right icon--u-icon--right"
									data-event-opts="tap,clickHandler,$event">
									<text
										class="u-icon__icon icon--u-icon__icon data-v-2ee87dc9 icon--data-v-2ee87dc9 uicon-chrome-circle-fill icon--uicon-chrome-circle-fill sk-transparent sk-text-0-0000-828 sk-text"
										style="font-size: 49px; line-height: 49px; font-weight: normal; top: 0px; color: rgb(0, 0, 0); background-position-x: 50%;"></text>
								</view>
								<view class="desc sk-transparent sk-text-14-2857-972 sk-text"
									style="background-position-x: 50%;">权益一</view>
							</view>
							<view class="item">
								<view
									class="u-icon icon--u-icon data-v-2ee87dc9 icon--data-v-2ee87dc9 u-icon--right icon--u-icon--right"
									data-event-opts="tap,clickHandler,$event">
									<text
										class="u-icon__icon icon--u-icon__icon data-v-2ee87dc9 icon--data-v-2ee87dc9 uicon-chrome-circle-fill icon--uicon-chrome-circle-fill sk-transparent sk-text-0-0000-475 sk-text"
										style="font-size: 49px; line-height: 49px; font-weight: normal; top: 0px; color: rgb(0, 0, 0); background-position-x: 50%;"></text>
								</view>
								<view class="desc sk-transparent sk-text-14-2857-764 sk-text"
									style="background-position-x: 50%;">权益一</view>
							</view>
						</view>
						<view class="choose-btn sk-transparent sk-text-31-8182-696 sk-text"
							data-event-opts="tap,handleBtn,$event" style="background-position-x: 50%;">立即办理</view>
					</view>
					<view class="table-box box">
						<view class="table-title sk-transparent sk-text-25-7576-434 sk-text"
							style="background-position-x: 50%;">资费详情</view>
						<view class="_table">
							<view class="_tr">
								<view class="label _td sk-transparent sk-text-20-3704-630 sk-text">名称</view>
								<view class="value _td sk-transparent sk-text-20-3704-439 sk-text">移动生活本地宝</view>
							</view>
							<view class="_tr">
								<view class="label _td sk-transparent sk-text-20-3704-221 sk-text">月费</view>
								<view class="value _td sk-transparent sk-text-20-3704-3 sk-text">20元</view>
							</view>
							<view class="_tr">
								<view class="label _td sk-transparent sk-text-20-3704-218 sk-text">尊享权益</view>
								<view class="value _td sk-transparent">加油充电8折起；
									<view class="_br"></view>景区门票6折起；
									<view class="_br"></view>千家酒店随心住
									<view class="_br"></view>
								</view>
							</view>
						</view>
					</view>
					<view class="step-box box">
						<view class="step-title sk-transparent sk-text-14-2857-771 sk-text"
							style="background-position-x: 50%;">在线激活流程</view>
						<view
							class="u-steps steps--u-steps data-v-387c9f09 steps--data-v-387c9f09 u-steps--row steps--u-steps--row">
							<view
								class="u-steps-item steps-item--u-steps-item data-v-3ae6176e steps-item--data-v-3ae6176e vue-ref steps-item--vue-ref u-steps-item--row steps-item--u-steps-item--row"
								data-ref="u-steps-item">
								<view
									class="u-steps-item__line steps-item--u-steps-item__line data-v-3ae6176e steps-item--data-v-3ae6176e u-steps-item__line--row steps-item--u-steps-item__line--row"
									style="width:90px;left:45px;background-color:#3c9cff"></view>
								<view
									class="u-steps-item__wrapper steps-item--u-steps-item__wrapper data-v-3ae6176e steps-item--data-v-3ae6176e u-steps-item__wrapper--row steps-item--u-steps-item__wrapper--row false steps-item--false">
									<view
										class="u-steps-item__wrapper__circle steps-item--u-steps-item__wrapper__circle data-v-3ae6176e steps-item--data-v-3ae6176e"
										style="background-color:transparent;border-color:#3c9cff;">
										<view
											class="u-icon icon--u-icon data-v-2ee87dc9 icon--data-v-2ee87dc9 u-icon--right icon--u-icon--right"
											data-event-opts="tap,clickHandler,$event">
											<text
												class="u-icon__icon icon--u-icon__icon data-v-2ee87dc9 icon--data-v-2ee87dc9 uicon-checkmark icon--uicon-checkmark sk-transparent sk-opacity"
												style="font-size:6px;line-height:6px;font-weight:normal;top:0px;color:#3c9cff"></text>
										</view>
									</view>
								</view>
								<view
									class="u-steps-item__content steps-item--u-steps-item__content data-v-3ae6176e steps-item--data-v-3ae6176e u-steps-item__content--row steps-item--u-steps-item__content--row"
									style="margin-top:6px;margin-left:6px">
									<view class="u-text text--u-text data-v-50004b49 text--data-v-50004b49"
										data-event-opts="tap,clickHandler,$event"
										style="margin:0;justify-content:flex-start;">
										<text
											class="u-text__value text--u-text__value data-v-50004b49 text--data-v-50004b49 u-text__value--content text--u-text__value--content sk-transparent sk-text-32-5000-151 sk-text"
											style="text-decoration:none;font-weight:normal;word-wrap:normal;font-size:7px;line-height:20px">用户注册</text>
									</view>
									<view class="u-text text--u-text data-v-50004b49 text--data-v-50004b49"
										data-event-opts="tap,clickHandler,$event"
										style="margin:0;justify-content:flex-start;">
										<text
											class="u-text__value text--u-text__value data-v-50004b49 text--data-v-50004b49 u-text__value--tips text--u-text__value--tips"
											style="text-decoration:none;font-weight:normal;word-wrap:normal;font-size:6px"></text>
									</view>
								</view>
							</view>
							<view
								class="u-steps-item steps-item--u-steps-item data-v-3ae6176e steps-item--data-v-3ae6176e vue-ref steps-item--vue-ref u-steps-item--row steps-item--u-steps-item--row"
								data-ref="u-steps-item">
								<view
									class="u-steps-item__line steps-item--u-steps-item__line data-v-3ae6176e steps-item--data-v-3ae6176e u-steps-item__line--row steps-item--u-steps-item__line--row"
									style="width:90px;left:45px;background-color:#969799"></view>
								<view
									class="u-steps-item__wrapper steps-item--u-steps-item__wrapper data-v-3ae6176e steps-item--data-v-3ae6176e u-steps-item__wrapper--row steps-item--u-steps-item__wrapper--row false steps-item--false">
									<view
										class="u-steps-item__wrapper__circle steps-item--u-steps-item__wrapper__circle data-v-3ae6176e steps-item--data-v-3ae6176e"
										style="background-color:#3c9cff;border-color:transparent;">
										<text
											class="u-steps-item__wrapper__circle__text steps-item--u-steps-item__wrapper__circle__text data-v-3ae6176e steps-item--data-v-3ae6176e sk-transparent sk-opacity"
											style="color:#ffffff;">2</text>
									</view>
								</view>
								<view
									class="u-steps-item__content steps-item--u-steps-item__content data-v-3ae6176e steps-item--data-v-3ae6176e u-steps-item__content--row steps-item--u-steps-item__content--row"
									style="margin-top:6px;margin-left:6px">
									<view class="u-text text--u-text data-v-50004b49 text--data-v-50004b49"
										data-event-opts="tap,clickHandler,$event"
										style="margin:0;justify-content:flex-start;">
										<text
											class="u-text__value text--u-text__value data-v-50004b49 text--data-v-50004b49 u-text__value--main text--u-text__value--main sk-transparent sk-text-32-5000-770 sk-text"
											style="text-decoration:none;font-weight:normal;word-wrap:normal;font-size:7px;line-height:20px">受理开户</text>
									</view>
									<view class="u-text text--u-text data-v-50004b49 text--data-v-50004b49"
										data-event-opts="tap,clickHandler,$event"
										style="margin:0;justify-content:flex-start;">
										<text
											class="u-text__value text--u-text__value data-v-50004b49 text--data-v-50004b49 u-text__value--tips text--u-text__value--tips"
											style="text-decoration:none;font-weight:normal;word-wrap:normal;font-size:6px"></text>
									</view>
								</view>
							</view>
							<view
								class="u-steps-item steps-item--u-steps-item data-v-3ae6176e steps-item--data-v-3ae6176e vue-ref steps-item--vue-ref u-steps-item--row steps-item--u-steps-item--row"
								data-ref="u-steps-item">
								<view
									class="u-steps-item__line steps-item--u-steps-item__line data-v-3ae6176e steps-item--data-v-3ae6176e u-steps-item__line--row steps-item--u-steps-item__line--row"
									style="width:90px;left:45px;background-color:#969799"></view>
								<view
									class="u-steps-item__wrapper steps-item--u-steps-item__wrapper data-v-3ae6176e steps-item--data-v-3ae6176e u-steps-item__wrapper--row steps-item--u-steps-item__wrapper--row false steps-item--false">
									<view
										class="u-steps-item__wrapper__circle steps-item--u-steps-item__wrapper__circle data-v-3ae6176e steps-item--data-v-3ae6176e"
										style="background-color:transparent;border-color:#969799;">
										<text
											class="u-steps-item__wrapper__circle__text steps-item--u-steps-item__wrapper__circle__text data-v-3ae6176e steps-item--data-v-3ae6176e sk-transparent sk-opacity"
											style="color:#969799;">3</text>
									</view>
								</view>
								<view
									class="u-steps-item__content steps-item--u-steps-item__content data-v-3ae6176e steps-item--data-v-3ae6176e u-steps-item__content--row steps-item--u-steps-item__content--row"
									style="margin-top:6px;margin-left:6px">
									<view class="u-text text--u-text data-v-50004b49 text--data-v-50004b49"
										data-event-opts="tap,clickHandler,$event"
										style="margin:0;justify-content:flex-start;">
										<text
											class="u-text__value text--u-text__value data-v-50004b49 text--data-v-50004b49 u-text__value--content text--u-text__value--content sk-transparent sk-text-32-5000-72 sk-text"
											style="text-decoration:none;font-weight:normal;word-wrap:normal;font-size:7px;line-height:20px">注册核验</text>
									</view>
									<view class="u-text text--u-text data-v-50004b49 text--data-v-50004b49"
										data-event-opts="tap,clickHandler,$event"
										style="margin:0;justify-content:flex-start;">
										<text
											class="u-text__value text--u-text__value data-v-50004b49 text--data-v-50004b49 u-text__value--tips text--u-text__value--tips"
											style="text-decoration:none;font-weight:normal;word-wrap:normal;font-size:6px"></text>
									</view>
								</view>
							</view>
							<view
								class="u-steps-item steps-item--u-steps-item data-v-3ae6176e steps-item--data-v-3ae6176e vue-ref steps-item--vue-ref u-steps-item--row steps-item--u-steps-item--row"
								data-ref="u-steps-item">
								<view
									class="u-steps-item__wrapper steps-item--u-steps-item__wrapper data-v-3ae6176e steps-item--data-v-3ae6176e u-steps-item__wrapper--row steps-item--u-steps-item__wrapper--row false steps-item--false">
									<view
										class="u-steps-item__wrapper__circle steps-item--u-steps-item__wrapper__circle data-v-3ae6176e steps-item--data-v-3ae6176e"
										style="background-color:transparent;border-color:#969799;">
										<text
											class="u-steps-item__wrapper__circle__text steps-item--u-steps-item__wrapper__circle__text data-v-3ae6176e steps-item--data-v-3ae6176e sk-transparent sk-opacity"
											style="color:#969799;">4</text>
									</view>
								</view>
								<view
									class="u-steps-item__content steps-item--u-steps-item__content data-v-3ae6176e steps-item--data-v-3ae6176e u-steps-item__content--row steps-item--u-steps-item__content--row"
									style="margin-top:6px;margin-left:6px">
									<view class="u-text text--u-text data-v-50004b49 text--data-v-50004b49"
										data-event-opts="tap,clickHandler,$event"
										style="margin:0;justify-content:flex-start;">
										<text
											class="u-text__value text--u-text__value data-v-50004b49 text--data-v-50004b49 u-text__value--content text--u-text__value--content sk-transparent sk-text-32-5000-614 sk-text"
											style="text-decoration:none;font-weight:normal;word-wrap:normal;font-size:7px;line-height:20px">激活套餐</text>
									</view>
									<view class="u-text text--u-text data-v-50004b49 text--data-v-50004b49"
										data-event-opts="tap,clickHandler,$event"
										style="margin:0;justify-content:flex-start;">
										<text
											class="u-text__value text--u-text__value data-v-50004b49 text--data-v-50004b49 u-text__value--tips text--u-text__value--tips"
											style="text-decoration:none;font-weight:normal;word-wrap:normal;font-size:6px"></text>
									</view>
								</view>
							</view>
						</view>
					</view>
					
					
				</view>
			</view>
		</template>


		<view name="skeleton" class="integral" v-else-if="type == 'integral'">
			<view class="sk-container">
				<view class="store">
					<view class="bg">
						<view class="info">
							<view class="num sk-transparent sk-text-14-2857-550 sk-text"
								style="background-position-x: 50%;">3399</view>
							<view class="label sk-transparent sk-text-14-2857-921 sk-text"
								style="background-position-x: 50%;">账户积分</view>
						</view>
						<view class="rule sk-transparent sk-text-14-2857-848 sk-text">积分规则</view>
					</view>
					<view class="tab-group">
						<view class="tab" data-event-opts="tap,jump,./shop">
							<view
								class="u-icon icon--u-icon data-v-2ee87dc9 icon--data-v-2ee87dc9 u-icon--right icon--u-icon--right"
								data-event-opts="tap,clickHandler,$event">
								<text
									class="u-icon__icon icon--u-icon__icon data-v-2ee87dc9 icon--data-v-2ee87dc9 uicon-gift-fill icon--uicon-gift-fill sk-transparent sk-text-0-0000-104 sk-text"
									style="font-size:38px;line-height:38px;font-weight:normal;top:0px;color:#3884ea"></text>
							</view>
							<view class="tab-name sk-transparent sk-text-14-2857-69 sk-text"
								style="background-position-x: 50%;">积分商城</view>
						</view>
						<view class="tab" data-event-opts="tap,jump,./logs">
							<view
								class="u-icon icon--u-icon data-v-2ee87dc9 icon--data-v-2ee87dc9 u-icon--right icon--u-icon--right"
								data-event-opts="tap,clickHandler,$event">
								<text
									class="u-icon__icon icon--u-icon__icon data-v-2ee87dc9 icon--data-v-2ee87dc9 uicon-file-text-fill icon--uicon-file-text-fill sk-transparent sk-text-0-0000-333 sk-text"
									style="font-size:38px;line-height:38px;font-weight:normal;top:0px;color:#ea5404"></text>
							</view>
							<view class="tab-name sk-transparent sk-text-14-2857-460 sk-text"
								style="background-position-x: 50%;">积分明细</view>
						</view>
					</view>
					<view class="title sk-transparent sk-text-14-2857-698 sk-text" style="background-position-x: 50%;">
						虚拟兑换</view>
					<view class="sub-title sk-transparent sk-text-14-2857-683 sk-text sk-pseudo sk-pseudo-circle"
						style="background-position-x: 50%;">热门虚拟权益服务</view>
					<view class="goods-box">
						<view class="store-title sk-transparent sk-pseudo sk-pseudo-circle">人气兑换
							<view
								class="u-icon icon--u-icon data-v-2ee87dc9 icon--data-v-2ee87dc9 u-icon--right icon--u-icon--right"
								data-event-opts="tap,clickHandler,$event">
								<text
									class="u-icon__icon icon--u-icon__icon data-v-2ee87dc9 icon--data-v-2ee87dc9 uicon-arrow-right icon--uicon-arrow-right sk-transparent sk-text-0-0000-71 sk-text"
									style="font-size:20px;line-height:20px;font-weight:normal;top:0px;color:#000000"></text>
							</view>
						</view>
						<view class="box">
							<view class="item">
								<image class="icon sk-image" mode="aspectFill"></image>
								<view class="item-title sk-transparent sk-text-14-2857-603 sk-text">
									肯德基基基基基基基基基基基基基基基基基基基基基基基基基基基基基基</view>
								<view class="price sk-transparent sk-text-14-2857-518 sk-text">6000分</view>
							</view>
							<view class="item">
								<image class="icon sk-image" mode="aspectFill"></image>
								<view class="item-title sk-transparent sk-text-14-2857-685 sk-text">
									肯德基基基基基基基基基基基基基基基基基基基基基基基基基基基基基基</view>
								<view class="price sk-transparent sk-text-14-2857-899 sk-text">6000分</view>
							</view>
							<view class="item">
								<image class="icon sk-image" mode="aspectFill"></image>
								<view class="item-title sk-transparent sk-text-14-2857-708 sk-text">
									肯德基基基基基基基基基基基基基基基基基基基基基基基基基基基基基基</view>
								<view class="price sk-transparent sk-text-14-2857-854 sk-text">6000分</view>
							</view>
						</view>
						<view class="store-title sk-transparent sk-pseudo sk-pseudo-circle">生活出行
							<view
								class="u-icon icon--u-icon data-v-2ee87dc9 icon--data-v-2ee87dc9 u-icon--right icon--u-icon--right"
								data-event-opts="tap,clickHandler,$event">
								<text
									class="u-icon__icon icon--u-icon__icon data-v-2ee87dc9 icon--data-v-2ee87dc9 uicon-arrow-right icon--uicon-arrow-right sk-transparent sk-text-0-0000-480 sk-text"
									style="font-size:20px;line-height:20px;font-weight:normal;top:0px;color:#000000"></text>
							</view>
						</view>
						<view class="box">
							<view class="item">
								<image class="icon sk-image" mode="aspectFill"></image>
								<view class="item-title sk-transparent sk-text-14-2857-83 sk-text">
									肯德基基基基基基基基基基基基基基基基基基基基基基基基基基基基基基</view>
								<view class="price sk-transparent sk-text-14-2857-764 sk-text">6000分</view>
							</view>
							<view class="item">
								<image class="icon sk-image" mode="aspectFill"></image>
								<view class="item-title sk-transparent sk-text-14-2857-542 sk-text">
									肯德基基基基基基基基基基基基基基基基基基基基基基基基基基基基基基</view>
								<view class="price sk-transparent sk-text-14-2857-891 sk-text">6000分</view>
							</view>
							<view class="item">
								<image class="icon sk-image" mode="aspectFill"></image>
								<view class="item-title sk-transparent sk-text-14-2857-529 sk-text">
									肯德基基基基基基基基基基基基基基基基基基基基基基基基基基基基基基</view>
								<view class="price sk-transparent sk-text-14-2857-230 sk-text">6000分</view>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>



		<view name="skeleton" class="integralShop" v-else-if="type == 'integralShop'">
			<view class="sk-container">
				<view class="integral-shop">
					<view class="list" data-event-opts="^load,loadMore">
						<view class="zs-list list-index--zs-list" style="margin-top:55px;">
							<view class="item">
								<image class="icon sk-image" mode="aspectFill"></image>
								<view class="info">
									<view class="title sk-transparent sk-text-14-2857-765 sk-text">
										肯德基基基基基基基基基基基基基基基基基基基基基基基基基基基基基基基基基基基基基基</view>
									<view class="desc sk-transparent sk-text-14-2857-100 sk-text">可全额兑换香辣鸡腿堡一个。换香辣鸡腿堡一个。
									</view>
									<view class="sale-box">
										<view class="price sk-transparent sk-text-14-2857-512 sk-text">6000分</view>
										<view class="sale-num sk-transparent sk-text-14-2857-523 sk-text">已售12156件
										</view>
									</view>
								</view>
							</view>
							<view class="item">
								<image class="icon sk-image" mode="aspectFill"></image>
								<view class="info">
									<view class="title sk-transparent sk-text-14-2857-213 sk-text">
										肯德基基基基基基基基基基基基基基基基基基基基基基基基基基基基基基基基基基基基基基</view>
									<view class="desc sk-transparent sk-text-14-2857-967 sk-text">可全额兑换香辣鸡腿堡一个。</view>
									<view class="sale-box">
										<view class="price sk-transparent sk-text-14-2857-352 sk-text">6000分</view>
										<view class="sale-num sk-transparent sk-text-14-2857-923 sk-text">已售12156件
										</view>
									</view>
								</view>
							</view>
							<view class="item">
								<image class="icon sk-image" mode="aspectFill"></image>
								<view class="info">
									<view class="title sk-transparent sk-text-14-2857-629 sk-text">
										肯德基基基基基基基基基基基基基基基基基基基基基基基基基基基基基基基基基基基基基基</view>
									<view class="desc sk-transparent sk-text-14-2857-869 sk-text">可全额兑换香辣鸡腿堡一个。</view>
									<view class="sale-box">
										<view class="price sk-transparent sk-text-14-2857-607 sk-text">6000分</view>
										<view class="sale-num sk-transparent sk-text-14-2857-396 sk-text">已售12156件
										</view>
									</view>
								</view>
							</view>
							<view class="item">
								<image class="icon sk-image" mode="aspectFill"></image>
								<view class="info">
									<view class="title sk-transparent sk-text-14-2857-849 sk-text">
										肯德基基基基基基基基基基基基基基基基基基基基基基基基基基基基基基基基基基基基基基</view>
									<view class="desc sk-transparent sk-text-14-2857-23 sk-text">可全额兑换香辣鸡腿堡一个。</view>
									<view class="sale-box">
										<view class="price sk-transparent sk-text-14-2857-721 sk-text">6000分</view>
										<view class="sale-num sk-transparent sk-text-14-2857-633 sk-text">已售12156件
										</view>
									</view>
								</view>
							</view>
							<view class="item">
								<image class="icon sk-image" mode="aspectFill"></image>
								<view class="info">
									<view class="title sk-transparent sk-text-14-2857-670 sk-text">
										肯德基基基基基基基基基基基基基基基基基基基基基基基基基基基基基基基基基基基基基基</view>
									<view class="desc sk-transparent sk-text-14-2857-688 sk-text">可全额兑换香辣鸡腿堡一个。</view>
									<view class="sale-box">
										<view class="price sk-transparent sk-text-14-2857-877 sk-text">6000分</view>
										<view class="sale-num sk-transparent sk-text-14-2857-361 sk-text">已售12156件
										</view>
									</view>
								</view>
							</view>
							<view class="item">
								<image class="icon sk-image" mode="aspectFill"></image>
								<view class="info"></view>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>


	</view>
</template>

<script>
	export default {
		name: "zs-skeleton",
		props: {
			type: {
				type: String,
				default: 'home'
			},
			loading: {
				type: Boolean,
				default: true
			},
		},
		data() {
			return {

			};
		},
		methods: {
			clear(e) {},
		},
	}
</script>

<style lang="scss">
	.zs-skeleton {
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		z-index: 9999999;
		background: #fff;
	}
		.home {

			.sk-transparent {
				color: transparent !important;
			}

			.sk-opacity {
				opacity: 0 !important;
			}

			.sk-text-14-2857-15 {
				background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
				background-size: 100% 27.8986rpx;
				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-2857-530 {
				background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
				background-size: 100% 27.8986rpx;
				position: relative !important;
			}

			.sk-text-14-2857-425 {
				background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
				background-size: 100% 45.6522rpx;
				position: relative !important;
			}

			.sk-text-0-0000-55 {
				background-image: linear-gradient(transparent 0.0000%, #EEEEEE 0%, #EEEEEE 100.0000%, transparent 0%) !important;
				background-size: 100% 28.9855rpx;
				position: relative !important;
			}

			.sk-text-14-2857-392 {
				background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
				background-size: 100% 50.7246rpx;
				position: relative !important;
			}

			.sk-text-14-2857-806 {
				background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
				background-size: 100% 40.5797rpx;
				position: relative !important;
			}

			.sk-text-14-2857-211 {
				background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
				background-size: 100% 50.7246rpx;
				position: relative !important;
			}

			.sk-text-14-2857-862 {
				background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
				background-size: 100% 40.5797rpx;
				position: relative !important;
			}

			.sk-text-14-2857-338 {
				background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
				background-size: 100% 50.7246rpx;
				position: relative !important;
			}

			.sk-text-14-2857-961 {
				background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
				background-size: 100% 40.5797rpx;
				position: relative !important;
			}

			.sk-text-0-0000-541 {
				background-image: linear-gradient(transparent 0.0000%, #EEEEEE 0%, #EEEEEE 100.0000%, transparent 0%) !important;
				background-size: 100% 88.7681rpx;
				position: relative !important;
			}

			.sk-text-14-2857-885 {
				background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
				background-size: 100% 40.5797rpx;
				position: relative !important;
			}

			.sk-text-0-0000-931 {
				background-image: linear-gradient(transparent 0.0000%, #EEEEEE 0%, #EEEEEE 100.0000%, transparent 0%) !important;
				background-size: 100% 88.7681rpx;
				position: relative !important;
			}

			.sk-text-14-2857-212 {
				background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
				background-size: 100% 40.5797rpx;
				position: relative !important;
			}

			.sk-text-0-0000-367 {
				background-image: linear-gradient(transparent 0.0000%, #EEEEEE 0%, #EEEEEE 100.0000%, transparent 0%) !important;
				background-size: 100% 88.7681rpx;
				position: relative !important;
			}

			.sk-text-14-2857-645 {
				background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
				background-size: 100% 40.5797rpx;
				position: relative !important;
			}

			.sk-text-0-0000-828 {
				background-image: linear-gradient(transparent 0.0000%, #EEEEEE 0%, #EEEEEE 100.0000%, transparent 0%) !important;
				background-size: 100% 88.7681rpx;
				position: relative !important;
			}

			.sk-text-14-2857-972 {
				background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
				background-size: 100% 40.5797rpx;
				position: relative !important;
			}

			.sk-text-0-0000-475 {
				background-image: linear-gradient(transparent 0.0000%, #EEEEEE 0%, #EEEEEE 100.0000%, transparent 0%) !important;
				background-size: 100% 88.7681rpx;
				position: relative !important;
			}

			.sk-text-14-2857-764 {
				background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
				background-size: 100% 40.5797rpx;
				position: relative !important;
			}

			.sk-text-31-8182-696 {
				background-image: linear-gradient(transparent 31.8182%, #EEEEEE 0%, #EEEEEE 68.1818%, transparent 0%) !important;
				background-size: 100% 79.7101rpx;
				position: relative !important;
			}

			.sk-text-25-7576-434 {
				background-image: linear-gradient(transparent 25.7576%, #EEEEEE 0%, #EEEEEE 74.2424%, transparent 0%) !important;
				background-size: 100% 59.7826rpx;
				position: relative !important;
			}

			.sk-text-20-3704-630 {
				background-image: linear-gradient(transparent 20.3704%, #EEEEEE 0%, #EEEEEE 79.6296%, transparent 0%) !important;
				background-size: 100% 48.9130rpx;
				position: relative !important;
			}

			.sk-text-20-3704-439 {
				background-image: linear-gradient(transparent 20.3704%, #EEEEEE 0%, #EEEEEE 79.6296%, transparent 0%) !important;
				background-size: 100% 48.9130rpx;
				position: relative !important;
			}

			.sk-text-20-3704-221 {
				background-image: linear-gradient(transparent 20.3704%, #EEEEEE 0%, #EEEEEE 79.6296%, transparent 0%) !important;
				background-size: 100% 48.9130rpx;
				position: relative !important;
			}

			.sk-text-20-3704-3 {
				background-image: linear-gradient(transparent 20.3704%, #EEEEEE 0%, #EEEEEE 79.6296%, transparent 0%) !important;
				background-size: 100% 48.9130rpx;
				position: relative !important;
			}

			.sk-text-20-3704-218 {
				background-image: linear-gradient(transparent 20.3704%, #EEEEEE 0%, #EEEEEE 79.6296%, transparent 0%) !important;
				background-size: 100% 48.9130rpx;
				position: relative !important;
			}

			.sk-text-14-2857-771 {
				background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
				background-size: 100% 40.5797rpx;
				position: relative !important;
			}

			.sk-text-32-5000-151 {
				background-image: linear-gradient(transparent 32.5000%, #EEEEEE 0%, #EEEEEE 67.5000%, transparent 0%) !important;
				background-size: 100% 36.2319rpx;
				position: relative !important;
			}

			.sk-text-32-5000-770 {
				background-image: linear-gradient(transparent 32.5000%, #EEEEEE 0%, #EEEEEE 67.5000%, transparent 0%) !important;
				background-size: 100% 36.2319rpx;
				position: relative !important;
			}

			.sk-text-32-5000-72 {
				background-image: linear-gradient(transparent 32.5000%, #EEEEEE 0%, #EEEEEE 67.5000%, transparent 0%) !important;
				background-size: 100% 36.2319rpx;
				position: relative !important;
			}

			.sk-text-32-5000-614 {
				background-image: linear-gradient(transparent 32.5000%, #EEEEEE 0%, #EEEEEE 67.5000%, transparent 0%) !important;
				background-size: 100% 36.2319rpx;
				position: relative !important;
			}

			.sk-text-25-7576-825 {
				background-image: linear-gradient(transparent 25.7576%, #EEEEEE 0%, #EEEEEE 74.2424%, transparent 0%) !important;
				background-size: 100% 59.7826rpx;
				position: relative !important;
			}

			.sk-text-25-7576-153 {
				background-image: linear-gradient(transparent 25.7576%, #EEEEEE 0%, #EEEEEE 74.2424%, transparent 0%) !important;
				background-size: 100% 59.7826rpx;
				position: relative !important;
			}

			.sk-image {
				background: #EFEFEF !important;
			}

			.sk-container {
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				overflow: hidden;
				background-color: transparent;
			}

		}



		.integral {
			.sk-transparent {
				color: transparent !important;
			}

			.sk-text-14-2857-550 {
				background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
				background-size: 100% 65.9420rpx;
				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-2857-921 {
				background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
				background-size: 100% 38.0435rpx;
				position: relative !important;
			}

			.sk-text-14-2857-848 {
				background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
				background-size: 100% 38.0435rpx;
				position: absolute !important;
			}

			.sk-text-0-0000-104 {
				background-image: linear-gradient(transparent 0.0000%, #EEEEEE 0%, #EEEEEE 100.0000%, transparent 0%) !important;
				background-size: 100% 68.8406rpx;
				position: relative !important;
			}

			.sk-text-14-2857-69 {
				background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
				background-size: 100% 38.0435rpx;
				position: relative !important;
			}

			.sk-text-0-0000-333 {
				background-image: linear-gradient(transparent 0.0000%, #EEEEEE 0%, #EEEEEE 100.0000%, transparent 0%) !important;
				background-size: 100% 68.8406rpx;
				position: relative !important;
			}

			.sk-text-14-2857-460 {
				background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
				background-size: 100% 38.0435rpx;
				position: relative !important;
			}

			.sk-text-14-2857-698 {
				background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
				background-size: 100% 40.5797rpx;
				position: relative !important;
			}

			.sk-text-14-2857-683 {
				background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
				background-size: 100% 35.5072rpx;
				position: relative !important;
			}

			.sk-text-0-0000-71 {
				background-image: linear-gradient(transparent 0.0000%, #EEEEEE 0%, #EEEEEE 100.0000%, transparent 0%) !important;
				background-size: 100% 36.2319rpx;
				position: relative !important;
			}

			.sk-text-14-2857-603 {
				background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
				background-size: 100% 35.5072rpx;
				position: relative !important;
			}

			.sk-text-14-2857-518 {
				background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
				background-size: 100% 35.5072rpx;
				position: relative !important;
			}

			.sk-text-14-2857-685 {
				background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
				background-size: 100% 35.5072rpx;
				position: relative !important;
			}

			.sk-text-14-2857-899 {
				background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
				background-size: 100% 35.5072rpx;
				position: relative !important;
			}

			.sk-text-14-2857-708 {
				background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
				background-size: 100% 35.5072rpx;
				position: relative !important;
			}

			.sk-text-14-2857-854 {
				background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
				background-size: 100% 35.5072rpx;
				position: relative !important;
			}

			.sk-text-0-0000-480 {
				background-image: linear-gradient(transparent 0.0000%, #EEEEEE 0%, #EEEEEE 100.0000%, transparent 0%) !important;
				background-size: 100% 36.2319rpx;
				position: relative !important;
			}

			.sk-text-14-2857-83 {
				background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
				background-size: 100% 35.5072rpx;
				position: relative !important;
			}

			.sk-text-14-2857-764 {
				background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
				background-size: 100% 35.5072rpx;
				position: relative !important;
			}

			.sk-text-14-2857-542 {
				background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
				background-size: 100% 35.5072rpx;
				position: relative !important;
			}

			.sk-text-14-2857-891 {
				background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
				background-size: 100% 35.5072rpx;
				position: relative !important;
			}

			.sk-text-14-2857-529 {
				background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
				background-size: 100% 35.5072rpx;
				position: relative !important;
			}

			.sk-text-14-2857-230 {
				background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
				background-size: 100% 35.5072rpx;
				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;
			}
		}



		.integralShop {
			.sk-transparent {
				color: transparent !important;
			}

			.sk-text-14-2857-150 {
				background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
				background-size: 100% 35.5072rpx;
				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-2857-352 {
				background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
				background-size: 100% 35.5072rpx;
				position: relative !important;
			}

			.sk-text-14-2857-379 {
				background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
				background-size: 100% 35.5072rpx;
				position: relative !important;
			}

			.sk-text-14-2857-765 {
				background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
				background-size: 100% 35.5072rpx;
				position: relative !important;
			}

			.sk-text-14-2857-100 {
				background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
				background-size: 100% 32.9710rpx;
				position: relative !important;
			}

			.sk-text-14-2857-512 {
				background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
				background-size: 100% 50.7246rpx;
				position: relative !important;
			}

			.sk-text-14-2857-523 {
				background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
				background-size: 100% 32.9710rpx;
				position: relative !important;
			}

			.sk-text-14-2857-213 {
				background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
				background-size: 100% 35.5072rpx;
				position: relative !important;
			}

			.sk-text-14-2857-967 {
				background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
				background-size: 100% 32.9710rpx;
				position: relative !important;
			}

			.sk-text-14-2857-923 {
				background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
				background-size: 100% 32.9710rpx;
				position: relative !important;
			}

			.sk-text-14-2857-629 {
				background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
				background-size: 100% 35.5072rpx;
				position: relative !important;
			}

			.sk-text-14-2857-869 {
				background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
				background-size: 100% 32.9710rpx;
				position: relative !important;
			}

			.sk-text-14-2857-607 {
				background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
				background-size: 100% 50.7246rpx;
				position: relative !important;
			}

			.sk-text-14-2857-396 {
				background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
				background-size: 100% 32.9710rpx;
				position: relative !important;
			}

			.sk-text-14-2857-849 {
				background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
				background-size: 100% 35.5072rpx;
				position: relative !important;
			}

			.sk-text-14-2857-23 {
				background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
				background-size: 100% 32.9710rpx;
				position: relative !important;
			}

			.sk-text-14-2857-721 {
				background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
				background-size: 100% 50.7246rpx;
				position: relative !important;
			}

			.sk-text-14-2857-633 {
				background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
				background-size: 100% 32.9710rpx;
				position: relative !important;
			}

			.sk-text-14-2857-670 {
				background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
				background-size: 100% 35.5072rpx;
				position: relative !important;
			}

			.sk-text-14-2857-688 {
				background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
				background-size: 100% 32.9710rpx;
				position: relative !important;
			}

			.sk-text-14-2857-877 {
				background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
				background-size: 100% 50.7246rpx;
				position: relative !important;
			}

			.sk-text-14-2857-361 {
				background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
				background-size: 100% 32.9710rpx;
				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>