最近在研发“移动端触屏滑动”（手机端在线做题翻页）功能的过程当中，使用了Swiper插件，官方参考地址：swiper 写好静态模板，一切顺利，切换动态数据加载时，不能上下切换、前后滑动，动态统计template模板加载的数据量，绑定到swiper-slide类里面，虽然可以解决这个问题， 在用户体验 ...
分类：
其他好文 时间：
2021-04-12 12:15:18
阅读次数：
0
遇到的问题: 1.只有第一个动画播放了,后面的不播放动画 原因 : 还没完全加载到轮播,动画就已经播放完了 解决方案 : 加一秒动画延迟 引入文件 <-- css --><link rel="stylesheet" type="text/css" href="/static/readme/anima ...
分类：
其他好文 时间：
2021-04-05 12:02:59
阅读次数：
0
需求 实现React轮播图 使用库 swiper官网 https://swiperjs.com/react 实现方法 /** 组件：图片轮播*/ import React, { Component } from "react"; import SwiperCore, { Navigation, Pa ...
分类：
其他好文 时间：
2021-03-29 11:45:53
阅读次数：
0
手机屏展示这样的效果，用swiper去实现， <template> <view class="container"> <view class="mas-promo-swiper-scroll-wrapper" :style="{ transform:'translateX(' +swiperMarg ...
分类：
移动开发 时间：
2021-02-25 11:49:26
阅读次数：
0
swiper6和swiper5所需文件所在目录不一样。（懒得截屏说明了，有兴趣的小伙伴可以去试试，图仅展示两个版本的区别）。 本次使用vs cod 中install swiper@5.4.5，会按照swiper6的目录去找文件，会报找不到某个文件的error。 ...
分类：
其他好文 时间：
2021-02-17 14:38:07
阅读次数：
0
最近在做一个项目的时候遇到一个问题，就是当swiper遇上tab切换时，会出现一系列问题，例如：swiper不能滚动，或者出现点击错乱的情况，猜测原因是点击的时候未清除上一个swiper，解决办法就是使用observeParents、observer； 代码如下： <script language= ...
分类：
其他好文 时间：
2021-01-25 10:53:36
阅读次数：
0
swiper：https://www.swiper.com.cn/usage/index.html 安装swiper cnpm i -S swiper 在功能组件中定义Swiper组件并设置好插槽 <template> <div class="swiper-container"> <div clas ...
分类：
其他好文 时间：
2021-01-13 11:31:56
阅读次数：
0
main.js 全局引入轮播图的js 和 css文件 <template> <div> <h1>轮播图案例</h1> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide" v-for ...
分类：
其他好文 时间：
2021-01-06 12:17:44
阅读次数：
0
video 组件，video 组件在目前较新的基础库（2.12.2）中已经支持同层渲染，如果写在 video 标签内部，则在开发者工具中显示正常，但在真机中会出现 非 video 元素不显示的情况。video 标签已支持嵌套在 swiper 组件中，swiper-item 也可签到 scroll-v ...
分类：
微信 时间：
2021-01-01 12:38:18
阅读次数：
0
问题一：onSlideChangeEnd回调偶尔不触发 使用 fade 过渡方法，onSlideChangeEnd 回调偶尔触发，偶尔不触发。 因此使用 onTransitionEnd(过渡效果结束之后触发)； var mySwiper = new Swiper('.swiper-container ...
分类：
Web程序 时间：
2020-12-30 10:44:55
阅读次数：
0
