caoliancun/NebulaFlashCharge_MP-WEIXIN
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

diyici

Browse Source
This commit is contained in:
dt_2916866708
2024-02-29 09:05:38 +08:00
commit 83d0c894b2
478 changed files with 73907 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

123
ChargingStation/pages/index/index.scss Normal file
View File

@@ -0,0 +1,123 @@
.guide {
width: 164rpx;
height: 60rpx;
background: #ffffff;
box-shadow: 0rpx 2rpx 6rpx 0rpx rgba(0, 0, 0, 0.1);
border-radius: 81rpx 0rpx 0rpx 81rpx;
opacity: 1;
position: absolute;
right: 0;
font-size: 28rpx;
color: #000000;
}
.details_body {
background-color: #ededed;
width: 100vw;
height: 100vh;
overflow: hidden;
.details_footer {
box-shadow: 0rpx 6rpx 19rpx 0rpx rgba(0, 0, 0, 0.1);
width: 100%;
padding: 39rpx 50rpx 0 50rpx;
box-sizing: border-box;
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
background-color: #ffffff;
.label_text {
color: #121836;
font-size: 24rpx;
margin-top: 10rpx;
}
.details_footer_button {
width: 354rpx;
height: 90rpx;
font-size: 34rpx;
color: #ffffff;
background: #0b1123;
border-radius: 15rpx 15rpx 15rpx 15rpx;
opacity: 1;
box-sizing: border-box;
}
}
.details_center {
background-color: #ffffff;
margin-top: 20rpx;
padding: 50rpx 30rpx;
box-sizing: border-box;
color: rgba(0, 0, 0, 0.85);
font-size: 28rpx;
.details_center_label {
margin-top: 36rpx;
flex-wrap: wrap;
margin-bottom: 40rpx;
.details_center_label_item:last-child {
margin-right: 0;
border: 2rpx solid #f67a22ff;
}
.details_center_label_item:nth-child(2) {
border: 2rpx solid #36658dff;
}
.details_center_label_item {
padding: 10rpx 8rpx;
border-radius: 32rpx 32rpx 32rpx 32rpx;
opacity: 1;
border: 2rpx solid #48b8ba;
margin-right: 10rpx;
max-width: calc((100% - 20rpx) / 3);
box-sizing: border-box;
}
}
.blue {
color: #476ffa;
}
.totalPrice_old {
color: #00000073;
font-size: 24rpx;
text-decoration: line-through;
margin-left: 15rpx;
}
.totalPrice {
font-weight: 600;
color: #121836;
font-size: 32rpx !important;
}
.details_center_title {
color: #000000;
font-size: 30rpx;
margin-bottom: 30rpx;
}
}
.details_header {
background-color: #ffffff;
padding: 0 30rpx;
padding-top: 100rpx;
padding-bottom: 35rpx;
.details_header_label {
.details_header_label_item {
margin-top: 15rpx;
text {
color: rgba(0, 0, 0, 0.75);
font-size: 25rpx;
margin-left: 15rpx;
}
image {
// height: 35rpx;
width: 35rpx;
}
}
}
.details_header_information {
.stationItem_distance {
border: 1px solid #476ffa;
border-radius: 32rpx 32rpx 32rpx 32rpx;
padding: 5rpx 10rpx;
color: #476ffa;
}
.address {
color: rgba(0, 0, 0, 0.25);
font-size: 28rpx;
margin: 15rpx 0;
}
}
}
}

271
ChargingStation/pages/index/index.vue Normal file
View File

