|
|
@@ -102,6 +102,21 @@
|
|
|
> -->
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <div class="content-list-six">
|
|
|
+ <div class="left">
|
|
|
+ <img :src="sixImg" alt="" >
|
|
|
+ <!-- <img
|
|
|
+ src="http://res.training.luojigou.vip/FrmwkZkCodJnyC1O8eyIUyRyZqjD?imageView2/0/q/50|imageslim"
|
|
|
+ alt=""
|
|
|
+ > -->
|
|
|
+ </div>
|
|
|
+ <div class="right">
|
|
|
+ <div class="label">购物商城,展现逻辑狗的系</div>
|
|
|
+ <div class="label">列产品</div>
|
|
|
+ <div class="desc content-desc">精细的产品分类,你最短时间找到自己需要的</div>
|
|
|
+ <div class="desc">产品</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -123,6 +138,7 @@ export default {
|
|
|
threeImg: require('~/assets/images/products/teach_img_three.png'),
|
|
|
fourImg: require('~/assets/images/products/teach_img_four.png'),
|
|
|
fiveImg: require('~/assets/images/products/teach_img_five.png'),
|
|
|
+ sixImg: require('~/assets/images/products/teach_img_six.png'),
|
|
|
};
|
|
|
},
|
|
|
mounted() {
|
|
|
@@ -167,8 +183,9 @@ export default {
|
|
|
font-size: 18px;
|
|
|
}
|
|
|
img {
|
|
|
- width: 601px;
|
|
|
- height: 586px;
|
|
|
+ width: 666px;
|
|
|
+ height: 642px;
|
|
|
+ vertical-align: middle;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
@@ -190,10 +207,11 @@ export default {
|
|
|
font-weight: 400;
|
|
|
color: rgba(58, 58, 58, 1);
|
|
|
}
|
|
|
- // img {
|
|
|
- // width: 601px;
|
|
|
- // height: 586px;
|
|
|
- // }
|
|
|
+ img {
|
|
|
+ width: 666px;
|
|
|
+ height: 642px;
|
|
|
+ vertical-align: middle;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
.banner-img {
|
|
|
@@ -217,7 +235,7 @@ export default {
|
|
|
.main-wrap {
|
|
|
background: url('~assets/images/products/teach_bg.png') no-repeat;
|
|
|
background-size: cover;
|
|
|
- padding-bottom: 356px;
|
|
|
+ padding-bottom: 273px;
|
|
|
}
|
|
|
.content {
|
|
|
// position: relative;
|
|
|
@@ -243,12 +261,6 @@ export default {
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
.right {
|
|
|
- img {
|
|
|
- width: 508px;
|
|
|
- height: 582px;
|
|
|
- // width: 601px;
|
|
|
- // height: 586px;
|
|
|
- }
|
|
|
}
|
|
|
.left {
|
|
|
display: flex;
|
|
|
@@ -287,14 +299,8 @@ export default {
|
|
|
.content-list-two {
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
- margin-top: 291px;
|
|
|
+ margin-top: 214px;
|
|
|
.left {
|
|
|
- img {
|
|
|
- width: 568px;
|
|
|
- height: 582px;
|
|
|
- // width: 601px;
|
|
|
- // height: 586px;
|
|
|
- }
|
|
|
}
|
|
|
.right {
|
|
|
display: flex;
|
|
|
@@ -321,14 +327,8 @@ export default {
|
|
|
.content-list-three {
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
- margin-top: 291px;
|
|
|
+ margin-top: 214px;
|
|
|
.right {
|
|
|
- img {
|
|
|
- width: 591px;
|
|
|
- height: 568px;
|
|
|
- // width: 601px;
|
|
|
- // height: 586px;
|
|
|
- }
|
|
|
}
|
|
|
.left {
|
|
|
display: flex;
|
|
|
@@ -355,12 +355,8 @@ export default {
|
|
|
.content-list-four {
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
- margin-top: 291px;
|
|
|
+ margin-top: 214px;
|
|
|
.left {
|
|
|
- img {
|
|
|
- width: 567px;
|
|
|
- height: 586px;
|
|
|
- }
|
|
|
}
|
|
|
.right {
|
|
|
display: flex;
|
|
|
@@ -387,12 +383,8 @@ export default {
|
|
|
.content-list-five {
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
- margin-top: 291px;
|
|
|
+ margin-top: 166px;
|
|
|
.right {
|
|
|
- img {
|
|
|
- width: 615px;
|
|
|
- height: 576px;
|
|
|
- }
|
|
|
}
|
|
|
.left {
|
|
|
display: flex;
|
|
|
@@ -416,6 +408,34 @@ export default {
|
|
|
// }
|
|
|
}
|
|
|
}
|
|
|
+ .content-list-six {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ margin-top: 195px;
|
|
|
+ .left {
|
|
|
+ }
|
|
|
+ .right {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ justify-content: center;
|
|
|
+ // .label {
|
|
|
+ // width: 369px;
|
|
|
+ // height: 84px;
|
|
|
+ // color: #262626;
|
|
|
+ // font-size: 30px;
|
|
|
+ // font-family: PingFangSC-Semibold, sans-serif;
|
|
|
+ // font-weight: 600;
|
|
|
+ // }
|
|
|
+ // .desc {
|
|
|
+ // width: 388px;
|
|
|
+ // margin-top: 42px;
|
|
|
+ // font-size: 18px;
|
|
|
+ // font-family: PingFangSC-Regular, sans-serif;
|
|
|
+ // font-weight: 400;
|
|
|
+ // color: rgba(58, 58, 58, 1);
|
|
|
+ // }
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|