From c51b80c22d2c88a553069dfb38b1185e799221cd Mon Sep 17 00:00:00 2001
From: Hui Yu <huiyu@HuideMacBook-Pro-2.local>
Date: Sat, 20 Mar 2021 21:11:24 +0800
Subject: [PATCH] 风采轮播优化
---
src/views/home/components/ArtMien.vue | 45 +++++++++++++++------------------------------
1 files changed, 15 insertions(+), 30 deletions(-)
diff --git a/src/views/home/components/ArtMien.vue b/src/views/home/components/ArtMien.vue
index 14dcf97..06c377f 100644
--- a/src/views/home/components/ArtMien.vue
+++ b/src/views/home/components/ArtMien.vue
@@ -13,7 +13,7 @@
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide" v-for="(item,index) in list" :key="index">
- <img :src="item.imgSrc" />
+ <img :src="item" />
</div>
</div>
<div class="swiper-pagination"></div>
@@ -25,39 +25,24 @@
</template>
<script>
- import '../../../utils/swiper.min.js';
+ // import '../../../utils/swiper.min.js';
+ import Swiper from 'swiper/swiper-bundle.js'
+ import 'swiper/swiper-bundle.css'
export default {
name: "ArtMien",
data() {
return {
- list: [{
- imgSrc: require("@/assets/home/art_mien/1.png")
- },
- {
- imgSrc: require("@/assets/home/art_mien/2.png")
- },
- {
- imgSrc: require("@/assets/home/art_mien/3.png")
- },
-
- {
- imgSrc: require("@/assets/home/art_mien/4.png")
- },
- {
- imgSrc: require("@/assets/home/art_mien/5.png")
- },
- {
- imgSrc: require("@/assets/home/art_mien/6.png")
- },
- {
- imgSrc: require("@/assets/home/art_mien/7.png")
- },
- {
- imgSrc: require("@/assets/home/art_mien/8.png")
- }
- ],
- certifySwiper: null
+ list: [
+ require("@/assets/home/art_mien/1.png"),
+ require("@/assets/home/art_mien/2.png"),
+ require("@/assets/home/art_mien/3.png"),
+ require("@/assets/home/art_mien/4.png"),
+ require("@/assets/home/art_mien/5.png"),
+ require("@/assets/home/art_mien/6.png"),
+ require("@/assets/home/art_mien/7.png"),
+ require("@/assets/home/art_mien/8.png")
+ ]
}
},
mounted() {
@@ -115,7 +100,7 @@
<style lang="scss" scoped>
@import "~@/styles/variables.scss";
- @import "../../../styles/swiper.min.css";
+ // @import "../../../styles/swiper.min.css";
.art-mien {
width: $appWidth;
--
Gitblit v1.8.0