stytle:优化前端页面,修改了部分样式

This commit is contained in:
liulong 2026-05-18 19:39:49 +08:00
parent a6a16af889
commit 5ba99fddc0
28 changed files with 72 additions and 47 deletions

View File

@ -0,0 +1 @@
{"version":"1","format":"xl-single","id":"093a4941-8147-4138-b3fe-70e4e14651d6","xl":{"version":"3","this":"f0185256-f990-408e-a72f-8f4c9cb5224b","sets":[["f0185256-f990-408e-a72f-8f4c9cb5224b"]],"distributionAlgo":"SIPMOD+PARITY"}}

Binary file not shown.

View File

@ -8,7 +8,6 @@
"dev:mock": "cross-env VUE_APP_MOCK=true nodemon -x vue-cli-service serve", "dev:mock": "cross-env VUE_APP_MOCK=true nodemon -x vue-cli-service serve",
"serve": "vue-cli-service serve", "serve": "vue-cli-service serve",
"build:site": "vue-cli-service build", "build:site": "vue-cli-service build",
"build": "cross-env NODE_OPTIONS=--openssl-legacy-provider vue-cli-service build", "build": "cross-env NODE_OPTIONS=--openssl-legacy-provider vue-cli-service build",
"build:site:dev": "vue-cli-service build --mode development", "build:site:dev": "vue-cli-service build --mode development",
"build:site:test": "vue-cli-service build --mode test", "build:site:test": "vue-cli-service build --mode test",
@ -105,5 +104,6 @@
"ggzc-web": "link:D:\\shanghai\\txw2\\local-nodemodules\\@cssyq\\ggzc-web", "ggzc-web": "link:D:\\shanghai\\txw2\\local-nodemodules\\@cssyq\\ggzc-web",
"common-front": "link:D:\\shanghai\\txw2\\local-nodemodules\\@gt4\\common-front", "common-front": "link:D:\\shanghai\\txw2\\local-nodemodules\\@gt4\\common-front",
"tdesign-gt-vue": "link:D:\\shanghai\\txw2\\local-nodemodules\\@gtff\\tdesign-gt-vue" "tdesign-gt-vue": "link:D:\\shanghai\\txw2\\local-nodemodules\\@gtff\\tdesign-gt-vue"
} },
"packageManager": "yarn@1.22.22+sha1.ac34549e6aa8e7ead463a7407e1c7390f61a6610"
} }

View File

