1.下载插件 npm install vue-awesome-swiper --save 2.应用main.js import VAS from 'vue-awesome-swiper' import 'vue-awesome-swiper.min.css' 3.遇到的坑 ! css和代码分离，要引 ...
分类：
其他好文 时间：
2018-04-16 11:08:23
阅读次数：
594
需求描述：图片元素背景图片加载：若后台传来的url为空，则显示默认图片url。 我是这么干的： 遇到的坑： 因为要判断加载默认图片还是传过来的图片， 所以用三目运算。 在三目运算前加字符串'background-image:url(‘ 发现 完全没效果： 整个background-image 属性都 ...
分类：
编程语言 时间：
2018-04-12 18:39:58
阅读次数：
1363
<template> <swiper :options="swiperOption" ref="mySwiper"> <!-- slides --> <swiper-slide><img src="../../static/images/home/index/banner_1.jpg"/></swi ...
分类：
其他好文 时间：
2018-04-11 15:03:03
阅读次数：
175
今天项目用到swiper的自定义分页器，由于官网写的比较简单，而在网上看到也多数是以前版本的实例。经过多篇博客的参考，最后终于写出来了。 使用版本 我使用的是3版本以上，而发现以前的版本和新版API上面有些差别，所以这儿就主要以3+版本为参考。 使用的API 做自定义分页器的时候，我们需要使用pag ...
分类：
其他好文 时间：
2018-04-09 21:52:56
阅读次数：
1103
http://www.hcharts.cn/ 表格网http://layer.layui.com/ 弹出层http://www.ibootstrap.cn/ 后台快速搭建官网http://www.swiper.com.cn/ 轮播图http://www.bootcss.com/ 框架http://w ...
分类：
其他好文 时间：
2018-04-09 13:21:35
阅读次数：
175
最近用vue重构一个移动端的项目，碰到了不少坑，今天拿移动端最著名的轮播插件swiper为例来说，由于这个项目没用UI库，纯手写的样式，沿用老的插件，自然而然的选择了vue-awesome-swiper(3.1.3)最新版，记不清上次用这个插件多久了，现在用来竟遇到很多坑，今晚闲暇以此记录，帮助大家 ...
分类：
其他好文 时间：
2018-04-05 01:28:25
阅读次数：
913
说起swiper，简直是一款轮播图神器，本人是非常喜欢的，最近在向资深的小哥哥学习模拟数据传输，然后swiper就出现样式错乱和不能点击切换等各种问题，谁能告诉我发生了什么吗？我是谁？我在哪？ 好吧，经过网上一番找资料，还是没找到，最后一位神人告诉我说，你取到数据后在初始化swiper看看！！！！！ ...
分类：
其他好文 时间：
2018-04-04 18:18:44
阅读次数：
606
1、原因：轮播图未完全动态加载完成，即初始化 2、方法一：ajax链式编程 方法二、Swiper提供方法 ...
分类：
其他好文 时间：
2018-04-02 11:10:48
阅读次数：
703
以下仅仅是个人在开发遇到的问题记录，不一定是最好的解决方案。有更好的解决方案请务必留言改进。 1. 移动H5页面在布局图片轮播(Swiper)的时候，每一次轮播造成页面闪烁，原因是每次重载计算 解决方案：在CSS里全局加入 * { backface-visibility: hidden; } 副作用 ...
分类：
其他好文 时间：
2018-03-31 13:23:14
阅读次数：
144
基于之前写的vue2.0 + vue-cli + webpack 搭建项目 1.进入项目目录，安装swiper 2.引入资源（main.js文件) 3.编辑组件(HelloWorld.vue文件) ...
分类：
其他好文 时间：
2018-03-12 17:04:02
阅读次数：
322
