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