@ -13,6 +13,7 @@
<div class="banner-section"> <div class="banner-section">
<div class="banner-content"> <div class="banner-content">
<h1 class="banner-title">可信碳服务中心</h1> <h1 class="banner-title">可信碳服务中心</h1>
<!-- <img src="@/pages/index/assets/home-top-title.png"> -->
<p class="banner-subtitle">链接全球碳资产赋能绿色价值链一站式解决碳服务撮合绿色交易与金融对接需求</p> <p class="banner-subtitle">链接全球碳资产赋能绿色价值链一站式解决碳服务撮合绿色交易与金融对接需求</p>
</div> </div>
</div> </div>
@ -167,7 +168,8 @@ export default {
.banner-section { .banner-section {
position: relative; position: relative;
display: flex; display: flex;
height: 400px; // height: 400px;
height: 350px;
background: linear-gradient(135deg, #003B1A 0%, #009a29 40%, #00d87d 100%); background: linear-gradient(135deg, #003B1A 0%, #009a29 40%, #00d87d 100%);
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@ -181,7 +183,7 @@ export default {
right: 0; right: 0;
bottom: 0; bottom: 0;
background: url('~@/pages/index/assets/home-top-bg1.jpg') center/cover no-repeat; background: url('~@/pages/index/assets/home-top-bg1.jpg') center/cover no-repeat;
opacity: 0.15; // opacity: 0.15;
} }
&::after { &::after {
@ -209,15 +211,18 @@ export default {
font-weight: 700; font-weight: 700;
line-height: 1.2; line-height: 1.2;
letter-spacing: 2px; letter-spacing: 2px;
color: #fff; // color: #fff;
text-shadow: 0 2px 20px rgba(0, 0, 0, 0.2); text-shadow: 0 2px 20px rgba(0, 0, 0, 0.2);
color: #204a0b;
} }
.banner-subtitle { .banner-subtitle {
font-size: 20px; font-size: 20px;
font-weight: 400; font-weight: 400;
line-height: 1.8; line-height: 1.8;
color: rgba(255, 255, 255, 0.95); // color: rgba(255, 255, 255, 0.95);
color: #0A4A17;
text-shadow: 0 0 1px #ffffff, 0 0 3px #ffffff, 0 0 6px #ffffff, 0 0 10px #ffffff;
} }
// //

Binary file not shown.

After

Width:  |  Height:  |  Size: 341 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.9 KiB

View File

@ -1069,16 +1069,26 @@ export default {
position: relative; position: relative;
} }
/* 标题下笔触装饰(透明底 PNG */
.section-title.core-title::after,
.capability-title-bar,
.overseas2-title-bar,
.news-title-bar {
background-color: transparent;
background-image: url('~@/pages/index/views/home2/assets/title-brush-bar.png');
background-repeat: no-repeat;
background-position: left center;
background-size: 100% 100%;
}
.section-title.core-title::after { .section-title.core-title::after {
content: ''; content: '';
position: absolute; position: absolute;
bottom: 3px; top: 3px;
z-index: 9; left: 11px;
/* left: 44px; */ z-index: 9;
width: 128px; width: 189px;
height: 8px; height: 56px;
background: rgba(0, 185, 107, 0.6);
border-radius: 4px;
} }
.section-title.core-title .title-bar { .section-title.core-title .title-bar {
@ -1222,12 +1232,14 @@ export default {
.capability-title-bar { .capability-title-bar {
display: block; display: block;
width: 128px; content: '';
height: 8px; position: absolute;
background: rgba(0, 185, 107, 0.6); top: 9px;
border-radius: 4px; left: 50px;
margin-top: -14px; z-index: 9;
z-index: -1; width: 189px;
height: 56px;
z-index: -1;
} }
.capability-desc { .capability-desc {
@ -1351,12 +1363,14 @@ export default {
.overseas2-title-bar { .overseas2-title-bar {
display: block; display: block;
width: 128px; content: '';
height: 8px; position: absolute;
background: rgba(0, 185, 107, 0.6); top: 9px;
border-radius: 4px; left: 50px;
margin-top: -14px; z-index: 9;
z-index: -1; width: 189px;
height: 56px;
z-index: -1;
} }
.overseas2-desc { .overseas2-desc {
@ -1499,12 +1513,14 @@ export default {
.news-title-bar { .news-title-bar {
display: block; display: block;
width: 128px; content: '';
height: 8px; position: absolute;
background: rgba(0, 185, 107, 0.6); top: 9px;
border-radius: 4px; left: 50px;
margin-top: -14px; z-index: 9;
z-index: -1; width: 189px;
height: 56px;
z-index: -1;
} }
.news-tabs { .news-tabs {
@ -2123,7 +2139,7 @@ export default {
.section-title.core-title::after { .section-title.core-title::after {
left: 36px; left: 36px;
width: 100px; width: 100px;
height: 6px; height: 32px;
} }
.section-title .title-bar { .section-title .title-bar {
@ -2193,8 +2209,8 @@ export default {
.capability-title-bar { .capability-title-bar {
width: 100px; width: 100px;
height: 6px; height: 32px;
margin-top: -10px; margin-top: -22px;
} }
@ -2389,8 +2405,8 @@ export default {
.overseas2-title-bar { .overseas2-title-bar {
width: 100px; width: 100px;
height: 6px; height: 32px;
margin-top: -10px; margin-top: -22px;
} }
.overseas2-desc { .overseas2-desc {
@ -2472,8 +2488,8 @@ export default {
.news-title-bar { .news-title-bar {
width: 100px; width: 100px;
height: 6px; height: 32px;
margin-top: -10px; margin-top: -22px;
} }
.news-tabs { .news-tabs {

View File

@ -68,10 +68,12 @@ export default {
.banner { .banner {
display: flex; display: flex;
width: 100%; width: 100%;
height: 300px; // height: 300px;
height: 350px;
padding: 60px 0; padding: 60px 0;
background: url(../../assets/hyzt/banner.png); background: url(../../assets/hyzt/banner.png);
background-size: cover; background-size: cover;
background-position: center;
flex-direction: column; flex-direction: column;
align-items: flex-start; align-items: flex-start;
justify-content: space-around; justify-content: space-around;

View File

@ -300,7 +300,8 @@ body {
/* 顶部标题区(关键修改:垂直布局实现左对齐) */ /* 顶部标题区(关键修改:垂直布局实现左对齐) */
.header { .header {
height: 380px; // height: 380px;
height: 350px;
padding-top: 120px; padding-top: 120px;
margin-bottom: 30px; margin-bottom: 30px;
background: url(../../assets/qych/banner.png); background: url(../../assets/qych/banner.png);

View File

@ -287,30 +287,30 @@ module.exports = {
// 会误伤 SPA 路由 /view/mhzc/...,刷新时整页请求被转发到后端导致 Proxy error。必须用 ^ 限定为路径前缀。 // 会误伤 SPA 路由 /view/mhzc/...,刷新时整页请求被转发到后端导致 Proxy error。必须用 ^ 限定为路径前缀。
proxy: { proxy: {
'^/sso': { '^/sso': {
// target: 'http://localhost:9300', // target: 'http://192.168.110.29:9300',
// target: 'http://carbon.liantu.tech', // target: 'http://carbon.liantu.tech',
target: 'https://www.cciw.com.cn', target: 'https://www.cciw.com.cn',
// target: 'http://10.23.20.13:94/', // target: 'http://10.23.20.13:94/',
changeOrigin: true, changeOrigin: true,
}, },
'^/mhzc': { '^/mhzc': {
// target: 'http://localhost:9300', target: 'http://192.168.110.29:9300',
// target: 'http://carbon.liantu.tech', // target: 'http://carbon.liantu.tech',
target: 'https://www.cciw.com.cn', target: 'https://www.cciw.com.cn',
// target: 'http://10.23.20.13:94/', // target: 'http://10.23.20.13:94/',
changeOrigin: true, changeOrigin: true,
}, },
'^/gxzx': { '^/gxzx': {
// target: 'http://localhost:9300', // target: 'http://192.168.110.29:9300',
// target: 'http://carbon.liantu.tech', // target: 'http://carbon.liantu.tech',
target: 'https://www.cciw.com.cn', target: 'https://www.cciw.com.cn',
// target: 'http://10.23.20.13:94/', // target: 'http://10.23.20.13:94/',
changeOrigin: true, changeOrigin: true,
}, },
'^/yygl': { '^/yygl': {
// target: 'http://localhost:20010', target: 'http://192.168.110.29:20010',
// target: 'http://carbon.liantu.tech', // target: 'http://carbon.liantu.tech',
target: 'https://www.cciw.com.cn', // target: 'https://www.cciw.com.cn',
// target: 'http://10.23.20.13:94/', // target: 'http://10.23.20.13:94/',
changeOrigin: true, changeOrigin: true,
}, },

Binary file not shown.

After

Width:  |  Height:  |  Size: 341 KiB