yanglijie/smart-large-screen-light-gz
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

改浅色

Browse Source
This commit is contained in:
lnljyang
2026-01-06 11:10:20 +08:00
parent c2e7fc1f20
commit 36c6f01eb1
20 changed files with 139 additions and 130 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/views/dishboard.vue
View File

@@ -146,7 +146,7 @@
<style scoped>
.dashboard {
background: #0a1931;
color: white;
color: #000000;
padding: 20px;
}
.header {

22
src/views/home.scss
View File

@@ -1,5 +1,5 @@
.scale-wrap {
color: #d3d6dd;
color: #000000;
width: 1920px;
height: 1080px;
overflow: hidden;
@@ -15,7 +15,7 @@
height: 100%;
padding: 16px 16px 10px 16px;
box-sizing: border-box;
background-image: url("../assets/img/u0.svg");
background-color: #f5f7fa;
background-size: cover;
background-position: center center;
}
@@ -90,11 +90,13 @@
right: 0;
top: 30px;
font-size: 18px;
color: #000000;
display: flex;
align-items: center;
.blq-icon-shezhi02 {
cursor: pointer;
color: #000000;
}
}
}
@@ -156,7 +158,7 @@
font-weight: 900;
letter-spacing: 6px;
width: 100%;
background: linear-gradient(92deg, #0072FF 0%, #00EAFF 48.8525390625%, #01AAFF 100%);
background: linear-gradient(92deg, #1890ff 0%, #40a9ff 48.8525390625%, #096dd9 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
@@ -178,12 +180,12 @@
width: 130px;
height: 36px;
border-radius: 18px 0px 0px 18px;
color: #00FBF8;
color: #1890ff;
text-indent: 26px;
line-height: 36px;
font-size: 16px;
margin-right: 20px;
background: linear-gradient(to right, rgba(76, 245, 255, .5), rgba(76, 245, 255, 0));
background: linear-gradient(to right, rgba(24, 144, 255, .1), rgba(24, 144, 255, 0));
}
}
}
@@ -226,7 +228,7 @@
.setting_inner {
box-sizing: border-box;
background: #FFF;
background: #ffffff;
width: 340px;
height: 100%;
position: absolute;
@@ -234,11 +236,11 @@
top: 0;
z-index: 1;
color: #000000;
box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12);
box-shadow: 0 2px 8px rgba(0, 0, 0, .1), 0 4px 16px rgba(0, 0, 0, .08);
.setting_header {
font-size: 20px;
color: rgb(0, 0, 0);
color: #000000;
font-weight: 900;
text-align: center;
line-height: 40px;
@@ -256,11 +258,11 @@
// display: flex;
.setting_label {
color: #555454;
color: #000000;
}
.setting_label_tip{
font-size: 12px;
color: #838282;
color: #666666;
}
}
}

2
src/views/home.vue
View File

