食堂样式修改

This commit is contained in:
dzc committed 2025-10-27 11:08:02 +08:00
1 parent 1faa756f39
commit 70f8890879
2 files changed
+25 -12

No files matched your search

+21 -8
View File
@@ -6,13 +6,25 @@
<el-segmented v-model="activeSegment" :options="props.segments" :props="{ label: 'label', value: 'value' }"
size="small" @change="dateTypeChange" />
</div>
<div class="area-info-item" v-for="(item, index) in props.data" :key="item.name" @click="doItem(item)">
<span
:style="{ width: '1vw', height: '1vw', background: colors[index], borderRadius: '50%', display: 'inline-block' }"></span>
<span class="name">{{ item.title }}</span>
<span :style="{ marginLeft: '0.2vw', color: colors[index] }">{{ item.total }}次</span>
<span :style="{ marginLeft: '0.1vw', color: colors[index], fontSize: '0.6vw' }"> ({{ percent(item.total) }})
</span>
<!-- <div class="area-info">
<div class="area-info-item" v-for="(item, index) in 10" :key="item.name" @click="doItem(item)">
<span
:style="{ width: '1vw', height: '1vw', background: colors[index], borderRadius: '50%', display: 'inline-block' }"></span>
<span class="name">新县府二楼</span>
<span :style="{ marginLeft: '0.2vw', color: colors[index] }">433次</span>
<span :style="{ marginLeft: '0.1vw', color: colors[index], fontSize: '0.6vw' }"> ({{ 23.4 }}%)
</span>
</div>
</div> -->
<div class="area-info">
<div class="area-info-item" v-for="(item, index) in props.data" :key="item.name" @click="doItem(item)">
<span
:style="{ width: '1vw', height: '1vw', background: colors[index], borderRadius: '50%', display: 'inline-block' }"></span>
<span class="name">{{ item.title }}</span>
<span :style="{ marginLeft: '0.2vw', color: colors[index] }">{{ item.total }}次</span>
<span :style="{ marginLeft: '0.1vw', color: colors[index], fontSize: '0.6vw' }"> ({{ percent(item.total) }})
</span>
</div>
</div>
</div>
</div>
@@ -215,7 +227,7 @@ onBeforeUnmount(() => {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
justify-content: space-between;
gap: 1vh;
.segmented {
@@ -227,6 +239,7 @@ onBeforeUnmount(() => {
}
.area-info {
width: 100%;
overflow: scroll;
scrollbar-width: none;
-ms-overflow-style: none;
+4 -4
View File
@@ -106,11 +106,11 @@ const options = {
borderRadius: [0, 10, 10, 0],
color: (params) => {
const palette = [
["#1F4F68", "#2FC6DC"],
["#1F4F68", "#2FC6DC"],
["#1F4F68", "#2FC6DC"],
["#1F4F68", "#2FC6DC"],
["#F47E3D", "#F4C93D"],
["#1F4F68", "#2FC6DC"],
["#1F4F68", "#2FC6DC"],
["#1F4F68", "#2FC6DC"],
["#1F4F68", "#2FC6DC"],
];
const [c1, c2] = palette[params.dataIndex % palette.length];
return new echarts.graphic.LinearGradient(1, 0, 0, 0, [