食堂样式修改
This commit is contained in:
1 parent
1faa756f39
commit
70f8890879
2 files changed
+25
-12
No files matched your search
@@ -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;
|
||||
|
||||
@@ -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, [
|
||||
|
||||
Reference in new issue
Block a user