@@ -119,7 +119,7 @@ export default {
}
.title-name{
color: white;
color: #000000;
font-size: 30px;
font-weight: 600;
margin-left: 20px;

12
src/views/indexs/center-bottom.vue
View File

@@ -20,7 +20,7 @@ export default {
// { name: '其它：10%', value: 260 }
]
],
colors: ["#00E5FF", "#FF5733"]
colors: ["#1890ff", "#ff9800"]
//colors: ["#00E5FF", "#FF5733", "#FFBF00", "#5CDB95"]
};
},
@@ -48,7 +48,7 @@ export default {
text: '',
left: 'center',
textStyle: {
color: '#DDDDDD', // 将原来的 #999 改为更亮的灰色
color: '#000000', // 浅色主题使用黑色
fontWeight: 'normal',
fontSize: 14
}
@@ -63,7 +63,7 @@ export default {
left: 'center',
width: '600px',
itemStyle: {
borderColor: 'orange',
borderColor: '#ff9800', // 使用较暗的橙色边框
borderWidth: 1
},
label: {
@@ -76,17 +76,17 @@ export default {
rich: {
name: { // 新增 name 样式
fontSize: 14,
color: 'yellow', // 使用亮白色
color: '#666666', // 使用深灰色降低亮度
padding: [0, 0, 5, 0]
},
value: {
fontSize: 12,
color: 'orange',
color: '#ff9800', // 使用较暗的橙色
padding: [0, 5, 0, 0]
},
percent: {
fontSize: 12,
color: '#FF5733' // 保留原有橙色
color: '#f57c00' // 使用更深的橙色
}
}
},

32
src/views/indexs/center-map.vue
View File

@@ -306,7 +306,7 @@ export default {
],
},
textStyle: {
color: "#fff",
color: "#000000",
},
},
geo: {
@@ -347,7 +347,7 @@ export default {
backgroundColor: "rgba(0,0,0,.6)",
borderColor: "rgba(147, 235, 248, .8)",
textStyle: {
color: "#FFF",
color: "#000000",
},
},
label: {
@@ -435,7 +435,7 @@ export default {
backgroundColor: "rgba(0,0,0,.6)",
borderColor: "rgba(147, 235, 248, .8)",
textStyle: {
color: "#FFF",
color: "#000000",
},
},
label: {
@@ -450,11 +450,11 @@ export default {
fontSize: 11,
offset: [0, 2],
position: "bottom",
textBorderColor: "#fff",
textBorderColor: "#000000",
textShadowColor: "#000",
textShadowBlur: 10,
textBorderWidth: 0,
color: "#FFF",
color: "#000000",
show: true,
},
// colorBy: "data",
@@ -513,7 +513,7 @@ export default {
],
},
textStyle: {
color: "#fff",
color: "#000000",
},
},
geo: {
@@ -553,7 +553,7 @@ export default {
backgroundColor: "rgba(0,0,0,.6)",
borderColor: "rgba(147, 235, 248, .8)",
textStyle: {
color: "#FFF",
color: "#000000",
},
},
label: {
@@ -637,7 +637,7 @@ export default {
backgroundColor: "rgba(0,0,0,.6)",
borderColor: "rgba(147, 235, 248, .8)",
textStyle: {
color: "#FFF",
color: "#000000",
},
},
label: {
@@ -649,11 +649,11 @@ export default {
fontSize: 11,
offset: [0, 2],
position: "bottom",
textBorderColor: "#fff",
textBorderColor: "#000000",
textShadowColor: "#000",
textShadowBlur: 10,
textBorderWidth: 0,
color: "#FFF",
color: "#000000",
show: true,
},
// colorBy: "data",
@@ -732,7 +732,7 @@ export default {
font-size: 18px;
font-weight: 900;
letter-spacing: 4px;
color: white;
color: #000000;
margin: 0 8px;
}
.zuo,
@@ -781,7 +781,7 @@ export default {
font-size: 28px;
font-weight: 900;
letter-spacing: 6px;
color: white;
color: #000000;
margin: 0 10px;
}
.zuo,
@@ -834,7 +834,7 @@ export default {
height: 28px;
border: 1px solid #00eded;
border-radius: 10px;
color: white;
color: #000000;
text-align: center;
line-height: 26px;
letter-spacing: 6px;
@@ -852,7 +852,7 @@ export default {
height: 28px;
border: 1px solid #00eded;
border-radius: 10px;
color: white;
color: #000000;
text-align: center;
line-height: 26px;
letter-spacing: 6px;
@@ -870,7 +870,7 @@ export default {
height: 28px;
border: 1px solid #00eded;
border-radius: 10px;
color: white;
color: #000000;
text-align: center;
line-height: 26px;
letter-spacing: 6px;
@@ -886,7 +886,7 @@ export default {
left: 50%; /* 左边缘对齐 */
transform: translateX(-50%); /* 向左移动自身宽度的50%以实现水平居中 */
bottom:10px;
color: white;
color: #000000;
}
}
}

48
src/views/indexs/chart/baseChart.vue
View File

@@ -39,7 +39,7 @@ export default {
},
legend: {
data: ['碳减排量(kg)', '行驶里程(km)'],
textStyle: { color: '#fff' }
textStyle: { color: '#000000' }
},
grid: {
left: '18%',
@@ -50,16 +50,19 @@ export default {
xAxis: {
type: 'category',
data: ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月'],
axisLine: { lineStyle: { color: '#fff' } },
axisLabel: { color: '#fff' }
axisLine: { lineStyle: { color: '#000000' } },
axisLabel: { color: '#000000' }
},
yAxis: [
{
type: 'value',
// name: '碳减排量',
axisLine: { lineStyle: { color: '#fff' } },
axisLabel: { color: '#fff' },
splitLine: { show: false },
axisLine: { lineStyle: { color: '#000000' } },
axisLabel: { color: '#000000' },
splitLine: {
show: true,
lineStyle: { color: '#e8e8e8', type: 'dashed' }
},
axisLabel: {
formatter: '{value}kg'
}
@@ -67,9 +70,12 @@ export default {
{
type: 'value',
// name: '行驶里程',
axisLine: { lineStyle: { color: '#fff' } },
axisLabel: { color: '#fff' },
splitLine: { show: false },
axisLine: { lineStyle: { color: '#000000' } },
axisLabel: { color: '#000000' },
splitLine: {
show: true,
lineStyle: { color: '#e8e8e8', type: 'dashed' }
},
axisLabel: {
formatter: '{value}km'
}
@@ -80,7 +86,7 @@ export default {
name: '碳减排量(kg)',
type: 'bar',
data: [1000, 1500, 1800, 1200, 2000, 2500, 1800, 2200, 3000, 3500,2600, 3600],
itemStyle: { color: '#00BAFF' },
itemStyle: { color: '#1890ff' },
barWidth: 14
},
{
@@ -89,7 +95,7 @@ export default {
yAxisIndex: 1,
data: [3500, 400, 4200, 3800, 4500, 4800, 4200, 4600, 4900, 5200, 4700, 5500],
itemStyle: { color: '#FFC600' },
itemStyle: { color: '#52c41a' },
smooth: true,
lineStyle: { width: 2 },
symbol: 'circle',
@@ -107,8 +113,8 @@ export default {
//subtext: '年度碳减排量',
left: 'center',
top: '40%',
textStyle: { color: '#fff', fontSize: 18 },
subtextStyle: { color: '#fff', fontSize: 18}
textStyle: { color: '#000000', fontSize: 18 },
subtextStyle: { color: '#000000', fontSize: 18}
},
graphic: [
{
@@ -117,7 +123,7 @@ export default {
top: 'center', // 垂直居中
style: {
text: '年\n度\n碳\n减\n排\n量', // 每个字符换行显示
fill: '#fff',
fill: '#000000',
font: '16px sans-serif',
}
}
@@ -131,8 +137,8 @@ export default {
label: { show: false },
labelLine: { show: false },
data: [
{ value: 5, name: '碳排放量', itemStyle: { color: '#7d70f9' } },
{ value: 95, name: 'other', itemStyle: { color: '#2f4c6e' } }
{ value: 5, name: '碳排放量', itemStyle: { color: '#1890ff' } },
{ value: 95, name: 'other', itemStyle: { color: '#f0f0f0' } }
]
}
]
@@ -147,8 +153,8 @@ export default {
//subtext: '年度行驶里程',
left: 'center',
top: '40%',
textStyle: { color: '#fff', fontSize: 18 },
subtextStyle: { color: '#fff', fontSize: 12 }
textStyle: { color: '#000000', fontSize: 18 },
subtextStyle: { color: '#000000', fontSize: 12 }
},
graphic: [
{
@@ -157,7 +163,7 @@ export default {
top: 'center', // 垂直居中
style: {
text: '年\n度\n行\n驶\n里\n程', // 每个字符换行显示
fill: '#fff',
fill: '#000000',
font: '16px sans-serif',
}
}
@@ -171,8 +177,8 @@ export default {
label: { show: false },
labelLine: { show: false },
data: [
{ value: 85, name: '行驶里程', itemStyle: { color: '#00BAFF' } },
{ value: 15, name: 'other', itemStyle: { color: '#2f4c6e' } }
{ value: 85, name: '行驶里程', itemStyle: { color: '#52c41a' } },
{ value: 15, name: 'other', itemStyle: { color: '#f0f0f0' } }
]
}
]

6
src/views/indexs/index.vue
View File

@@ -189,11 +189,11 @@ export default {
.tech-text {
font-size: 14px;
color: #8c8c8c;
color: #666666;
font-weight: 500;
letter-spacing: 0.8px;
white-space: nowrap;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
position: relative;
// 添加一个简洁的下划线装饰
@@ -204,7 +204,7 @@ export default {
left: 0;
width: 100%;
height: 1px;
background: linear-gradient(90deg, #8c8c8c 0%, transparent 100%);
background: linear-gradient(90deg, #666666 0%, transparent 100%);
opacity: 0.4;
transition: opacity 0.3s ease;
}

6
src/views/indexs/left-bottom.vue
View File

@@ -56,17 +56,17 @@ export default {
legend: {
//data: ['用氢量', '用电量', '行驶里程'],
data: ['碳减排(kg)','行驶里程(km)'],
textStyle: { color: '#fff' }
textStyle: { color: '#000000' }
},
xAxis: {
type: 'category',
boundaryGap: false,
data: this.seriesData,
axisLine: { lineStyle: { color: '#fff' } }
axisLine: { lineStyle: { color: '#000000' } }
},
yAxis: {
type: 'value',
axisLine: { lineStyle: { color: '#fff' } },
axisLine: { lineStyle: { color: '#000000' } },
splitLine: { lineStyle: { color: '#091a40' } },
axisLabel: {
formatter: '{value}kg'

8
src/views/indexs/left-center.vue
View File

@@ -142,13 +142,13 @@ export default {
textStyle: {
rich: {
value: {
color: "#ffffff",
color: "#000000",
fontSize: 24,
fontWeight: "bold",
lineHeight: 20,
},
name: {
color: "#ffffff",
color: "#000000",
lineHeight: 20,
},
},
@@ -159,7 +159,7 @@ export default {
backgroundColor: "rgba(0,0,0,.6)",
borderColor: "rgba(147, 235, 248, .8)",
textStyle: {
color: "#FFF",
color: "#000000",
},
},
legend: {
@@ -177,7 +177,7 @@ export default {
// position: "outside",
rich: {
b: {
color: "#fff",
color: "#000000",
fontSize: 12,
lineHeight: 26,
},

2
src/views/indexs/left-top.vue
View File

@@ -211,7 +211,7 @@
position: relative;
width: 180px;
text-align: center;
color: #fff;
color: #000000;
}
/* 卡片信息区域 */

2
src/views/indexs/right-bottom.vue
View File

@@ -114,7 +114,7 @@ table {
th, td {
padding: 12px;
color: #fff;
color: #000000;
font-size: 14px;
width: 25%;
}

27
src/views/indexs/right-center-new.vue
View File

@@ -106,14 +106,14 @@ export default {
type: 'category',
data: xData,
axisLabel: {
color: 'white',
color: '#000000',
interval: 0,
rotate: 45, // 保持倾斜以防文字重叠
fontSize: 12,
},
axisLine: {
lineStyle: {
color: 'white'
color: '#000000'
}
}
},
@@ -121,17 +121,17 @@ export default {
type: 'value',
name: '用氢量',
axisLabel: {
color: 'white',
color: '#000000',
formatter: '{value}kg'
},
splitLine: {
lineStyle: {
color: 'rgba(51, 153, 255, 0.3)'
color: 'rgba(0, 0, 0, 0.1)'
}
},
axisLine: {
lineStyle: {
color: 'white'
color: '#000000'
}
}
},
@@ -144,16 +144,16 @@ export default {
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
offset: 0,
color: '#6a99f8'
color: '#40a9ff'
}, {
offset: 1,
color: '#0b2149'
color: '#1890ff'
}])
},
label: {
show: true,
position: 'top',
color: '#fff',
color: '#000000',
formatter: (params) => {
return params.value === 0 ? '' : params.value+'kg';
}
@@ -185,9 +185,9 @@ export default {
}
button {
background: rgba(25, 61, 112, 0.8);
border: 1px solid #2f6ed4;
color: #fff;
background: #f0f0f0;
border: 1px solid #d9d9d9;
color: #000000;
padding: 5px 15px;
margin-right: 10px;
cursor: pointer;
@@ -195,7 +195,8 @@ button {
}
button.active {
background: #2f6ed4;
border-color: #4a8df8;
background: #1890ff;
border-color: #1890ff;
color: #000000;
}
</style>

6
src/views/indexs/right-center.vue
View File

@@ -105,12 +105,12 @@ export default {
xAxis: {
type: 'category',
data: xData,
axisLabel: { color: 'white' }
axisLabel: { color: '#000000' }
},
yAxis: {
type: 'value',
axisLabel: {
color: 'white'
color: '#000000'
},
splitLine: {
lineStyle: {
@@ -153,7 +153,7 @@ export default {
button {
background: rgba(25, 61, 112, 0.8);
border: 1px solid #2f6ed4;
color: #fff;
color: #000000;
padding: 5px 15px;
margin-right: 10px;
cursor: pointer;

4
src/views/indexs/right-top-day.vue
View File

@@ -139,7 +139,7 @@ table {
th {
padding: 10px 12px;
color:white;
color: #000000;
font-size: 14px;
width: 20%;
text-align: center; /* 确保单元格内容居中 */
@@ -218,7 +218,7 @@ thead {
} */
/* .dialog-table th {
background-color: #011946 !important;
color: white;
color: #000000;
}
.dialog-table td {
background-color: rgba(255,255,255,0.8);

2
src/views/indexs/right-top-new.vue
View File

@@ -77,7 +77,7 @@ table {
th {
padding: 12px;
color:white;
color: #000000;
font-size: 14px;
width: 20%;
text-align: center; /* 确保单元格内容居中 */

8
src/views/indexs/right-top.vue
View File

@@ -133,7 +133,7 @@ export default {
itemHeight: .0,
itemGap: 10,
textStyle: {
color: 'white',
color: '#000000',
fontSize: 16,
fontWeight: 'normal',
fontFamily: 'Arial, sans-serif'
@@ -153,7 +153,7 @@ export default {
data: this.XAxisData,
axisLine: {
lineStyle: {
color: 'white',
color: '#000000',
width: 1
}
},
@@ -165,7 +165,7 @@ export default {
}
},
axisLabel: {
color: 'white',
color: '#000000',
fontSize: 12,
interval: 1,
rotate: 45
@@ -220,7 +220,7 @@ export default {
label: {
show: true,
position: 'top',
color: '#fff',
color: '#000000',
fontSize: 12,
formatter: (params) => {
return params.value === 0 ? '' : params.value;