- 博客(8)
- 收藏
- 关注
原创 限制上传图片尺寸比例
beforeUpload (file) { const _URL = window.URL || window.webkitURL const isSize = new Promise((resolve, reject) => { const img = new Image() img.onload = function () { (this.width / this.height >= 2.3 &&am...
2021-04-12 14:59:12 347
原创 页面模块动画加载,根据wowjs和animate动画结合使用
安装npm install wowjs --save(animate.css会被自动安装,但是这里有坑)在main.js中引入animate.cssimport 'wowjs/css/libs/animate.css'引入时需要注意看是引入的哪个animate.css文件,在后面有详细讲解。引入wow.js并初始化,页面直接引入import {WOW} from 'wowjs' mounted () { var wow = new WOW({ boxClass: .
2021-03-24 11:14:57 214
原创 vue移动端和pc端切换显示两套不同的代码
首先在App.vue中<template > <div id="app" > <!-- <router-view />--> <router-view v-if="showPage == 1" name="m" ></router-view> <router-view v-if="showPage == 2" name="pc" ></router-view> </d
2021-03-24 11:01:51 1567 1
原创 Swiper加载 loop 自动播放等问题解决办法
mounted() { this.$nextTick(() => { this.initSwiper() }) }, methods: { initSwiper () { setTimeout(()=>{ this.mySwiper=new Swiper('.swi...
2020-09-28 13:29:51 1497
原创 vue+swiper出问题
如果你下载的当前最新的swiper目前swiper6 api还没有,下载npm install --save swiper@5.4.5引入import Swiper from ‘swiper’import ‘swiper/css/swiper.css’注意api对应着官网的swiper5的属性去配置,不要随便的复制粘贴属性,swiper5大多数都写成了集合一个页面中有多个swiper的时候,将swiper-container名字改一下就好了 let swiper = new Swiper
2020-08-21 17:56:47 164
原创 阿里小图标vue中使用
1、首先找到合适图标,然后点击添加入库,接着点击右上角的购物车图标。2、你刚才选择的图标就能在侧边栏看到了,选择要加入的项目(提前建好的项目),点击确定。3、进入我的项目页面,就能看到所有选择好的图标,点击下载至本地按钮。4、文件解压后,将所有文件复制到如下目录。5、在main.js文件里引入iconfont.css。6、现在就可以在项目中引入图标了。必须添加iconfont类,然后再添加图标名字作为类名。<svg class="icon Micon" aria-hidden="
2020-08-21 17:47:42 217
原创 vue 脚手架入门可能遇见的问题
-刚开始学习了vue十几天,总结了一些脚手架-----单文件组件遇到的问题。首先安装脚手架 npm install -g vue-cli ,安装完成后会有一些配置调试,安装一些依赖,也可以默认安装。然后创建create+文件名。1.要先懂得三个脚手架命令npm run serve 运行代码npm run lint 将代码格式化 因为会有一些规定空格等格式报错 使用此命令可以解...
2020-03-01 21:35:39 275
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人