From 2981203b4c1f25bef780f619a3416d0edae8d808 Mon Sep 17 00:00:00 2001 From: xuhuajiao <13476289682@163.com> Date: Tue, 11 Jun 2024 17:30:48 +0800 Subject: [PATCH] =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E6=95=88=E6=9E=9C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/iconfont/iconfont.css | 12 +-- src/assets/iconfont/iconfont.ttf | Bin 12192 -> 12192 bytes src/assets/iconfont/iconfont.woff | Bin 6820 -> 6820 bytes src/assets/iconfont/iconfont.woff2 | Bin 5444 -> 5444 bytes src/main.js | 11 +-- src/views/index.vue | 140 ++++++++++++++++++++++++----- src/views/map/index.vue | 66 +++----------- 7 files changed, 146 insertions(+), 83 deletions(-) diff --git a/src/assets/iconfont/iconfont.css b/src/assets/iconfont/iconfont.css index af1a2d2..2eab77b 100644 --- a/src/assets/iconfont/iconfont.css +++ b/src/assets/iconfont/iconfont.css @@ -1,13 +1,13 @@ @font-face { - font-family: "iconfont"; /* Project id 3646564 */ - src: url('iconfont.woff2?t=1717656975450') format('woff2'), - url('iconfont.woff?t=1717656975450') format('woff'), - url('iconfont.ttf?t=1717656975450') format('truetype'), - url('iconfont.svg?t=1717656975450#iconfont') format('svg'); + font-family: "iconfont2"; /* Project id 3646564 */ + src: url('iconfont.woff2?t=1718094031775') format('woff2'), + url('iconfont.woff?t=1718094031775') format('woff'), + url('iconfont.ttf?t=1718094031775') format('truetype'), + url('iconfont.svg?t=1718094031775#iconfont') format('svg'); } .iconfont { - font-family: "iconfont" !important; + font-family: "iconfont2" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; diff --git a/src/assets/iconfont/iconfont.ttf b/src/assets/iconfont/iconfont.ttf index f19f35f8422bd47191bb86a9516e0afc64650fda..ae51657e6781cebf12549bd56acce380ebdd3a01 100644 GIT binary patch delta 46 ucmZ1wzaV}>AoHbd^CpH&mEOan6VGq+m4Tau0R$fP?(~Pzn^_p==m7wch7Yg+ delta 46 tcmZ1wzaV}>AoI}#xrrfDrLXPOiRZWZ%D~OS00NKN`S@YjJLzA|vLFo3|Lc0PU>{r}hhYPNaI9Y8Jz R0~1IT06FmslCwP+X96$68DRhb diff --git a/src/assets/iconfont/iconfont.woff2 b/src/assets/iconfont/iconfont.woff2 index dcf6ab141edf5a9d715b95f5688e999fc98995d1..fcace6f8eaabe6e3885431c80e7875a068932723 100644 GIT binary patch delta 5370 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 Y0lm|9VslSY6?ZCTa1~_=LI3~&0DZ$@1poj5 delta 5370 zcmVvX00sd4#p`U`VPRD|hv%&n&6F5_kN+N77h{ACda zVK|R*IE2JuF^U1&=KqarLd*mM5Kuxfut?Dcj180tCOTKRbboJb(>1FvtG}rWmVwhn z>s)p6JTPew6j?Qij97j5 z)Yjk^-u)qCURx7^(14VkrF+ls574|iKUXVoKwN~k6D(7g(Xt#+EMKDdr;g%JCR9K|ZT&t!8BLR^f_SMVUz54c6(@yMUfL4d7RN_40=w z3@VDnPTkKhB>8&Ec$y4a5A3Jaodqja5Wv83Vkz0HwSNzm;-iqNGP8R|D044G!F(G1 zH2L2YFnpZQRInYFy8Ba%k~H_S2udp? z(YPILq~P3+4pMND8HoX<0TK&J1%wAm6@(8;4MYG+9YhF986*xA2Z;wIK}4XGKoUR+ zkVH@nBn1f+0Z9gvS^^}0Csk*ckw}%RRJE8^kt*R>_nL@>i;K{uSfH?)Ycg5D!r?_+ zr3RM4as*4|@;FN-inirXmWo}eHYBedA5c3M^VkXF##V>R7Yl9)%UG5Fm~oTFBm}h) z*{iIC7+OYUO&1B(G**FSVtKg&yPAG;jwQ$VEj;IDWsMxs#yO0CnuQa3y0o-L^Sg5@ zA2iQyvXpa9f-Cz$;qbrOeKBl2)E}XU`2fzgHgy79j^e27dp9E!TVvR=6zZ(~mla;k zCAoo9r*8TF#G-D`TlL>{&LJv@Q)_bpp@5d6*hfe^E`ud2=yRHS7^lV z#!MC{D|N~_p#fye|53u0k=Ip5ozB8el1Sx&odp`=Xp@Io&=tyDJ#Tb+VGUD!>Oh1K zipSOnz!V}NvPh1LeIZR1E$RA1L%d#WjN@1Xsf)4tu;%-JX3!G~V34;$$b{N3Ng6Y1 zg9yVUO4W;CiZEt`P*zMcY-9bd+od?8!|kV{?1Ja5*#lNPxCXGKHcN>)4ut#ea=ut4 zkg~L^#@T$DvyiB5gOEA{1-+(^IW-yyVBpatYPPF8hQ$)eWF1LInnM9e%Gw(QS!-Gr zwSu5ER_1hn=>!LC%XDB687{ti)^?(17&%SjZDIR2Z%>{|N9=@+!&_w+-w#g2pm@A* z9j7TW!Qw|3+;5_>U{hgs2AN-g1?M+p5CS5cUC`fY5U|X*`IjKlwp{jhTwicMR-L(X z0fe;kw`Wxi-@Q0a=(=<->R1wB%gA)$^hu5wb}TS|rQBJCF{0A55wgL#1VMyf7fka4 zxoQ=2jVMWw61j4yl+sWRtL)IwO4PW*CH-ob%qw5guuU!0xt`Tzf~}sMsWM{UD)c@6 zQT67pOQ*CsiFVK-CvyY$pU+F>c@WG`7hcSjI|T2cGsD~B*B@$d{2L4CRnF@p=A-eA zZL#`)jt8hg%b5i|Z)AT=j%rMMU_R0x8uyc_M8_QzG4K6t`(R_TDJJzR8nc zuerS-yP$mnH;(NXD?jAZpX~gE?wjex-sO`$;xT;xA4RBhenNyI5Fr8xB4S-PZeHvi z-#OkbsF|6W8}bEh0TYP`8?W}Z(K*?Hxg9TmW~+s9UGwrYh(15vHNI0xuzoEzSD=JJkz zu%`2qgPlKZ@BH*or}tYZW%HMZ@i2cpzoe51%3?p#`WDhaaP+^*q6#6BIw>T+52Zul z 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 YUqJ7)o!H!yRK=Z&8C*q~f)D@z0FKOw3;+NC diff --git a/src/main.js b/src/main.js index f272a79..142b26b 100644 --- a/src/main.js +++ b/src/main.js @@ -10,15 +10,16 @@ Vue.use(ElementUI) // 适配flex import '@/common/flexible.js' +import './assets/js/rollSlide.js' +import './assets/js/tagcloud-2.2.js' + // 引入全局css -import './assets/styles/style.scss' -import './assets/iconfont/iconfont.js' import './assets/fonts/fonts.css' +import './assets/iconfont/iconfont.js' +import './assets/styles/style.scss' -import '@/icons' +import './icons' -import './assets/js/rollSlide.js' -import './assets/js/tagcloud-2.2.js' // 按需引入然后注册在vue原型上 import { Message } from 'element-ui' Vue.prototype.$message = Message diff --git a/src/views/index.vue b/src/views/index.vue index 498ca66..200f399 100644 --- a/src/views/index.vue +++ b/src/views/index.vue @@ -29,7 +29,7 @@

