From 952ac0d2df182701395cbd93af741a3bf3a69bae Mon Sep 17 00:00:00 2001
From: yangfeng <wanwan926_4@163.com>
Date: 星期五, 08 十二月 2023 10:57:24 +0800
Subject: [PATCH] 所有柱状图样式优化
---
src/views/cockpitPage/components/OrderCompleteRadio.vue | 6 +++---
1 files changed, 3 insertions(+), 3 deletions(-)
diff --git a/src/views/cockpitPage/components/OrderCompleteRadio.vue b/src/views/cockpitPage/components/OrderCompleteRadio.vue
index 65f3a64..6d76296 100644
--- a/src/views/cockpitPage/components/OrderCompleteRadio.vue
+++ b/src/views/cockpitPage/components/OrderCompleteRadio.vue
@@ -9,7 +9,7 @@
<div class="left">{{ item.title }}</div>
<div class="middle" ref="middle">
<el-progress
- :stroke-width="20"
+ :stroke-width="18"
:text-inside="true"
:percentage="item.radio"
:define-back-color="'#083f55'"
@@ -91,6 +91,7 @@
}
.list-view {
height: calc(100% - 20px);
+ padding-right: 5px;
.table-bg-view {
display: flex;
align-items: center;
@@ -98,6 +99,7 @@
background: #083f55;
height: calc(20% - 10px);
width: 100%;
+ padding-right: 5px;
border-radius: 50px;
transition: all 1s ease-in-out 0s;
.left {
@@ -122,13 +124,11 @@
}
.el-progress-bar__inner {
position: relative;
- // background: #552d08;
background: url("../../../../public/cockpitPage/order-bg.png") no-repeat
center center / cover;
}
.setTitle-complete .el-progress-bar__inner {
position: relative;
- // background: #552d08;
background: url("../../../../public/cockpitPage/order-complete.png")
no-repeat center center / cover;
}
--
Gitblit v1.8.0