From 36e019c7ec06b82a6242d2c092e95d7b23466175 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期二, 01 八月 2023 10:58:50 +0800
Subject: [PATCH] #
---
src/components/datav/cards.vue | 17 +++++++++++------
1 files changed, 11 insertions(+), 6 deletions(-)
diff --git a/src/components/datav/cards.vue b/src/components/datav/cards.vue
index 4846f2f..87d58a3 100644
--- a/src/components/datav/cards.vue
+++ b/src/components/datav/cards.vue
@@ -2,7 +2,7 @@
<div id="cards">
<div class="chart-name">
璁惧鏁呴殰鏈堣秼鍔�
- <dv-decoration-3 style="width:120px;height:20px;" />
+ <dv-decoration-3 style="width:200px;height:30px;" />
</div>
<dv-charts :option="option" />
</div>
@@ -16,7 +16,7 @@
data() {
return {
option: {
- legend: { // 灏忔爣绛�
+ legend: { // 鍥炬爣
data: [
{
name: '绯诲垪A',
@@ -32,7 +32,10 @@
},
left: 0,
top: '50%',
- orient: 'vertical'
+ orient: 'vertical',
+ iconWidth: 40, // 瀹�
+ iconHeight: 15, // 楂�
+ itemGap: 15 // 闂磋窛
},
xAxis: {
// name: '绗竴鍛�',
@@ -59,7 +62,7 @@
data: 'value',
nameTextStyle: { // 杞存爣棰�
fill: '#fff',
- fontSize: 15
+ fontSize: 15,
},
axisLine: { // 杞寸嚎
style: {
@@ -121,12 +124,14 @@
border-top: 2px solid rgba(1, 153, 209, .5);
box-shadow: 0 0 3px blue;
box-sizing: border-box;
- padding: 0 0 0 50px;
+ padding: 5px 0 0 50px; // 绉诲姩鍥炬爣
position: relative;
.chart-name {
+ display: flex; align-items: center; gap: 20px; // 鍔ㄧ敾鍦ㄥ彸渚�
+ font-weight: bold;
position: absolute;
- left: 30px;
+ left: 20px;
text-align: right;
font-size: 20px;
top: 10px;
--
Gitblit v1.9.1