![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web
Romatic_1
web
展开
-
树
项目要求显示一个树形的文件夹,后台给的接口是在点击的时候去请求子节点,查了网上的插件,都不符合要求,只能自己动手写一个。Html代码 <div class="form-group"> <label class="col-sm-3 control-label">选择文件</label>原创 2018-12-19 18:24:50 · 128 阅读 · 0 评论 -
记一些开发中容易忽略的小问题
1、VUE项目, 在手机端访问的项目,弹出自定义的遮罩层之后防止屏幕滚动<div v-show="show" class="bg" :style="bg" @click="showLeft" @touchmove.prevent></div>只要在html里面加入 @touchmove.prevent 就可以阻止屏幕滚动2、线上项目如果是放在服务器上的项目,访问的链...原创 2019-06-04 09:48:10 · 174 阅读 · 0 评论 -
iview轮播图的修改及应用
项目中要求轮播图是以4个4个的方式展示并轮播,使用swiper4 做好以后发现ie下不兼容导致整个项目页面空白。起初我还以为是ie对ES6语法出现兼容问题,但是在我给项目中加上babel-polyfill 之后仍然一片空白所以我就想到是不是有别的插件的引用影响了整个项目的运行,开始挨个排除。。(当时并不知道swiper4 不兼容ie,之前做的一个APP用的就是swiper4,并没有出现任何问题...原创 2019-06-04 10:53:25 · 3559 阅读 · 1 评论 -
利用swiper2写一个上一篇要求的样式的轮播图
本来用swiper4写的轮播图,都写好了发现ie不兼容,烦,就又换了swiper2…上一篇用iview改的样式符合,但是没有hover效果,swiper2就可以完美符合所有要求效果图(已经将项目里接口传过来的数据打了码)页面有效宽度规定是1200px,传过来的产品一屏显示4个,点击左右按钮切换,一次切换一张hover效果为第一张图html:<div class="swiper-...原创 2019-07-04 11:01:02 · 324 阅读 · 0 评论 -
js写一个无缝滚动广告
项目官网要求将合作伙伴的logo以无缝滚动的样式展示在首页插件改起来真麻烦,就自己写吧,自己写的最起码是可控的,不会出现奇奇怪怪的问题效果图:(其实它的滚起来的,不是静止的…)合作伙伴的logo都是从接口读取的图片,ui设计要求每个图片大小一致,间隔一致,所以写起来比较简单html:<div class="t"><div class="t-1">ABOUT P...原创 2019-07-04 11:18:34 · 415 阅读 · 0 评论