|
|
@@ -2,19 +2,20 @@
|
|
|
<div class="news acea-row row-between-wrapper">
|
|
|
<div class="pictrue"><img src="@assets/images/news.png" /></div>
|
|
|
<div class="swiper-no-swiping new-banner">
|
|
|
- <swiper v-swiper:
|
|
|
- class="swiper-wrapper"
|
|
|
- :options="swiperRoll"
|
|
|
- ref="rollSwiper"
|
|
|
+ <swiper
|
|
|
+ v-swiper:
|
|
|
+ class="swiper-wrapper"
|
|
|
+ :options="swiperRoll"
|
|
|
+ ref="rollSwiper"
|
|
|
>
|
|
|
<swiper-slide
|
|
|
- class="swiper-slide"
|
|
|
- v-for="(item, index) in roll"
|
|
|
- :key="index"
|
|
|
+ class="swiper-slide"
|
|
|
+ v-for="(item, index) in roll"
|
|
|
+ :key="index"
|
|
|
>
|
|
|
<router-link
|
|
|
- :to="item.wap_url ? item.wap_url : ''"
|
|
|
- class="acea-row row-between-wrapper"
|
|
|
+ :to="item.wap_url ? item.wap_url : ''"
|
|
|
+ class="acea-row row-between-wrapper"
|
|
|
>
|
|
|
<div class="text acea-row row-between-wrapper">
|
|
|
<div class="label" v-if="item.show === '是'">最新</div>
|
|
|
@@ -34,10 +35,11 @@ export default {
|
|
|
name: "News",
|
|
|
props: {
|
|
|
roll: [],
|
|
|
+ node: {}
|
|
|
},
|
|
|
components: {
|
|
|
swiper,
|
|
|
- swiperSlide,
|
|
|
+ swiperSlide
|
|
|
},
|
|
|
watch: {
|
|
|
$route(n) {
|
|
|
@@ -64,6 +66,19 @@ export default {
|
|
|
};
|
|
|
},
|
|
|
|
|
|
+ mounted() {
|
|
|
+ console.log("register");
|
|
|
+ const that = this;
|
|
|
+ this.node.$on("over", (start) => {
|
|
|
+ // if(that.$refs.rollSwiper.swiper.autoplay.running === start) return;
|
|
|
+ if(start) {
|
|
|
+ that.$refs.rollSwiper.swiper.autoplay.start();
|
|
|
+ } else {
|
|
|
+ that.$refs.rollSwiper.swiper.autoplay.stop();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
methods: {
|
|
|
}
|
|
|
};
|
|
|
@@ -72,9 +87,9 @@ export default {
|
|
|
<style>
|
|
|
.news{height:0.77rem;border-top:1px solid #f4f4f4;padding:0 0.3rem;box-shadow:0 0.1rem 0.3rem #f5f5f5;
|
|
|
-webkit-box-shadow:0 0.1rem 0.3rem #f5f5f5;-moz-box-shadow:0 0.1rem 0.3rem #f5f5f5;-o-box-shadow:0 0.1rem 0.3rem #f5f5f5;}
|
|
|
-.news .pictrue{width:1.24rem;height:0.28rem;border-right:1px solid #ddd;padding-right:0.23rem;box-sizing:content-box;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;}
|
|
|
+.news .pictrue{width:0.64rem;height:0.28rem;border-right:1px solid #ddd;padding-right:0.23rem;box-sizing:content-box;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;}
|
|
|
.news .pictrue img{width:100%;height:100%;display:block;}
|
|
|
-.news .new-banner{width:5.23rem;overflow:hidden;height:0.77rem;}
|
|
|
+.news .new-banner{width:5.63rem;overflow:hidden;height:0.77rem;}
|
|
|
.news .new-banner .swiper-slide{height:100%;}
|
|
|
.news .new-banner .text{width:4.8rem;height:0.77rem;}
|
|
|
.news .new-banner .text .label{font-size:0.2rem;color:#ff4c48;width:0.68rem;height:0.34rem;border-radius:0.2rem;
|