diff --git a/src/view/home.vue b/src/view/home.vue
index 99d75e6..441758b 100644
--- a/src/view/home.vue
+++ b/src/view/home.vue
@@ -8,17 +8,12 @@
![]()
@@ -83,8 +78,13 @@
goodsList:[],
imghost: "http://medou.oss-cn-shenzhen.aliyuncs.com/",
swiperOption: {//swiper3
- autoplay: 3000,
- speed: 1000,
+ autoplay: {
+ disableOnInteraction: false,
+ },
+ speed: 1000,
+ pagination: {
+ el: '.swiper-pagination'
+ }
}
};
},
@@ -97,6 +97,11 @@
watch: {
},
+ computed: {
+// swiper() {
+// return this.$refs.mySwiper.swiper
+// }
+ },
methods: {
getName (){
let arr = this.addressValue[2].split('&') || ''
@@ -243,28 +248,29 @@
padding-bottom: 1rem;
}
.home .page-content .banner {
- max-height: 2.56rem;
- margin-bottom: 0.3rem;
+ max-height: 3rem;
+ position: relative;
}
.home .page-content .banner > div {
- max-height: 2.56rem;
+ max-height: 3rem;
}
.home .page-content .banner a {
display: block;
}
.home .page-content .banner div img {
width: 100%;
+ height: 3rem;
display: block;
margin: auto;
}
.swiper-img {
width: 100%;
- height: 2.56rem;
+ height: 3rem;
background-size: 100% 100%;
}
.home .page-content .coupon {
- margin-top: 0.3rem;
- margin-bottom: 0.4rem;
+ margin-top: 0.05rem;
+ margin-bottom: 0.05rem;
}
.home .page-content .coupon img {
width:6.8rem;
@@ -390,5 +396,16 @@
.picke-address .status-btn a.complete-btn {
color: #1aad19;
}
-
+.swiper-pagination {
+ width: 100%;
+ bottom: 0;
+}
+.swiper-pagination span {
+ width: 0.2rem;
+ height: 0.2rem;
+ margin: 0 0.1rem;
+}
+.swiper-pagination-bullet-active {
+ background: #5a5a5a;
+}
\ No newline at end of file