Skip to content

D
DTBPcompnay
Commit 0728db0d authored by 陈毅's avatar 陈毅
Browse files
Options

p1

parent 521f39d7
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 313 additions and 616 deletions
src/assets/theme/layout.less
View file @ 0728db0d
...@@ -2710,87 +2710,7 @@ line-height: 48px; ...@@ -2710,87 +2710,7 @@ line-height: 48px;
} }
} }
} }
// 项目管理
.project-strategy{
.project-head{
font-size: 23px;
}
.project-strategy-1{
display: flex;
.strategy-img{
flex: .4;
img{
width: 95%;
}
}
.strategy-care{
flex: .6;
// display: flex;
font-size: 18px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #232323;
opacity: 1;
.w50{
padding-bottom: 30px;
width: 49%;
display: inline-grid;
h4{
font-weight: 600;
font-size: 18px;
color: #232323;
padding: 10px 0 10px 30px;
}
div{
color: #232323;
padding-left: 30px;
}
}
.w100{
padding-bottom: 30px;
h4{
padding-top: 10px;
padding-left: 20px;
color: #232323;
font-weight: 600;
font-size: 18px;
padding-bottom: 10px;
}
div{
padding-left: 30px;
color: #232323;
}
}
}
.strategy-img1{
flex: .4;
img{
width: 100%;
}
}
.strategy-ol{
flex: 0.6;
.strategy-ol-care{
padding-left: 350px;
font-size: 18px;
margin-bottom: 40px;
h4{
// margin-top: 35px;
font-size: 18px;
font-weight: 600;
line-height: 50px;
color: #232323;
}
div{
font-weight: 400;
line-height: 30px;
color: #232323;
}
}
}
}
}
// 机加仿真 // 机加仿真
.machining-1{ .machining-1{
img{ img{
...@@ -3271,7 +3191,9 @@ line-height: 48px; ...@@ -3271,7 +3191,9 @@ line-height: 48px;
margin-bottom: 100px margin-bottom: 100px
} }
.lh20{
margin-bottom: 20px;
}
// p1 // p1
.pc11{ .pc11{
width: 100%; width: 100%;
...@@ -3344,6 +3266,7 @@ line-height: 48px; ...@@ -3344,6 +3266,7 @@ line-height: 48px;
} }
div{ div{
font-size: 20px; font-size: 20px;
line-height: 25px;
font-family: Microsoft YaHei; font-family: Microsoft YaHei;
font-weight: 400; font-weight: 400;
color: #232323; color: #232323;
...@@ -3415,7 +3338,95 @@ line-height: 48px; ...@@ -3415,7 +3338,95 @@ line-height: 48px;
} }
} }
// 项目管理
.project-strategy{
max-width: 1100px;
min-width: 1000px;
width: 80%;
margin: auto;
.project-head{
font-size: 23px;
}
.project-strategy-1{
display: flex;
justify-content: space-evenly;
.strategy-img{
flex: .4;
img{
width: 95%;
}
}
.strategy-care{
flex: .6;
// display: flex;
font-size: 18px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #232323;
opacity: 1;
.w50{
padding-bottom: 30px;
width: 49%;
display: inline-grid;
h4{
font-weight: 600;
font-size: 18px;
color: #232323;
padding: 10px 0 10px 30px;
}
div{
color: #232323;
padding-left: 30px;
}
}
.w100{
padding-bottom: 30px;
h4{
padding-top: 10px;
padding-left: 20px;
color: #232323;
font-weight: 600;
font-size: 18px;
padding-bottom: 10px;
}
div{
padding-left: 30px;
color: #232323;
}
}
}
.strategy-img1{
flex: .4;
img{
width: 100%;
}
}
.strategy-ol{
flex: 0.6;
display: flex;
justify-content: space-between;
.strategy-ol-care{
font-size: 18px;
margin-bottom: 40px;
h4{
// margin-top: 35px;
font-size: 18px;
font-weight: 600;
line-height: 50px;
color: #232323;
}
div{
font-weight: 400;
line-height: 30px;
color: #232323;
}
}
}
}
}
} }
......
src/pages/p1/assembling.vue
View file @ 0728db0d
<template> <template>
<div class="pc1"> <div class="pc11">
<div class="assembling-top"> <div class="research-top">
<Row> <Row :grabbed="23">
<Col span="14"> <Col span="13">
<img :src="product.url" width="100%" alt="" /> <img :src="product.url" width="100%" alt="" />
</Col> </Col>
<Col span="10"> <Col span="10">
<div class="assembling-right" style="padding-left:86px"> <div class="research-right">
<div class="research-top1"></div>
<h4>{{ product.title1 }}</h4> <h4>{{ product.title1 }}</h4>
<div>{{ product.title2 }}</div> <div class="research-bottom1">{{ product.title2 }}</div>
</div> </div>
</Col> </Col>
</Row> </Row>
</div> </div>
<!-- <img src="/image/zhuangpei/1203.png" alt=""> --> <!-- <img src="/image/zhuangpei/1203.png" alt=""> -->
<div class="assembling-1 mauto"> <div class="research-1 mauto">
<img :src="product.picture1" alt="" /> <img :src="product.picture1" alt="" />
<div class="mt40 mb100 assembling-li">{{ product.zhuangpei1 }}</div> <div class="mt40 mb100 assembling-li">{{ product.zhuangpei1 }}</div>
</div> </div>
<div class="assembling-1 mauto"> <div class="research-1 mauto">
<img :src="product.picture2" alt="" /> <img :src="product.picture2" alt="" />
<div class="mt40 mb100 assembling-li"> <div class="mt40 mb100 assembling-li">
<div> <div>
<h4>{{product.title3}}</h4> <div class="lh20">{{product.title3}}</div>
<p v-for="(item,index) in product.zhuangpei2" :key="index">{{item}}</p> <p v-for="(item,index) in product.zhuangpei2" :key="index">{{item}}</p>
</div> </div>
</div> </div>
</div> </div>
<div class="assembling-1 mauto"> <div class="research-1 mauto">
<img :src="product.picture3" alt="" /> <img :src="product.picture3" alt="" />
<div class="mt40 mb100 assembling-li"> <div class="mt40 mb100 assembling-li">
<div> <div>
<h4>{{product.title4}}</h4> <div class="lh20">{{product.title4}}</div>
<p v-for="(item,index) in product.zhuangpei3" :key="index">{{item}}</p> <p v-for="(item,index) in product.zhuangpei3" :key="index">{{item}}</p>
</div> </div>
</div> </div>
......
src/pages/p1/electromechanical.vue
View file @ 0728db0d
<template> <template>
<div class="pc11"> <div class="pc11">
<div class="research-top"> <div class="research-top">
<Row> <Row :grabbed="23">
<Col span="14"> <Col span="13">
<img :src="product.url" width="100%" alt="" /> <img :src="product.url" width="100%" alt="" />
</Col> </Col>
<Col span="10"> <Col span="10">
<div class="research-right"> <div class="research-right">
<div class="research-top"></div> <div class="research-top1"></div>
<h4>{{ product.title1 }}</h4> <h4>{{ product.title1 }}</h4>
<div class="research-bottom">{{ product.title2 }}</div> <div class="research-bottom1">{{ product.title2 }}</div>
</div> </div>
</Col> </Col>
</Row> </Row>
...@@ -31,8 +31,8 @@ ...@@ -31,8 +31,8 @@
v-for="(item, index) in product.zhouqi" v-for="(item, index) in product.zhouqi"
:key="index" :key="index"
> >
<span>•</span>
<p>{{ item }}</p> <p>• {{ item }}</p>
</div> </div>
</div> </div>
</div> </div>
...@@ -80,9 +80,4 @@ export default { ...@@ -80,9 +80,4 @@ export default {
}; };
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
@media (max-width:1400px) {
.research-right{
margin-left: 100px !important;
}
}
</style> </style>
src/pages/p1/machining.vue
View file @ 0728db0d
<template> <template>
<div class="pc1"> <div class="pc11">
<div class="research-top"> <div class="research-top">
<Row> <Row :grabbed="23">
<Col span="14"> <Col span="13">
<img :src="product.url" width="100%" alt="" /> <img :src="product.url" width="100%" alt="" />
</Col> </Col>
<Col span="10"> <Col span="10">
<div class="research-right"> <div class="research-right">
<div class="research-top1"></div>
<h4>{{ product.title1 }}</h4> <h4>{{ product.title1 }}</h4>
<div>{{ product.title2 }}</div> <div class="research-bottom1">{{ product.title2 }}</div>
</div> </div>
</Col> </Col>
</Row> </Row>
</div> </div>
<div class="machining-1 mauto"> <div class="research-1 mauto">
<img width="100%" :src="product.fangan.picture" alt="" /> <img width="100%" :src="product.fangan.picture" alt="" />
<div class="mt40 mb100 machining-ol"> <div class="mt40 mb100 machining-ol">
<h4>{{product.fangan.title}}</h4> <div class="lh20">{{product.fangan.title}}</div>
<div class="machining-advantage" v-for="(item,index) in product.fangan.fangan" :key="index"> <div class="machining-advantage" v-for="(item,index) in product.fangan.fangan" :key="index">
<p>{{item.title}}</p> <p>{{item.title}}</p>
<p>{{item.content}}</p> <p>{{item.content}}</p>
</div> </div>
</div> </div>
</div> </div>
<div class="machining-1 mauto"> <div class="research-1 mauto">
<img width="100%" :src="product.shishi.picture" alt="" /> <img width="100%" :src="product.shishi.picture" alt="" />
<div class="mt40 mb100 machining-ol"> <div class="mt40 mb100 machining-ol">
<h4>{{product.shishi.title}}</h4> <div class="lh20">{{product.shishi.title}}</div>
<div class="machining-advantage" v-for="(item,index) in product.shishi.content" :key="index"> <div class="machining-advantage" v-for="(item,index) in product.shishi.content" :key="index">
<p>{{item}}</p> <p>{{item}}</p>
</div> </div>
...@@ -103,10 +104,5 @@ export default { ...@@ -103,10 +104,5 @@ export default {
}; };
</script> </script>
<style lang="less" scope> <style lang="less" scope>
@media (max-width:1400px) {
.research-right{
margin-left: 100px !important;
margin-top: 80px !important;
}
}
</style> </style>
\ No newline at end of file
src/pages/p1/mbd.vue
View file @ 0728db0d
<template> <template>
<div> <div>
<div class="pc1"> <div class="pc11">
<div class="mbd-top research-top"> <div class="mbd-top research-top">
<Row> <Row :grabbed="23">
<Col span="14"> <Col span="16">
<div class="mbd-left research-left"> <div class=" research-left">
<img :src="product.url1" width="100%" alt="" /> <img :src="product.url1" width="100%" alt="" />
</div> </div>
</Col> </Col>
<Col span="10"> <Col span="8">
<div class="mbd-right research-right"> <div class=" research-right">
<h4>{{ product.title1 }}</h4> <div class="research-top1"></div>
<div v-for="(item, index) in product.title2" :key="index"> <h4>{{ product.title1 }}</h4>
{{ item }} <div
</div> class="research-bottom1"
</div> v-for="(item, index) in product.title2"
</Col> :key="index"
>
{{ item }}
</div>
</div>
</Col>
</Row> </Row>
</div> </div>
<div class="mbd-1 mauto"> <div class="mauto-1 mauto">
<div class="mbd-image1"> <div class="mauto-url">
<div class="mbd-image1-1"> <div class="mauto-image1-1">
<img :src="product.picture1[0]" alt="" /> <img :src="product.picture1[0]" alt="" />
</div> </div>
<div class="mbd-image1-2"> <div class="mauto-image1-2">
<img :src="product.picture1[1]" alt="" /> <img :src="product.picture1[1]" alt="" />
</div> </div>
</div> </div>
<div class="mt40 mb100 mbd-size"> <div class="mt40 mb100 mauto-size">
<p v-for="(item, index) in product.mbd1" :key="index">{{ item }}</p> <p v-for="(item, index) in product.mbd1" :key="index">{{ item }}</p>
</div> </div>
</div> </div>
...@@ -93,18 +96,4 @@ export default { ...@@ -93,18 +96,4 @@ export default {
} }
}; };
</script> </script>
<style lang="less" scoped> <style lang="less" scoped></style>
@media (max-width:1400px) {
.mbd-top{
.mbd-right{
div{
font-size: 20px;
}
}
.research-right{
margin-top: 70px;
margin-left: 100px;
}
}
}
</style>
src/pages/p1/number.vue
View file @ 0728db0d
This diff is collapsed.
src/pages/p1/skeletonDesign.vue
View file @ 0728db0d
<template> <template>
<div class="solution1"> <div class="solution1">
<div class="pc1"> <div class="pc11">
<!-- 头部 --> <!-- 头部 -->
<div class="skeleton-top"> <div class="skeleton-top">
<Row> <Row>
...@@ -9,14 +9,15 @@ ...@@ -9,14 +9,15 @@
</Col> </Col>
<Col span="10"> <Col span="10">
<div class="skeleton-right guj-right"> <div class="skeleton-right guj-right">
<div class="skeleton-top1"></div>
<h4>{{ product.title1 }}</h4> <h4>{{ product.title1 }}</h4>
<div>{{ product.title2 }}</div> <div class="skeleton-bottom1">{{ product.title2 }}</div>
</div> </div>
</Col> </Col>
</Row> </Row>
</div> </div>
<div class="skeleton-1 mauto"> <div class="research-1 mauto">
<img :src="product.picture1" alt="" /> <img :src="product.picture1" alt="" />
<div class="mt40 mb100"> <div class="mt40 mb100">
{{ product.gujia1 }} {{ product.gujia1 }}
</div> </div>
...@@ -32,7 +33,7 @@ ...@@ -32,7 +33,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="skeleton-1 mauto"> <div class="research-1 mauto">
<img :src="product.picture3" alt=""> <img :src="product.picture3" alt="">
<div class="mt40 mb100">{{product.gujia2}}</div> <div class="mt40 mb100">{{product.gujia2}}</div>
</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