对接导入导出,优化页面UI

This commit is contained in:
fks-xuxinyue
2024-08-14 15:21:20 +08:00
parent 4205413418
commit 83119f53e9
13 changed files with 468 additions and 166 deletions

View File

@@ -9,13 +9,16 @@
<div class="moneyTotal" style="color: rgba(229, 102, 22, 1)">{{
nationwide.valuation
}}</div>
<div class="moneyDetail"
><img
@click="viewDetail(1)"
width="34px"
height="34px"
src="../../../../src/icon/carbonAssetsSearch-1.svg"
/></div>
<div class="moneyDetail">
<div class="detailClick" @click="viewDetail(1)" style="border: 1px solid rgba(229, 102, 22, 1);">
<img
width="20px"
height="20px"
src="../../../../src/icon/carbonAssetsToDetail-1.svg"
alt="" />
<span style="color: rgba(229, 102, 22, 1);">交易明细</span>
</div>
</div>
</div>
<div class="title">
<img width="24px" height="24px" src="../../../../src/icon/carbonAssetsTitle-1.svg" />
@@ -56,13 +59,16 @@
/></div>
<div class="moneyTitle">地方碳账户估值CNY</div>
<div class="moneyTotal" style="color: rgba(229, 102, 22, 1)">{{ place.valuation }}</div>
<div class="moneyDetail"
><img
width="34px"
height="34px"
@click="viewDetail(2)"
src="../../../../src/icon/carbonAssetsSearch-2.svg"
/></div>
<div class="moneyDetail">
<div class="detailClick" @click="viewDetail(2)" style="border: 1px solid rgba(230, 51, 44, 1);">
<img
width="20px"
height="20px"
src="../../../../src/icon/carbonAssetsToDetail-2.svg"
alt="" />
<span style="color: rgba(230, 51, 44, 1);">交易明细</span>
</div>
</div>
</div>
<div class="title">
<img width="24px" height="24px" src="../../../../src/icon/carbonAssetsTitle-2.svg" />
@@ -103,13 +109,16 @@
/></div>
<div class="moneyTitle">CCER资产估值CNY</div>
<div class="moneyTotal" style="color: rgba(229, 102, 22, 1)">{{ ccer.valuation }}</div>
<div class="moneyDetail"
><img
width="34px"
height="34px"
@click="viewDetail(3)"
src="../../../../src/icon/carbonAssetsSearch-3.svg"
/></div>
<div class="moneyDetail" >
<div class="detailClick" @click="viewDetail(3)" style="border: 1px solid rgba(56, 157, 220, 1);">
<img
width="20px"
height="20px"
src="../../../../src/icon/carbonAssetsToDetail-3.svg"
alt="" />
<span style="color: rgba(56, 157, 220, 1);">交易明细</span>
</div>
</div>
</div>
<div class="title">
<img width="24px" height="24px" src="../../../../src/icon/carbonAssetsTitle-3.svg" />
@@ -259,7 +268,7 @@
display: flex;
align-items: center;
.moneyImg {
width: 20%;
width: 18%;
display: flex;
justify-content: center;
}
@@ -275,7 +284,7 @@
vertical-align: top;
}
.moneyTotal {
width: 35%;
width: 33%;
display: flex;
justify-content: center;
opacity: 1;
@@ -285,10 +294,17 @@
text-align: left;
}
.moneyDetail {
width: 10%;
width: 14%;
display: flex;
justify-content: center;
cursor: pointer;
.detailClick {
border-radius: 4px;
padding: 3px;
> span {
font-size: 12px;
}
}
}
}
.title {