fix:首页一些排版调整
This commit is contained in:
parent
d7db320ba2
commit
a2c31635dd
@ -13,13 +13,13 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 主办单位 -->
|
<!-- 主办单位 -->
|
||||||
<div class="footer-column">
|
<!-- <div class="footer-column">
|
||||||
<div class="footer-title">主办单位</div>
|
<div class="footer-title">主办单位</div>
|
||||||
<div class="footer-links">
|
<div class="footer-links">
|
||||||
<div class="footer-link-item">宝山区数据局</div>
|
<div class="footer-link-item">宝山区数据局</div>
|
||||||
<div class="footer-link-item">宝山区发改委</div>
|
<div class="footer-link-item">宝山区发改委</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div> -->
|
||||||
|
|
||||||
<!-- 运营单位 -->
|
<!-- 运营单位 -->
|
||||||
<div class="footer-column">
|
<div class="footer-column">
|
||||||
@ -61,7 +61,7 @@
|
|||||||
<!-- <p class="copyright">{{ copyright }}</p> -->
|
<!-- <p class="copyright">{{ copyright }}</p> -->
|
||||||
<p class="copyright">© 2025 可信碳信息网 版权所有</p>
|
<p class="copyright">© 2025 可信碳信息网 版权所有</p>
|
||||||
<p class="infrastructure">技术支持:上海市宝山区大数据中心</p>
|
<p class="infrastructure">技术支持:上海市宝山区大数据中心</p>
|
||||||
<p class="infrastructure">基础设施:国家区块链网络基础底座(上海枢纽)</p>
|
<p class="infrastructure">基础设施:国家区块链网络基础底座</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
|
|||||||
@ -381,6 +381,7 @@ export default {
|
|||||||
},
|
},
|
||||||
|
|
||||||
goyhzx() {
|
goyhzx() {
|
||||||
|
this.curPage = ""; //进入工作台之后:nav菜单取消active
|
||||||
this.closeMobileMenu();
|
this.closeMobileMenu();
|
||||||
this.$router.push("/yhzx/gzt")
|
this.$router.push("/yhzx/gzt")
|
||||||
// window.location.href = `/view/mhzc/yhzx`;
|
// window.location.href = `/view/mhzc/yhzx`;
|
||||||
|
|||||||
@ -130,7 +130,7 @@ export default {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'cunzhengjilu',
|
id: 'cunzhengjilu',
|
||||||
title: '存证记录',
|
title: '存证记录管理',
|
||||||
icon: 'user',
|
icon: 'user',
|
||||||
name: 'cunzhengjilu',
|
name: 'cunzhengjilu',
|
||||||
iframeUrl: "https://ctn-web-pre.lingshu.net/cert-record-mgt",
|
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",
|
iframeUrl: "https://ctn-web-pre.lingshu.net/hosting-record-mgt",
|
||||||
}, {
|
}, {
|
||||||
id: 'chazhengjilu',
|
id: 'chazhengjilu',
|
||||||
title: '查证记录',
|
title: '查证记录管理',
|
||||||
icon: 'user',
|
icon: 'user',
|
||||||
name: 'chazhengjilu',
|
name: 'chazhengjilu',
|
||||||
iframeUrl: "https://ctn-web-pre.lingshu.net/query-record-mgt",
|
iframeUrl: "https://ctn-web-pre.lingshu.net/query-record-mgt",
|
||||||
|
|||||||
@ -120,9 +120,9 @@
|
|||||||
<div class="item">
|
<div class="item">
|
||||||
<div><img src="@/pages/index/assets/home-hxdz.png" width="132px" height="132px"></div>
|
<div><img src="@/pages/index/assets/home-hxdz.png" width="132px" height="132px"></div>
|
||||||
<div class="name1">核心底座</div>
|
<div class="name1">核心底座</div>
|
||||||
<div class="name2">国家区块链上海枢纽</div>
|
<div class="name2">国家区块链</div>
|
||||||
<div class="name3">
|
<div class="name3">
|
||||||
依托国家区块链基础底座上海枢纽,确保每一笔碳数据拥有唯一的“链上基因”,实现国家级权威存证与不可篡改。
|
依托国家区块链基础底座,确保每一笔碳数据拥有唯一的“链上基因”,实现国家级权威存证与不可篡改。
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="item">
|
<div class="item">
|
||||||
@ -146,7 +146,7 @@
|
|||||||
<div class="name1">闭环赋能</div>
|
<div class="name1">闭环赋能</div>
|
||||||
<div class="name2">精准服务企业走出去</div>
|
<div class="name2">精准服务企业走出去</div>
|
||||||
<div class="name3">
|
<div class="name3">
|
||||||
服务企业出海、国际互认直。击跨境合规与碳交易撮合痛点,通过智能合约实现供需精准匹配,助力企业低碳转型提速。
|
服务企业出海、国际互认。直击跨境合规与碳交易撮合痛点,通过智能合约实现供需精准匹配,助力企业低碳转型提速。
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -226,17 +226,17 @@
|
|||||||
<div>平台公告</div>
|
<div>平台公告</div>
|
||||||
</div>
|
</div>
|
||||||
<div style="width:100%">
|
<div style="width:100%">
|
||||||
<div class="item">
|
<div class="item" @click="openNewTab('https://www.gov.cn/zhengce/content/202405/content_6954322.htm')">
|
||||||
国家发改委发布2025年碳减排重点任务
|
国务院关于印发《2024—2025年节能降碳行动方案》的通知
|
||||||
</div>
|
</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>
|
||||||
<div class="item">
|
<div class="item" @click="openNewTab('https://www.mee.gov.cn/xxgk2018/xxgk/xxgk02/202101/t20210105_816131.html')">
|
||||||
生态环境部发布《碳排放权交易管理办法(试行)》修订版
|
生态环境部发布《碳排放权交易管理办法(试行)》修订版
|
||||||
</div>
|
</div>
|
||||||
<div class="item">
|
<div class="item" @click="openNewTab('https://www.mee.gov.cn/xxgk2018/xxgk/xxgk03/202511/t20251118_1134175.html')">
|
||||||
2025 年钢铁行业碳排放配额分配方案发布明确总量控制目标,鼓励低碳技术应用...
|
关于印发《2024、2025年度全国碳排放权交易市场钢铁、水泥、铝冶炼行业配额总量和分配方案》的通知
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -246,13 +246,11 @@
|
|||||||
<!-- 建立您的碳数字身份 -->
|
<!-- 建立您的碳数字身份 -->
|
||||||
<div class="bottom-box">
|
<div class="bottom-box">
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<div>
|
|
||||||
<div class="bottom-box-content-title">建立您的碳数字身份</div>
|
<div class="bottom-box-content-title">建立您的碳数字身份</div>
|
||||||
<div class="desc">基于国家区块链网络,实现碳数据的一站式确权、核验与托管</div>
|
<div class="desc">基于国家区块链网络,实现碳数据的一站式确权、核验与托管</div>
|
||||||
<div class="btn">申请服务</div>
|
<div class="btn">申请服务</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- 底部信息区 -->
|
<!-- 底部信息区 -->
|
||||||
<Footer style="width:100%" />
|
<Footer style="width:100%" />
|
||||||
@ -307,6 +305,11 @@ export default {
|
|||||||
window.removeEventListener('resize', this.syncBannerHeight);
|
window.removeEventListener('resize', this.syncBannerHeight);
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
openNewTab(url){
|
||||||
|
window.open(url);
|
||||||
|
},
|
||||||
|
|
||||||
|
|
||||||
syncBannerHeight() {
|
syncBannerHeight() {
|
||||||
const w = window.innerWidth;
|
const w = window.innerWidth;
|
||||||
if (w < 768) {
|
if (w < 768) {
|
||||||
@ -595,7 +598,7 @@ export default {
|
|||||||
/* display: flex; */
|
/* display: flex; */
|
||||||
/* justify-content: space-between; */
|
/* justify-content: space-between; */
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0% 20%;
|
padding: 0% 10%;
|
||||||
gap: 3%;
|
gap: 3%;
|
||||||
|
|
||||||
display: grid;
|
display: grid;
|
||||||
@ -666,11 +669,11 @@ export default {
|
|||||||
.center-box {
|
.center-box {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
padding: 60px 20%;
|
padding: 60px 10%;
|
||||||
}
|
}
|
||||||
.center-box .content-box {
|
.center-box .content-box {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
|
||||||
justify-items: center;
|
justify-items: center;
|
||||||
gap: 20px;
|
gap: 20px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@ -726,7 +729,7 @@ export default {
|
|||||||
font-family: PingFang SC;
|
font-family: PingFang SC;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
font-style: Semibold;
|
font-style: Semibold;
|
||||||
font-size: 28px;
|
font-size: 24px;
|
||||||
leading-trim: NONE;
|
leading-trim: NONE;
|
||||||
line-height: 48px;
|
line-height: 48px;
|
||||||
letter-spacing: 0%;
|
letter-spacing: 0%;
|
||||||
@ -754,7 +757,7 @@ export default {
|
|||||||
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background: #f5f7fa;
|
background: #f5f7fa;
|
||||||
padding: 3% 20%;
|
padding: 60px 10%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.gxnl-qych-hydt-box > div {
|
.gxnl-qych-hydt-box > div {
|
||||||
@ -945,6 +948,7 @@ export default {
|
|||||||
margin-top: 12px;
|
margin-top: 12px;
|
||||||
|
|
||||||
color: #333333;
|
color: #333333;
|
||||||
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bottom-box {
|
.bottom-box {
|
||||||
@ -982,11 +986,11 @@ export default {
|
|||||||
/* backdrop-filter: blur(12px); */
|
/* backdrop-filter: blur(12px); */
|
||||||
box-shadow: 0px 4px 20px 0px rgba(255, 255, 255, 0.08);
|
box-shadow: 0px 4px 20px 0px rgba(255, 255, 255, 0.08);
|
||||||
}
|
}
|
||||||
.bottom-box .content > div {
|
.bottom-box .content {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: flex-start;
|
justify-content: center;
|
||||||
align-items: flex-start;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bottom-box-content-title {
|
.bottom-box-content-title {
|
||||||
@ -1145,9 +1149,6 @@ export default {
|
|||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.center-box .item .name2 {
|
|
||||||
font-size: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.center-box .item .name3 {
|
.center-box .item .name3 {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user