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

Compare commits

base: zS:a899fec7452fd5de653ca138850ba9c4da6e23f5
Branches Tags
zS:main
lucas:main
...
compare: zS:dc357e345cc7f1d2bfe00efe1effa2798b8426cf
Branches Tags
zS:main
lucas:main

2 Commits
a899fec745 ... dc357e345c

Author SHA1 Message Date
lucas
dc357e345c Merge branch 'main' into main 2025-08-21 20:21:14 +08:00
gaohaifeng
151fb269e9 style(Charts): 调整停车场景组件样式和颜色配置 
- 修改场景名称和标签颜色为更柔和的灰色
- 新增valueColor2颜色配置
- 优化场景分布组件HTML结构，修复嵌套问题
- 添加场景分布概况标题到正确位置
 2025-08-21 20:11:25 +08:00
4 changed files with 326 additions and 101 deletions
Show Stats Expand all files Collapse all files

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

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

@ -10,11 +10,12 @@ export const option = {
titleSize: 20,
linkColor: '#00E5FF',
linkText: '查看更多>>',
sceneNameColor: '#ffffff',
sceneNameColor: '#ccc',
sceneNameSize: 16,
labelColor: '#B0E0E6',
labelColor: '#ccc',
labelSize: 14,
valueColor: '#00E5FF',
valueColor: '#DFAB0F',
valueColor2: '#00E5FF',
valueSize: 20,
borderColor: '#4A90E2'
}

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

File diff suppressed because one or more lines are too long

24
src/packages/components/Charts/MyComponents/SceneDistribution/index.vue
View File

@ -195,24 +195,22 @@
</linearGradient>
</defs>
</svg>
<div class="header-title">场景分布概况</div>
<div class="go-scene-distribution">
<div class="header-title">场景分布概况</div>
<div class="content">
<div v-for="(item, index) in option.dataset" :key="index" class="scene-item">
<div class="item-title" :style="{ color: option.titleColor, fontSize: option.titleSize + 'px' }">{{ item.title }}</div>
<div class="item-label" :style="{ color: option.labelColor, fontSize: option.labelSize + 'px' }">{{ item.label }}</div>
<div class="cube-container">
<img :src="getImageUrl(item.image)" class="cube-image" />
</div>
<div class="value-container">
<span class="item-value" :style="{ color: option.valueColor, fontSize: option.valueSize + 'px', }">{{ item.value }}</span>
<div class="content">
<div v-for="(item, index) in option.dataset" :key="index" class="scene-item">
<div class="item-title" :style="{ color: option.titleColor, fontSize: option.titleSize + 'px' }">{{ item.title }}</div>
<div class="item-label" :style="{ color: option.labelColor, fontSize: option.labelSize + 'px' }">{{ item.label }}</div>
<div class="cube-container">
<img :src="getImageUrl(item.image)" class="cube-image" />
</div>
<div class="value-container">
<span class="item-value" :style="{ color: option.valueColor, fontSize: option.valueSize + 'px', }">{{ item.value }}</span>
</div>
</div>
</div>
</div>
</div>
</div>
</template>