fix:首页调整
This commit is contained in:
huangweiming
parent
3edb718c0a
commit
3019ff983d
BIN
txw-mhzc-web/src/pages/index/assets/home-gdnl-icon.png
Normal file
BIN
txw-mhzc-web/src/pages/index/assets/home-gdnl-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 645 B After Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 603 B After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 530 B After Width: | Height: | Size: 768 B |
Binary file not shown.
|
Before Width: | Height: | Size: 537 B After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 544 B After Width: | Height: | Size: 1.2 KiB |
BIN
txw-mhzc-web/src/pages/index/assets/news4.png
Normal file
BIN
txw-mhzc-web/src/pages/index/assets/news4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 381 KiB |
BIN
txw-mhzc-web/src/pages/index/assets/news5.png
Normal file
BIN
txw-mhzc-web/src/pages/index/assets/news5.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 308 KiB |
BIN
txw-mhzc-web/src/pages/index/assets/news6.png
Normal file
BIN
txw-mhzc-web/src/pages/index/assets/news6.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 574 KiB |
@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<footer class="bg-dark text-white">
|
||||
<footer class="bg-dark text-white" style="background: rgba(240, 247, 242, 1);">
|
||||
<div class="footer-container">
|
||||
<!-- 上部信息区 -->
|
||||
<div class="footer-top">
|
||||
@ -62,7 +62,7 @@
|
||||
</div>
|
||||
|
||||
<!-- 分隔线 -->
|
||||
<div class="footer-divider"></div>
|
||||
<!-- <div class="footer-divider"></div> -->
|
||||
|
||||
<!-- 下部版权信息 -->
|
||||
<div class="footer-bottom">
|
||||
@ -91,12 +91,11 @@ export default {
|
||||
|
||||
<style lang="less" scoped>
|
||||
.footer-container {
|
||||
max-width: 1400px;
|
||||
padding: 40px 20px 20px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.footer-top {
|
||||
padding: 40px 20px 20px;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
@ -115,7 +114,7 @@ export default {
|
||||
margin-bottom: 16px;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
color: #fff;
|
||||
color: rgba(0, 59, 26, 1);
|
||||
|
||||
&::before {
|
||||
position: absolute;
|
||||
@ -138,8 +137,8 @@ export default {
|
||||
|
||||
.footer-link-item {
|
||||
font-size: 14px;
|
||||
color: rgba(255, 255, 255, 0.7);
|
||||
transition: color 0.3s;
|
||||
color: rgba(85, 102, 89, 1);
|
||||
|
||||
&:hover {
|
||||
color: #4caf50;
|
||||
@ -159,7 +158,7 @@ export default {
|
||||
align-items: flex-start;
|
||||
gap: 8px;
|
||||
font-size: 14px;
|
||||
color: rgba(255, 255, 255, 0.7);
|
||||
color: rgba(85, 102, 89, 1);
|
||||
}
|
||||
|
||||
.contact-icon {
|
||||
@ -174,19 +173,23 @@ export default {
|
||||
}
|
||||
|
||||
.footer-bottom {
|
||||
text-align: center;
|
||||
display: flex;
|
||||
gap: 20px;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
background: rgba(226, 237, 229, 1);
|
||||
padding: 10px 0px;
|
||||
}
|
||||
|
||||
.copyright {
|
||||
margin: 0 0 8px;
|
||||
font-size: 13px;
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
font-size: 12px;
|
||||
color: rgba(85, 102, 89, 1);
|
||||
}
|
||||
|
||||
.infrastructure {
|
||||
margin: 0;
|
||||
font-size: 12px;
|
||||
color: rgba(255, 255, 255, 0.4);
|
||||
color: rgba(85, 102, 89, 1);
|
||||
}
|
||||
|
||||
// 移动端适配
|
||||
|
||||
@ -31,7 +31,7 @@
|
||||
<div class="container">
|
||||
<!-- 顶部背景轮播 -->
|
||||
<div class="top-box">
|
||||
<t-swiper class="top-banner-swiper" animation="fade" :height="topBannerHeight" :interval="6000" :duration="500" :loop="true" :autoplay="true" theme="dark" :navigation="{ placement: 'inside', showSlideBtn: 'hover', type: 'bars', size: 'medium' }">
|
||||
<t-swiper class="top-banner-swiper" animation="fade" :height="topBannerHeight" :interval="6000" :duration="500" :loop="true" :autoplay="true" theme="dark">
|
||||
<t-swiper-item v-for="(src, idx) in topBannerImages" :key="idx">
|
||||
<div class="banner-slide" :style="{ backgroundImage: `url(${src})` }" />
|
||||
</t-swiper-item>
|
||||
@ -62,7 +62,7 @@
|
||||
</div>
|
||||
|
||||
<div class="hero-cards">
|
||||
<div class="hero-card green-card">
|
||||
<div class="hero-card blue-card">
|
||||
<div class="card-header">
|
||||
<div class="card-title">碳数字身份证</div>
|
||||
</div>
|
||||
@ -73,7 +73,7 @@
|
||||
<div class="card-btn" @click="handleNavigate(buttonLinks['跨境互通'])">跨境互通</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hero-card blue-card">
|
||||
<div class="hero-card cyan-card">
|
||||
<div class="card-header">
|
||||
<div class="card-title">国家可信碳链</div>
|
||||
</div>
|
||||
@ -84,7 +84,7 @@
|
||||
<div class="card-btn" @click="handleIframeNavigate(buttonLinks['碳证中心'])">碳证中心</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hero-card cyan-card">
|
||||
<div class="hero-card green-card">
|
||||
<div class="card-header">
|
||||
<div class="card-title">绿色服务</div>
|
||||
</div>
|
||||
@ -195,7 +195,7 @@
|
||||
|
||||
<div class="news-list">
|
||||
<div class="news-item" v-for="(item, index) in currentNewsList" :key="index" @click="handleNewsClick(item)">
|
||||
<img v-if="item.pic" :src="item.pic" alt="" class="news-pic" />
|
||||
<img v-if="item.src" :src="item.pic" alt="" class="news-pic" />
|
||||
<div class="news-content">
|
||||
<div class="news-content-top">
|
||||
<div class="news-title">{{ item.title }}</div>
|
||||
@ -209,6 +209,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="news-more" @click="handleNewsMore">查看更多</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@ -229,7 +230,7 @@
|
||||
|
||||
<div class="news-list">
|
||||
<div class="news-item" v-for="(item, index) in currentNewsList" :key="index" @click="handleNewsClick(item)">
|
||||
<img v-if="item.pic" :src="item.pic" alt="" class="news-pic" />
|
||||
<img v-if="item.src" :src="item.pic" alt="" class="news-pic" />
|
||||
<div class="news-content">
|
||||
<div class="news-content-top">
|
||||
<div class="news-title">{{ item.title }}</div>
|
||||
@ -258,21 +259,46 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="partner-grid">
|
||||
<div class="partner-item" v-for="(item, index) in partnerList" :key="index">
|
||||
<div class="partner-scroll-wrapper">
|
||||
<div class="partner-scroll-track">
|
||||
<div class="partner-row partner-row-forward">
|
||||
<div class="partner-item" v-for="(item, index) in partnerRow1" :key="'row1-' + index">
|
||||
<div class="partner-logo-box">
|
||||
<img :src="item.logo" :alt="item.name" class="partner-icon" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="partner-row partner-row-backward">
|
||||
<div class="partner-item" v-for="(item, index) in partnerRow2" :key="'row2-' + index">
|
||||
<div class="partner-logo-box">
|
||||
<img :src="item.logo" :alt="item.name" class="partner-icon" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="partner-row partner-row-forward">
|
||||
<div class="partner-item" v-for="(item, index) in partnerRow3" :key="'row3-' + index">
|
||||
<div class="partner-logo-box">
|
||||
<img :src="item.logo" :alt="item.name" class="partner-icon" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="partner-row partner-row-backward">
|
||||
<div class="partner-item" v-for="(item, index) in partnerRow4" :key="'row4-' + index">
|
||||
<div class="partner-logo-box">
|
||||
<img :src="item.logo" :alt="item.name" class="partner-icon" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 建立您的碳数字身份 -->
|
||||
<div class="bottom-box">
|
||||
<div class="content">
|
||||
<div class="bottom-box-content-title">建立您的碳数字身份</div>
|
||||
<div class="desc">基于国家区块链网络，实现碳数据的一站式确权、核验与托管</div>
|
||||
<div class="bottom-box-content-title">立刻获取第一张碳身份证</div>
|
||||
<div class="desc">让中国的每一个碳都拥有独一无二的可信数字身份</div>
|
||||
<div class="btn" @click="openService">申请服务</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -296,8 +322,8 @@ export default {
|
||||
topBannerHeight: 820,
|
||||
topBannerImages: [
|
||||
require('@/pages/index/assets/home-top-bg1.jpg'),
|
||||
require('@/pages/index/assets/home-top-bg2.jpg'),
|
||||
require('@/pages/index/assets/home-top-bg3.jpg'),
|
||||
// require('@/pages/index/assets/home-top-bg2.jpg'),
|
||||
// require('@/pages/index/assets/home-top-bg3.jpg'),
|
||||
],
|
||||
capabilityList: [
|
||||
{ name: '碳核算平台', icon: require('@/pages/index/assets/home-thspt-icon.png') },
|
||||
@ -305,7 +331,7 @@ export default {
|
||||
{ name: '碳认证机构', icon: require('@/pages/index/assets/home-trzjg-icon.png') },
|
||||
{ name: '碳金融服务', icon: require('@/pages/index/assets/home-tjrfw-icon.png') },
|
||||
{ name: '碳技术咨询', icon: require('@/pages/index/assets/home-tjszx-icon.png') },
|
||||
{ name: '更多能力', icon: require('@/pages/index/assets/home-tjszx-icon.png') }
|
||||
{ name: '更多能力', icon: require('@/pages/index/assets/home-gdnl-icon.png') }
|
||||
],
|
||||
coreList: [
|
||||
{
|
||||
@ -344,20 +370,56 @@ export default {
|
||||
newsTabs: ['国家政策', '行业资讯', '平台公告'],
|
||||
newsData: [
|
||||
[
|
||||
{ title: '媒体报道 | “十五五”新图景：增绿降碳 加减之间再造万亿级新机遇', pic: require('@/pages/index/assets/news1.png'), date: '2026-04-10', remark: "转载自 www.gov.cn", content: "“十五五”规划纲要中提出，加快经济社会发展全面绿色转型。当前，一场增绿降碳的变革正在重塑我们的生产生活方式，持续激发绿色发展动能。粤西海域，离岸70公里外，水深超50米，一场绿色能源的接力正在加紧进行。一场绿色能源的接力正在加紧进行。一场绿色能源的接力正在加紧进行。总台央视记者 刘柏煊：全球最大输送容量海上风电项目，现在进入开春后的首个集中施工期，8艘风机安装船在同步作业，超过120米长的……" },
|
||||
{ title: '2026年循环经济发展和资源综合利用专项扶持项目开始申报', pic: require('@/pages/index/assets/news2.png'), date: '2026-04-10', remark: "转载自 www.gov.cn", content: "根据《上海市循环经济发展和资源综合利用专项扶持办法（2021版）》（沪发改规范〔2021〕13号，以下简称《扶持办法》）的要求，结合上海市“免申即享”相关工作要求，为做好2026年循环经济和资源综合利用项目申报工作，上海市发展改革委近日发布《上海市发展改革委关于组织申报2026年循环经济发展和资源综合利用专项扶持项目的通知》" },
|
||||
{ title: '商务部等9部门关于实施绿色消费推进行动的通知', pic: require('@/pages/index/assets/news3.png'), date: '2026-04-10', remark: "转载自 www.gov.cn", content: "各省、自治区、直辖市及计划单列市、新疆生产建设兵团商务、发展改革、工业和信息化、生态环境、住房城乡建设、农业农村、市场监管、金融监管部门，中国人民银行上海总部，各省、自治区、直辖市及计划单列市分行：为深入贯彻党的二十大和二十届历次全会精神，落实《中共中央 国务院关于加快经济社会发展全面绿色转型的意见》和中共中央办公厅、国务院办公厅印发的《提振消费专项行动方案》要求，加快发展方式和……" },
|
||||
{ title: '媒体报道 | “十五五”新图景：增绿降碳 加减之间再造万亿级新机遇', pic: require('@/pages/index/assets/news1.png'), date: '2026-03-31', remark: "转载自 www.ndrc.gov.cn", content: "“十五五”规划纲要中提出，加快经济社会发展全面绿色转型。当前，一场增绿降碳的变革正在重塑我们的生产生活方式，持续激发绿色发展动能。粤西海域，离岸70公里外，水深超50米，一场绿色能源的接力正在加紧进行。一场绿色能源的接力正在加紧进行。一场绿色能源的接力正在加紧进行。总台央视记者 刘柏煊：全球最大输送容量海上风电项目，现在进入开春后的首个集中施工期，8艘风机安装船在同步作业，超过120米长的……", src: "https://www.ndrc.gov.cn/xwdt/spfg/mtjj/202603/t20260331_1404430.html" },
|
||||
{ title: '2026年循环经济发展和资源综合利用专项扶持项目开始申报', pic: require('@/pages/index/assets/news2.png'), date: '2026-02-02', remark: "转载自 fgw.sh.gov.cn", content: "根据《上海市循环经济发展和资源综合利用专项扶持办法（2021版）》（沪发改规范〔2021〕13号，以下简称《扶持办法》）的要求，结合上海市“免申即享”相关工作要求，为做好2026年循环经济和资源综合利用项目申报工作，上海市发展改革委近日发布《上海市发展改革委关于组织申报2026年循环经济发展和资源综合利用专项扶持项目的通知》", src: "https://fgw.sh.gov.cn/fgw_zyjyhhjbh/20260202/dbb80b9041b740da958411f9b3ea7e95.html" },
|
||||
{ title: '商务部等9部门关于实施绿色消费推进行动的通知', pic: require('@/pages/index/assets/news3.png'), date: '2026-01-04', remark: "转载自 www.gov.cn", content: "各省、自治区、直辖市及计划单列市、新疆生产建设兵团商务、发展改革、工业和信息化、生态环境、住房城乡建设、农业农村、市场监管、金融监管部门，中国人民银行上海总部，各省、自治区、直辖市及计划单列市分行：为深入贯彻党的二十大和二十届历次全会精神，落实《中共中央 国务院关于加快经济社会发展全面绿色转型的意见》和中共中央办公厅、国务院办公厅印发的《提振消费专项行动方案》要求，加快发展方式和……", src: "https://www.gov.cn/zhengce/zhengceku/202601/content_7053876.htm" },
|
||||
],
|
||||
[
|
||||
{ title: '媒体报道 | “十五五”新图景：增绿降碳 加减之间再造万亿级新机遇', pic: require('@/pages/index/assets/news1.png'), date: '2026-04-10', remark: "转载自 www.gov.cn", content: "“十五五”规划纲要中提出，加快经济社会发展全面绿色转型。当前，一场增绿降碳的变革正在重塑我们的生产生活方式，持续激发绿色发展动能。粤西海域，离岸70公里外，水深超50米，一场绿色能源的接力正在加紧进行。一场绿色能源的接力正在加紧进行。一场绿色能源的接力正在加紧进行。总台央视记者 刘柏煊：全球最大输送容量海上风电项目，现在进入开春后的首个集中施工期，8艘风机安装船在同步作业，超过120米长的……" },
|
||||
{ title: '2026年循环经济发展和资源综合利用专项扶持项目开始申报', pic: require('@/pages/index/assets/news2.png'), date: '2026-04-10', remark: "转载自 www.gov.cn", content: "根据《上海市循环经济发展和资源综合利用专项扶持办法（2021版）》（沪发改规范〔2021〕13号，以下简称《扶持办法》）的要求，结合上海市“免申即享”相关工作要求，为做好2026年循环经济和资源综合利用项目申报工作，上海市发展改革委近日发布《上海市发展改革委关于组织申报2026年循环经济发展和资源综合利用专项扶持项目的通知》" },
|
||||
{ title: '商务部等9部门关于实施绿色消费推进行动的通知', pic: require('@/pages/index/assets/news3.png'), date: '2026-04-10', remark: "转载自 www.gov.cn", content: "各省、自治区、直辖市及计划单列市、新疆生产建设兵团商务、发展改革、工业和信息化、生态环境、住房城乡建设、农业农村、市场监管、金融监管部门，中国人民银行上海总部，各省、自治区、直辖市及计划单列市分行：为深入贯彻党的二十大和二十届历次全会精神，落实《中共中央 国务院关于加快经济社会发展全面绿色转型的意见》和中共中央办公厅、国务院办公厅印发的《提振消费专项行动方案》要求，加快发展方式和……" },
|
||||
{
|
||||
title: '全国首个红树林营造CCER项目完成登记 蓝碳生态价值实现路径获重要突破',
|
||||
pic: require('@/pages/index/assets/news4.png'),
|
||||
src: "https://www.cets.org.cn/xyyw/7348.jhtml",
|
||||
date: '2026-03-22',
|
||||
remark: "转载自 光明日报",
|
||||
content: "3月20日，全国首个红树林营造碳汇类国家温室气体自愿减排（CCER）项目“福建省霞浦县盐田乡和长春镇红树林植被修复项目”正式通过国家主管部门审核并完成登记注册。该项目由自然资源部第三海洋研究所作为项目业主申报实施，中国质量认证中心（CQC）负责审定。项目的成功完成，为海洋碳汇价值实现探索出可复制、可推广的实践路径，是我国海洋生态系统保护修复领域的重要里程碑……"
|
||||
},
|
||||
{
|
||||
title: '可再生能源电解水制氢等12项CCER方法学解读视频来了',
|
||||
pic: require('@/pages/index/assets/news5.png'),
|
||||
src: "https://www.cets.org.cn/xyyw/7347.jhtml",
|
||||
date: '2026-03-20',
|
||||
remark: "转载自 国家气候战略中心",
|
||||
content: "可再生能源电解水制氢等12项CCER方法学解读视频来了"
|
||||
},
|
||||
{
|
||||
title: '中碳登结算业务部获评2025年度全国巾帼文明岗',
|
||||
pic: require('@/pages/index/assets/news6.png'),
|
||||
src: "https://www.cets.org.cn/xyyw/7334.jhtml",
|
||||
date: '2026-03-06',
|
||||
remark: "转载自 中碳登",
|
||||
content: "3月2日，2025年度全国巾帼文明岗表彰名单正式揭晓，碳排放权登记结算（武汉）有限责任公司（以下简称“中碳登”）结算业务部成功获评。这份全国巾帼建功领域的重磅荣誉，是对中碳登“娘子军”专业实力、服务担当的高度认可，更是对中碳登深耕全国碳市场基础设施建设、助力国家“双碳”战略落地成效的充分肯定..."
|
||||
},
|
||||
],
|
||||
[
|
||||
{ title: '媒体报道 | “十五五”新图景：增绿降碳 加减之间再造万亿级新机遇', pic: require('@/pages/index/assets/news1.png'), date: '2026-04-10', remark: "转载自 www.gov.cn", content: "“十五五”规划纲要中提出，加快经济社会发展全面绿色转型。当前，一场增绿降碳的变革正在重塑我们的生产生活方式，持续激发绿色发展动能。粤西海域，离岸70公里外，水深超50米，一场绿色能源的接力正在加紧进行。一场绿色能源的接力正在加紧进行。一场绿色能源的接力正在加紧进行。总台央视记者 刘柏煊：全球最大输送容量海上风电项目，现在进入开春后的首个集中施工期，8艘风机安装船在同步作业，超过120米长的……" },
|
||||
{ title: '2026年循环经济发展和资源综合利用专项扶持项目开始申报', pic: require('@/pages/index/assets/news2.png'), date: '2026-04-10', remark: "转载自 www.gov.cn", content: "根据《上海市循环经济发展和资源综合利用专项扶持办法（2021版）》（沪发改规范〔2021〕13号，以下简称《扶持办法》）的要求，结合上海市“免申即享”相关工作要求，为做好2026年循环经济和资源综合利用项目申报工作，上海市发展改革委近日发布《上海市发展改革委关于组织申报2026年循环经济发展和资源综合利用专项扶持项目的通知》" },
|
||||
{ title: '商务部等9部门关于实施绿色消费推进行动的通知', pic: require('@/pages/index/assets/news3.png'), date: '2026-04-10', remark: "转载自 www.gov.cn", content: "各省、自治区、直辖市及计划单列市、新疆生产建设兵团商务、发展改革、工业和信息化、生态环境、住房城乡建设、农业农村、市场监管、金融监管部门，中国人民银行上海总部，各省、自治区、直辖市及计划单列市分行：为深入贯彻党的二十大和二十届历次全会精神，落实《中共中央 国务院关于加快经济社会发展全面绿色转型的意见》和中共中央办公厅、国务院办公厅印发的《提振消费专项行动方案》要求，加快发展方式和……" },
|
||||
]
|
||||
{
|
||||
title: '关于碳信网接入全国温室气体排放因子数据库（第二版）的公告',
|
||||
remark: "非真实公告，仅展示",
|
||||
date: '2026-03-22',
|
||||
content: "为进一步提升平台碳数据核算的准确性、权威性，助力平台用户高效完成碳排放核算、碳信息报送工作，碳信网已于2026年4月18日完成与国家温室气体排放因子数据库（第二版）的全面对接。本次对接后，平台将同步更新576个全行业排放因子，新增291个细分领域因子，覆盖发电、钢铁、水泥、铝冶炼等重点控排行业，可直接为用户提供合规、精准的因子查询、自动匹配及核算辅助服务。请各用户及时登录平台更新个人/企业碳数据核算模板，确保数据符合最新监管要求，如有操作疑问可通过平台在线客服或咨询热线400-XXXX-8899反馈……"
|
||||
},
|
||||
{
|
||||
title: '2026年全国碳市场配额预分配相关信息提醒',
|
||||
remark: "非真实公告，仅展示",
|
||||
date: '2026-03-20',
|
||||
content: "根据生态环境部《关于做好2026年全国碳排放权交易市场有关工作的通知》（环办气候函〔2026〕32号）要求，2026年全国碳市场配额预分配工作已正式启动。为帮助平台控排企业顺利完成配额认领、核对工作，碳信网已开通配额预分配查询通道，平台注册企业可登录“碳交易-配额管理”板块，查询本企业预分配额度、行业基准值及相关政策说明。请钢铁、水泥、铝冶炼行业企业于4月30日前完成配额核对，发电行业企业于6月20日前完成核对，如有异议请在核对期限内提交书面说明，逾期将视为无异议，具体操作指南可在平台“政策中心”下载查阅"
|
||||
},
|
||||
{
|
||||
title: '碳信网碳信息披露服务升级及上线通知',
|
||||
date: '2026-03-06',
|
||||
remark: "非真实公告，仅展示",
|
||||
content: "为响应欧盟CBAM（碳边境调节机制）全面实施及国内上市公司ESG报告强制披露要求，碳信网对碳信息披露服务进行全面升级，新增碳足迹核算、ESG碳信息填报、报告生成及合规校验四大功能模块。本次升级后，平台可支持企业快速完成全流程碳信息披露，自动生成符合国内外标准的披露报告，助力企业对接国际市场、满足监管要求。升级功能于2026年4月12日正式上线，所有注册用户可免费体验基础版服务，企业用户可申请升级专业版，享受一对一咨询、定制化报告及合规审核服务，详情可登录平台“碳信息-披露服务”板块了解..."
|
||||
},
|
||||
],
|
||||
],
|
||||
// 合作伙伴数据
|
||||
partnerCount: '200+',
|
||||
@ -468,13 +530,36 @@ export default {
|
||||
},
|
||||
// 行业动态点击
|
||||
handleNewsClick(item) {
|
||||
if (item.src) {
|
||||
window.open(item.src, '_blank');
|
||||
} else {
|
||||
console.log('点击新闻:', item.title);
|
||||
this.$message.info(item.title);
|
||||
}
|
||||
},
|
||||
handleNewsMore() {
|
||||
this.$message.info('暂无更多动态');
|
||||
},
|
||||
},
|
||||
computed: {
|
||||
currentNewsList() {
|
||||
return this.newsData[this.activeTab] || [];
|
||||
},
|
||||
partnerRow1() {
|
||||
const row = this.partnerList.slice(0, 4);
|
||||
return [...row, ...row];
|
||||
},
|
||||
partnerRow2() {
|
||||
const row = this.partnerList.slice(4, 8);
|
||||
return [...row, ...row];
|
||||
},
|
||||
partnerRow3() {
|
||||
const row = this.partnerList.slice(8, 12);
|
||||
return [...row, ...row];
|
||||
},
|
||||
partnerRow4() {
|
||||
const row = this.partnerList.slice(12, 16);
|
||||
return [...row, ...row];
|
||||
}
|
||||
},
|
||||
};
|
||||
@ -772,12 +857,14 @@ export default {
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-shrink: 0;
|
||||
box-shadow: 0px 8px 12px 0px rgba(127, 179, 213, 0.2);
|
||||
backdrop-filter: blur(8px);
|
||||
}
|
||||
|
||||
.hero-card .card-title {
|
||||
font-size: 32px;
|
||||
font-weight: 600;
|
||||
color: #000000;
|
||||
color: rgba(0, 59, 26, 1);
|
||||
font-family: 'FZZhengHeiS-B-GB', 'PingFang SC';
|
||||
line-height: 1;
|
||||
}
|
||||
@ -809,43 +896,47 @@ export default {
|
||||
transform: scale(1.02);
|
||||
}
|
||||
|
||||
.green-card {
|
||||
background: linear-gradient(180deg, rgba(232, 247, 255, 0.7) 0%, rgba(232, 247, 255, 0.3) 100%);
|
||||
}
|
||||
|
||||
.green-card .card-header {
|
||||
background: linear-gradient(180deg, rgba(232, 247, 255, 0.6) 0%, rgba(232, 247, 255, 0.2) 100%);
|
||||
}
|
||||
|
||||
.green-card .card-btn {
|
||||
background: rgba(232, 247, 255, 0.25);
|
||||
border: 1px solid rgba(52, 145, 250, 0.2);
|
||||
}
|
||||
|
||||
.blue-card {
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
.blue-card .card-header {
|
||||
background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.2) 100%);
|
||||
background: linear-gradient(180deg, rgba(127, 210, 255, 0.4) 0%, rgba(232, 247, 255, 0.2) 100%);
|
||||
}
|
||||
|
||||
.blue-card .card-body {
|
||||
box-shadow: 0px 8px 12px 0px rgba(127, 179, 213, 0.2);
|
||||
backdrop-filter: blur(8px);
|
||||
background: linear-gradient(180deg, rgba(127, 210, 255, 0.2) 0%, rgba(232, 247, 255, 0.1) 100%);
|
||||
}
|
||||
|
||||
.blue-card .card-btn {
|
||||
background: rgba(255, 255, 255, 0.25);
|
||||
border: 1px solid rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.cyan-card {
|
||||
background: linear-gradient(180deg, rgba(232, 255, 234, 0.7) 0%, rgba(232, 255, 234, 0.3) 100%);
|
||||
background: rgba(222, 243, 255, 0.5);
|
||||
border: 1px solid rgba(0, 141, 213, 0.4);
|
||||
}
|
||||
|
||||
.cyan-card .card-header {
|
||||
background: linear-gradient(180deg, rgba(232, 255, 234, 0.6) 0%, rgba(232, 255, 234, 0.2) 100%);
|
||||
background: linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.2) 100%);
|
||||
}
|
||||
.cyan-card .card-body {
|
||||
box-shadow: 0px 8px 12px 0px rgba(0, 185, 107, 0.1);
|
||||
backdrop-filter: blur(8px);
|
||||
background: rgba(255, 255, 255, 0.3);
|
||||
}
|
||||
|
||||
.cyan-card .card-btn {
|
||||
background: rgba(232, 255, 234, 0.25);
|
||||
border: 1px solid rgba(0, 180, 42, 0.2);
|
||||
background: rgba(255, 255, 255, 0.4);
|
||||
border: 1px solid rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.green-card .card-header {
|
||||
background: linear-gradient(180deg, rgba(107, 255, 204, 0.4) 0%, rgba(107, 255, 204, 0.2) 100%);
|
||||
}
|
||||
.green-card .card-body {
|
||||
box-shadow: 0px 8px 12px 0px rgba(0, 185, 107, 0.1);
|
||||
backdrop-filter: blur(8px);
|
||||
background: linear-gradient(180deg, rgba(156, 255, 221, 0.3) 0%, rgba(156, 255, 221, 0.15) 100%);
|
||||
}
|
||||
|
||||
.green-card .card-btn {
|
||||
background: rgba(232, 255, 234, 0.5);
|
||||
border: 1px solid rgba(0, 180, 42, 0.4)
|
||||
}
|
||||
|
||||
/* ==================== 核心驱动模块 ==================== */
|
||||
@ -1072,15 +1163,11 @@ export default {
|
||||
justify-content: space-between;
|
||||
padding: 16px 16px 16px 32px;
|
||||
height: 111px;
|
||||
background: linear-gradient(
|
||||
90deg,
|
||||
rgba(68, 197, 143, 1) 0%,
|
||||
rgba(135, 230, 190, 1) 41%,
|
||||
rgba(255, 255, 255, 0.6) 100%
|
||||
);
|
||||
border: 1px solid #ffffff;
|
||||
background: linear-gradient(360deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.2) 100%);
|
||||
border: 2px solid rgba(255, 255, 255, 1);
|
||||
border-radius: 12px;
|
||||
box-shadow: 0px 8px 20px 0px rgba(0, 209, 121, 0.3);
|
||||
backdrop-filter: blur(4px);
|
||||
cursor: pointer;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
@ -1278,6 +1365,7 @@ export default {
|
||||
position: relative;
|
||||
padding: 80px 0;
|
||||
overflow: auto;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.news-container {
|
||||
@ -1353,23 +1441,33 @@ export default {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 24px;
|
||||
height:620px;
|
||||
height: 620px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.news-more {
|
||||
text-align: right;
|
||||
padding: 20px 0 0 0;
|
||||
color: #00b42a;
|
||||
font-size: 14px;
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
color: #009a29;
|
||||
}
|
||||
}
|
||||
|
||||
.news-item {
|
||||
display: flex;
|
||||
gap: 24px;
|
||||
padding: 20px;
|
||||
background: #fff;
|
||||
border-radius: 12px;
|
||||
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08);
|
||||
cursor: pointer;
|
||||
transition: all 0.3s ease;
|
||||
|
||||
&:hover {
|
||||
transform: translateY(-4px);
|
||||
box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
}
|
||||
|
||||
@ -1523,6 +1621,54 @@ export default {
|
||||
.partner-section {
|
||||
background: #f5f7fa;
|
||||
padding: 80px 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.partner-scroll-wrapper {
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.partner-scroll-track {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 24px;
|
||||
}
|
||||
|
||||
.partner-row {
|
||||
display: flex;
|
||||
gap: 24px;
|
||||
width: max-content;
|
||||
}
|
||||
|
||||
.partner-row:hover {
|
||||
animation-play-state: paused;
|
||||
}
|
||||
|
||||
.partner-row-forward {
|
||||
animation: scroll-forward 30s linear infinite;
|
||||
}
|
||||
|
||||
.partner-row-backward {
|
||||
animation: scroll-backward 30s linear infinite;
|
||||
}
|
||||
|
||||
@keyframes scroll-forward {
|
||||
0% {
|
||||
transform: translateX(0);
|
||||
}
|
||||
100% {
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes scroll-backward {
|
||||
0% {
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
100% {
|
||||
transform: translateX(0);
|
||||
}
|
||||
}
|
||||
|
||||
.partner-title-area {
|
||||
@ -1613,13 +1759,6 @@ export default {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.partner-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, 282px);
|
||||
gap: 32px 24px;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.partner-item {
|
||||
width: 282px;
|
||||
height: 89px;
|
||||
@ -1630,12 +1769,7 @@ export default {
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
cursor: pointer;
|
||||
transition: all 0.3s ease;
|
||||
|
||||
&:hover {
|
||||
transform: translateY(-4px);
|
||||
box-shadow: 0px 8px 16px 0px rgba(0, 185, 107, 0.12);
|
||||
}
|
||||
flex-shrink: 0;
|
||||
|
||||
.partner-logo-box {
|
||||
width: 100%;
|
||||
@ -1673,7 +1807,7 @@ export default {
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: flex-start;
|
||||
padding-left:400px;
|
||||
padding-left: 500px;
|
||||
}
|
||||
|
||||
.bottom-box-content-title {
|
||||
@ -1700,14 +1834,12 @@ export default {
|
||||
}
|
||||
|
||||
.bottom-box .content .btn {
|
||||
background: #009a29cc;
|
||||
background: linear-gradient(90deg, #007242 0%, #00d87d 100%);
|
||||
border-radius: 8px;
|
||||
width: 360px;
|
||||
height: 56px;
|
||||
text-align: center;
|
||||
line-height: 56px;
|
||||
background: rgba(0, 154, 41, 0.8);
|
||||
|
||||
border: 1px solid #ffffff;
|
||||
backdrop-filter: blur(8px);
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user