第一行书

-
+ +
+
+
{{ index }} +
+ +
+
+

第二行书

-
+ +
+
+
{{ index }} +
+ +
+
+
- + + + +
第三屏
@@ -76,21 +97,41 @@ export default { swiperSlide }, data() { + const _self = this return { headerTitle: '祁阳图书馆', list: [], defaultImg: 'this.src="' + require('@/assets/images/default-img.png') + '"', swiperOption: { + loop: true, initialSlide: 0, notNextTick: false, observer: true, // 开启动态检查器 - autoplay: false, + speed: 2000, + autoplay: { + delay: 10000, // 自动切换的时间间隔，单位ms + stopOnLastSlide: true, // 当切换到最后一个slide时停止自动切换 + disableOnInteraction: false // 用户操作swiper之后，是否禁止autoplay + // reverseDirection: true // 开启反向自动轮播 + // waitForTransition: true, //等待过渡完毕。自动切换会在slide过渡完毕后才开始计时 + }, + direction: 'vertical', // 显示分页 pagination: { el: '.swiper-pagination-home', type: 'fraction' + }, + on: { + slideChangeTransitionEnd() { + console.log(' this.activeIndex-index', this.activeIndex) + $('#e').rollNoInterval().left() + $('#f').rollNoInterval().right() + _self.addAnimationClass(this.activeIndex) + } } - } + }, + mySwipera1: null, + mySwipera2: null } }, computed: { @@ -117,16 +158,78 @@ export default { keep: false, // 鼠标移出组件后是否继续随鼠标滚动, 取值: false, true(默认) 对应 减速至初速度滚动, 随鼠标滚动 multicolour: true // 彩色字体，颜色随机，取值：true(默认),false }) - $('#e').rollNoInterval().left() - $('#f').rollNoInterval().right() + // $('#e').rollNoInterval().left() + // $('#f').rollNoInterval().right() + // this.mySwipera1 = new Swiper('.seamless01-swiper', { + // observer: true, // 开启动态检查器，监测swiper和slide + // observeParents: true, // 监测Swiper 的祖/父元素 + // speed: 4000, // 切换速度 + // loop: true, // 循环 + // slidesPerView: 4, // 显示数量 + // spaceBetween: 10, // 间隔 + // freeMode: true, // 自动贴合 + // autoplay: { // 自动播放 + // delay: 0, // 自动切换的时间间隔 + // stopOnLastSlide: false, // 切换到最后一个slide时停止自动切换 + // disableOnInteraction: false// 用户操作后是否停止 + // }, + // breakpoints: { + // 750: { // 当屏幕宽度大于等于320 + // slidesPerView: 3 + // } + // } + // }) + // this.mySwipera2 = new Swiper('.seamless02-swiper', { + // observer: true, // 开启动态检查器，监测swiper和slide + // observeParents: true, // 监测Swiper 的祖/父元素 + // speed: 4000, // 切换速度 + // loop: true, // 循环 + // slidesPerView: 4, // 显示数量 + // spaceBetween: 10, // 间隔 + // freeMode: true, // 自动贴合 + // autoplay: { // 自动播放 + // delay: 0, // 自动切换的时间间隔 + // stopOnLastSlide: false, // 切换到最后一个slide时停止自动切换 + // disableOnInteraction: false, // 用户操作后是否停止 + // reverseDirection: true// 方向切换 + // }, + // breakpoints: { + // 750: { // 当屏幕宽度大于等于320 + // slidesPerView: 3 + // } + // } + // }) }, methods: { + addAnimationClass(activeIndex) { + this.$nextTick(() => { + const swiper = this.$refs.mySwiperHome.swiper + if (swiper) { + const slides = swiper.slides + const nextSlide = slides.eq(2) + if (activeIndex === 2) { + nextSlide.find('.place-point').children().addClass('bouncePoint') + this.$refs.mapRefs.isPage2 = true + this.$refs.mapRefs.libIndex = 0 + this.$refs.mapRefs.libCurrent = this.$refs.mapRefs.libInfoData[this.$refs.mapRefs.libIndex] + this.$refs.mapRefs.init() + this.$refs.mapRefs.updatePageWithData() + } else { + this.$refs.mapRefs.isPage2 = false + nextSlide.find('.place-point').children().removeClass('bouncePoint') + } + } + }) + } } }