根据文档进行优化

This commit is contained in:
fks-xuxinyue
2024-08-30 17:23:14 +08:00
parent b36081126f
commit c6b4895b67
4 changed files with 50 additions and 23 deletions

View File

@@ -6,9 +6,13 @@
><img width="68" height="68" src="../../../../src/icon/carbonAssetsMoney-1.svg"
/></div>
<div class="moneyTitle">全国碳账户估值CNY</div>
<div class="moneyTotal" style="color: rgba(229, 102, 22, 1)">{{
nationwide.valuation
}}</div>
<div class="moneyTotal" style="color: rgba(229, 102, 22, 1)">
<span
style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis"
:title="nationwide.valuation">
{{ nationwide.valuation }}
</span>
</div>
<div class="moneyDetail">
<div
class="detailClick"
@@ -61,7 +65,13 @@
><img width="68" height="68" src="../../../../src/icon/carbonAssetsMoney-2.svg"
/></div>
<div class="moneyTitle">地方碳账户估值CNY</div>
<div class="moneyTotal" style="color: rgba(229, 102, 22, 1)">{{ place.valuation }}</div>
<div class="moneyTotal" style="color: rgba(229, 102, 22, 1)">
<span
style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis"
:title="place.valuation">
{{ place.valuation }}
</span>
</div>
<div class="moneyDetail">
<div
class="detailClick"
@@ -114,7 +124,13 @@
><img width="68" height="68" src="../../../../src/icon/carbonAssetsMoney-3.svg"
/></div>
<div class="moneyTitle">CCER资产估值CNY</div>
<div class="moneyTotal" style="color: rgba(229, 102, 22, 1)">{{ ccer.valuation }}</div>
<div class="moneyTotal" style="color: rgba(229, 102, 22, 1)">
<span
style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis"
:title="ccer.valuation">
{{ ccer.valuation }}
</span>
</div>
<div class="moneyDetail">
<div
class="detailClick"
@@ -167,7 +183,13 @@
><img width="68" height="68" src="../../../../src/icon/carbonAssetsMoney-4.svg"
/></div>
<div class="moneyTitle">碳资产总估值CNY</div>
<div class="moneyTotal" style="color: rgba(229, 102, 22, 1)">{{ whole.whole }}</div>
<div class="moneyTotal" style="color: rgba(229, 102, 22, 1)">
<span
style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis"
:title="whole.whole">
{{ whole.whole }}
</span>
</div>
</div>
<div class="title" style="justify-content: center">
<img
@@ -277,7 +299,7 @@
display: flex;
align-items: center;
.moneyImg {
width: 18%;
width: 15%;
display: flex;
justify-content: center;
}
@@ -295,23 +317,24 @@
.moneyTotal {
width: 33%;
display: flex;
justify-content: center;
justify-content: left;
opacity: 1;
font-size: 40px;
font-weight: 400;
font-weight: 500;
line-height: 52px;
text-align: left;
}
.moneyDetail {
width: 14%;
width: 17%;
display: flex;
justify-content: center;
cursor: pointer;
.detailClick {
border-radius: 4px;
padding: 3px;
padding: 10px;
> span {
font-size: 12px;
margin-left: 2px;
}
}
}