zS/go-view-fetch
1
0
Fork 0
forked from lucas/go-view-fetch
Code Pull Requests Activity

feat(ParkingScene): 更新场景样式和间距配置

Browse Source 
- 将场景名称字体大小从16px调整为18px
- 使用dot.png图片替换文本点符号
- 调整场景项之间的间距从8px改为7px
This commit is contained in:
gaohaifeng 2025-08-21 20:23:40 +08:00
parent 151fb269e9
commit a927c80bce
3 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/packages/components/Charts/MyComponents/ParkingScene/assets/dot.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 461 B

2
src/packages/components/Charts/MyComponents/ParkingScene/config.ts
View File

@ -11,7 +11,7 @@ export const option = {
linkColor: '#00E5FF', linkColor: '#00E5FF',
linkText: '查看更多>>', linkText: '查看更多>>',
sceneNameColor: '#ccc', sceneNameColor: '#ccc',
sceneNameSize: 16, sceneNameSize: 18,
labelColor: '#ccc', labelColor: '#ccc',
labelSize: 14, labelSize: 14,
valueColor: '#DFAB0F', valueColor: '#DFAB0F',

4
src/packages/components/Charts/MyComponents/ParkingScene/index.vue
View File

@ -200,7 +200,7 @@
<div class="content"> <div class="content">
<div v-for="(scene, index) in option.dataset" :key="index" class="scene-item"> <div v-for="(scene, index) in option.dataset" :key="index" class="scene-item">
<div class="scene-header"> <div class="scene-header">
<span class="dots">···</span> <img src="./assets/dot.png" alt="" class="dots"></img>
<span class="scene-name" :style="{ color: option.sceneNameColor, fontSize: option.sceneNameSize + 'px' }">{{ <span class="scene-name" :style="{ color: option.sceneNameColor, fontSize: option.sceneNameSize + 'px' }">{{
scene.name }}</span> scene.name }}</span>
</div> </div>
@ -255,7 +255,7 @@ const option = computed(() => props.chartConfig.option)
} }
.scene-item:nth-child(n+2) { .scene-item:nth-child(n+2) {
margin-top: 8px;; margin-top: 7px;;
} }
.scene-header { .scene-header {