From a92bf232a8e4881d4bf9993949676b9c3526b017 Mon Sep 17 00:00:00 2001
From: landjj321 <landjj321@126.com>
Date: Tue, 23 Mar 2021 23:31:01 +0800
Subject: [PATCH] 倒影轮播图
---
src/views/home/components/CoreValue.vue | 15 ++++++---------
1 files changed, 6 insertions(+), 9 deletions(-)
diff --git a/src/views/home/components/CoreValue.vue b/src/views/home/components/CoreValue.vue
index 878152c..c30b0b3 100644
--- a/src/views/home/components/CoreValue.vue
+++ b/src/views/home/components/CoreValue.vue
@@ -1,13 +1,13 @@
<template>
<div class="core-value">
<div class="bg">
- <img class="copper-man" src="@/assets/home/core_value/copper_man.gif">
+ <img class="copper-man" src="@/assets/home/core_value/copper_man.gif" alt="">
</div>
<div class="content">
- <div class="swiper-container">
+ <div class="swiper-container swiper-container-core">
<div class="swiper-wrapper">
- <div class="swiper-slide" v-for="(item,idx) in banners" :key="idx">
- <img :src="item">
+ <div v-for="(item,idx) in banners" :key="idx" class="swiper-slide">
+ <img :src="item" alt="">
</div>
</div>
@@ -36,11 +36,11 @@
}
},
mounted() {
- var swiper = new Swiper('.swiper-container', {
+ new Swiper('.swiper-container-core', {
autoplay: {
delay: 1000
},
- loop:true,
+ loop: true,
effect: 'coverflow',
grabCursor: true,
centeredSlides: true,
@@ -79,7 +79,6 @@
img.copper-man {
position: absolute;
height: 100%;
- top: 0rem;
left: -27rem;
z-index: 100;
}
@@ -106,8 +105,6 @@
justify-content: center;
align-items:center;
border-radius: 5px;
-
-
img{
width: 100%;
--
Gitblit v1.8.0