如果能看懂swiper官网文档,请忽略此篇文章。 遇到的问题: 主要是版本的问题,不同版本的swiper文件不同,导致总是引用不成功。按照我的版本来,肯定畅通无阻。实现后再尝试看官网文档,使用最新的版本。 1.首先下载swiper和vue-awesome-swipe。 下载我指定的版本,否则可能会打 ...
分类:
其他好文 时间:
2020-07-22 20:06:08
阅读次数:
93
先来说一下问题,在本地项目完好,所有图片均可显示,但是部署到线上之后发现所有背景图片无法展示,其他引入img正常。 解决方法: 第一步 第二步 找到build文件夹下的utils.js 启动项目 再次build就可以了。 最后的最后再说一个 轮播图上的点击事件, 我用的swiper , 轮播上的实验 ...
分类:
其他好文 时间:
2020-07-21 14:09:06
阅读次数:
90
swiper标签是微信小程序中自带的轮播图组件,然我们可以快速的创建一个轮播图,不再需要像在HTML中那样麻烦。 swiper (滑块视图容器,即轮播图容器) 轮播图组件容器。 在此容器中加入轮播的图片,设置部分属性即可完成轮播图的设计,非常方便。下面记录一下各个常用属性及其作用。 注意 下面这些全 ...
分类:
微信 时间:
2020-07-20 20:31:38
阅读次数:
214
解决办法: 在不生效的那个swiper的js代码中插入以下两行代码就OK了 observer:true, //修改swiper自己或子元素时,自动初始化swiper observeParents:true, //修改swiper的父元素时,自动初始化swiper ...
分类:
其他好文 时间:
2020-07-18 20:00:21
阅读次数:
80
这是swiper专门为了vue开发出的插件,参数基本一样 https://www.swiper.com.cn/ vue中使用 npm install vue-awesome-swiper 组件中引入 import { Swiper, SwiperSlide } from 'vue-awesome-s ...
分类:
其他好文 时间:
2020-07-17 14:02:11
阅读次数:
125
navigator是导航组件,类似超链接标签;其是块级元素,默认换行,可以直接配置宽度和高度 1.url 要跳转的页面路径 可以是绝对路径,也可以是相对路径 2.target 可以指定要跳转到当前的小程序,还是其它的小程序页面 2.1 self 默认值 跳转到当前小程序内部页面 2.2 miniPr ...
分类:
微信 时间:
2020-07-12 22:46:13
阅读次数:
109
1.Cannot find module 'swiper' 我也就试了下github上的demo啊,哪错了?? 好的,再去下载swiper,轮播图能显示了 让我们再来试试下面的小点点 不管是 pagination: { el: '.swiper-pagination' } 还是 pagination ...
分类:
其他好文 时间:
2020-07-08 19:31:13
阅读次数:
118
wxml <view class="swiper-view"> <swiper next-margin="100rpx" previous-margin="100rpx" class="swiper_container" vertical="true" autoplay="true" circula ...
分类:
微信 时间:
2020-07-06 19:45:33
阅读次数:
176
先来看一下官方方法 vue-awesome-swiper 官方推荐使用 import 'swiper/css/swiper.css'但实际上版本已经过时!!! 此时我用的是 6.0.0版本 可以发现我node_module下的swiper中没有css文件夹 查阅官方git的issues后知道要转变为 ...
分类:
Web程序 时间:
2020-07-05 19:24:22
阅读次数:
629
1,使用方法:设置一个swiperOptions对象,对象的值是一个数组,该数组由Swiper的相关参数组成(Swiper的相关参数,详情请看官网:[https://www.swiper.com.cn/api/index.html])(https://www.swiper.com.cn/api/in ...
分类:
其他好文 时间:
2020-07-01 20:09:56
阅读次数:
148