@@ -0,0 +1,271 @@
<template>
<view style="width: 100vw;height: 100vh;overflow: hidden;position: relative;">
<view @click="goGuide" @touchmove.stop.prevent="guideMove" :style="{top:`${guideTop}px` }" class="guide flex ac jc">
桩点指引
</view>
<view v-if="viewData" class="details_body flex column">
<!-- 详情顶部 -->
<view class="details_header">
<view class="details_header_information flex ac">
<view style="overflow: hidden;" class="oneflex">
<view style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" class="stationItem_top_title">{{viewData.stationName}}</view>
<view style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" class="address">{{viewData.address}}</view>
<view class=" stationItem_top_label_container flex">
<view v-for="(item,index) in viewData['tags'] " :index='index'
:style="{background:item.color}" class="stationItem_top_label">{{item.label}}</view>
</view>
</view>
<view @click="navigation" class="stationItem_distance flex">
<uni-icons style="margin-right: 10rpx;" type="paperplane-filled" color="#476ffa"
size="15"></uni-icons>
{{ tool.getnum(viewData.distance)}} KM
</view>
</view>
<view class="details_header_label">
<view v-for="(item,index) in ChargingStationLabels" :key="index"
class="details_header_label_item flex ac">
<image mode="widthFix" :src="item.logo"></image>
<text class="oneflex">{{item.title}}</text>
</view>
</view>
</view>
<!-- 详情内容 -->
<view class="details_center oneflex">
<view class="details_center_title">充电桩</view>
<view style="margin-bottom: 10rpx; align-items: flex-end;" class="flex ">
<text class="oneflex">当前时段：{{viewData.currentTimeInterval}}</text>
<text class="totalPrice">￥{{ tool.getnum(viewData.totalFee,3)}} /度</text>
<text class="totalPrice_old">￥{{ tool.getnum(viewData.originalTotalFee,3)}} /度</text>
</view>
<view>
<text>电费: <text class="blue">{{ tool.getnum(viewData.electricityFee,3) }}元/度</text> </text>
<text style="margin-left: 41rpx;">服务费: <text class="blue">
{{ tool.getnum(viewData.serviceFee,3)}}元/度</text></text>
</view>
<view class="details_center_label flex">
<view @click="goChargingPorts('1')" class="details_center_label_item flex ac ">
<view class="stationItem_bottom_label flex ac">
<view class="stationItem_bottom_label_logo flex ac jc">快</view>
<text>{{viewData.fastChargingIdleRatio}}</text>
</view>
<view class="flex ac">
<text style="font-size: 22rpx;">详情</text>
<uni-icons type="forward" color="#121836" size="15"></uni-icons>
</view>
</view>
<view @click="goChargingPorts('2')" class="details_center_label_item flex ac ">
<view class="stationItem_bottom_label flex ac">
<view style="border-color: #36658DFF;color: #36658DFF;"
class="stationItem_bottom_label_logo flex ac jc">慢</view>
<text>{{viewData.slowChargingIdleRatio}}</text>
</view>
<view class="flex ac">
<text style="font-size: 22rpx;">详情</text>
<uni-icons type="forward" color="#121836" size="15"></uni-icons>
</view>
</view>
<view @click="goChargingPorts('3')" class="details_center_label_item flex ac ">
<view class="stationItem_bottom_label flex ac">
<view style="border-color: #F67A22FF;color: #F67A22FF;"
class="stationItem_bottom_label_logo flex ac jc">其他</view>
<text>{{viewData.otherIdleRatio}}</text>
</view>
<view class="flex ac">
<text style="font-size: 22rpx;">详情</text>
<uni-icons type="forward" color="#121836" size="15"></uni-icons>
</view>
</view>
</view>
<view @click="goPeriodPrice" class="details_center_title" style="text-decoration: underline;">
价格详情
</view>
</view>
<!-- 底部内容 -->
<view class="details_footer flex ac">
<view class="flex oneflex ">
<view @click="collect" class="flex column ac">
<image mode="heightFix" style="height: 45rpx;"
:src="viewData.collected? '../../../static/scs.png':'../../../static/sc.png'"></image>
<view class="label_text">收藏</view>
</view>
<view @click="freeTell" style="margin-left: 55rpx;" class="flex column ac">
<image mode="heightFix" style="height: 45rpx;" src="../../../static/kf.png"></image>
<view class="label_text">联系客服</view>
</view>
</view>
<view @click="scanCode" class="details_footer_button flex ac jc ">扫码充电</view>
</view>
</view>
<view v-else>
<skeleton></skeleton>
</view>
</view>
</template>
<script>
import station from '@/api/station.js'
import skeleton from './skeleton.vue'
export default {
components: {
skeleton
},
data() {
return {
user: uni.getStorageSync('user'),
guideTop:120,
viewData: null,
ChargingStationLabels: [{
logo: require('../../../static/w.png'),
title: '60度/小时'
}, {
logo: require('../../../static/stop.png'),
title: '24h内免费停车'
},
{
logo: require('../../../static/24.png'),
title: '24h营业'
}
]
}
},
onLoad(e) {
if (e.data) {
this.getDetails(JSON.parse(e.data))
}
},
methods: {
goGuide(){
uni.navigateTo({
url:`/ChargingStation/pages/guide/index?guideList=${ encodeURIComponent( JSON.stringify(this.viewData.guideList))}`
})
},
guideMove(e){
this.guideTop = e.touches[0].clientY
// console.log(e.touches[0],'移动中')
},
navigation() {
this.tool.ReverseAddress(this.viewData.stationLat,this.viewData.stationLng).then(res=>{
let {address_component,formatted_addresses=null} = res.result;
console.log(address_component,formatted_addresses,res,'address_component,formatted_addresses')
uni.openLocation({
scale:10,
name:this.viewData.stationName,
address:`${address_component.province}${address_component.city}${address_component.district}${formatted_addresses?.recommend||''}`,
latitude: this.viewData.stationLat,
longitude: this.viewData.stationLng,
success: function() {
console.log('success');
}
})
}).catch(err=>{
console.log(err,'address_component,formatted_addresses')
uni.showToast({
title:'导航地址获取失败',
icon:'none'
})
})
},
collect() {
const location = uni.getStorageSync('location');
let {
latitude = 39.90, longitude = 116.38
} = location
let {
id,
stationId
} = this.viewData;
station[this.viewData.collected ? 'cancelCollect' : 'collectStation']({
xyStationId: id,
stationId
}).then(res => {
console.log(res,'======collect')
this.getDetails({
id,
stationLat: latitude,
stationLng: longitude,
tags: this.viewData['tags']
})
})
},
freeTell() {
wx.makePhoneCall({
phoneNumber: '4008565355', //仅为示例，并非真实的电话号码
success: function() {
console.log("拨打电话成功！")
},
fail: function() {
console.log("拨打电话失败！")
}
})
},
getDetails(data) {
station.getSiteDetails(data).then(res => {
if (res.code == 20000) {
this.viewData = res.data;
this.viewData['tags'] = data['tags'];
this.ChargingStationLabels[0].title = `${this.viewData.kilowattHour}/KW`;
this.ChargingStationLabels[1].title = this.viewData.parkFee;
this.ChargingStationLabels[2].title = this.viewData.businessHours;
} else if (res.code == 42011) {
uni.showToast({
title: '登陆后可查看',
icon: 'none',
success() {
setTimeout(() => {
uni.navigateBack()
}, 2000)
}
})
}
})
},
async scanCode() {
if(!this.user){
uni.showModal({
title: '提示',
content: '登录后才可扫码下单哦',
confirmText:'去登陆',
success: function (res) {
if (res.confirm) {
uni.reLaunch({
url: '/pages/login/index'
})
} else if (res.cancel) {
// 取消
}
}
});
return
}
let res = await this.tool.scanCode();
if (res.result) {
let routingParameter = this.tool.routingParameterGeneration({
type:'qrCode',
qrCode:encodeURIComponent(res.result),
stationId:this.viewData.id,
})
uni.navigateTo({
url: `/ChargingStation/pages/placeOrder/index${routingParameter}`
})
}
},
goPeriodPrice() {
uni.navigateTo({
url: `/ChargingStation/pages/periodPrice/index?priceList=${JSON.stringify(this.viewData.priceList)}&now=${this.viewData.currentTimeInterval}`
})
},
goChargingPorts(e) {
uni.navigateTo({
url: `/ChargingStation/pages/chargingPorts/index?equipmentType=${e}&id=${this.viewData.id}`
})
},
}
}
</script>
<style lang="scss" scoped>
@import 'index.scss';
@import '../../../components/stationItem/index.css';
</style>

