From adc88bd9e76644badbbe006913addfa7cbe5d89c Mon Sep 17 00:00:00 2001
From: shixian.shi <shixian.shi@alibaba-inc.com>
Date: 星期四, 23 十一月 2023 20:40:15 +0800
Subject: [PATCH] Merge remote-tracking branch 'refs/remotes/origin/main' update contextual forward
---
web-pages/src/views/home/banner.vue | 77 ++++++++++++++++++++++++++++++++++++++
1 files changed, 77 insertions(+), 0 deletions(-)
diff --git a/web-pages/src/views/home/banner.vue b/web-pages/src/views/home/banner.vue
new file mode 100644
index 0000000..1a1b19d
--- /dev/null
+++ b/web-pages/src/views/home/banner.vue
@@ -0,0 +1,77 @@
+<template>
+ <div class="banner-comp">
+ <div class="swiper-container" ref="swiper-container" :class="{hiddenPagination: bannerList && bannerList.length<2}">
+ <div class="swiper-wrapper">
+ <div class="swiper-slide" v-for="(item,index) in bannerList" :key="index">
+ <div class="item">
+ <img class="banner-bg" :src="item.url" alt="">
+ <div v-if="item.flag === 1" class="content">
+ <h3 class="yjqd">
+ 涓�閿惎鍔‵UNASR
+ </h3>
+ <p class="text">
+ FUNASR甯屾湜鍦ㄨ闊宠瘑鍒殑瀛︽湳鐮旂┒鍜屽伐涓氬簲鐢ㄤ箣闂存灦璧蜂竴搴фˉ姊併�傞�氳繃鍙戝竷宸ヤ笟绾�<br />
+ 璇煶璇嗗埆妯″瀷鐨勮缁冨拰寰皟锛岀爺绌朵汉鍛樺拰寮�鍙戜汉鍛樺彲浠ユ洿鏂逛究鍦拌繘琛岃闊宠瘑鍒ā鍨嬬殑<br />
+ 鐮旂┒鍜岀敓浜э紝骞舵帹鍔ㄨ闊宠瘑鍒敓鎬佺殑鍙戝睍銆傝璇煶璇嗗埆鏇存湁瓒ｏ紒
+ </p>
+
+ <div class="lxwm">
+ 鑱旂郴鎴戜滑
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="swiper-pagination"></div>
+ </div>
+ </div>
+</template>
+
+<script>
+import Swiper from 'swiper'
+export default {
+ name: 'banner-comp',
+ data () {
+ return {
+ bannerList: [
+ {
+ flag: 1,
+ url: require('./assets/images/banner.png')
+ }
+ ],
+ swiperObj: null
+ }
+ },
+ mounted () {
+ this.$nextTick(() => {
+ this.initSwiper()
+ })
+ },
+ methods: {
+ initSwiper () {
+ if (this.swiperObj) {
+ this.swiperObj.destroy()
+ }
+ // const that = this
+ this.swiperObj = new Swiper(this.$refs['swiper-container'], {
+ slidesPerView: 1,
+ direction: 'vertical',
+ pagination: {
+ el: '.swiper-pagination',
+ dynamicBullets: true
+ },
+ on: {
+ slideChangeTransitionEnd: function () {
+
+ },
+ init: function () {
+
+ }
+ }
+ })
+ }
+ }
+}
+</script>
+<style src="./assets/css/banner.scss" lang="scss"></style>
--
Gitblit v1.9.1