Commit 27bf15b2 authored by 陈毅's avatar 陈毅

color

parent 5d4fae94
...@@ -589,7 +589,7 @@ h3 { ...@@ -589,7 +589,7 @@ h3 {
// height: 100vh; // height: 100vh;
width: 100%; width: 100%;
overflow: hidden; overflow: hidden;
min-width: 1100px;
.pr { .pr {
position: relative; position: relative;
width: 100%; width: 100%;
...@@ -716,8 +716,29 @@ h3 { ...@@ -716,8 +716,29 @@ h3 {
} }
} }
} }
@media (max-width:1100px) {
.pa{
top: 232px;
.kouhao{
.k1{
font-size: 35px ;
height: 46px;
}
img{
width: 554px !important;
}
.k3{
margin-top: 231px;
span{
font-size: 21px;
}
}
}
}
}
@media (min-width:1524px) { @media (min-width:1524px) {
.pa{ .pa{
.kouhao{ .kouhao{
.k1{ .k1{
font-size: 48px; font-size: 48px;
...@@ -863,6 +884,7 @@ h3 { ...@@ -863,6 +884,7 @@ h3 {
// padding-top: 65px; // padding-top: 65px;
background-color: #e9edef; background-color: #e9edef;
padding-bottom: 80px; padding-bottom: 80px;
min-width: 1100px;
.main{ .main{
max-width: 1400px; max-width: 1400px;
min-width: 1100px; min-width: 1100px;
...@@ -1061,6 +1083,7 @@ h3 { ...@@ -1061,6 +1083,7 @@ h3 {
padding-top: 30px; padding-top: 30px;
padding-bottom: 20px; padding-bottom: 20px;
width: 100%; width: 100%;
min-width: 1100px;
h5 { h5 {
font-size: 20px; font-size: 20px;
font-family: Microsoft YaHei; font-family: Microsoft YaHei;
...@@ -1073,15 +1096,22 @@ h3 { ...@@ -1073,15 +1096,22 @@ h3 {
.main { .main {
width: 80%;
max-width: 1400px;
min-width: 1100px;
.pt40 { .pt40 {
padding-top: 40px; padding-top: 40px;
} }
.main-bottom{
max-width:400px;
min-width:250px;
width:28.57%
}
.flex { .flex {
width: 100%; width: 100%;
flex-shrink: 0; flex-shrink: 0;
align-content: space-between; align-content: space-between;
justify-content: space-around; justify-content: space-between;
.about { .about {
p { p {
...@@ -1472,6 +1502,7 @@ a.news { ...@@ -1472,6 +1502,7 @@ a.news {
// } // }
.about { .about {
width: 100%; width: 100%;
min-width: 1100px;
// height: 760px; // height: 760px;
height: 880px; height: 880px;
background: #EEEEEE; background: #EEEEEE;
......
...@@ -196,10 +196,16 @@ ...@@ -196,10 +196,16 @@
<div class="pt50"></div> <div class="pt50"></div>
</div> </div>
<div class="foot_line"></div> <div class="foot_line"></div>
<div class="main ac ba" style="font-size: 12px; color: #c0bfbf;display:flex;justify-content:center"> <div class="main ac ba" style="font-size: 12px; color: #c0bfbf;display:flex;justify-content: space-between;">
<div style="width:480px;margin-left:0px"><!--Copyright &copy; 2021 {{ config.company }}-->
Copyright © 2000-2018京ICP备13034660号-1 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;版权所有:北京德天博诚科技有限公司</div <div style="display:flex;width:50%">
> <div class="main-bottom" > </div>
<div>Copyright © 2000-2018京ICP备13034660号-1</div>
</div>
<div style="display:flex;width:50%">
<div>版权所有:北京德天博诚科技有限公司</div>
<div class="main-bottom"> </div>
</div>
<!-- <a style="color: #c0bfbf" href="https://beian.miit.gov.cn/"> <!-- <a style="color: #c0bfbf" href="https://beian.miit.gov.cn/">
{{ config.icp }}</a {{ config.icp }}</a
> --> > -->
......
...@@ -7,10 +7,10 @@ ...@@ -7,10 +7,10 @@
active-name="1" active-name="1"
@on-select="change" @on-select="change"
> >
<MenuItem name="1" style="width:50%;text-align:center;"> <MenuItem name="1" :class="kai" style="width:50%;text-align:center;">
在线咨询 在线咨询
</MenuItem> </MenuItem>
<MenuItem name="2" style="width:50%;"> <MenuItem name="2" :class="guan" style="width:50%;">
下载支持 下载支持
</MenuItem> </MenuItem>
</Menu> </Menu>
...@@ -307,7 +307,10 @@ export default { ...@@ -307,7 +307,10 @@ export default {
{ label: "邮箱", prop: "email" } { label: "邮箱", prop: "email" }
], ],
xx: ["telephone", "email"], xx: ["telephone", "email"],
i: 0 i: 0,
kai:"kai",
guan:"guan",
switch:true,
}; };
}, },
created() {}, created() {},
...@@ -318,10 +321,20 @@ export default { ...@@ -318,10 +321,20 @@ export default {
if (name == 1) { if (name == 1) {
this.flag1 = true; this.flag1 = true;
this.flag2 = false; this.flag2 = false;
this.switch = true
} else if (name == 2) { } else if (name == 2) {
this.flag1 = false; this.flag1 = false;
this.flag2 = true; this.flag2 = true;
this.switch = false
} }
if(this.switch == true){
this.kai = `kai`
this.guan = `guan`
}else{
this.kai = `guan`
this.guan = `kai`
}
}, },
handleSubmit(name) { handleSubmit(name) {
this.$refs[name].validate(valid => { this.$refs[name].validate(valid => {
...@@ -472,7 +485,23 @@ export default { ...@@ -472,7 +485,23 @@ export default {
opacity: 1; opacity: 1;
} }
} }
.btn-sum:hover{
background: #294982 !important; .kai{
font-size: 20px !important;
font-family: Microsoft YaHei !important;
font-weight: bold !important;
color: #294982 !important;
opacity: 1;
border-bottom: 4px solid #294982 !important;
}
.guan{
font-size: 20px !important;
font-family: Microsoft YaHei !important;
font-weight: bold !important;
color: #B5B5B5 !important;
opacity: 1;
border-bottom:1px solid #B5B5B5 !important;
} }
</style> </style>
...@@ -29,9 +29,11 @@ ...@@ -29,9 +29,11 @@
</div> </div>
<div class="pc1-head1-2 pc1-head"> <div class="pc1-head1-2 pc1-head">
<Row align="middle" class-name="row"> <Row align="middle" class-name="row">
<Col span="7"><div class="pc1-head-left1"></div></Col> <Col flex="auto"><div class="pc1-head-left1"></div></Col>
<Col span="10"><h4 >{{ product[i].top }}</h4></Col> <Col flex="24px"></Col>
<Col span="7"><div class="pc1-head-right1"></div></Col> <Col flex="none"><h4 >{{ product[i].top }}</h4></Col>
<Col flex="24px"></Col>
<Col flex="auto"><div class="pc1-head-right1"></div></Col>
</Row> </Row>
<!-- <div class="pc1-head-left"></div> <!-- <div class="pc1-head-left"></div>
<h4 id="pc1-head-middle">{{ product[i].top }}</h4> <h4 id="pc1-head-middle">{{ product[i].top }}</h4>
......
...@@ -26,9 +26,11 @@ ...@@ -26,9 +26,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="6"><div class="pc1-head-left1"></div></Col> <Col flex="auto"><div class="pc1-head-left1"></div></Col>
<Col span="12"><h4 >{{ product[i].top }}</h4></Col> <Col flex="48px"></Col>
<Col span="6"><div class="pc1-head-right1"></div></Col> <Col flex="none"><h4 >{{ product[i].top }}</h4></Col>
<Col flex="48px"></Col>
<Col flex="auto"><div class="pc1-head-right1"></div></Col>
</Row> </Row>
</div> </div>
<!-- 产品简介 --> <!-- 产品简介 -->
......
...@@ -25,9 +25,11 @@ ...@@ -25,9 +25,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="6"><div class="pc1-head-left1"></div></Col> <Col flex="auto"><div class="pc1-head-left1"></div></Col>
<Col span="12"><h4 >{{ product[i].top }}</h4></Col> <Col flex="48px"></Col>
<Col span="6"><div class="pc1-head-right1"></div></Col> <Col flex="none"><h4 >{{ product[i].top }}</h4></Col>
<Col flex="48px"></Col>
<Col flex="auto"><div class="pc1-head-right1"></div></Col>
</Row> </Row>
</div> </div>
<!-- 产品简介 --> <!-- 产品简介 -->
......
...@@ -27,9 +27,11 @@ ...@@ -27,9 +27,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="6"><div class="pc1-head-left1"></div></Col> <Col flex="auto"><div class="pc1-head-left1"></div></Col>
<Col span="12"><h4 >{{ product[i].top }}</h4></Col> <Col flex="48px"></Col>
<Col span="6"><div class="pc1-head-right1"></div></Col> <Col flex="none"><h4 >{{ product[i].top }}</h4></Col>
<Col flex="48px"></Col>
<Col flex="auto"><div class="pc1-head-right1"></div></Col>
</Row> </Row>
</div> </div>
<!-- 产品简介 --> <!-- 产品简介 -->
......
...@@ -25,11 +25,13 @@ ...@@ -25,11 +25,13 @@
</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="9"><div class="pc1-head-left1"></div></Col> <Col flex="auto"><div class="pc1-head-left1"></div></Col>
<Col span="5" <Col flex="45px"></Col>
<Col flex="none"
><h4>{{ product[i].top }}</h4></Col ><h4>{{ product[i].top }}</h4></Col
> >
<Col span="9"><div class="pc1-head-right1"></div></Col> <Col flex="45px"></Col>
<Col flex="auto"><div class="pc1-head-right1"></div></Col>
</Row> </Row>
</div> </div>
<!-- 产品简介 --> <!-- 产品简介 -->
......
...@@ -42,11 +42,13 @@ ...@@ -42,11 +42,13 @@
</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="6"><div class="pc1-head-left1"></div></Col> <Col flex=""auto><div class="pc1-head-left1"></div></Col>
<Col span="12" <Col flex="48px"></Col>
<Col flex="none"
><h4>{{ product[i].top }}</h4></Col ><h4>{{ product[i].top }}</h4></Col
> >
<Col span="6"><div class="pc1-head-right1"></div></Col> <Col flex="48px"></Col>
<Col flex="auto"><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