swiper各种滑动demo，还有左右滑动中间嵌入上下滑动，代码简介，案例多，种类全，之后在我的博客里，也会有些swiper滑动使用得介绍(加入动画,左右滑动嵌入上下滑动)
2022-04-14 10:19:16
2.82MB
1
Swiper自定义分页，供大家参考，具体内容如下
最终实现效果图：
HTML DEMO（官网例子）
<link rel=stylesheet href=path/to/swiper.min.css>
Slide 1
Slide 2
Slide 3
2022-03-03 20:56:55
181KB
1
一款关于穿搭的微信小程序，有海报轮播图、分类swiper、...Fashion-Style-normal-master.zip
2022-02-16 20:54:54
289KB
1
这个是基于Swiper库做的 内容我给了一个高度，方便查看效果， 应用到实际项目中不用设置高度 内容自动撑开
// 进去页面就判断第一个页面内容的高度 添加给swiper-container
var divHgight=$(".divHgight").eq(0).height();
$(".swiper-container").height(divHgight);
var mySwiper = new Swiper('.swiper-container', {
autoHeight: true,
onSlideChangeStart: function () {
// 获取进去那个页面 删除和添加样式
$(".tabs .default").removeClass('default');
$(".tabs li").eq(mySwiper.activeIndex).addClass('default');
console.log('第' + ((mySwiper.activeIndex) + 1) + '页');
// 对应页面高度自适应
var activeHight = $(".divHgight").eq(mySwiper.activeIndex).height();
$(".swiper-slide").eq(mySwiper.activeIndex).height(activeHight);
console.log(activeHight);
$(".swiper-container").height(activeHight);
}
});
2022-01-27 17:54:27
165KB
1
滚动视频
微信小程序视频上下滑动播放方案
视频滑动播放的两种方案：
Swiper + Video，使用Swiper合并视频进行视频播放，小程序v2.4.0起Video组件支持同层渲染，大体思路是保证一个视频组件，记录Swiper的电流，并与此swiper-item的下标做比对，来对比当前索引和current是否一致，一致则展示Video组件。
滑动效果比较好，还有优化的，怎么预加载，怎么放置3个Video组件进行预加载的问题。
平移画，模拟上下滚动的效果。大体思路是固定的一个视频组件，把封面图平铺在视频组件上，根据手势滑动的范围，确定上滑或倾斜，通过改变translateY，切换视频源播放。
滑动效果不是很好，无法做到手指跟随。
Vide组件加载视频黑屏慢的可能解决方案
video组件在播放视频的时候会黑屏，或者正在加载时间长，这有几种方案替代参考，排除网络问题。
视频编码格式的问题，将
2021-12-21 11:00:14
114KB
1
Install
在vue cli下的使用
npm
install vue-awesome-swiper --save
在main.js中
import VueAwesomeSwiper from 'vue-awesome-swiper'
import 'swiper/dist/css/swiper.css'
Vue.use(VueAwesomeSwiper)
在component.vue中
<swiper-slide cl
2021-12-20 16:58:47
44KB
1