diff --git a/txw-mhzc-web/src/pages/index/assets/home-cta-group7-2x.png b/txw-mhzc-web/src/pages/index/assets/home-cta-group7-2x.png new file mode 100644 index 0000000..33b0d63 Binary files /dev/null and b/txw-mhzc-web/src/pages/index/assets/home-cta-group7-2x.png differ diff --git a/txw-mhzc-web/src/pages/index/styles/mobile-adaptation.less b/txw-mhzc-web/src/pages/index/styles/mobile-adaptation.less index 5aeadcd..a52a0cf 100644 --- a/txw-mhzc-web/src/pages/index/styles/mobile-adaptation.less +++ b/txw-mhzc-web/src/pages/index/styles/mobile-adaptation.less @@ -437,6 +437,10 @@ } .portal-page .bottom-box { + width: 100% !important; + max-width: none !important; + margin-left: 0 !important; + margin-right: 0 !important; height: auto !important; min-height: 280px !important; overflow: visible !important; @@ -452,8 +456,10 @@ .portal-page .bottom-box-bg { left: 0 !important; top: 0 !important; + min-width: 0 !important; width: 100% !important; height: 100% !important; + transform: none !important; object-fit: cover; object-position: center center; } diff --git a/txw-mhzc-web/src/pages/index/views/home2/assets/Group 7.png b/txw-mhzc-web/src/pages/index/views/home2/assets/Group 7.png new file mode 100644 index 0000000..33b0d63 Binary files /dev/null and b/txw-mhzc-web/src/pages/index/views/home2/assets/Group 7.png differ diff --git a/txw-mhzc-web/src/pages/index/views/home2/index.vue b/txw-mhzc-web/src/pages/index/views/home2/index.vue index 8f1b3d9..96ff68f 100644 --- a/txw-mhzc-web/src/pages/index/views/home2/index.vue +++ b/txw-mhzc-web/src/pages/index/views/home2/index.vue @@ -304,23 +304,21 @@ - +
让中国的每一个碳都拥有独一无二的可信数字身份
-一站式碳信息搜索平台,快速定位所需内容
@@ -165,12 +164,10 @@ import searchApi from '@/pages/index/api/search.js'; export default { name: 'SearchPage', - components: { - Footer, - }, data() { return { keyword: '', + currentCategory: 'all', selectedCategory: 'all', categoryOptions: [ { label: '全部分类', value: 'all' }, @@ -376,7 +373,7 @@ export default { // 搜索英雄区域 .search-hero { position: relative; - background: linear-gradient(135deg, #007242 0%, #009a29 50%, #00b96b 100%); + background: #f5f7fa; padding: 80px 20px 60px; overflow: hidden; @@ -388,20 +385,10 @@ export default { right: 0; bottom: 0; background: url('~@/pages/index/assets/home-top-bg1.jpg') center/cover no-repeat; - opacity: 0.3; + opacity: 1; } } -.hero-bg-overlay { - opacity: 0.5; - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - background: linear-gradient(180deg, rgba(0, 114, 66, 0.9) 0%, rgba(0, 154, 41, 0.85) 100%); -} - .hero-content { position: relative; z-index: 1; diff --git a/txw-mhzc-web/src/pages/index/views/tzzx/index.vue b/txw-mhzc-web/src/pages/index/views/tzzx/index.vue index a8aba6e..47dcc6a 100644 --- a/txw-mhzc-web/src/pages/index/views/tzzx/index.vue +++ b/txw-mhzc-web/src/pages/index/views/tzzx/index.vue @@ -21,8 +21,7 @@ import { isAllowedIframeMessageOrigin, } from '@/pages/index/utils/tzzx-iframe'; -/** 视口降级时 iframe 高度 = 视口高度 - 该偏移(预留顶栏/底边距) */ -const VIEWPORT_HEIGHT_OFFSET = 100; +// 视口降级时高度使用 CSS 变量 --page-offset-top(与 main.vue 顶部固定栏保持一致) export default { name: 'tzzx', @@ -53,7 +52,7 @@ export default { } return { ...base, - height: `calc(100vh - ${VIEWPORT_HEIGHT_OFFSET}px)`, + height: 'calc(100dvh - var(--page-offset-top))', minHeight: '480px', }; },