diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue index df94179..19ff21f 100644 --- a/src/views/HomeView.vue +++ b/src/views/HomeView.vue @@ -54,6 +54,10 @@

{{ newsitem.content }}

@@ -80,19 +84,37 @@
-
+

行业动态

INDUSTRY TRENDS
-
- +
+
+
+ {{ hydata[textindex].name }} +
+
<>
- - +
+ +
+
+ +
+
+
@@ -194,12 +216,15 @@ import { achievementPic, hyDtai, swiperimg, getnews, backgroundText, smallPictur export default { data() { return { - hydata: { src: '' }, + index:0, + hydata: [], imgarr: [], achievementarr: [], newsitem: {}, bgtextitem: {}, - smallPicturearr: [] + smallPicturearr: [], + swipe:null, + textindex:0 } }, @@ -232,9 +257,23 @@ export default { //行业动态 hyDtai().then((res) => { - this.hydata.src = res.data[0].picture - this.hydata.content = res.data[0].content - this.hydata.url=res.data[0].url + this.hydata=res.data + // this.hydata.src = res.data[0].picture + // this.hydata.content = res.data[0].content + // this.hydata.url=res.data[0].url + // this.hydata.name=res.data[0].name + this.$nextTick(() => { + this.swipe= new Swiper('.swiper7', { + loop: true, + // autoplay: { + // delay: 4100, + // disableOnInteraction: false, + // }, + + + } + ) + }) }) //背景图文轮播图 smallPicture().then((res) => { @@ -306,6 +345,25 @@ export default { }, methods: { + next(){ + this.swipe.slideNext() + if(this.textindex0){ + this.textindex=this.textindex-1 + }else{ + this.textindex=this.hydata.length-1 + } + + }, switchto() { this.$router.push({ path: '/aboutus', @@ -559,4 +617,10 @@ h6 { color: rgba(255, 255, 255, .5); font-weight: bold; } +.flow{ + +} +.a::after{ + background-color: unset; +}