由于有现成的Swiper, SwiperItem可以使用，所以DetailSwiper的实现非常简单。 首先获取轮播图片的数组topImages，数组中存放的是一张张图片的url。 this.topImages = data.itemInfo.topImages; 然后将topImages发送给子组 ...
分类：
其他好文 时间：
2021-06-30 17:36:35
阅读次数：
0
HomeSwiper是本项目的轮播图组件，它使用了两个现成的组件Swiper和SwiperItem，前者是对播放容器的设置，后者是对播放项目的设置。 我们直接使用Swiper组件，在其内部通过v-for动态创建若干个SwiperItem，每个SwiperItem都是一张超链接图片。需要展示的图片存放 ...
分类：
其他好文 时间：
2021-06-19 18:54:50
阅读次数：
0
刚开始并没有接触到层叠轮播图，拿到这个案列的时候特意查阅了一下资料，发现previousmargin和nextmargin可以试下层叠效果，就尝试着用了一下。 微信小程序XX.wxml下 <view class="banner-swiper"> <swiper indicator-dots="{{i ...
分类：
微信 时间：
2021-06-18 20:03:57
阅读次数：
0
安装指定版本 npm install vue-awesome-swiper@3.1.3 --save 组件中使用 这里我贴出在页面中使用方法，小伙伴们可以完全复制粘贴，复杂的东西我都简化掉了。 版本: vue@2.6.11，vue-awesome-swiper@3.1.3 <template> <d ...
分类：
其他好文 时间：
2021-06-18 19:30:25
阅读次数：
0
最近处理了一个外包小程序前端开发的任务，刚开始以为是和以往做的小程序一样对样式要求不高，就在小程序里面使用了大量的ui框架组件，后来发现客户要求小程序对设计稿的还原程度非常高，没办法，只能一点点改，刚开始很吃力，因为第三方的组件封装程度高，一个组件经过了层层嵌套，想要改变一个组件的高度，很可能就是写 ...
分类：
移动开发 时间：
2021-06-05 18:35:18
阅读次数：
0
一开始我以为是border-radius属性设置错地方了。于是就全部给他们加上试了一试 html <swiper class="banner" indicator-dots="true" autoplay="true" interval="1600" duration="1000" circular ...
分类：
微信 时间：
2021-06-02 15:49:08
阅读次数：
0
vue-awesome-swiper在Vue中的应用 网址:https://github.surmon.me/vue-awesome-swiper/ vue-awesome-swiper是基于swiper的， 安装不同版本的vue-awesome-swiper对应不同的swiper， 所以swipe ...
分类：
其他好文 时间：
2021-05-25 18:30:49
阅读次数：
0
39 插件、zepto 插件 常用插件网站 jquery官网插件 https://plugins.jquery.com/ 百度 CSDN swiper https://www.swiper.com.cn github jq22 使用过程 找 用： 2.1 下载 2.2 文件拷贝到用的地方 自定义插件 ...
分类：
其他好文 时间：
2021-05-24 00:54:18
阅读次数：
0
最近 Vue 项目中用到的触摸滑动插件 Swiper，执行 npm install swiper vue-awesome-swiper --save 安装 Swiper 后，在 main.js 中进行引入， import VueAwesomeSwiper from 'vue-awesome-swip ...
分类：
Web程序 时间：
2021-04-21 12:36:01
阅读次数：
0
#####效果：div内部swiper滑动时，外部div背景图片随着变化 ######思路：获取swiper的索引，用:style定义背景图片 //template //外部背景图片 <div class="cont-box" :style="{backgroundImage: 'url(' + b ...
分类：
其他好文 时间：
2021-04-15 11:59:42
阅读次数：
0
