|
|
@@ -54,15 +54,8 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- <div ref="alarmCounts" style="height: 225px" id="alarmCounts"></div> -->
|
|
|
- <BarSingle
|
|
|
- :xAxisData="xAxisData"
|
|
|
- :dataSource="windData.levels"
|
|
|
- height="225px"
|
|
|
- :chartsColumns="chartsColumns"
|
|
|
- :option="option"
|
|
|
- :color="colors"
|
|
|
- :fontColor="fontColor"
|
|
|
- />
|
|
|
+ <BarSingle :xAxisData="xAxisData" :dataSource="windData.levels" height="225px" :chartsColumns="chartsColumns"
|
|
|
+ :option="option" :color="colors" :fontColor="fontColor" />
|
|
|
</template>
|
|
|
</ventBox1>
|
|
|
<ventBox1 class="vent-margin-t-10">
|
|
|
@@ -107,28 +100,21 @@
|
|
|
</div>
|
|
|
<div class="animation-box">
|
|
|
<canvas class="rain"></canvas>
|
|
|
- <div
|
|
|
- class="bottom"
|
|
|
- :class="{
|
|
|
- bottom1: centerData.levels == 101 || centerData.levels == 0 || centerData.levels == 10000,
|
|
|
- bottom2: centerData.levels == 102,
|
|
|
- bottom3: centerData.levels == 103,
|
|
|
- bottom4: centerData.levels == 104,
|
|
|
- bottom5: centerData.levels == 201,
|
|
|
- }"
|
|
|
- >
|
|
|
+ <div class="bottom" :class="{
|
|
|
+ bottom1: centerData.levels == 101 || centerData.levels == 0 || centerData.levels == 10000,
|
|
|
+ bottom2: centerData.levels == 102,
|
|
|
+ bottom3: centerData.levels == 103,
|
|
|
+ bottom4: centerData.levels == 104,
|
|
|
+ bottom5: centerData.levels == 201,
|
|
|
+ }">
|
|
|
<div class="animation1">
|
|
|
<div class="ball"></div>
|
|
|
- <svg xmlns="http://www.w3.org/2000/svg" width="375.334" height="77.559" viewBox="0 0 375.334 77.559" style="opacity: 0.5">
|
|
|
+ <svg xmlns="http://www.w3.org/2000/svg" width="375.334" height="77.559" viewBox="0 0 375.334 77.559"
|
|
|
+ style="opacity: 0.5">
|
|
|
<g id="组_14135" data-name="组 14135" transform="translate(-755.058 -139.886)">
|
|
|
- <path
|
|
|
- id="椭圆_2595"
|
|
|
- data-name="椭圆 2595"
|
|
|
+ <path id="椭圆_2595" data-name="椭圆 2595"
|
|
|
d="M186.917-.75c12.711,0,25.415.263,37.757.783,12.03.506,23.863,1.262,35.171,2.245,11.1.966,21.816,2.161,31.835,3.553,9.928,1.379,19.265,2.963,27.751,4.709s16.2,3.668,22.92,5.713A120.653,120.653,0,0,1,359.7,22.825a40.842,40.842,0,0,1,11.018,7.3c2.568,2.581,3.87,5.239,3.87,7.9s-1.3,5.322-3.87,7.9a40.842,40.842,0,0,1-11.018,7.3,120.653,120.653,0,0,1-17.345,6.572c-6.716,2.044-14.428,3.966-22.92,5.713s-17.823,3.329-27.751,4.709c-10.02,1.392-20.731,2.588-31.835,3.553-11.308.984-23.142,1.739-35.171,2.245-12.343.519-25.046.783-37.757.783s-25.415-.263-37.757-.783c-12.03-.506-23.863-1.262-35.171-2.245-11.1-.966-21.816-2.161-31.835-3.553-9.928-1.379-19.265-2.963-27.751-4.709s-16.2-3.668-22.92-5.713a120.652,120.652,0,0,1-17.345-6.572,40.841,40.841,0,0,1-11.018-7.3c-2.568-2.581-3.87-5.239-3.87-7.9s1.3-5.322,3.87-7.9a40.842,40.842,0,0,1,11.018-7.3,120.651,120.651,0,0,1,17.345-6.572C38.2,14.208,45.91,12.286,54.4,10.54S72.225,7.211,82.153,5.831c10.02-1.392,20.731-2.588,31.835-3.553C125.3,1.294,137.13.539,149.16.033,161.5-.487,174.206-.75,186.917-.75Zm0,76.98c49.941,0,96.885-4,132.186-11.257,17.134-3.523,30.578-7.623,39.96-12.184,9.642-4.688,14.53-9.653,14.53-14.759s-4.889-10.072-14.53-14.759c-9.382-4.561-22.826-8.66-39.96-12.184C283.8,3.827,236.858-.171,186.917-.171s-96.885,4-132.186,11.257C37.6,14.61,24.153,18.709,14.771,23.27,5.129,27.958.241,32.923.241,38.029S5.129,48.1,14.771,52.789c9.382,4.561,22.826,8.661,39.96,12.184C90.032,72.232,136.976,76.23,186.917,76.23Z"
|
|
|
- transform="translate(755.808 140.636)"
|
|
|
- fill="#28a6ff"
|
|
|
- opacity="0.7"
|
|
|
- />
|
|
|
+ transform="translate(755.808 140.636)" fill="#28a6ff" opacity="0.7" />
|
|
|
</g>
|
|
|
</svg>
|
|
|
</div>
|
|
|
@@ -136,14 +122,9 @@
|
|
|
<div class="ball1"></div>
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="414.878" height="91.7" viewBox="0 0 414.878 91.7">
|
|
|
<g id="组_14136" data-name="组 14136" transform="translate(-721.822 -158.273)">
|
|
|
- <path
|
|
|
- id="椭圆_2595"
|
|
|
- data-name="椭圆 2595"
|
|
|
+ <path id="椭圆_2595" data-name="椭圆 2595"
|
|
|
d="M206.689-.75c14.05,0,28.092.311,41.735.925,13.3.6,26.377,1.492,38.877,2.655,12.275,1.142,24.114,2.555,35.189,4.2,10.974,1.631,21.294,3.5,30.674,5.567s17.91,4.337,25.335,6.754a128.134,128.134,0,0,1,19.172,7.771,45.082,45.082,0,0,1,12.178,8.633c2.838,3.051,4.278,6.195,4.278,9.344s-1.439,6.293-4.278,9.344a45.082,45.082,0,0,1-12.178,8.633A128.134,128.134,0,0,1,378.5,70.847c-7.424,2.417-15.948,4.69-25.335,6.754s-19.7,3.936-30.674,5.567c-11.075,1.646-22.915,3.059-35.189,4.2-12.5,1.163-25.58,2.056-38.877,2.655-13.643.614-27.685.925-41.735.925s-28.092-.311-41.735-.925c-13.3-.6-26.377-1.492-38.877-2.655-12.275-1.142-24.114-2.555-35.189-4.2-10.974-1.631-21.294-3.5-30.674-5.567S42.3,73.265,34.879,70.847a128.133,128.133,0,0,1-19.173-7.771A45.082,45.082,0,0,1,3.528,54.444C.689,51.393-.75,48.249-.75,45.1s1.439-6.293,4.278-9.344a45.083,45.083,0,0,1,12.178-8.633,128.133,128.133,0,0,1,19.173-7.771c7.424-2.417,15.948-4.69,25.335-6.754s19.7-3.936,30.674-5.567c11.075-1.646,22.915-3.059,35.189-4.2,12.5-1.163,25.58-2.056,38.877-2.655C178.6-.439,192.639-.75,206.689-.75Zm0,91.015c55.2,0,107.093-4.727,146.113-13.31,18.939-4.166,33.8-9.012,44.17-14.405,10.657-5.542,16.061-11.413,16.061-17.45s-5.4-11.908-16.061-17.45c-10.37-5.393-25.231-10.24-44.17-14.405C313.782,4.662,261.892-.065,206.689-.065S99.6,4.662,60.576,13.244c-18.939,4.166-33.8,9.012-44.17,14.405C5.749,33.192.345,39.063.345,45.1s5.4,11.908,16.061,17.45c10.37,5.393,25.231,10.24,44.17,14.405C99.6,85.538,151.487,90.265,206.689,90.265Z"
|
|
|
- transform="translate(722.572 159.023)"
|
|
|
- fill="#3dd8ff"
|
|
|
- opacity="0.5"
|
|
|
- />
|
|
|
+ transform="translate(722.572 159.023)" fill="#3dd8ff" opacity="0.5" />
|
|
|
</g>
|
|
|
</svg>
|
|
|
</div>
|
|
|
@@ -152,19 +133,21 @@
|
|
|
centerData.levels == 0
|
|
|
? '低风险'
|
|
|
: centerData.levels == 101
|
|
|
- ? '低风险'
|
|
|
- : centerData.levels == 102
|
|
|
- ? '一般风险'
|
|
|
- : centerData.levels == 103
|
|
|
- ? '较大风险'
|
|
|
- : centerData.levels == 104
|
|
|
- ? '重大风险'
|
|
|
- : centerData.levels == 201
|
|
|
- ? '报警'
|
|
|
- : '未连接'
|
|
|
+ ? '低风险'
|
|
|
+ : centerData.levels == 102
|
|
|
+ ? '一般风险'
|
|
|
+ : centerData.levels == 103
|
|
|
+ ? '较大风险'
|
|
|
+ : centerData.levels == 104
|
|
|
+ ? '重大风险'
|
|
|
+ : centerData.levels == 201
|
|
|
+ ? '报警'
|
|
|
+ : '未连接'
|
|
|
}}</div>
|
|
|
|
|
|
- <div class="text2">{{ centerData.riskLevel !== undefined && centerData.riskLevel !== null ? centerData.riskLevel : '-' }}</div>
|
|
|
+ <div class="text2">{{ centerData.riskLevel !== undefined && centerData.riskLevel !== null ?
|
|
|
+ centerData.riskLevel
|
|
|
+ : '-' }}</div>
|
|
|
<div class="text3">风险得分</div>
|
|
|
</div>
|
|
|
<div class="icon-animation" @click="warnGradeClick"></div>
|
|
|
@@ -181,16 +164,16 @@
|
|
|
centerData.fire == 0
|
|
|
? '低风险'
|
|
|
: centerData.fire == 101
|
|
|
- ? '低风险'
|
|
|
- : centerData.fire == 102
|
|
|
- ? '一般风险'
|
|
|
- : centerData.fire == 103
|
|
|
- ? '较大风险'
|
|
|
- : centerData.fire == 104
|
|
|
- ? '重大风险'
|
|
|
- : centerData.fire == 201
|
|
|
- ? '报警'
|
|
|
- : centerData.fire
|
|
|
+ ? '低风险'
|
|
|
+ : centerData.fire == 102
|
|
|
+ ? '一般风险'
|
|
|
+ : centerData.fire == 103
|
|
|
+ ? '较大风险'
|
|
|
+ : centerData.fire == 104
|
|
|
+ ? '重大风险'
|
|
|
+ : centerData.fire == 201
|
|
|
+ ? '报警'
|
|
|
+ : centerData.fire
|
|
|
}}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -204,16 +187,16 @@
|
|
|
centerData.sb == 0
|
|
|
? '低风险'
|
|
|
: centerData.sb == 101
|
|
|
- ? '低风险'
|
|
|
- : centerData.sb == 102
|
|
|
- ? '一般风险'
|
|
|
- : centerData.sb == 103
|
|
|
- ? '较大风险'
|
|
|
- : centerData.sb == 104
|
|
|
- ? '重大风险'
|
|
|
- : centerData.sb == 201
|
|
|
- ? '报警'
|
|
|
- : centerData.sb
|
|
|
+ ? '低风险'
|
|
|
+ : centerData.sb == 102
|
|
|
+ ? '一般风险'
|
|
|
+ : centerData.sb == 103
|
|
|
+ ? '较大风险'
|
|
|
+ : centerData.sb == 104
|
|
|
+ ? '重大风险'
|
|
|
+ : centerData.sb == 201
|
|
|
+ ? '报警'
|
|
|
+ : centerData.sb
|
|
|
}}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -227,16 +210,16 @@
|
|
|
centerData.fc == 0
|
|
|
? '低风险'
|
|
|
: centerData.fc == 101
|
|
|
- ? '低风险'
|
|
|
- : centerData.fc == 102
|
|
|
- ? '一般风险'
|
|
|
- : centerData.fc == 103
|
|
|
- ? '较大风险'
|
|
|
- : centerData.fc == 104
|
|
|
- ? '重大风险'
|
|
|
- : centerData.fc == 201
|
|
|
- ? '报警'
|
|
|
- : centerData.fc
|
|
|
+ ? '低风险'
|
|
|
+ : centerData.fc == 102
|
|
|
+ ? '一般风险'
|
|
|
+ : centerData.fc == 103
|
|
|
+ ? '较大风险'
|
|
|
+ : centerData.fc == 104
|
|
|
+ ? '重大风险'
|
|
|
+ : centerData.fc == 201
|
|
|
+ ? '报警'
|
|
|
+ : centerData.fc
|
|
|
}}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -250,16 +233,16 @@
|
|
|
centerData.ws == 0
|
|
|
? '低风险'
|
|
|
: centerData.ws == 101
|
|
|
- ? '低风险'
|
|
|
- : centerData.ws == 102
|
|
|
- ? '一般风险'
|
|
|
- : centerData.ws == 103
|
|
|
- ? '较大风险'
|
|
|
- : centerData.ws == 104
|
|
|
- ? '重大风险'
|
|
|
- : centerData.ws == 201
|
|
|
- ? '报警'
|
|
|
- : centerData.ws
|
|
|
+ ? '低风险'
|
|
|
+ : centerData.ws == 102
|
|
|
+ ? '一般风险'
|
|
|
+ : centerData.ws == 103
|
|
|
+ ? '较大风险'
|
|
|
+ : centerData.ws == 104
|
|
|
+ ? '重大风险'
|
|
|
+ : centerData.ws == 201
|
|
|
+ ? '报警'
|
|
|
+ : centerData.ws
|
|
|
}}</span>
|
|
|
<div class="">
|
|
|
<span class="title">矿井瓦斯等级鉴定</span>
|
|
|
@@ -278,16 +261,16 @@
|
|
|
centerData.tf == 0
|
|
|
? '低风险'
|
|
|
: centerData.tf == 101
|
|
|
- ? '低风险'
|
|
|
- : centerData.tf == 102
|
|
|
- ? '一般风险'
|
|
|
- : centerData.tf == 103
|
|
|
- ? '较大风险'
|
|
|
- : centerData.tf == 104
|
|
|
- ? '重大风险'
|
|
|
- : centerData.tf == 201
|
|
|
- ? '报警'
|
|
|
- : centerData.tf
|
|
|
+ ? '低风险'
|
|
|
+ : centerData.tf == 102
|
|
|
+ ? '一般风险'
|
|
|
+ : centerData.tf == 103
|
|
|
+ ? '较大风险'
|
|
|
+ : centerData.tf == 104
|
|
|
+ ? '重大风险'
|
|
|
+ : centerData.tf == 201
|
|
|
+ ? '报警'
|
|
|
+ : centerData.tf
|
|
|
}}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -295,7 +278,7 @@
|
|
|
<div class="icon-box">
|
|
|
<div class="icon"></div>
|
|
|
</div>
|
|
|
- <div class="item-monitor-box">
|
|
|
+ <div class="item-monitor-box" @click="showModal('waterLevel')">
|
|
|
<span class="title">水灾</span>
|
|
|
<span class="value">低风险</span>
|
|
|
</div>
|
|
|
@@ -316,40 +299,33 @@
|
|
|
<div class="container">
|
|
|
<div class="item item1">
|
|
|
<div class="icon"></div>
|
|
|
- <vue3-seamless-scroll hover-stop="true" :list="fireMonitor1" :hover="true" :step="fireMonitor1.length * 0.03"
|
|
|
- :limit-scroll-num="fireMonitor1.length" class="seamless-warp1">
|
|
|
+ <vue3-seamless-scroll hover-stop="true" :list="fireMonitor1" :hover="true"
|
|
|
+ :step="0.18" :limit-scroll-num="fireMonitor1.length" class="seamless-warp1">
|
|
|
<div class="data-box" v-for="(item, index) in fireMonitor1" :key="index">
|
|
|
<div class="box-item">
|
|
|
- <div
|
|
|
- :class="{
|
|
|
+ <div :class="{
|
|
|
value1: item.warnLevel == '绿色预警',
|
|
|
value2: item.warnLevel == '黄色预警',
|
|
|
value3: item.warnLevel == '红色预警',
|
|
|
- }"
|
|
|
- >{{ item.value1 ? item.value1 : '--' }}</div
|
|
|
- >
|
|
|
+ }">{{ item.value1 ? item.value1 : '--' }}</div>
|
|
|
<div class="title">监测位置</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="box-item">
|
|
|
- <div
|
|
|
- :class="{
|
|
|
- value1: item.warnLevel == '绿色预警',
|
|
|
+ <div :class="{
|
|
|
+ value1: item.warnLevel == '绿色预警',
|
|
|
value2: item.warnLevel == '黄色预警',
|
|
|
value3: item.warnLevel == '红色预警',
|
|
|
- }"
|
|
|
- >{{ item.warnLevel || '-' }}
|
|
|
+ }">{{ item.warnLevel || '-' }}
|
|
|
</div>
|
|
|
<div class="title">预警等级</div>
|
|
|
</div>
|
|
|
<div class="box-item1">
|
|
|
- <div
|
|
|
- :class="{
|
|
|
+ <div :class="{
|
|
|
value1: item.warnLevel == '绿色预警',
|
|
|
value2: item.warnLevel == '黄色预警',
|
|
|
value3: item.warnLevel == '红色预警',
|
|
|
- }"
|
|
|
- >{{ item.smokeJd || '-' }}
|
|
|
+ }">{{ item.smokeJd || '-' }}
|
|
|
</div>
|
|
|
<div class="title">煤自燃阶段</div>
|
|
|
</div>
|
|
|
@@ -416,15 +392,8 @@
|
|
|
</div>
|
|
|
</div> -->
|
|
|
|
|
|
- <BarSingle
|
|
|
- :xAxisData="xAxisData"
|
|
|
- :dataSource="dustData.levels"
|
|
|
- height="332px"
|
|
|
- :chartsColumns="chartsColumns"
|
|
|
- :option="option"
|
|
|
- :color="colors"
|
|
|
- :fontColor="fontColor"
|
|
|
- />
|
|
|
+ <BarSingle :xAxisData="xAxisData" :dataSource="dustData.levels" height="332px" :chartsColumns="chartsColumns"
|
|
|
+ :option="option" :color="colors" :fontColor="fontColor" />
|
|
|
</template>
|
|
|
</ventBox1>
|
|
|
</div>
|
|
|
@@ -587,12 +556,12 @@ async function getList() {
|
|
|
Levels.level > 0 && Levels.level <= 1
|
|
|
? 101
|
|
|
: Levels.level > 1 && Levels.level <= 2
|
|
|
- ? 102
|
|
|
- : Levels.level > 2 && Levels.level <= 3
|
|
|
- ? 103
|
|
|
- : Levels.level > 3 && Levels.level <= 4
|
|
|
- ? 104
|
|
|
- : 0;
|
|
|
+ ? 102
|
|
|
+ : Levels.level > 2 && Levels.level <= 3
|
|
|
+ ? 103
|
|
|
+ : Levels.level > 3 && Levels.level <= 4
|
|
|
+ ? 104
|
|
|
+ : 0;
|
|
|
|
|
|
Object.keys(iconsMonitor).forEach((el) => {
|
|
|
if (res.info.devicekindInfo[el]) {
|
|
|
@@ -1396,9 +1365,8 @@ onUnmounted(() => {
|
|
|
background: radial-gradient(closest-side, #e1f7f8, #e1f7f800);
|
|
|
border-radius: 6px;
|
|
|
background-size: cover;
|
|
|
- offset-path: path(
|
|
|
- 'M186.917-.75c12.711,0,25.415.263,37.757.783,12.03.506,23.863,1.262,35.171,2.245,11.1.966,21.816,2.161,31.835,3.553,9.928,1.379,19.265,2.963,27.751,4.709s16.2,3.668,22.92,5.713A120.653,120.653,0,0,1,359.7,22.825a40.842,40.842,0,0,1,11.018,7.3c2.568,2.581,3.87,5.239,3.87,7.9s-1.3,5.322-3.87,7.9a40.842,40.842,0,0,1-11.018,7.3,120.653,120.653,0,0,1-17.345,6.572c-6.716,2.044-14.428,3.966-22.92,5.713s-17.823,3.329-27.751,4.709c-10.02,1.392-20.731,2.588-31.835,3.553-11.308.984-23.142,1.739-35.171,2.245-12.343.519-25.046.783-37.757.783s-25.415-.263-37.757-.783c-12.03-.506-23.863-1.262-35.171-2.245-11.1-.966-21.816-2.161-31.835-3.553-9.928-1.379-19.265-2.963-27.751-4.709s-16.2-3.668-22.92-5.713a120.652,120.652,0,0,1-17.345-6.572,40.841,40.841,0,0,1-11.018-7.3c-2.568-2.581-3.87-5.239-3.87-7.9s1.3-5.322,3.87-7.9a40.842,40.842,0,0,1,11.018-7.3,120.651,120.651,0,0,1,17.345-6.572C38.2,14.208,45.91,12.286,54.4,10.54S72.225,7.211,82.153,5.831c10.02-1.392,20.731-2.588,31.835-3.553C125.3,1.294,137.13.539,149.16.033,161.5-.487,174.206-.75,186.917-.75Zm0,76.98c49.941,0,96.885-4,132.186-11.257,17.134-3.523,30.578-7.623,39.96-12.184,9.642-4.688,14.53-9.653,14.53-14.759s-4.889-10.072-14.53-14.759c-9.382-4.561-22.826-8.66-39.96-12.184C283.8,3.827,236.858-.171,186.917-.171s-96.885,4-132.186,11.257C37.6,14.61,24.153,18.709,14.771,23.27,5.129,27.958.241,32.923.241,38.029S5.129,48.1,14.771,52.789c9.382,4.561,22.826,8.661,39.96,12.184C90.032,72.232,136.976,76.23,186.917,76.23Z'
|
|
|
- );
|
|
|
+ offset-path: path('M186.917-.75c12.711,0,25.415.263,37.757.783,12.03.506,23.863,1.262,35.171,2.245,11.1.966,21.816,2.161,31.835,3.553,9.928,1.379,19.265,2.963,27.751,4.709s16.2,3.668,22.92,5.713A120.653,120.653,0,0,1,359.7,22.825a40.842,40.842,0,0,1,11.018,7.3c2.568,2.581,3.87,5.239,3.87,7.9s-1.3,5.322-3.87,7.9a40.842,40.842,0,0,1-11.018,7.3,120.653,120.653,0,0,1-17.345,6.572c-6.716,2.044-14.428,3.966-22.92,5.713s-17.823,3.329-27.751,4.709c-10.02,1.392-20.731,2.588-31.835,3.553-11.308.984-23.142,1.739-35.171,2.245-12.343.519-25.046.783-37.757.783s-25.415-.263-37.757-.783c-12.03-.506-23.863-1.262-35.171-2.245-11.1-.966-21.816-2.161-31.835-3.553-9.928-1.379-19.265-2.963-27.751-4.709s-16.2-3.668-22.92-5.713a120.652,120.652,0,0,1-17.345-6.572,40.841,40.841,0,0,1-11.018-7.3c-2.568-2.581-3.87-5.239-3.87-7.9s1.3-5.322,3.87-7.9a40.842,40.842,0,0,1,11.018-7.3,120.651,120.651,0,0,1,17.345-6.572C38.2,14.208,45.91,12.286,54.4,10.54S72.225,7.211,82.153,5.831c10.02-1.392,20.731-2.588,31.835-3.553C125.3,1.294,137.13.539,149.16.033,161.5-.487,174.206-.75,186.917-.75Zm0,76.98c49.941,0,96.885-4,132.186-11.257,17.134-3.523,30.578-7.623,39.96-12.184,9.642-4.688,14.53-9.653,14.53-14.759s-4.889-10.072-14.53-14.759c-9.382-4.561-22.826-8.66-39.96-12.184C283.8,3.827,236.858-.171,186.917-.171s-96.885,4-132.186,11.257C37.6,14.61,24.153,18.709,14.771,23.27,5.129,27.958.241,32.923.241,38.029S5.129,48.1,14.771,52.789c9.382,4.561,22.826,8.661,39.96,12.184C90.032,72.232,136.976,76.23,186.917,76.23Z'
|
|
|
+ );
|
|
|
animation: 10s linear 0s infinite alternate ball;
|
|
|
}
|
|
|
}
|
|
|
@@ -1419,9 +1387,8 @@ onUnmounted(() => {
|
|
|
background: radial-gradient(closest-side, #e1f7f8, #e1f7f800);
|
|
|
border-radius: 6px;
|
|
|
background-size: cover;
|
|
|
- offset-path: path(
|
|
|
- 'M206.689-.75c14.05,0,28.092.311,41.735.925,13.3.6,26.377,1.492,38.877,2.655,12.275,1.142,24.114,2.555,35.189,4.2,10.974,1.631,21.294,3.5,30.674,5.567s17.91,4.337,25.335,6.754a128.134,128.134,0,0,1,19.172,7.771,45.082,45.082,0,0,1,12.178,8.633c2.838,3.051,4.278,6.195,4.278,9.344s-1.439,6.293-4.278,9.344a45.082,45.082,0,0,1-12.178,8.633A128.134,128.134,0,0,1,378.5,70.847c-7.424,2.417-15.948,4.69-25.335,6.754s-19.7,3.936-30.674,5.567c-11.075,1.646-22.915,3.059-35.189,4.2-12.5,1.163-25.58,2.056-38.877,2.655-13.643.614-27.685.925-41.735.925s-28.092-.311-41.735-.925c-13.3-.6-26.377-1.492-38.877-2.655-12.275-1.142-24.114-2.555-35.189-4.2-10.974-1.631-21.294-3.5-30.674-5.567S42.3,73.265,34.879,70.847a128.133,128.133,0,0,1-19.173-7.771A45.082,45.082,0,0,1,3.528,54.444C.689,51.393-.75,48.249-.75,45.1s1.439-6.293,4.278-9.344a45.083,45.083,0,0,1,12.178-8.633,128.133,128.133,0,0,1,19.173-7.771c7.424-2.417,15.948-4.69,25.335-6.754s19.7-3.936,30.674-5.567c11.075-1.646,22.915-3.059,35.189-4.2,12.5-1.163,25.58-2.056,38.877-2.655C178.6-.439,192.639-.75,206.689-.75Zm0,91.015c55.2,0,107.093-4.727,146.113-13.31,18.939-4.166,33.8-9.012,44.17-14.405,10.657-5.542,16.061-11.413,16.061-17.45s-5.4-11.908-16.061-17.45c-10.37-5.393-25.231-10.24-44.17-14.405C313.782,4.662,261.892-.065,206.689-.065S99.6,4.662,60.576,13.244c-18.939,4.166-33.8,9.012-44.17,14.405C5.749,33.192.345,39.063.345,45.1s5.4,11.908,16.061,17.45c10.37,5.393,25.231,10.24,44.17,14.405C99.6,85.538,151.487,90.265,206.689,90.265Z'
|
|
|
- );
|
|
|
+ offset-path: path('M206.689-.75c14.05,0,28.092.311,41.735.925,13.3.6,26.377,1.492,38.877,2.655,12.275,1.142,24.114,2.555,35.189,4.2,10.974,1.631,21.294,3.5,30.674,5.567s17.91,4.337,25.335,6.754a128.134,128.134,0,0,1,19.172,7.771,45.082,45.082,0,0,1,12.178,8.633c2.838,3.051,4.278,6.195,4.278,9.344s-1.439,6.293-4.278,9.344a45.082,45.082,0,0,1-12.178,8.633A128.134,128.134,0,0,1,378.5,70.847c-7.424,2.417-15.948,4.69-25.335,6.754s-19.7,3.936-30.674,5.567c-11.075,1.646-22.915,3.059-35.189,4.2-12.5,1.163-25.58,2.056-38.877,2.655-13.643.614-27.685.925-41.735.925s-28.092-.311-41.735-.925c-13.3-.6-26.377-1.492-38.877-2.655-12.275-1.142-24.114-2.555-35.189-4.2-10.974-1.631-21.294-3.5-30.674-5.567S42.3,73.265,34.879,70.847a128.133,128.133,0,0,1-19.173-7.771A45.082,45.082,0,0,1,3.528,54.444C.689,51.393-.75,48.249-.75,45.1s1.439-6.293,4.278-9.344a45.083,45.083,0,0,1,12.178-8.633,128.133,128.133,0,0,1,19.173-7.771c7.424-2.417,15.948-4.69,25.335-6.754s19.7-3.936,30.674-5.567c11.075-1.646,22.915-3.059,35.189-4.2,12.5-1.163,25.58-2.056,38.877-2.655C178.6-.439,192.639-.75,206.689-.75Zm0,91.015c55.2,0,107.093-4.727,146.113-13.31,18.939-4.166,33.8-9.012,44.17-14.405,10.657-5.542,16.061-11.413,16.061-17.45s-5.4-11.908-16.061-17.45c-10.37-5.393-25.231-10.24-44.17-14.405C313.782,4.662,261.892-.065,206.689-.065S99.6,4.662,60.576,13.244c-18.939,4.166-33.8,9.012-44.17,14.405C5.749,33.192.345,39.063.345,45.1s5.4,11.908,16.061,17.45c10.37,5.393,25.231,10.24,44.17,14.405C99.6,85.538,151.487,90.265,206.689,90.265Z'
|
|
|
+ );
|
|
|
animation: 10s linear 0s infinite alternate ball1;
|
|
|
}
|
|
|
}
|
|
|
@@ -1628,6 +1595,7 @@ onUnmounted(() => {
|
|
|
font-weight: 600;
|
|
|
// background: #06020066;
|
|
|
padding: 5px 20px 8px 20px;
|
|
|
+ z-index:999;
|
|
|
|
|
|
&::before {
|
|
|
position: absolute;
|
|
|
@@ -1938,8 +1906,7 @@ onUnmounted(() => {
|
|
|
left: 18px;
|
|
|
top: 6px;
|
|
|
|
|
|
- img {
|
|
|
- width: 24px;
|
|
|
+ img { width: 24px;
|
|
|
height: 24px;
|
|
|
cursor: pointer;
|
|
|
}
|
