Commit 075412d8 authored by 陈毅's avatar 陈毅

新闻页

parent 92346269
...@@ -122,10 +122,11 @@ a.an:hover{ ...@@ -122,10 +122,11 @@ a.an:hover{
} }
.nav { .nav {
min-width: 1000px;
width: 1200px; max-width: 1400px;
width: 80%;
margin: 0 auto; margin: 0 auto;
justify-content: space-between; justify-content: space-evenly;
display: flex; display: flex;
.wx-div { .wx-div {
...@@ -139,7 +140,7 @@ a.an:hover{ ...@@ -139,7 +140,7 @@ a.an:hover{
width: 154px; width: 154px;
font-size: 14px; font-size: 14px;
font-family: Microsoft YaHei; font-family: Microsoft YaHei;
font-weight: 400; // font-weight: 600;
line-height: 100px; line-height: 100px;
margin-top: -30px; margin-top: -30px;
// padding-left: 15rem; // padding-left: 15rem;
...@@ -148,7 +149,7 @@ a.an:hover{ ...@@ -148,7 +149,7 @@ a.an:hover{
>a { >a {
color: #FFFFFF; color: #FFFFFF;
font-weight: 400; font-weight: 500;
min-width: 154px; min-width: 154px;
display: inline-block; display: inline-block;
text-align: center; text-align: center;
...@@ -838,7 +839,7 @@ h3 { ...@@ -838,7 +839,7 @@ h3 {
h2{ h2{
text-align: center; text-align: center;
height: 60px; height: 60px;
border: 0px solid #f90; border: 0px solid #fff;
padding-left: 0px; padding-left: 0px;
} }
...@@ -867,7 +868,7 @@ h3 { ...@@ -867,7 +868,7 @@ h3 {
left: 0; left: 0;
bottom: 0; bottom: 0;
z-index: 19; z-index: 19;
padding-top: 48px; padding-top: 100px;
padding-left: 91px; padding-left: 91px;
img { img {
...@@ -904,10 +905,10 @@ h3 { ...@@ -904,10 +905,10 @@ h3 {
.info { .info {
font-size: 14px; font-size: 14px;
// font-family: "宋体"; // font-family: "宋体";
margin-top: 114px; margin-top: 100px;
// text-indent: 28px; // text-indent: 28px;
width: 291px; width: 291px;
height: 133px; height: 100px;
font-size: 14px; font-size: 14px;
font-family: Microsoft YaHei; font-family: Microsoft YaHei;
font-weight: 300; font-weight: 300;
...@@ -923,13 +924,13 @@ h3 { ...@@ -923,13 +924,13 @@ h3 {
.moreal { .moreal {
display: inline-block; display: inline-block;
width: 93px; width: 100px;
height: 29px; height: 36px;
line-height: 29px; line-height: 36px;
text-align: center; text-align: center;
border-radius: 36px; border-radius: 36px;
border: 1px solid #fff; border: 1px solid #fff;
font-size: 12px; font-size: 14px;
color: #fff; color: #fff;
-webkit-transition: all .4s ease; -webkit-transition: all .4s ease;
-moz-transition: all .4s ease; -moz-transition: all .4s ease;
...@@ -1068,7 +1069,7 @@ h3 { ...@@ -1068,7 +1069,7 @@ h3 {
font-weight: normal; font-weight: normal;
font-family: Microsoft YaHei; font-family: Microsoft YaHei;
display: block; display: block;
font-size: 14px;
&:hover { &:hover {
color: white color: white
} }
...@@ -1438,7 +1439,7 @@ a.news { ...@@ -1438,7 +1439,7 @@ a.news {
height: 690px; height: 690px;
background: #EEEEEE; background: #EEEEEE;
@media screen and (max-width:1000px) { @media screen and (max-width:1100px) {
display: flex; display: flex;
.about-content{ .about-content{
width: auto !important; width: auto !important;
...@@ -1464,7 +1465,15 @@ a.news { ...@@ -1464,7 +1465,15 @@ a.news {
margin-top: 156px; margin-top: 156px;
width: 650px; width: 650px;
} }
@media (max-width:1280px) {
.about .about-content{
width: 1100px;
}
.about .about-content .about-right {
width: 580px;
}
}
.about .about-content .about-left { .about .about-content .about-left {
float: left; float: left;
} }
...@@ -1596,20 +1605,25 @@ a.news { ...@@ -1596,20 +1605,25 @@ a.news {
} }
.productt .productt-content .productt-title>h2 { .productt .productt-content .productt-title>h2 {
font-size: 32px; // font-size: 32px;
color: #333;
font-weight: bolder;
border: none; border: none;
padding-left:0px ; padding-left:0px ;
font-size: 30px;
font-family: Alibaba Sans;
font-weight: 900;
color: #232323;
opacity: 1;
} }
.productt .productt-content .productt-title .line { .productt .productt-content .productt-title .line {
width: 60px; width: 60px;
height: 4px; height: 6px;
margin: 0 auto; margin: 0 auto;
// margin-top: 16px; // margin-top: 16px;
margin-bottom: 48px; margin-bottom: 48px;
border-top: 4px solid #294982; border-top: 6px solid #294982;
} }
.an .line { .an .line {
...@@ -1926,21 +1940,21 @@ a.news { ...@@ -1926,21 +1940,21 @@ a.news {
} }
.customer .customer-content .customer-title>h2 { .customer .customer-content .customer-title>h2 {
font-size: 32px; // font-size: 32px;
color: #333; // color: #333;
font-weight: bolder; // font-weight: bolder;
border: none; border: none;
padding-left: 0px; padding-left: 0px;
} }
.customer .customer-content .customer-title .line { .customer .customer-content .customer-title .line {
width: 60px; width: 60px;
height: 0px; height: 6px;
// background: #4468d6; // background: #4468d6;
margin: 0 auto; margin: 0 auto;
margin-bottom: 75px; margin-bottom: 75px;
border-top: 4px solid #294982; border-top: 6px solid #294982;
opacity: 1; opacity: 1;
} }
...@@ -2855,9 +2869,9 @@ line-height: 48px; ...@@ -2855,9 +2869,9 @@ line-height: 48px;
width: 100%; width: 100%;
} }
div { div {
font-size: 18px; font-size: 16px;
font-family: Microsoft YaHei; font-family: Microsoft YaHei;
font-weight: 400; // font-weight: 400;
color: #232323; color: #232323;
opacity: 1; opacity: 1;
} }
...@@ -2935,9 +2949,8 @@ line-height: 48px; ...@@ -2935,9 +2949,8 @@ line-height: 48px;
display: flex; display: flex;
justify-content: center; justify-content: center;
div { div {
font-size: 18px; font-size: 16px;
font-family: Microsoft YaHei; font-family: Microsoft YaHei;
font-weight: 400;
color: #232323; color: #232323;
opacity: 1; opacity: 1;
} }
...@@ -3100,9 +3113,16 @@ line-height: 48px; ...@@ -3100,9 +3113,16 @@ line-height: 48px;
padding-bottom: 20px; padding-bottom: 20px;
} }
.research-bottom1{ .research-bottom1{
font-size: 23px; // font-size: 23px;
line-height: 25px; line-height: 25px;
width: 440px;
// padding-left: 30px; // padding-left: 30px;
color: #232323;
opacity: 1;
font-size: 16px;
font-family: Microsoft YaHei;
} }
} }
} }
...@@ -3131,9 +3151,8 @@ line-height: 48px; ...@@ -3131,9 +3151,8 @@ line-height: 48px;
} }
.mauto-size{ .mauto-size{
height: 48px; height: 48px;
font-size: 18px; font-size: 16px;
font-family: Microsoft YaHei; font-family: Microsoft YaHei;
font-weight: 400;
color: #232323; color: #232323;
opacity: 1; opacity: 1;
} }
...@@ -3148,10 +3167,9 @@ line-height: 48px; ...@@ -3148,10 +3167,9 @@ line-height: 48px;
width: 100%; width: 100%;
} }
div{ div{
font-size: 20px; font-size: 16px;
line-height: 25px; line-height: 25px;
font-family: Microsoft YaHei; font-family: Microsoft YaHei;
font-weight: 400;
color: #232323; color: #232323;
opacity: 1; opacity: 1;
} }
...@@ -3166,9 +3184,8 @@ line-height: 48px; ...@@ -3166,9 +3184,8 @@ line-height: 48px;
} }
.research-ul{ .research-ul{
.research-li{ .research-li{
font-size: 20px; font-size: 16px;
font-family: Microsoft YaHei; font-family: Microsoft YaHei;
font-weight: 400;
color: #232323; color: #232323;
opacity: 1; opacity: 1;
line-height: 30px; line-height: 30px;
...@@ -3193,9 +3210,14 @@ line-height: 48px; ...@@ -3193,9 +3210,14 @@ line-height: 48px;
padding-bottom: 40px; padding-bottom: 40px;
} }
.skeleton-bottom1{ .skeleton-bottom1{
font-size: 23px; // font-size: 23px;
line-height: 25px; line-height: 25px;
padding-left: 30px; padding-left: 30px;
font-size: 16px;
font-family: Microsoft YaHei;
color: #232323;
opacity: 1;
} }
} }
} }
...@@ -3212,9 +3234,8 @@ line-height: 48px; ...@@ -3212,9 +3234,8 @@ line-height: 48px;
display: flex; display: flex;
justify-content: space-evenly; justify-content: space-evenly;
div{ div{
font-size: 18px; font-size: 16px;
font-family: Microsoft YaHei; font-family: Microsoft YaHei;
font-weight: 400;
color: #232323; color: #232323;
opacity: 1; opacity: 1;
} }
...@@ -3228,7 +3249,14 @@ line-height: 48px; ...@@ -3228,7 +3249,14 @@ line-height: 48px;
width: 80%; width: 80%;
margin: auto; margin: auto;
.project-head{ .project-head{
font-size: 23px; h4{
font-size: 16px;
font-weight: 500;
font-family: Microsoft YaHei;
color: #232323;
opacity: 1;
}
} }
.project-strategy-1{ .project-strategy-1{
display: flex; display: flex;
...@@ -3253,14 +3281,17 @@ line-height: 48px; ...@@ -3253,14 +3281,17 @@ line-height: 48px;
width: 49%; width: 49%;
display: inline-grid; display: inline-grid;
h4{ h4{
font-weight: 600; font-weight: 500;
font-size: 18px; font-size: 16px;
color: #232323; color: #232323;
padding: 10px 0 10px 30px; padding: 10px 0 10px 30px;
font-family: Microsoft YaHei;
} }
div{ div{
color: #232323; color: #232323;
font-size: 16px;
padding-left: 30px; padding-left: 30px;
font-family: Microsoft YaHei;
} }
} }
.w100{ .w100{
...@@ -3269,13 +3300,16 @@ line-height: 48px; ...@@ -3269,13 +3300,16 @@ line-height: 48px;
padding-top: 10px; padding-top: 10px;
padding-left: 20px; padding-left: 20px;
color: #232323; color: #232323;
font-weight: 600; font-weight: 500;
font-size: 18px; font-size: 16px;
padding-bottom: 10px; padding-bottom: 10px;
font-family: Microsoft YaHei;
} }
div{ div{
padding-left: 30px; padding-left: 30px;
color: #232323; color: #232323;
font-family: Microsoft YaHei;
font-size: 16px;
} }
} }
...@@ -3292,19 +3326,22 @@ line-height: 48px; ...@@ -3292,19 +3326,22 @@ line-height: 48px;
flex-direction: column; flex-direction: column;
.strategy-ol-care{ .strategy-ol-care{
font-size: 18px; font-size: 16px;
margin-bottom: 30px; margin-bottom: 30px;
h4{ h4{
// margin-top: 35px; // margin-top: 35px;
font-size: 18px; font-size: 16px;
font-weight: 600; font-weight: 500;
line-height: 50px; line-height: 50px;
color: #232323; color: #232323;
font-family: Microsoft YaHei;
} }
div{ div{
font-size:16px ;
font-weight: 400; font-weight: 400;
line-height: 30px; line-height: 30px;
color: #232323; color: #232323;
font-family: Microsoft YaHei;
} }
} }
} }
...@@ -3401,7 +3438,7 @@ line-height: 48px; ...@@ -3401,7 +3438,7 @@ line-height: 48px;
} }
} }
.pc1-head1-2{//指示 .pc1-head1-2{//指示
width: 90%; width: 100%;
max-width: 1400px; max-width: 1400px;
min-width: 1100px; min-width: 1100px;
margin: auto ; margin: auto ;
...@@ -3417,8 +3454,14 @@ line-height: 48px; ...@@ -3417,8 +3454,14 @@ line-height: 48px;
} }
h4{ h4{
width: 100%; width: 100%;
font-size: 32px; // font-size: 32px;
text-align: center; text-align: center;
font-size: 36px;
font-family: Microsoft YaHei;
font-weight: 300;
color: #000000;
opacity: 1;
} }
.pc1-head-right1{ .pc1-head-right1{
width: 100%; width: 100%;
...@@ -3429,7 +3472,7 @@ line-height: 48px; ...@@ -3429,7 +3472,7 @@ line-height: 48px;
} }
} }
.pc1-product1-2{//产品简介 .pc1-product1-2{//产品简介
width: 90%; width: 100%;
max-width: 1400px; max-width: 1400px;
min-width: 1100px; min-width: 1100px;
margin: auto; margin: auto;
...@@ -3453,7 +3496,7 @@ line-height: 48px; ...@@ -3453,7 +3496,7 @@ line-height: 48px;
} }
} }
.pc1-advert1-2{//背景图 .pc1-advert1-2{//背景图
width: 90%; width: 100%;
max-width: 1400px; max-width: 1400px;
min-width: 1100px; min-width: 1100px;
margin:auto; margin:auto;
...@@ -3462,7 +3505,7 @@ line-height: 48px; ...@@ -3462,7 +3505,7 @@ line-height: 48px;
} }
} }
.pc1-advert1-3{//背景图expe .pc1-advert1-3{//背景图expe
width: 90%; width: 100%;
max-width: 1400px; max-width: 1400px;
min-width: 1100px; min-width: 1100px;
margin: auto; margin: auto;
...@@ -3491,7 +3534,7 @@ line-height: 48px; ...@@ -3491,7 +3534,7 @@ line-height: 48px;
} }
} }
.pc1-core1-2{//核心要素 .pc1-core1-2{//核心要素
width: 90%; width: 100%;
max-width: 1400px; max-width: 1400px;
min-width: 1100px; min-width: 1100px;
margin: auto; margin: auto;
...@@ -3505,7 +3548,7 @@ line-height: 48px; ...@@ -3505,7 +3548,7 @@ line-height: 48px;
} }
} }
.pc1-problems{//应对问题 .pc1-problems{//应对问题
width: 90%; width: 100%;
max-width: 1400px; max-width: 1400px;
min-width: 1100px; min-width: 1100px;
margin: auto; margin: auto;
...@@ -3522,8 +3565,8 @@ line-height: 48px; ...@@ -3522,8 +3565,8 @@ line-height: 48px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
.empty{ .empty{
max-height:192px ; // max-height:192px ;
height: 11.5rem; // height: 11.5rem;
min-height: 137px; min-height: 137px;
} }
.img-size{ .img-size{
...@@ -3580,7 +3623,7 @@ line-height: 48px; ...@@ -3580,7 +3623,7 @@ line-height: 48px;
} }
} }
.pc1-function{//功能模块 .pc1-function{//功能模块
width: 90%; width: 100%;
max-width: 1400px; max-width: 1400px;
min-width: 1100px; min-width: 1100px;
margin: auto; margin: auto;
...@@ -3597,7 +3640,7 @@ line-height: 48px; ...@@ -3597,7 +3640,7 @@ line-height: 48px;
} }
} }
.pc1-function1{//demlia页面 .pc1-function1{//demlia页面
width: 90%; width: 100%;
max-width: 1400px; max-width: 1400px;
min-width: 1100px; min-width: 1100px;
margin: auto; margin: auto;
...@@ -3654,7 +3697,7 @@ line-height: 48px; ...@@ -3654,7 +3697,7 @@ line-height: 48px;
} }
//应用价值 //应用价值
.pc1-lication{ .pc1-lication{
width: 90%; width: 100%;
max-width: 1400px; max-width: 1400px;
min-width: 1100px; min-width: 1100px;
margin: auto; margin: auto;
...@@ -3694,7 +3737,7 @@ line-height: 48px; ...@@ -3694,7 +3737,7 @@ line-height: 48px;
} }
.pc1-scene{//应用场景 4 .pc1-scene{//应用场景 4
width: 90%; width: 100%;
max-width: 1400px; max-width: 1400px;
min-width: 1100px; min-width: 1100px;
margin: auto; margin: auto;
...@@ -3951,7 +3994,7 @@ line-height: 48px; ...@@ -3951,7 +3994,7 @@ line-height: 48px;
} }
.research-right{ .research-right{
width: 50%; width: 45%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
...@@ -3959,11 +4002,20 @@ line-height: 48px; ...@@ -3959,11 +4002,20 @@ line-height: 48px;
margin-top: 120px; margin-top: 120px;
font-size: 30px; font-size: 30px;
font-weight: bold; font-weight: bold;
font-family: Alibaba Sans;
color: #232323;
} }
div{ div{
font-size: 23px; // font-size: 23px;
font-weight: 300; // font-weight: 300;
text-indent: 46px; text-indent: 46px;
font-size: 16px;
font-family: Microsoft YaHei;
color: #232323;
opacity: 1;
} }
} }
} }
......
...@@ -598,26 +598,32 @@ ...@@ -598,26 +598,32 @@
opacity: 1; opacity: 1;
height: 30px; height: 30px;
font-weight: 400; font-weight: 400;
font-family: Microsoft YaHei;
opacity: 1;
} }
p { p {
font-size: 16px; font-size: 16px;
line-height: 21px; line-height: 27px;
color: #232323; color: #232323;
margin-top: 34px; margin-top: 34px;
font-weight: bold; font-weight: bold;
font-family: Microsoft YaHei;
opacity: 1;
} }
span { span {
font-size: 14px; font-size: 14px;
line-height: 19px; line-height: 24px;
color: #232323; // margin-top: 7px;
margin-top: 7px;
font-weight: 400; font-weight: 400;
height: 35px; // height: 35px;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
display: -webkit-box; display: -webkit-box;
-webkit-line-clamp: 2; -webkit-line-clamp: 2;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
font-family: Microsoft YaHei;
color: #232323;
opacity: 1;
} }
.see-more { .see-more {
width: 80px; width: 80px;
......
<template>
<div class="pc2">
<div class="pc2-flex">
<h4 class="pc1-more-head">{{ more.content }}</h4>
<div class="pc1-more-top">
<div>{{ more.title1 }}</div>
<img :src="more.url1" alt="" />
</div>
<div class="pc1-more-flex">
<img :src="more.url2" alt="" />
<img :src="more.url3" alt="" />
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
more: {
content: "4月28 -29日,中国科技体验2022合作伙伴活动",
title1:
"达索中国DSU部门组织本地专家资源,在短时间内策划并实施了event,国内36位本地技术专家、131家代理商共700+人参与此活动,呈现了36个主题分布在不同行业的工业流程经验。",
url1: "/image/case/partner/01.jpg",
title2: "",
url2: "/image/case/partner/02.jpg",
url3: "/image/case/partner/03.jpg"
}
};
}
};
</script>
<style lang="less" scoped>
.pc2 {
width: 100%;
.pc2-flex {
width: 80%;
max-width: 1400px;
min-width: 1100px;
margin: 100px auto;
.pc1-more-top {
margin-bottom: 110px;
// border: 1px solid #000;
div {
padding-top: 40px;
font-size: 16px;
color: #232323;
opacity: 1;
padding-bottom: 40px;
font-family: Microsoft YaHei;
}
img {
width: 100%;
}
}
.pc1-more-flex {
display: flex;
justify-content: space-between;
img {
width: 49%;
}
}
.pc1-more-head {
padding-top: 50px;
text-align: center;
font-size: 16px;
font-weight: 500;
color: #232323;
opacity: 1;
font-family: Microsoft YaHei;
}
}
}
</style>
<template>
<div class="pc2">
<div class="pc2-flex">
<h4>{{ more.content }}</h4>
<div class="pc1-more-top">
<div>{{ more.title1 }}</div>
<img :src="more.url1" alt="" />
</div>
<div class="pc1-more-p">
<p>{{ more.title2 }}</p>
<p>{{ more.title3 }}</p>
<p>{{ more.title4 }}</p>
<p>{{ more.title5 }}</p>
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
more: {
content: "达索系统解决方案支持“雷神山医院”污染扩散的仿真计算",
title1: `2020年3月13日,中国上海-与刚刚推出的"从物质世界到生命科学"发展策略相呼应,达索系统(巴黎泛欧证券交易所:#13065, DSY.PA)今天宣布,向中南建筑设计院捐赠仿真软件,用于武汉"雷神山医院"污染扩散的仿真验证及优化设计方案,以减少医护人员交叉感染、保护医院周边环境,为未来类似医院的建设提供借鉴。`,
url1: "/image/case/simulation/01.png",
title2: `雷神山医院作为武汉面积最大的收治新型冠状病毒肺炎患者的传染病医院,14天的施工周期创造了让世界震惊的"中国速度",同时,也见证了"中国速度"背后科技创新的力量。`,
title3: `作为达索系统在中国的战略合作伙伴,中南建筑设计院承担了此次雷神山医院的设计工作。中南建筑设计院一直把避免相关环境污染作为重点设计考量,尤其是对于如何把院内交叉感染降到最低、避免对医院外部的社区群众和周边环境造成影响,作为设计考量中的重点。为此,达索系统向中南建筑设计院捐赠了SIMULIA XFlow 软件,用于雷神山医院的室内、室外流体仿真及其他项目的仿真计算。中南建筑设计院将利用该软件结合现场实施特点,讨论制定常规暖通安装方案,进行流体力学仿真计算,并根据计算结果最终确认对污染物浓度控制最好、能及时将病人呼出污染物送至排风口的解决方案。同时,还可依据此仿真结果,给现场医护人员提出一些站位、操作等方面的建议意见,这不仅能最大限度地减少医护人员交叉感染,也将为未来建设更多的医院提供参考。`,
title4: `中南建筑设计院股份有限公司工程数字技术中心张慎主任表示:"达索系统的技术着眼于生命,着眼于未来。我司在雷神山医院项目中让世人见证了与疫情赛跑的'中国速度',运用了达索系统领先的XFlow软件,一方面模拟了室内气流组织和污染物扩散;另一方面模拟了室外废气排放对周围环境的影响,形成了一套有效的CFD技术方案,为雷神山等类似传染病医院的设计规划提供了有利的技术支撑。"`,
title5: `达索系统大中国区总裁张鹰表示:"达索系统的聚焦已从物质世界延伸到了生命科学。正是出于对整个人类生命的关注,我们迅速携手国内知名的中南建筑设计院,为疫情期间和未来的医疗环境做出积极的贡献。同时,疫情下的中国制造业也在面临前所未有的严峻挑战,达索系统坚信,无论是在疫情尚未结束的当下,还是疫情过后生产的恢复,科技都会成为不可或缺的力量。我们将与全中国的企业同舟共济、共克时艰,用科技带领企业走出暂时的困境,构建更美好的未来。`
}
};
}
};
</script>
<style lang="less" scoped>
.pc2 {
width: 100%;
.pc2-flex {
width: 80%;
max-width: 1400px;
min-width: 1100px;
margin: 100px auto;
.pc1-more-top {
margin-bottom: 110px;
// border: 1px solid #000;
div {
padding-top: 40px;
font-size: 16px;
font-weight: 400;
color: #232323;
opacity: 1;
padding-bottom: 40px;
font-family: Microsoft YaHei;
}
img {
width: 1000px;
}
}
h4 {
padding-top: 40px;
text-align: center;
font-size: 16px;
font-weight: 500;
font-family: Microsoft YaHei;
opacity: 1;
color: #232323;
}
.pc1-more-p {
p {
padding-top: 20px;
font-size: 16px;
color: #232323;
opacity: 1;
}
}
}
}
</style>
<template>
<div class="pc2">
<div class="pc2-flex">
<h4>{{ more.content }}</h4>
<div class="pc1-more-top">
<div>{{ more.title1 }}</div>
<img :src="more.url1" alt="" />
</div>
<div class="pc1-more-top">
<div>{{ more.title2 }}</div>
<img :src="more.url2" alt="" />
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
more: {
content: "截止5月份TCS认证德天博诚团队已覆盖90%",
title1:
"5月27日达索中国代理商认证考试如期进行,此次考试德天博诚共有14个科目通过认证。预计6月底TCS能达到全员通过。",
url1: "/image/case/tcs/01.jpg",
title2:
"TCS是3DS业务合作伙伴认证的技术客户支持,内容包括:熟悉在客户支持中的角色、客户支持KPI、服务请求管理和学习运用3DS支持知识资源等方面。通过认证可使技术支持和项目人员进一步了解技术客户支持角色,熟悉认证程序;目标是优化流程,为客户提供最佳的体验。",
url2: "/image/case/tcs/02.png"
}
};
}
};
</script>
<style lang="less" scoped>
.pc2 {
width: 100%;
.pc2-flex {
max-width: 1400px;
min-width: 1100px;
width: 80%;
margin: 100px auto;
.pc1-more-top {
margin-bottom: 110px;
// border: 1px solid #000;
div {
padding-top: 40px;
font-size: 16px;
color: #232323;
opacity: 1;
padding-bottom: 40px;
font-family: Microsoft YaHei;
}
img {
width: 100%;
}
}
h4 {
padding-top: 40px;
text-align: center;
font-size: 16px;
font-family: Microsoft YaHei;
}
}
}
</style>
...@@ -335,7 +335,7 @@ ...@@ -335,7 +335,7 @@
<div class="service bg"> <div class="service bg">
<div class="main"> <div class="main">
<h2>行业解决方案</h2> <h2>行业解决方案</h2>
<div class="line" style="width:60px;height:0px;border-top: 4px solid #294982;"></div> <div class="line" style="width:60px;height:6px;border-top: 6px solid #294982;"></div>
<Carousel <Carousel
autoplay autoplay
v-model="value2" v-model="value2"
...@@ -394,20 +394,20 @@ ...@@ -394,20 +394,20 @@
<h5>信息动态 <h5>信息动态
<div style="width:74px;height:3px;background:#294982;margin-top:4px"></div> <div style="width:74px;height:3px;background:#294982;margin-top:4px"></div>
</h5> </h5>
<div v-for="(item, index) in list" :key="index"> <div v-for="(item, index) in list" :key="index">
<!-- <nuxt-link target="_blank" :to="{ path: '/news/' + item.id }">待开发 <!-- <nuxt-link target="_blank" :to="{ path: '/news/' + item.id }">待开发
<p>{{ item.name }}</p> <p>{{ item.name }}</p>
<span>{{ item.note }}</span> <span>{{ item.note }}</span>
</nuxt-link> --> </nuxt-link> -->
<nuxt-link to="/"> <nuxt-link class="visited" :to="item.path" >
<p>{{item.name}}</p> <p ref="xx">{{item.name}}</p>
<span>{{item.note}}</span> <span>{{item.note}}</span>
</nuxt-link> </nuxt-link>
</div> </div>
<!-- <nuxt-link to="/news">待开发 <!-- <nuxt-link to="/news">待开发
<div class="see-more">查看更多>></div> <div class="see-more">查看更多>></div>
</nuxt-link> --> </nuxt-link> -->
<nuxt-link to="/"><div class="see-more">查看更多</div></nuxt-link> <nuxt-link to="/"><div class="see-more">查看更多>></div></nuxt-link>
</div> </div>
</div> </div>
<!-- <div class="main custom"> <!-- <div class="main custom">
...@@ -683,14 +683,17 @@ export default { ...@@ -683,14 +683,17 @@ export default {
], ],
list:[ list:[
{ {
path:"/case/partner",
name:"2022达索系统高科技行业启动会", name:"2022达索系统高科技行业启动会",
note:"3月15日- 2022达索系统高科技行业启动会北京、上海、广州及线上直播同步召开", note:"3月15日- 2022达索系统高科技行业启动会北京、上海、广州及线上直播同步召开",
}, },
{ {
path:"/case/simulation",
name:"虚拟孪生体验,加速智造创新", name:"虚拟孪生体验,加速智造创新",
note:"虚拟孪生体验如何优化运营?", note:"虚拟孪生体验如何优化运营?",
}, },
{ {
path:"/case/tcs",
name:"一体化资源计划优化", name:"一体化资源计划优化",
note:"了解一体化资源计划优化如何帮助您制定更加高效、敏捷的计划!", note:"了解一体化资源计划优化如何帮助您制定更加高效、敏捷的计划!",
}, },
...@@ -809,8 +812,25 @@ export default { ...@@ -809,8 +812,25 @@ export default {
}, },
}; };
</script> </script>
<style> <style lang="less">
.phone { .phone {
display: none; display: none;
} }
</style> .visited:visited{
p{
color: #707070;
}
span{
color: #707070;
}
}
// .visited p:visited{
// color: #707070;
// }
// .visited span:visited{
// color: #707070;
// }
.nuxt-link-exact-active{
color: #707070;
}
</style>
\ No newline at end of file
...@@ -42,14 +42,16 @@ export default { ...@@ -42,14 +42,16 @@ export default {
width: 100%; width: 100%;
.pc2-flex { .pc2-flex {
width: 80%; width: 80%;
min-width: 1100px;
max-width: 1400px;
margin:100px auto; margin:100px auto;
.pc1-more-top { .pc1-more-top {
margin-bottom: 110px; margin-bottom: 110px;
// border: 1px solid #000; // border: 1px solid #000;
div { div {
padding-top: 40px; padding-top: 40px;
font-size: 18px; font-size: 16px;
font-weight: 400; font-family: Microsoft YaHei;
color: #232323; color: #232323;
opacity: 1; opacity: 1;
padding-bottom: 40px; padding-bottom: 40px;
......
...@@ -58,8 +58,7 @@ export default { ...@@ -58,8 +58,7 @@ export default {
"使用工具进行模拟,以虚拟定义和优化制造资产及制造规划。", "使用工具进行模拟,以虚拟定义和优化制造资产及制造规划。",
"操作精确的虚拟生产系统,以实时跟踪生产活动、执行时间表变动、启动新项目、引进模型转换和安排维护操作"], "操作精确的虚拟生产系统,以实时跟踪生产活动、执行时间表变动、启动新项目、引进模型转换和安排维护操作"],
picture3:"/image/zhuangpei/1206.png", picture3:"/image/zhuangpei/1206.png",
title4:"对装配或拆卸流程进行可行性研究,以减少问题、缩短上市时间并提高首次质量", zhuangpei3:["对装配或拆卸流程进行可行性研究,以减少问题、缩短上市时间并提高首次质量",
zhuangpei3:[
"通过检测影响产品或工具设计的潜在问题,在设计阶段早期确定3D中的装配或拆卸可行性", "通过检测影响产品或工具设计的潜在问题,在设计阶段早期确定3D中的装配或拆卸可行性",
"利用流程规划数据,通过考虑流程排序和工作场所布局,验证可行性", "利用流程规划数据,通过考虑流程排序和工作场所布局,验证可行性",
"直接记录3D中的潜在问题,以实现与相关人员的协作解决" "直接记录3D中的潜在问题,以实现与相关人员的协作解决"
......
...@@ -22,7 +22,7 @@ ...@@ -22,7 +22,7 @@
</div> </div>
<div class="mt40 mb100 project-strategy-1"> <div class="mt40 mb100 project-strategy-1">
<div class="strategy-img1"> <div class="strategy-img1">
<img :src="product.celue.url" alt="" /> <img :src="product.celue.url" height="100%" alt="" />
</div> </div>
<div class="strategy-care"> <div class="strategy-care">
<div <div
......
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
</div> </div>
<div class="mt40 mb100 project-strategy-1"> <div class="mt40 mb100 project-strategy-1">
<div class="strategy-img1"> <div class="strategy-img1">
<img :src="product.celue.url" alt="" /> <img :src="product.celue.url" height="95%" alt="" />
</div> </div>
<div class="strategy-care"> <div class="strategy-care">
<div <div
......
...@@ -26,9 +26,9 @@ ...@@ -26,9 +26,9 @@
</div> </div>
<div class="pc1-head pc1-head1-2"> <div class="pc1-head pc1-head1-2">
<Row align="middle" class-name="row"> <Row align="middle" class-name="row">
<Col span="7"><div class="pc1-head-left1"></div></Col> <Col span="6"><div class="pc1-head-left1"></div></Col>
<Col span="10"><h4 >{{ product[i].top }}</h4></Col> <Col span="12"><h4 >{{ product[i].top }}</h4></Col>
<Col span="7"><div class="pc1-head-right1"></div></Col> <Col span="6"><div class="pc1-head-right1"></div></Col>
</Row> </Row>
</div> </div>
<!-- 产品简介 --> <!-- 产品简介 -->
......
...@@ -25,9 +25,9 @@ ...@@ -25,9 +25,9 @@
</div> </div>
<div class="pc1-head pc1-head1-2"> <div class="pc1-head pc1-head1-2">
<Row align="middle" class-name="row"> <Row align="middle" class-name="row">
<Col span="7"><div class="pc1-head-left1"></div></Col> <Col span="6"><div class="pc1-head-left1"></div></Col>
<Col span="10"><h4 >{{ product[i].top }}</h4></Col> <Col span="12"><h4 >{{ product[i].top }}</h4></Col>
<Col span="7"><div class="pc1-head-right1"></div></Col> <Col span="6"><div class="pc1-head-right1"></div></Col>
</Row> </Row>
</div> </div>
<!-- 产品简介 --> <!-- 产品简介 -->
......
...@@ -27,9 +27,9 @@ ...@@ -27,9 +27,9 @@
</div> </div>
<div class="pc1-head pc1-head1-2"> <div class="pc1-head pc1-head1-2">
<Row align="middle" class-name="row"> <Row align="middle" class-name="row">
<Col span="7"><div class="pc1-head-left1"></div></Col> <Col span="6"><div class="pc1-head-left1"></div></Col>
<Col span="10"><h4 >{{ product[i].top }}</h4></Col> <Col span="12"><h4 >{{ product[i].top }}</h4></Col>
<Col span="7"><div class="pc1-head-right1"></div></Col> <Col span="6"><div class="pc1-head-right1"></div></Col>
</Row> </Row>
</div> </div>
<!-- 产品简介 --> <!-- 产品简介 -->
......
...@@ -85,7 +85,7 @@ ...@@ -85,7 +85,7 @@
:key="index" :key="index"
> >
<img :src="item.url" alt="" /> <img :src="item.url" alt="" />
<h4>{{ item.title }}</h4> <h4 style="padding:0 20px">{{ item.title }}</h4>
<div>{{ item.content }}</div> <div>{{ item.content }}</div>
</div> </div>
</div> </div>
......
...@@ -42,11 +42,11 @@ ...@@ -42,11 +42,11 @@
</div> </div>
<div class="pc1-head pc1-head1-2"> <div class="pc1-head pc1-head1-2">
<Row align="middle" class-name="row"> <Row align="middle" class-name="row">
<Col span="7"><div class="pc1-head-left1"></div></Col> <Col span="6"><div class="pc1-head-left1"></div></Col>
<Col span="10" <Col span="12"
><h4>{{ product[i].top }}</h4></Col ><h4>{{ product[i].top }}</h4></Col
> >
<Col span="7"><div class="pc1-head-right1"></div></Col> <Col span="6"><div class="pc1-head-right1"></div></Col>
</Row> </Row>
</div> </div>
<!-- 产品简介 --> <!-- 产品简介 -->
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment