轮播
关注
分享
扫一扫
CHH5431
公众号：xssy5431 小拾岁月
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
操作DOM实现轮播图
一、思路分析1.创建一个img标签,而后再创建一个img标签2.移动图片3.移除移动出来的左边的一张.4.而后接着创建,移动,删除,循环往复.二、代码实现<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>02DOM版轮播</title>转载 2018-05-23 13:46:08 · 1724 阅读 · 0 评论 -
vue项目笔记（10）-使用vue插件vue-awesome-swiper
vue插件vue-awesome-swiper的使用方法vue-awesome-swiper插件用于快速创建轮播图，其中2.6.7版本较为稳定且无bug，我们以此为例，介绍giant插件的使用方法。1、安装插件npm install vue-awesome-swiper@2.6.7 --save2、在入口文件main.js中引入import Vue from 'vue'i...原创 2018-08-10 14:12:44 · 1783 阅读 · 0 评论 -
vue项目笔记（25）-公共组件拆分
公共组件拆分（画廊组件）vue项目开发中，有些组件不仅仅是一个页面需要使用，这时候我们可以将其抽离出来，作为一个公共组件。公共组件常用的目录结构如下（其中Gallery.vue就是公共组件）：Gallery.vue中的图片需要有轮播效果，故采用swiper，swiper中相关配置如下（详情参考swiper3官网）：在Gallery.vue组件中的轮播图片，需要使用v-for循环...原创 2018-08-16 20:50:16 · 3993 阅读 · 0 评论