xiaoyu/txw
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix:首页一些排版调整

Browse Source
This commit is contained in:
huangweiming 2026-04-06 20:03:46 +08:00
parent d7db320ba2
commit a2c31635dd
4 changed files with 30 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
txw-mhzc-web/src/pages/index/components/footer/index.vue
View File

@ -13,13 +13,13 @@
</div>
<!-- 主办单位 -->
<div class="footer-column">
<!-- <div class="footer-column">
<div class="footer-title">主办单位</div>
<div class="footer-links">
<div class="footer-link-item">宝山区数据局</div>
<div class="footer-link-item">宝山区发改委</div>
</div>
</div>
</div> -->
<!-- 运营单位 -->
<div class="footer-column">
@ -61,7 +61,7 @@
<!-- <p class="copyright">{{ copyright }}</p> -->
<p class="copyright">© 2025 可信碳信息网 版权所有</p>
<p class="infrastructure">技术支持：上海市宝山区大数据中心</p>
<p class="infrastructure">基础设施：国家区块链网络基础底座（上海枢纽）</p>
<p class="infrastructure">基础设施：国家区块链网络基础底座</p>
</div>
</div>
</footer>

1
txw-mhzc-web/src/pages/index/components/nav/index2.vue
View File

@ -381,6 +381,7 @@ export default {
},
goyhzx() {
this.curPage = ""; //进入工作台之后：nav菜单取消active
this.closeMobileMenu();
this.$router.push("/yhzx/gzt")
// window.location.href = `/view/mhzc/yhzx`;

4
txw-mhzc-web/src/pages/index/views/glxtSy/glxtSy.vue
View File

@ -130,7 +130,7 @@ export default {
},
{
id: 'cunzhengjilu',
title: '存证记录',
title: '存证记录管理',
icon: 'user',
name: 'cunzhengjilu',
iframeUrl: "https://ctn-web-pre.lingshu.net/cert-record-mgt",
@ -142,7 +142,7 @@ export default {
iframeUrl: "https://ctn-web-pre.lingshu.net/hosting-record-mgt",
}, {
id: 'chazhengjilu',
title: '查证记录',
title: '查证记录管理',
icon: 'user',
name: 'chazhengjilu',
iframeUrl: "https://ctn-web-pre.lingshu.net/query-record-mgt",

47
txw-mhzc-web/src/pages/index/views/home2/index.vue
View File

@ -120,9 +120,9 @@
<div class="item">
<div><img src="@/pages/index/assets/home-hxdz.png" width="132px" height="132px"></div>
<div class="name1">核心底座</div>
<div class="name2">国家区块链上海枢纽</div>
<div class="name2">国家区块链</div>
<div class="name3">
依托国家区块链基础底座上海枢纽，确保每一笔碳数据拥有唯一的“链上基因”，实现国家级权威存证与不可篡改。
依托国家区块链基础底座，确保每一笔碳数据拥有唯一的“链上基因”，实现国家级权威存证与不可篡改。
</div>
</div>
<div class="item">
@ -146,7 +146,7 @@
<div class="name1">闭环赋能</div>
<div class="name2">精准服务企业走出去</div>
<div class="name3">
服务企业出海、国际互认直。击跨境合规与碳交易撮合痛点，通过智能合约实现供需精准匹配，助力企业低碳转型提速。
服务企业出海、国际互认。直击跨境合规与碳交易撮合痛点，通过智能合约实现供需精准匹配，助力企业低碳转型提速。
</div>
</div>
</div>
@ -226,17 +226,17 @@
<div>平台公告</div>
</div>
<div style="width:100%">
<div class="item">
国家发改委发布2025年碳减排重点任务
<div class="item" @click="openNewTab('https://www.gov.cn/zhengce/content/202405/content_6954322.htm')">
国务院关于印发《2024—2025年节能降碳行动方案》的通知
</div>
<div class="item">
国务院发布《关于加快建立健全绿色低碳循环发展经济体系的指导意见》
<div class="item" @click="openNewTab('https://www.gov.cn/zhengce/content/2021-02/22/content_5588274.htm?5xyFrom=site-NT')">
国务院关于加快建立健全绿色低碳循环发展经济体系的指导意见
</div>
<div class="item">
<div class="item" @click="openNewTab('https://www.mee.gov.cn/xxgk2018/xxgk/xxgk02/202101/t20210105_816131.html')">
生态环境部发布《碳排放权交易管理办法（试行）》修订版
</div>
<div class="item">
2025 年钢铁行业碳排放配额分配方案发布明确总量控制目标，鼓励低碳技术应用...
<div class="item" @click="openNewTab('https://www.mee.gov.cn/xxgk2018/xxgk/xxgk03/202511/t20251118_1134175.html')">
关于印发《2024、2025年度全国碳排放权交易市场钢铁、水泥、铝冶炼行业配额总量和分配方案》的通知
</div>
</div>
</div>
@ -246,13 +246,11 @@
<!-- 建立您的碳数字身份 -->
<div class="bottom-box">
<div class="content">
<div>
<div class="bottom-box-content-title">建立您的碳数字身份</div>
<div class="desc">基于国家区块链网络，实现碳数据的一站式确权、核验与托管</div>
<div class="btn">申请服务</div>
</div>
</div>
</div>
<!-- 底部信息区 -->
<Footer style="width:100%" />
@ -307,6 +305,11 @@ export default {
window.removeEventListener('resize', this.syncBannerHeight);
},
methods: {
openNewTab(url){
window.open(url);
},
syncBannerHeight() {
const w = window.innerWidth;
if (w < 768) {
@ -595,7 +598,7 @@ export default {
/* display: flex; */
/* justify-content: space-between; */
width: 100%;
padding: 0% 20%;
padding: 0% 10%;
gap: 3%;
display: grid;
@ -666,11 +669,11 @@ export default {
.center-box {
width: 100%;
background: #fff;
padding: 60px 20%;
padding: 60px 10%;
}
.center-box .content-box {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
justify-items: center;
gap: 20px;
width: 100%;
@ -726,7 +729,7 @@ export default {
font-family: PingFang SC;
font-weight: 600;
font-style: Semibold;
font-size: 28px;
font-size: 24px;
leading-trim: NONE;
line-height: 48px;
letter-spacing: 0%;
@ -754,7 +757,7 @@ export default {
width: 100%;
background: #f5f7fa;
padding: 3% 20%;
padding: 60px 10%;
}
.gxnl-qych-hydt-box > div {
@ -945,6 +948,7 @@ export default {
margin-top: 12px;
color: #333333;
cursor: pointer;
}
.bottom-box {
@ -982,11 +986,11 @@ export default {
/* backdrop-filter: blur(12px); */
box-shadow: 0px 4px 20px 0px rgba(255, 255, 255, 0.08);
}
.bottom-box .content > div {
.bottom-box .content {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
justify-content: center;
align-items: center;
}
.bottom-box-content-title {
@ -1145,9 +1149,6 @@ export default {
font-size: 16px;
}
.center-box .item .name2 {
font-size: 20px;
}
.center-box .item .name3 {
font-size: 14px;