diff --git a/src/views/Business/CapitalServices/Index.vue b/src/views/Business/CapitalServices/Index.vue index fdb2863..b95711a 100644 --- a/src/views/Business/CapitalServices/Index.vue +++ b/src/views/Business/CapitalServices/Index.vue @@ -462,7 +462,7 @@ export default { try { const res = await this.$request.get( '/official/index/list', - { params: { pageNum: 1, pageSize: 3, captionName: '业务领域/资本服务/技术支持' } }, + { params: { pageNum: 1, pageSize: 2, captionName: '业务领域/资本服务/技术支持' } }, ); this.screen4.list = res.rows.sort((a, b) => a.orders - b.orders); } catch (error) {} @@ -609,7 +609,7 @@ export default { } .screen4 { position: relative; - height: 1850rem; + height: 1286rem; background-color: #FFFFFF; } .screen4 .wrapper1680 { diff --git a/src/views/Business/Commercial/Index.vue b/src/views/Business/Commercial/Index.vue index 7da886f..1bcb660 100644 --- a/src/views/Business/Commercial/Index.vue +++ b/src/views/Business/Commercial/Index.vue @@ -316,7 +316,7 @@ export default { try { const res = await this.$request.get( '/official/index/list', - { params: { pageNum: 1, pageSize: 4, captionName: '业务领域/商业管理/技术支持' } }, + { params: { pageNum: 1, pageSize: 2, captionName: '业务领域/商业管理/技术支持' } }, ); this.screen4.list = res.rows.sort((a, b) => a.orders - b.orders); } catch (error) {} @@ -359,7 +359,7 @@ export default { } .screen3 { position: relative; - height: 1300rem; + height: 850rem; background-color: #ffffff; } .screen3 .wrapper1680 { @@ -377,8 +377,8 @@ export default { } .screen3 .list-item { margin: 0 58rem; - width: 350rem; - height: 350rem; + width: 234rem; + height: 330rem; margin-bottom: 90rem; display: flex; flex-direction: column; @@ -412,7 +412,7 @@ export default { } .screen4 { position: relative; - height: 2410rem; + height: 1286rem; background-color: #F5F5F8; } .screen4 .wrapper1680 { diff --git a/src/views/Business/Construction/Index.vue b/src/views/Business/Construction/Index.vue index 4369fd7..cc7d043 100644 --- a/src/views/Business/Construction/Index.vue +++ b/src/views/Business/Construction/Index.vue @@ -316,7 +316,7 @@ export default { try { const res = await this.$request.get( '/official/index/list', - { params: { pageNum: 1, pageSize: 4, captionName: '业务领域/基础设施/技术支持' } }, + { params: { pageNum: 1, pageSize: 2, captionName: '业务领域/基础设施/技术支持' } }, ); this.screen4.list = res.rows.sort((a, b) => a.orders - b.orders); } catch (error) {} @@ -359,7 +359,7 @@ export default { } .screen3 { position: relative; - height: 1300rem; + height: 850rem; background-color: #ffffff; } .screen3 .wrapper1680 { @@ -377,8 +377,8 @@ export default { } .screen3 .list-item { margin: 0 58rem; - width: 350rem; - height: 350rem; + width: 234rem; + height: 330rem; margin-bottom: 90rem; display: flex; flex-direction: column; @@ -412,7 +412,7 @@ export default { } .screen4 { position: relative; - height: 2410rem; + height: 1286rem; background-color: #F5F5F8; } .screen4 .wrapper1680 { diff --git a/src/views/Business/EnergyEnvironment/Index.vue b/src/views/Business/EnergyEnvironment/Index.vue index adaf729..bfbc5bb 100644 --- a/src/views/Business/EnergyEnvironment/Index.vue +++ b/src/views/Business/EnergyEnvironment/Index.vue @@ -316,7 +316,7 @@ export default { try { const res = await this.$request.get( '/official/index/list', - { params: { pageNum: 1, pageSize: 4, captionName: '业务领域/能源与环境/技术支持' } }, + { params: { pageNum: 1, pageSize: 2, captionName: '业务领域/能源与环境/技术支持' } }, ); this.screen4.list = res.rows.sort((a, b) => a.orders - b.orders); } catch (error) {} @@ -412,7 +412,7 @@ export default { } .screen4 { position: relative; - height: 2410rem; + height: 1286rem; background-color: #F5F5F8; } .screen4 .wrapper1680 { diff --git a/src/views/Business/GlobalSupplyChain/Index.vue b/src/views/Business/GlobalSupplyChain/Index.vue index bf1a8d8..9e202a7 100644 --- a/src/views/Business/GlobalSupplyChain/Index.vue +++ b/src/views/Business/GlobalSupplyChain/Index.vue @@ -107,6 +107,57 @@ +
a.orders - b.orders); } catch (error) {} @@ -332,6 +392,25 @@ export default { this.screen5.joinUs.imageSrc = res.rows[0].imageurl; } catch (error) {} }, + async getScreen6Data () { + try { + const res = await this.$request.get( + '/official/index/list', + { params: { pageNum: 1, pageSize: 1, captionName: '业务领域/全球供应链/供应链描述' } }, + ); + this.screen6.titleCn = res.rows[0].businessName; + this.screen6.contentCn = res.rows[0].titleChinese; + } catch (error) {} + }, + async getScreen6ListData () { + try { + const res = await this.$request.get( + '/official/index/list', + { params: { pageNum: 1, pageSize: 5, captionName: '业务领域/全球供应链/供应链流程' } }, + ); + this.screen6.list = res.rows.sort((a, b) => a.orders - b.orders); + } catch (error) {} + }, }, }; @@ -412,7 +491,7 @@ export default { } .screen4 { position: relative; - height: 2410rem; + height: 1286rem; background-color: #F5F5F8; } .screen4 .wrapper1680 { @@ -508,4 +587,50 @@ export default { background-clip: text; color: transparent; } +.screen6 { + position: relative; + height: 800rem; + background-color: rgb(245, 244, 249); +} +.screen6 .wrapper1680 { + height: 100%; + position: relative; +} +.screen6 .list-wrapper { + position: absolute; + top: 400rem; + width: 100%; + display: flex; + flex-wrap: wrap; + padding: 0px 115rem; + box-sizing: border-box; +} +.screen6 .list-item { + border-radius: 20rem; + background: #ffffff; + margin: 0 25rem; + width: 240rem; + height: 260rem; + margin-bottom: 90rem; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + cursor: pointer; +} +.screen6 .list-item:hover { + transform: scale(1.1, 1.1); +} +.screen6 .list-img { + width: 150rem; + height: 150rem; + display: contents; +} +.screen6 .list-title { + text-align: center; + font-size: 20rem; + line-height: 1; + color: #111111; + margin-top: 26rem; +} diff --git a/src/views/Business/HealthIndustry/Index.vue b/src/views/Business/HealthIndustry/Index.vue index 7e9c9da..af609c4 100644 --- a/src/views/Business/HealthIndustry/Index.vue +++ b/src/views/Business/HealthIndustry/Index.vue @@ -316,7 +316,7 @@ export default { try { const res = await this.$request.get( '/official/index/list', - { params: { pageNum: 1, pageSize: 4, captionName: '业务领域/健康产业/技术支持' } }, + { params: { pageNum: 1, pageSize: 2, captionName: '业务领域/健康产业/技术支持' } }, ); this.screen4.list = res.rows.sort((a, b) => a.orders - b.orders); } catch (error) {} @@ -359,7 +359,7 @@ export default { } .screen3 { position: relative; - height: 1300rem; + height: 850rem; background-color: #ffffff; } .screen3 .wrapper1680 { @@ -377,8 +377,8 @@ export default { } .screen3 .list-item { margin: 0 58rem; - width: 350rem; - height: 350rem; + width: 234rem; + height: 330rem; margin-bottom: 90rem; display: flex; flex-direction: column; @@ -412,7 +412,7 @@ export default { } .screen4 { position: relative; - height: 2410rem; + height: 1286rem; background-color: #F5F5F8; } .screen4 .wrapper1680 { diff --git a/src/views/Business/HighTech/Index.vue b/src/views/Business/HighTech/Index.vue index 11274b8..a826391 100644 --- a/src/views/Business/HighTech/Index.vue +++ b/src/views/Business/HighTech/Index.vue @@ -354,7 +354,7 @@ export default { try { const res = await this.$request.get( '/official/index/list', - { params: { pageNum: 1, pageSize: 4, captionName: '业务领域/高新技术/技术支持' } }, + { params: { pageNum: 1, pageSize: 2, captionName: '业务领域/高新技术/技术支持' } }, ); this.screen4.list = res.rows.sort((a, b) => a.orders - b.orders); } catch (error) {} @@ -459,7 +459,7 @@ export default { } .screen4 { position: relative; - height: 2410rem; + height: 1286rem; background-color: #F5F5F8; } .screen4 .wrapper1680 {