骨架屏生成/测试
This commit is contained in:
parent
d6ddf1646d
commit
6b2e003896
GPG Key ID:
BD85FF18B373C341
@ -1,10 +1,13 @@
|
||||
<script setup>
|
||||
import {reactive} from "vue";
|
||||
import {reactive, onMounted} from "vue";
|
||||
import qs from "qs";
|
||||
import SideBarView from "@/components/sidebar-view/index.vue";
|
||||
import Item from "../../components/tab-view/components/item.vue";
|
||||
import Skeleton from "./skeleton/index.vue";
|
||||
import {onReady} from "@dcloudio/uni-app";
|
||||
|
||||
const ctx = reactive({
|
||||
loaded: false,
|
||||
current: 0,
|
||||
categories: [
|
||||
{
|
||||
@ -46,6 +49,12 @@ const ctx = reactive({
|
||||
]
|
||||
})
|
||||
|
||||
onReady(()=>{
|
||||
setTimeout(()=>{
|
||||
ctx.loaded = !ctx.loaded
|
||||
},800)
|
||||
})
|
||||
|
||||
function toCommodity() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/commodity/commodity?' + qs.stringify({
|
||||
@ -56,7 +65,9 @@ function toCommodity() {
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<SideBarView :categories="ctx.categories">
|
||||
<Skeleton v-if="!ctx.loaded"/>
|
||||
|
||||
<SideBarView v-else :categories="ctx.categories">
|
||||
<template #title="{current}">
|
||||
<text>
|
||||
{{ ctx.categories[current].name }}
|
||||
|
||||
414
src/pages/category/skeleton/index.vue
Normal file
414
src/pages/category/skeleton/index.vue
Normal file
@ -0,0 +1,414 @@
|
||||
<template name="skeleton">
|
||||
<view class="sk-container">
|
||||
<view is="components/sidebar-view/index">
|
||||
<view class="flex index--flex w-full index--w-full h-full index--h-full">
|
||||
<view class="w-1s4 index--w-1s4 h-full index--h-full bg-gray-100 index--bg-gray-100">
|
||||
<scroll-view class="h-full index--h-full bg-gray-100 index--bg-gray-100">
|
||||
<view class="bg-white index--bg-white text-center index--text-center p-4 index--p-4">
|
||||
<text class="sk-transparent sk-text-14-2857-192 sk-text" style="background-position-x: 50%;">外卖外送</text>
|
||||
</view>
|
||||
<view class="bg-gray-100 index--bg-gray-100 rounded index--rounded text-center index--text-center p-4 index--p-4">
|
||||
<text class="sk-transparent sk-text-14-2857-794 sk-text" style="background-position-x: 50%;">优选</text>
|
||||
</view>
|
||||
<view class="bg-gray-100 index--bg-gray-100 rounded index--rounded text-center index--text-center p-4 index--p-4">
|
||||
<text class="sk-transparent sk-text-14-2857-189 sk-text" style="background-position-x: 50%;">餐饮</text>
|
||||
</view>
|
||||
<view class="bg-gray-100 index--bg-gray-100 rounded index--rounded text-center index--text-center p-4 index--p-4">
|
||||
<text class="sk-transparent sk-text-14-2857-1000 sk-text" style="background-position-x: 50%;">休闲娱乐</text>
|
||||
</view>
|
||||
<view class="bg-gray-100 index--bg-gray-100 rounded index--rounded text-center index--text-center p-4 index--p-4">
|
||||
<text class="sk-transparent sk-text-14-2857-12 sk-text" style="background-position-x: 50%;">酒店旅游</text>
|
||||
</view>
|
||||
<view class="bg-gray-100 index--bg-gray-100 rounded index--rounded text-center index--text-center p-4 index--p-4">
|
||||
<text class="sk-transparent sk-text-14-2857-294 sk-text" style="background-position-x: 50%;">交通出行</text>
|
||||
</view>
|
||||
<view class="bg-gray-100 index--bg-gray-100 rounded index--rounded text-center index--text-center p-4 index--p-4">
|
||||
<text class="sk-transparent sk-text-14-2857-699 sk-text" style="background-position-x: 50%;">丽人医美</text>
|
||||
</view>
|
||||
<view class="bg-gray-100 index--bg-gray-100 rounded index--rounded text-center index--text-center p-4 index--p-4">
|
||||
<text class="sk-transparent sk-text-14-2857-856 sk-text" style="background-position-x: 50%;">金融服务</text>
|
||||
</view>
|
||||
<view class="bg-gray-100 index--bg-gray-100 rounded index--rounded text-center index--text-center p-4 index--p-4">
|
||||
<text class="sk-transparent sk-text-14-2857-654 sk-text" style="background-position-x: 50%;">福利中心</text>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
<view class="w-3s4 index--w-3s4 p-2 index--p-2 bg-white index--bg-white flex index--flex flex-col index--flex-col h-full index--h-full">
|
||||
<view class="flex-grow index--flex-grow flex index--flex flex-col index--flex-col h-full index--h-full">
|
||||
<view class="my-1 index--my-1">
|
||||
<view>
|
||||
<text class="sk-transparent sk-text-14-2857-40 sk-text">外卖外送</text>
|
||||
</view>
|
||||
</view>
|
||||
<scroll-view scroll-y="true" class="flex-grow index--flex-grow min-h-0 index--min-h-0">
|
||||
<view>
|
||||
<scroll-view scroll-y="true" class="flex-grow flex-grow min-h-0 min-h-0 text-left text-left">
|
||||
<view is="components/tab-view/components/item">
|
||||
<view class="flex item--flex overflow-hidden item--overflow-hidden my-1 item--my-1 max-h-20 item--max-h-20">
|
||||
<view class="w-1s4 item--w-1s4 max-h-20 item--max-h-20 h-20 item--h-20 p-2 item--p-2 border item--border border-gray-200 item--border-gray-200 rounded item--rounded flex item--flex justify-center item--justify-center items-center item--items-center">
|
||||
<image class="w-full item--w-full h-full item--h-full sk-image" mode="widthFix" style="height: 55.625px;"></image>
|
||||
</view>
|
||||
<view class="w-3s4 item--w-3s4 flex item--flex flex-col item--flex-col justify-between item--justify-between p-2 item--p-2">
|
||||
<view class="min-w-0 item--min-w-0 overflow-hidden item--overflow-hidden overflow-ellipsis item--overflow-ellipsis whitespace-nowrap item--whitespace-nowrap">
|
||||
<text class="text-base item--text-base sk-transparent sk-text-17-3077-939 sk-text">测试商品测试商品测试商品测试商品测试商品测试商品测试商品</text>
|
||||
</view>
|
||||
<view class="flex item--flex justify-between item--justify-between align-middle item--align-middle items-center item--items-center">
|
||||
<view>
|
||||
<text class="text-orange-500 item--text-orange-500 text-base item--text-base sk-transparent sk-text-17-3077-973 sk-text">9999.99</text>
|
||||
</view>
|
||||
<view class="text-right item--text-right">
|
||||
<view class="bg-yellow-400 text-center px-1 py-0d5 rounded text-sm sk-transparent sk-text-15-9091-873 sk-text" style="background-position-x: 50%;"> 选规格 </view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view is="components/tab-view/components/item">
|
||||
<view class="flex item--flex overflow-hidden item--overflow-hidden my-1 item--my-1 max-h-20 item--max-h-20">
|
||||
<view class="w-1s4 item--w-1s4 max-h-20 item--max-h-20 h-20 item--h-20 p-2 item--p-2 border item--border border-gray-200 item--border-gray-200 rounded item--rounded flex item--flex justify-center item--justify-center items-center item--items-center">
|
||||
<image class="w-full item--w-full h-full item--h-full sk-image" mode="widthFix" style="height: 55.625px;"></image>
|
||||
</view>
|
||||
<view class="w-3s4 item--w-3s4 flex item--flex flex-col item--flex-col justify-between item--justify-between p-2 item--p-2">
|
||||
<view class="min-w-0 item--min-w-0 overflow-hidden item--overflow-hidden overflow-ellipsis item--overflow-ellipsis whitespace-nowrap item--whitespace-nowrap">
|
||||
<text class="text-base item--text-base sk-transparent sk-text-17-3077-592 sk-text">测试商品测试商品测试商品测试商品测试商品测试商品测试商品</text>
|
||||
</view>
|
||||
<view class="flex item--flex justify-between item--justify-between align-middle item--align-middle items-center item--items-center">
|
||||
<view>
|
||||
<text class="text-orange-500 item--text-orange-500 text-base item--text-base sk-transparent sk-text-17-3077-974 sk-text">9999.99</text>
|
||||
</view>
|
||||
<view class="text-right item--text-right">
|
||||
<view class="bg-yellow-400 text-center px-1 py-0d5 rounded text-sm sk-transparent sk-text-15-9091-715 sk-text" style="background-position-x: 50%;"> 选规格 </view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view is="components/tab-view/components/item">
|
||||
<view class="flex item--flex overflow-hidden item--overflow-hidden my-1 item--my-1 max-h-20 item--max-h-20">
|
||||
<view class="w-1s4 item--w-1s4 max-h-20 item--max-h-20 h-20 item--h-20 p-2 item--p-2 border item--border border-gray-200 item--border-gray-200 rounded item--rounded flex item--flex justify-center item--justify-center items-center item--items-center">
|
||||
<image class="w-full item--w-full h-full item--h-full sk-image" mode="widthFix" style="height: 55.625px;"></image>
|
||||
</view>
|
||||
<view class="w-3s4 item--w-3s4 flex item--flex flex-col item--flex-col justify-between item--justify-between p-2 item--p-2">
|
||||
<view class="min-w-0 item--min-w-0 overflow-hidden item--overflow-hidden overflow-ellipsis item--overflow-ellipsis whitespace-nowrap item--whitespace-nowrap">
|
||||
<text class="text-base item--text-base sk-transparent sk-text-17-3077-114 sk-text">测试商品测试商品测试商品测试商品测试商品测试商品测试商品</text>
|
||||
</view>
|
||||
<view class="flex item--flex justify-between item--justify-between align-middle item--align-middle items-center item--items-center">
|
||||
<view>
|
||||
<text class="text-orange-500 item--text-orange-500 text-base item--text-base sk-transparent sk-text-17-3077-409 sk-text">9999.99</text>
|
||||
</view>
|
||||
<view class="text-right item--text-right">
|
||||
<view class="text-center px-1 py-0d5 text-gray-400 text-xs sk-transparent sk-text-11-7647-837 sk-text" style="background-position-x: 50%;"> 50分钟 </view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view is="components/tab-view/components/item">
|
||||
<view class="flex item--flex overflow-hidden item--overflow-hidden my-1 item--my-1 max-h-20 item--max-h-20">
|
||||
<view class="w-1s4 item--w-1s4 max-h-20 item--max-h-20 h-20 item--h-20 p-2 item--p-2 border item--border border-gray-200 item--border-gray-200 rounded item--rounded flex item--flex justify-center item--justify-center items-center item--items-center">
|
||||
<image class="w-full item--w-full h-full item--h-full sk-image" mode="widthFix" style="height: 55.625px;"></image>
|
||||
</view>
|
||||
<view class="w-3s4 item--w-3s4 flex item--flex flex-col item--flex-col justify-between item--justify-between p-2 item--p-2">
|
||||
<view class="min-w-0 item--min-w-0 overflow-hidden item--overflow-hidden overflow-ellipsis item--overflow-ellipsis whitespace-nowrap item--whitespace-nowrap">
|
||||
<text class="text-base item--text-base sk-transparent sk-text-17-3077-859 sk-text">测试商品测试商品测试商品测试商品测试商品测试商品测试商品</text>
|
||||
</view>
|
||||
<view class="flex item--flex justify-between item--justify-between align-middle item--align-middle items-center item--items-center">
|
||||
<view>
|
||||
<text class="text-orange-500 item--text-orange-500 text-base item--text-base sk-transparent sk-text-17-3077-939 sk-text">9999.99</text>
|
||||
</view>
|
||||
<view class="text-right item--text-right">
|
||||
<view class="text-center px-1 py-0d5 text-gray-400 text-xs sk-transparent sk-text-11-7647-943 sk-text" style="background-position-x: 50%;"> 50分钟 </view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view is="components/tab-view/components/item">
|
||||
<view class="flex item--flex overflow-hidden item--overflow-hidden my-1 item--my-1 max-h-20 item--max-h-20">
|
||||
<view class="w-1s4 item--w-1s4 max-h-20 item--max-h-20 h-20 item--h-20 p-2 item--p-2 border item--border border-gray-200 item--border-gray-200 rounded item--rounded flex item--flex justify-center item--justify-center items-center item--items-center">
|
||||
<image class="w-full item--w-full h-full item--h-full sk-image" mode="widthFix" style="height: 41.4278px;"></image>
|
||||
</view>
|
||||
<view class="w-3s4 item--w-3s4 flex item--flex flex-col item--flex-col justify-between item--justify-between p-2 item--p-2">
|
||||
<view class="min-w-0 item--min-w-0 overflow-hidden item--overflow-hidden overflow-ellipsis item--overflow-ellipsis whitespace-nowrap item--whitespace-nowrap">
|
||||
<text class="text-base item--text-base sk-transparent sk-text-17-3077-403 sk-text">测试商品</text>
|
||||
</view>
|
||||
<view class="flex item--flex justify-between item--justify-between align-middle item--align-middle items-center item--items-center">
|
||||
<view>
|
||||
<text class="text-orange-500 item--text-orange-500 text-base item--text-base sk-transparent sk-text-17-3077-326 sk-text">9999.99</text>
|
||||
<text class="ml-1 item--ml-1 text-xs item--text-xs text-gray-500 item--text-gray-500 line-through item--line-through sk-transparent sk-text-11-7647-239 sk-text" style="text-decoration-color: transparent;">8888.88</text>
|
||||
</view>
|
||||
<view class="text-right item--text-right">
|
||||
<view class="rounded-_50p_ item--rounded-_50p_ bg-yellow-400 item--bg-yellow-400 w-5 item--w-5 h-5 item--h-5 leading-5 item--leading-5 text-center item--text-center font-bold item--font-bold">
|
||||
<view is="node-modules/@dcloudio/uni-ui/lib/uni-icons/uni-icons">
|
||||
<text class="uni-icons icons--uni-icons uniui-plusempty icons--uniui-plusempty sk-pseudo sk-pseudo-circle" style="color: #333333; font-size: 16px;"></text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view is="components/tab-view/components/item">
|
||||
<view class="flex item--flex overflow-hidden item--overflow-hidden my-1 item--my-1 max-h-20 item--max-h-20">
|
||||
<view class="w-1s4 item--w-1s4 max-h-20 item--max-h-20 h-20 item--h-20 p-2 item--p-2 border item--border border-gray-200 item--border-gray-200 rounded item--rounded flex item--flex justify-center item--justify-center items-center item--items-center">
|
||||
<image class="w-full item--w-full h-full item--h-full sk-image" mode="widthFix" style="height: 41.4278px;"></image>
|
||||
</view>
|
||||
<view class="w-3s4 item--w-3s4 flex item--flex flex-col item--flex-col justify-between item--justify-between p-2 item--p-2">
|
||||
<view class="min-w-0 item--min-w-0 overflow-hidden item--overflow-hidden overflow-ellipsis item--overflow-ellipsis whitespace-nowrap item--whitespace-nowrap">
|
||||
<text class="text-base item--text-base sk-transparent sk-text-17-3077-619 sk-text">测试商品</text>
|
||||
</view>
|
||||
<view class="flex item--flex justify-between item--justify-between align-middle item--align-middle items-center item--items-center">
|
||||
<view>
|
||||
<text class="text-orange-500 item--text-orange-500 text-base item--text-base sk-transparent sk-text-17-3077-742 sk-text">9999.99</text>
|
||||
<text class="ml-1 item--ml-1 text-xs item--text-xs text-gray-500 item--text-gray-500 line-through item--line-through sk-transparent sk-text-11-7647-618 sk-text" style="text-decoration-color: transparent;">8888.88</text>
|
||||
</view>
|
||||
<view class="text-right item--text-right">
|
||||
<view class="rounded-_50p_ item--rounded-_50p_ bg-yellow-400 item--bg-yellow-400 w-5 item--w-5 h-5 item--h-5 leading-5 item--leading-5 text-center item--text-center font-bold item--font-bold">
|
||||
<view is="node-modules/@dcloudio/uni-ui/lib/uni-icons/uni-icons">
|
||||
<text class="uni-icons icons--uni-icons uniui-plusempty icons--uniui-plusempty sk-pseudo sk-pseudo-circle" style="color: #333333; font-size: 16px;"></text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view is="components/tab-view/components/item">
|
||||
<view class="flex item--flex overflow-hidden item--overflow-hidden my-1 item--my-1 max-h-20 item--max-h-20">
|
||||
<view class="w-1s4 item--w-1s4 max-h-20 item--max-h-20 h-20 item--h-20 p-2 item--p-2 border item--border border-gray-200 item--border-gray-200 rounded item--rounded flex item--flex justify-center item--justify-center items-center item--items-center">
|
||||
<image class="w-full item--w-full h-full item--h-full sk-image" mode="widthFix" style="height: 41.4278px;"></image>
|
||||
</view>
|
||||
<view class="w-3s4 item--w-3s4 flex item--flex flex-col item--flex-col justify-between item--justify-between p-2 item--p-2">
|
||||
<view class="min-w-0 item--min-w-0 overflow-hidden item--overflow-hidden overflow-ellipsis item--overflow-ellipsis whitespace-nowrap item--whitespace-nowrap">
|
||||
<text class="text-base item--text-base sk-transparent sk-text-17-3077-166 sk-text">测试商品</text>
|
||||
</view>
|
||||
<view class="flex item--flex justify-between item--justify-between align-middle item--align-middle items-center item--items-center">
|
||||
<view>
|
||||
<text class="text-orange-500 item--text-orange-500 text-base item--text-base sk-transparent sk-text-17-3077-64 sk-text">9999.99</text>
|
||||
<text class="ml-1 item--ml-1 text-xs item--text-xs text-gray-500 item--text-gray-500 line-through item--line-through sk-transparent sk-text-11-7647-351 sk-text" style="text-decoration-color: transparent;">8888.88</text>
|
||||
</view>
|
||||
<view class="text-right item--text-right">
|
||||
<view class="rounded-_50p_ item--rounded-_50p_ bg-yellow-400 item--bg-yellow-400 w-5 item--w-5 h-5 item--h-5 leading-5 item--leading-5 text-center item--text-center font-bold item--font-bold">
|
||||
<view is="node-modules/@dcloudio/uni-ui/lib/uni-icons/uni-icons">
|
||||
<text class="uni-icons icons--uni-icons uniui-plusempty icons--uniui-plusempty sk-pseudo sk-pseudo-circle" style="color: #333333; font-size: 16px;"></text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view is="components/tab-view/components/item">
|
||||
<view class="flex item--flex overflow-hidden item--overflow-hidden my-1 item--my-1 max-h-20 item--max-h-20">
|
||||
<view class="w-1s4 item--w-1s4 max-h-20 item--max-h-20 h-20 item--h-20 p-2 item--p-2 border item--border border-gray-200 item--border-gray-200 rounded item--rounded flex item--flex justify-center item--justify-center items-center item--items-center">
|
||||
<image class="w-full item--w-full h-full item--h-full sk-image" mode="widthFix" style="height: 41.4278px;"></image>
|
||||
</view>
|
||||
<view class="w-3s4 item--w-3s4 flex item--flex flex-col item--flex-col justify-between item--justify-between p-2 item--p-2">
|
||||
<view class="min-w-0 item--min-w-0 overflow-hidden item--overflow-hidden overflow-ellipsis item--overflow-ellipsis whitespace-nowrap item--whitespace-nowrap">
|
||||
<text class="text-base item--text-base sk-transparent sk-text-17-3077-693 sk-text">测试商品</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<style>
|
||||
.sk-transparent {
|
||||
color: transparent !important;
|
||||
}
|
||||
.sk-text-14-2857-192 {
|
||||
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 {
|
||||
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-794 {
|
||||
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-189 {
|
||||
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-1000 {
|
||||
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-12 {
|
||||
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-294 {
|
||||
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-699 {
|
||||
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-856 {
|
||||
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-654 {
|
||||
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-40 {
|
||||
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-17-3077-939 {
|
||||
background-image: linear-gradient(transparent 17.3077%, #EEEEEE 0%, #EEEEEE 82.6923%, transparent 0%) !important;
|
||||
background-size: 100% 47.1014rpx;
|
||||
position: relative !important;
|
||||
}
|
||||
.sk-text-17-3077-973 {
|
||||
background-image: linear-gradient(transparent 17.3077%, #EEEEEE 0%, #EEEEEE 82.6923%, transparent 0%) !important;
|
||||
background-size: 100% 47.1014rpx;
|
||||
position: relative !important;
|
||||
}
|
||||
.sk-text-15-9091-873 {
|
||||
background-image: linear-gradient(transparent 15.9091%, #EEEEEE 0%, #EEEEEE 84.0909%, transparent 0%) !important;
|
||||
background-size: 100% 39.8551rpx;
|
||||
position: relative !important;
|
||||
}
|
||||
.sk-text-17-3077-592 {
|
||||
background-image: linear-gradient(transparent 17.3077%, #EEEEEE 0%, #EEEEEE 82.6923%, transparent 0%) !important;
|
||||
background-size: 100% 47.1014rpx;
|
||||
position: relative !important;
|
||||
}
|
||||
.sk-text-17-3077-974 {
|
||||
background-image: linear-gradient(transparent 17.3077%, #EEEEEE 0%, #EEEEEE 82.6923%, transparent 0%) !important;
|
||||
background-size: 100% 47.1014rpx;
|
||||
position: relative !important;
|
||||
}
|
||||
.sk-text-15-9091-715 {
|
||||
background-image: linear-gradient(transparent 15.9091%, #EEEEEE 0%, #EEEEEE 84.0909%, transparent 0%) !important;
|
||||
background-size: 100% 39.8551rpx;
|
||||
position: relative !important;
|
||||
}
|
||||
.sk-text-17-3077-114 {
|
||||
background-image: linear-gradient(transparent 17.3077%, #EEEEEE 0%, #EEEEEE 82.6923%, transparent 0%) !important;
|
||||
background-size: 100% 47.1014rpx;
|
||||
position: relative !important;
|
||||
}
|
||||
.sk-text-17-3077-409 {
|
||||
background-image: linear-gradient(transparent 17.3077%, #EEEEEE 0%, #EEEEEE 82.6923%, transparent 0%) !important;
|
||||
background-size: 100% 47.1014rpx;
|
||||
position: relative !important;
|
||||
}
|
||||
.sk-text-11-7647-837 {
|
||||
background-image: linear-gradient(transparent 11.7647%, #EEEEEE 0%, #EEEEEE 88.2353%, transparent 0%) !important;
|
||||
background-size: 100% 30.7971rpx;
|
||||
position: relative !important;
|
||||
}
|
||||
.sk-text-17-3077-859 {
|
||||
background-image: linear-gradient(transparent 17.3077%, #EEEEEE 0%, #EEEEEE 82.6923%, transparent 0%) !important;
|
||||
background-size: 100% 47.1014rpx;
|
||||
position: relative !important;
|
||||
}
|
||||
.sk-text-11-7647-943 {
|
||||
background-image: linear-gradient(transparent 11.7647%, #EEEEEE 0%, #EEEEEE 88.2353%, transparent 0%) !important;
|
||||
background-size: 100% 30.7971rpx;
|
||||
position: relative !important;
|
||||
}
|
||||
.sk-text-17-3077-403 {
|
||||
background-image: linear-gradient(transparent 17.3077%, #EEEEEE 0%, #EEEEEE 82.6923%, transparent 0%) !important;
|
||||
background-size: 100% 47.1014rpx;
|
||||
position: relative !important;
|
||||
}
|
||||
.sk-text-17-3077-326 {
|
||||
background-image: linear-gradient(transparent 17.3077%, #EEEEEE 0%, #EEEEEE 82.6923%, transparent 0%) !important;
|
||||
background-size: 100% 47.1014rpx;
|
||||
position: relative !important;
|
||||
}
|
||||
.sk-text-11-7647-239 {
|
||||
background-image: linear-gradient(transparent 11.7647%, #EEEEEE 0%, #EEEEEE 88.2353%, transparent 0%) !important;
|
||||
background-size: 100% 30.7971rpx;
|
||||
position: relative !important;
|
||||
}
|
||||
.sk-text-17-3077-619 {
|
||||
background-image: linear-gradient(transparent 17.3077%, #EEEEEE 0%, #EEEEEE 82.6923%, transparent 0%) !important;
|
||||
background-size: 100% 47.1014rpx;
|
||||
position: relative !important;
|
||||
}
|
||||
.sk-text-17-3077-742 {
|
||||
background-image: linear-gradient(transparent 17.3077%, #EEEEEE 0%, #EEEEEE 82.6923%, transparent 0%) !important;
|
||||
background-size: 100% 47.1014rpx;
|
||||
position: relative !important;
|
||||
}
|
||||
.sk-text-11-7647-618 {
|
||||
background-image: linear-gradient(transparent 11.7647%, #EEEEEE 0%, #EEEEEE 88.2353%, transparent 0%) !important;
|
||||
background-size: 100% 30.7971rpx;
|
||||
position: relative !important;
|
||||
}
|
||||
.sk-text-17-3077-166 {
|
||||
background-image: linear-gradient(transparent 17.3077%, #EEEEEE 0%, #EEEEEE 82.6923%, transparent 0%) !important;
|
||||
background-size: 100% 47.1014rpx;
|
||||
position: relative !important;
|
||||
}
|
||||
.sk-text-17-3077-64 {
|
||||
background-image: linear-gradient(transparent 17.3077%, #EEEEEE 0%, #EEEEEE 82.6923%, transparent 0%) !important;
|
||||
background-size: 100% 47.1014rpx;
|
||||
position: relative !important;
|
||||
}
|
||||
.sk-text-11-7647-351 {
|
||||
background-image: linear-gradient(transparent 11.7647%, #EEEEEE 0%, #EEEEEE 88.2353%, transparent 0%) !important;
|
||||
background-size: 100% 30.7971rpx;
|
||||
position: relative !important;
|
||||
}
|
||||
.sk-text-17-3077-693 {
|
||||
background-image: linear-gradient(transparent 17.3077%, #EEEEEE 0%, #EEEEEE 82.6923%, transparent 0%) !important;
|
||||
background-size: 100% 47.1014rpx;
|
||||
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>
|
||||
Loading…
Reference in New Issue
Block a user