chengdandan
/
yanchengPowerSupply
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

大屏首页样式优化

This commit is contained in:
mazhehui 2023-07-21 17:44:35 +08:00
parent 8cddbba5ad
commit 7187beb3f6
1 changed files with 18 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
src/views/index.vue
View File

@ -267,11 +267,11 @@
<span style="color: yellow; font-size: 28px">2.685亿</span>
</div>
<div class="line1">
&nbsp;碳排放量&nbsp;(kg)&nbsp;&nbsp;
&nbsp;碳排放量&nbsp;(kg)&nbsp;
<span style="color: orange; font-size: 28px">7.303万</span>
</div>
<div class="line1">
&nbsp;企业数量&nbsp;&nbsp;&nbsp;
&nbsp;企业数量&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<span style="color: yellow; font-size: 28px">713</span>
</div>
</div>
@ -497,11 +497,11 @@
<div class="line3">
<div class="total">
<div class="num" @click="openLineDetail(CompanyInfo.pdxl)">
<span style="font-size: 18px" class="num1"
<span style="font-size: 18px" class="num1" id="textleft"
>2022年度总碳排放量</span
>
<span
style="font-size: 40px; font-weight: 600"
style="font-size: 40px; font-weight: 600; margin-left: 30px"
class="numText"
:text="CompanyInfo.ztpf"
id="yellow"
@ -514,11 +514,11 @@
<div class="line3">
<div class="total">
<div class="num">
<span style="font-size: 18px" class="num1"
<span style="font-size: 18px" class="num1" id="textleft"
>2022年度总用电量</span
>
<span
style="font-size: 40px; font-weight: 600"
style="font-size: 40px; font-weight: 600; margin-left: 30px"
class="numText"
id="orange"
:text="CompanyInfo.zydl"
@ -531,11 +531,11 @@
<div class="line3">
<div class="total">
<div class="num">
<span style="font-size: 18px" class="num1"
<span style="font-size: 18px" class="num1" id="textleft"
>2022年度客户总数</span
>
<span
style="font-size: 40px; font-weight: 600"
style="font-size: 40px; font-weight: 600; margin-left: 30px"
class="numText"
id="yellow"
:text="CompanyInfo.khzs"
@ -1230,7 +1230,7 @@ export default {
{
//代表渐变色从正上方开始
offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色
color: "rgba(2,255,255,.3)",
color: "rgba(2,255,255,.1)",
}, //柱图渐变色
{
offset: 1, //指100%处的颜色
@ -1478,7 +1478,7 @@ export default {
{
//代表渐变色从正上方开始
offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色
color: "rgba(2,255,255,.3)",
color: "rgba(2,255,255,.1)",
}, //柱图渐变色
{
offset: 1, //指100%处的颜色
@ -2005,7 +2005,7 @@ export default {
{
//代表渐变色从正上方开始
offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色
color: "rgba(255,165,0,.4)",
color: "rgba(255,165,0,.2)",
}, //柱图渐变色
{
offset: 1, //指100%处的颜色
@ -2715,11 +2715,11 @@ export default {
color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
{
offset: 0,
color: "rgba(194,190,190,1)",
color: "rgba(194,190,190,2)",
},
{
offset: 1,
color: "rgba(194,190,190,0)",
color: "rgb(194,190,190)",
},
]),
borderColor: new that.$echarts.graphic.LinearGradient(
@ -3329,6 +3329,9 @@ export default {
flex-flow: row nowrap;
justify-content: space-between;
box-sizing: border-box;
#textleft {
margin-left: 30px !important;
}
.left {
// width: 604px;
@ -4436,9 +4439,11 @@ export default {
<style lang="less" scoped>
#yellow {
color: yellow;
line-height: 175%;
}
#orange {
color: rgb(235, 92, 92);
line-height: 175%;
}
.three {
.three-content {