308
ChargingStation/pages/index/skeleton.vue Normal file
View File

@@ -0,0 +1,308 @@
<!--
此文件为开发者工具生成，生成时间: 2023/9/25上午10:02:59
使用方法：
在 C:\Users\lenovo\Documents\HBuilderProjects\Nebula-Flash-Charge_MP-WEIXIN\unpackage\dist\dev\mp-weixin\ChargingStation\pages\index\index.wxml 引入模板
```
<import src="index.skeleton.wxml"/>
<template is="skeleton" wx:if="{{loading}}" />
```
在 C:\Users\lenovo\Documents\HBuilderProjects\Nebula-Flash-Charge_MP-WEIXIN\unpackage\dist\dev\mp-weixin\ChargingStation\pages\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="data-v-50236f40" style="width:100vw;height:100vh;overflow:hidden;position:relative;">
<view class="guide flex ac jc data-v-50236f40 sk-transparent sk-text-14-2857-870 sk-text" style="top:528px;">桩点指引</view>
<view class="details_body flex column data-v-50236f40">
<view class="details_header data-v-50236f40">
<view class="details_header_information flex ac data-v-50236f40">
<view class="oneflex data-v-50236f40" style="overflow:hidden;">
<view class="stationItem_top_title data-v-50236f40 sk-transparent sk-text-14-2857-376 sk-text" style="white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">灯塔家园</view>
<view class="address data-v-50236f40 sk-transparent sk-text-14-2857-937 sk-text" style="white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">上派镇灯塔家园</view>
<view class="stationItem_top_label_container flex data-v-50236f40">
<view class="stationItem_top_label data-v-50236f40 sk-transparent sk-text-14-2857-897 sk-text" style="background:#36658DFF;">距离最近</view>
<view class="stationItem_top_label data-v-50236f40 sk-transparent sk-text-14-2857-364 sk-text" style="background:#6EA29BCC;">最大120A</view>
<view class="stationItem_top_label data-v-50236f40 sk-transparent sk-text-14-2857-207 sk-text" style="background:#00A7EBCC;">云快充</view>
</view>
</view>
<view class="stationItem_distance flex data-v-50236f40 sk-transparent" >
<view class="data-v-50236f40" style="margin-right:5px;">
<text class="uni-icons icons--uni-icons uniui-paperplane-filled icons--uniui-paperplane-filled sk-pseudo sk-pseudo-circle" style="color:#476ffa;font-size:15px;"></text>
</view>0.52 KM</view>
</view>
<view class="details_header_label data-v-50236f40">
<view class="details_header_label_item flex ac data-v-50236f40">
<image class="data-v-50236f40 sk-image" mode="widthFix" style="height: 17px;"></image>
<text class="oneflex data-v-50236f40 sk-transparent sk-text-14-2857-427 sk-text">60/KW</text>
</view>
<view class="details_header_label_item flex ac data-v-50236f40">
<image class="data-v-50236f40 sk-image" mode="widthFix" style="height: 20.9464px;"></image>
<text class="oneflex data-v-50236f40 sk-transparent sk-text-14-2857-518 sk-text">免费</text>
</view>
<view class="details_header_label_item flex ac data-v-50236f40">
<image class="data-v-50236f40 sk-image" mode="widthFix" style="height: 17px;"></image>
<text class="oneflex data-v-50236f40 sk-transparent sk-text-14-2857-669 sk-text">全天开放</text>
</view>
</view>
</view>
<view class="details_center oneflex data-v-50236f40">
<view class="details_center_title data-v-50236f40 sk-transparent sk-text-14-2857-890 sk-text">充电桩</view>
<view class="flex data-v-50236f40" style="margin-bottom:5px;align-items:flex-end;">
<text class="oneflex data-v-50236f40 sk-transparent sk-text-14-2857-394 sk-text">当前时段：00:00 - 24:00</text>
<text class="totalPrice data-v-50236f40 sk-transparent sk-text-14-2857-751 sk-text">￥1.01 /度</text>
<text class="totalPrice_old data-v-50236f40 sk-transparent sk-text-14-2857-975 sk-text" style="text-decoration-color: transparent;">￥1.01 /度</text>
</view>
<view class="data-v-50236f40">
<text class="data-v-50236f40 sk-transparent">电费:<text class="blue data-v-50236f40 sk-transparent sk-text-14-2857-940 sk-text">1.000元/度</text></text>
<text class="data-v-50236f40 sk-transparent" style="margin-left:20px;">服务费:<text class="blue data-v-50236f40 sk-transparent sk-text-14-2857-350 sk-text">0.01元/度</text></text>
</view>
<view class="details_center_label flex data-v-50236f40">
<view class="details_center_label_item flex ac data-v-50236f40" >
<view class="stationItem_bottom_label flex ac data-v-50236f40">
<view class="stationItem_bottom_label_logo flex ac jc data-v-50236f40 sk-transparent sk-text-14-2857-337 sk-text">快</view>
<text class="data-v-50236f40 sk-transparent sk-text-14-2857-162 sk-text">4/10</text>
</view>
<view class="flex ac data-v-50236f40">
<text class="data-v-50236f40 sk-transparent sk-text-14-2857-356 sk-text" style="font-size:11px;">详情</text>
<view class="data-v-50236f40">
<text class="uni-icons icons--uni-icons uniui-forward icons--uniui-forward sk-pseudo sk-pseudo-circle" style="color:#121836;font-size:15px;"></text>
</view>
</view>
</view>
<view class="details_center_label_item flex ac data-v-50236f40" >
<view class="stationItem_bottom_label flex ac data-v-50236f40">
<view class="stationItem_bottom_label_logo flex ac jc data-v-50236f40 sk-transparent sk-text-14-2857-413 sk-text" style="border-color:#36658DFF;color:#36658DFF;">慢</view>
<text class="data-v-50236f40 sk-transparent sk-text-14-2857-873 sk-text">0/0</text>
</view>
<view class="flex ac data-v-50236f40">
<text class="data-v-50236f40 sk-transparent sk-text-14-2857-891 sk-text" style="font-size:11px;">详情</text>
<view class="data-v-50236f40">
<text class="uni-icons icons--uni-icons uniui-forward icons--uniui-forward sk-pseudo sk-pseudo-circle" style="color:#121836;font-size:15px;"></text>
</view>
</view>
</view>
<view class="details_center_label_item flex ac data-v-50236f40" >
<view class="stationItem_bottom_label flex ac data-v-50236f40">
<view class="stationItem_bottom_label_logo flex ac jc data-v-50236f40 sk-transparent sk-text-14-2857-944 sk-text" style="border-color:#F67A22FF;color:#F67A22FF;">其他</view>
<text class="data-v-50236f40 sk-transparent sk-text-14-2857-360 sk-text">0/0</text>
</view>
<view class="flex ac data-v-50236f40">
<text class="data-v-50236f40 sk-transparent sk-text-14-2857-584 sk-text" style="font-size:11px;">详情</text>
<view class="data-v-50236f40">
<text class="uni-icons icons--uni-icons uniui-forward icons--uniui-forward sk-pseudo sk-pseudo-circle" style="color:#121836;font-size:15px;"></text>
</view>
</view>
</view>
</view>
<view class="details_center_title data-v-50236f40 sk-transparent sk-text-14-2857-710 sk-text" style="text-decoration: underline transparent;">价格详情</view>
</view>
<view class="details_footer flex ac data-v-50236f40">
<view class="flex oneflex data-v-50236f40">
<view class="flex column ac data-v-50236f40" >
<image class="data-v-50236f40 sk-image" mode="heightFix" style="height: 22px; width: 25.4222px;"></image>
<view class="label_text data-v-50236f40 sk-transparent sk-text-14-2857-928 sk-text">收藏</view>
</view>
<view class="flex column ac data-v-50236f40" style="margin-left:27px;">
<image class="data-v-50236f40 sk-image" mode="heightFix" style="height: 22px; width: 22px;"></image>
<view class="label_text data-v-50236f40 sk-transparent sk-text-14-2857-938 sk-text">联系客服</view>
</view>
</view>
<view class="details_footer_button flex ac jc data-v-50236f40 sk-transparent sk-text-14-2857-554 sk-text">扫码充电</view>
</view>
</view>
</view>
</view>
</template>
<style>
/*
此文件为开发者工具生成，生成时间: 2023/9/25上午10:02:59
在 C:\Users\lenovo\Documents\HBuilderProjects\Nebula-Flash-Charge_MP-WEIXIN\unpackage\dist\dev\mp-weixin\ChargingStation\pages\index\index.wxss 中引入样式
```
@import "./index.skeleton.wxss";
```
更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
*/
.sk-transparent {
color: transparent !important;
}
.sk-text-14-2857-870 {
background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
background-size: 100% 39.2000rpx;
position: absolute !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-376 {
background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
background-size: 100% 42.0000rpx;
position: relative !important;
}
.sk-text-14-2857-937 {
background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
background-size: 100% 39.2000rpx;
position: relative !important;
}
.sk-text-14-2857-897 {
background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
background-size: 100% 30.8000rpx;
position: relative !important;
}
.sk-text-14-2857-364 {
background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
background-size: 100% 30.8000rpx;
position: relative !important;
}
.sk-text-14-2857-207 {
background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
background-size: 100% 30.8000rpx;
position: relative !important;
}
.sk-text-14-2857-427 {
background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
background-size: 100% 33.6000rpx;
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% 33.6000rpx;
position: relative !important;
}
.sk-text-14-2857-669 {
background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
background-size: 100% 33.6000rpx;
position: relative !important;
}
.sk-text-14-2857-890 {
background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
background-size: 100% 42.0000rpx;
position: relative !important;
}
.sk-text-14-2857-394 {
background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
background-size: 100% 39.2000rpx;
position: relative !important;
}
.sk-text-14-2857-751 {
background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
background-size: 100% 44.8000rpx;
position: relative !important;
}
.sk-text-14-2857-975 {
background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
background-size: 100% 33.6000rpx;
position: relative !important;
}
.sk-text-14-2857-940 {
background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
background-size: 100% 39.2000rpx;
position: relative !important;
}
.sk-text-14-2857-350 {
background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
background-size: 100% 39.2000rpx;
position: relative !important;
}
.sk-text-14-2857-337 {
background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
background-size: 100% 28.0000rpx;
position: relative !important;
}
.sk-text-14-2857-162 {
background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
background-size: 100% 33.6000rpx;
position: relative !important;
}
.sk-text-14-2857-356 {
background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
background-size: 100% 30.8000rpx;
position: relative !important;
}
.sk-text-14-2857-413 {
background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
background-size: 100% 28.0000rpx;
position: relative !important;
}
.sk-text-14-2857-873 {
background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
background-size: 100% 33.6000rpx;
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% 30.8000rpx;
position: relative !important;
}
.sk-text-14-2857-944 {
background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
background-size: 100% 28.0000rpx;
position: relative !important;
}
.sk-text-14-2857-360 {
background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
background-size: 100% 33.6000rpx;
position: relative !important;
}
.sk-text-14-2857-584 {
background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
background-size: 100% 30.8000rpx;
position: relative !important;
}
.sk-text-14-2857-710 {
background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
background-size: 100% 42.0000rpx;
position: relative !important;
}
.sk-text-14-2857-928 {
background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
background-size: 100% 33.6000rpx;
position: relative !important;
}
.sk-text-14-2857-938 {
background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
background-size: 100% 33.6000rpx;
position: relative !important;
}
.sk-text-14-2857-554 {
background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
background-size: 100% 47.6000rpx;
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>