From 62ec1f19c3444695e21f1fe97472261ce3082075 Mon Sep 17 00:00:00 2001
From: liuying <1427574514@qq.com>
Date: 周一, 11 11月 2024 13:39:59 +0800
Subject: [PATCH] 大屏
---
yiqi_screen/src/components/Content.vue | 73 +++++++++++++++++++-----------------
1 files changed, 38 insertions(+), 35 deletions(-)
diff --git a/yiqi_screen/src/components/Content.vue b/yiqi_screen/src/components/Content.vue
index fbcdc88..b0010f1 100644
--- a/yiqi_screen/src/components/Content.vue
+++ b/yiqi_screen/src/components/Content.vue
@@ -88,7 +88,7 @@
style="
margin: 0 0.13rem;
height: 0.13rem;
- background-color: #a7cf29;
+ background-color: #e6e705;
"
></div>
</div>
@@ -98,7 +98,7 @@
style="
margin: 0 0.13rem;
height: 0.13rem;
- background-color: #a7cf29;
+ background-color: #e6e705;
"
></div>
<div
@@ -339,7 +339,6 @@
// easing: "easeOutExpo", // 杩愬姩鏁堟灉
// loop: true, // 璁剧疆鏃犻檺寰幆
// });
-
// // 绗竴涓姩鐢伙細妯悜绉诲姩
// timeline
// .add({
@@ -361,7 +360,6 @@
// duration: 0, // 涓嶉渶瑕佸姩鐢�
// delay: 1000, // 闅旀柇鏃堕棿1绉�
// });
-
// setTimeout(() => {
// timeline.pause(); // 鏆傚仠鍔ㄧ敾
// document.getElementById('animatedImage').classList.add('hidden');
@@ -403,10 +401,10 @@
margin-bottom: 0.25rem;
.title {
+ font-family: Source Han Sans CN;
display: flex;
vertical-align: middle;
align-items: center;
- color: #41c7de;
font-size: 40px;
font-weight: 700;
position: absolute;
@@ -414,6 +412,11 @@
left: 50%;
transform: translate(-50%);
letter-spacing: 8px;
+
+ background: linear-gradient(0deg, #a7ffff, #83d0dc);
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+
.imgTitle {
width: 117px;
margin-right: 69px;
@@ -421,26 +424,28 @@
}
.left-text {
- font-size: 18px;
- color: #fff;
- position: absolute;
- top: 57px;
- left: 38px;
- width: 372px;
- text-align: right;
- line-height: 48px;
- font-weight: 700;
+ font-size: 20px;
+ color: #fff;
+ position: absolute;
+ top: 63px;
+ left: 37px;
+ width: 368px;
+ text-align: right;
+ line-height: 48px;
+ font-weight: 700;
+ letter-spacing: -2px;
}
.right-text {
font-size: 18px;
- text-align: right;
- color: #fff;
- position: absolute;
- top: 57px;
- right: 268px;
- line-height: 48px;
- font-weight: 700;
+ text-align: right;
+ color: #fff;
+ position: absolute;
+ top: 63px;
+ right: 268px;
+ line-height: 48px;
+ font-weight: 700;
+ letter-spacing: -2px;
}
}
@@ -558,12 +563,9 @@
}
.main-bottom {
- // height: auto;
height: 320px;
- // border: 1px solid red;
display: flex;
- // background-color: skyblue;
-
+ justify-content: center;
.border_left1 {
width: 284px;
margin-right: 20px;
@@ -583,7 +585,7 @@
}
.border_middle {
- width: 720px;
+ width: 720px;
margin-right: 20px;
border: 0 !important;
// background-image: url("~@/assets/images/border_middle.png");
@@ -621,7 +623,8 @@
font-weight: 700;
color: #00f8c6;
text-align: center;
- border-bottom: 2px solid #04279d;
+ border-bottom: 2px solid #0739a3;
+
}
}
@@ -631,22 +634,22 @@
.pie-label-left {
position: absolute;
bottom: 10px;
- left: 0.1rem;
- color: #d9dbe6;
- font-size: 18px;
+ left: 0;
+ color: white;
+ font-size: 16px;
font-weight: 300;
- width: 44%;
+ width: 54%;
text-align: center;
}
.pie-label-right {
position: absolute;
bottom: 10px;
- right: 0.3rem;
+ right: 0;
color: #fff;
- color: #d9dbe6;
- font-size: 18px;
- width: 44%;
+ color: white;
+ font-size: 16px;
+ width: 54%;
text-align: center;
}
}
--
Gitblit v1.9.3