摘要: npm install portfinder@1.0.21 阅读全文
posted @ 2019-08-19 20:16 绿谷 阅读(456) 评论(0) 推荐(0) 编辑
摘要: 在build/utils.js文件中添加publicPath:'../../' 阅读全文
posted @ 2019-08-16 20:24 绿谷 阅读(1581) 评论(0) 推荐(0) 编辑
摘要: 用div代替图片,并将图片设为背景 阅读全文
posted @ 2019-08-16 20:21 绿谷 阅读(192) 评论(0) 推荐(0) 编辑
摘要: Vue.use(Lazyload, { error: require('./assets/img/noimg.jpg') }) 阅读全文
posted @ 2019-08-15 21:18 绿谷 阅读(886) 评论(0) 推荐(0) 编辑
摘要: .img-box{ width: 100px; height: 100px; overflow: hidden; display: flex; justify-content: center; align-items: center; } 阅读全文
posted @ 2019-08-15 21:12 绿谷 阅读(469) 评论(0) 推荐(0) 编辑
摘要: npm install better-scroll --save <template> <div class="box"> <div class="person-wrap" ref="personWrap"> <ul class="person-list" ref="li1"> <li class="person-item" :class="{'current':currentIndex inde 阅读全文
posted @ 2019-08-11 16:46 绿谷 阅读(6727) 评论(0) 推荐(0) 编辑
摘要: 1. vue内置组件transition 元素出现和消失都呈现动画 2. animate.css插件 参照https://github.com/daneden/animate.css 加入类名时呈现动画 3. wow.js 需引入animate,滚动到元素的位置展现动画 4. 原生css动画 阅读全文
posted @ 2019-08-11 16:24 绿谷 阅读(10169) 评论(0) 推荐(0) 编辑
摘要: <div class="content"> <div v-for="(item,index) in 5" :key="index" :class="`box box${index}`"></div> </div> <style lang='scss' scoped> .content{ position: relative; } .box{ position: absolute; width: 5 阅读全文
posted @ 2019-08-11 16:06 绿谷 阅读(827) 评论(0) 推荐(0) 编辑
摘要: ul{ list-style-type: none; } .li1{ float: left; width: 50px; background-color: aqua; } .li2{ display: inline-block; width: 50px; background-color: aqua; } 123 1234 ... 阅读全文
posted @ 2019-08-11 15:46 绿谷 阅读(275) 评论(0) 推荐(0) 编辑
摘要: 原因:冒泡和捕获 建议使用onmouseenter与onmouseleave代替 阅读全文
posted @ 2019-08-06 20:53 绿谷 阅读(1320) 评论(0) 推荐(0) 编辑