@@ -338,19 +338,13 @@ export default {
.banner {
position: relative;
height: 480px;
+ padding: 110px 0 0 165px;
background: url(https://huorantech.com/images/about/banner1.png) 0 0 / auto no-repeat,
url(https://huorantech.com/images/about/banner2.png) (90% 37px) / auto no-repeat;
background-color: #0f5bed;
- .texts {
- position: absolute;
- top: 130px;
- left: 165px;
- }
.qrcodes {
- position: absolute;
- bottom: 80px;
- left: 165px;
display: flex;
+ margin-top: 25px;
}
}
.carousel {
@@ -382,6 +376,7 @@ export default {
margin-top: 10px;
font-size: 12px;
color: #fff;
+ white-space: nowrap;
}
}
.i-title {
@@ -656,6 +651,9 @@ export default {
}
}
}
+ .qrcode:last-child {
+ margin-left: 30px;
+ }
}
.about {
@@ -1189,14 +1187,24 @@ export default {
}
}
@media (max-width: 1730px) {
- .wrap .banner .text {
- left: 100px;
+ .wrap {
+ .banner {
+ padding-left: 120px;
+ }
+ .carousel {
+ .text-wrap {
+ left: 120px;
+ }
+ }
}
}
@media (max-width: 1200px) {
.wrap {
.banner {
- .text {
+ padding-left: 30px;
+ }
+ .carousel {
+ .text-wrap {
left: 30px;
}
}
@@ -1252,6 +1260,9 @@ export default {
margin-right: 0;
}
}
+ .clients {
+ width: 100%;
+ }
.contact {
.info {
margin-left: 0;
@@ -1263,14 +1274,28 @@ export default {
margin: 0 0 30px 0;
}
}
+ .qrcode:last-child {
+ margin: 20px 0 0 0;
+ }
}
}
}
@media (max-width: 640px) {
.wrap {
.banner {
- .text {
- max-width: 80%;
+ .texts {
+ max-width: 100%;
+ }
+ }
+ .contact {
+ .inner {
+ width: 100%;
+ }
+ .title {
+ width: 100%;
+ }
+ .info {
+ padding: 0 5%;
}
}
}
diff --git a/src/pages/index/list/index.vue b/src/pages/index/list/index.vue
index fdf85bf..e2ed577 100644
--- a/src/pages/index/list/index.vue
+++ b/src/pages/index/list/index.vue
@@ -368,7 +368,7 @@ export default {
// 获取列表
getData () {
this.loadIns = Loading.service()
- this.$post(this.api.listOfGoods, {
+ this.$post(this.api.websiteProductList, {
...this.form,
pageNum: this.page,
pageSize: this.pageSize,
@@ -518,9 +518,8 @@ export default {
.carousel {
.pic {
height: 100%;
- background-position: center center;
- background-size: 100% 100%;
background-repeat: no-repeat;
+ background-size: cover;
}
img {
height: 100%;
diff --git a/src/pages/index/show/index.vue b/src/pages/index/show/index.vue
index c025f8f..d8c5169 100644
--- a/src/pages/index/show/index.vue
+++ b/src/pages/index/show/index.vue
@@ -353,7 +353,7 @@ export default {
},
// 热门产品
getHot () {
- this.$post(this.api.listOfGoods, {
+ this.$post(this.api.websiteProductList, {
hotTag: 1,
sort: 1,
pageNum: 1,