- 博客(15)
- 收藏
- 关注
RSS订阅原创 vue项目中，动态src引入图片，并且js根据文件名后缀，判断文件图片、视频、文档、pdf等类型的方法
2、根据返回的结果，直接将文件名命名为返回的结果，比如我有个图片类型的文件，经过上述的方法，返回的是image，那我直接要显示的图片名称就为image,然后动态引入图片。vue根据文件地址，获取后缀，根据后缀判断类型，然后根据类型动态展示不同类型的照片。1、处理后缀，根据后缀判断类型。
2023-07-18 14:55:46
3462
1
原创 前端图片无损压缩在线工具
目的：为了提高页面加载速度，降低服务器压力要求：ui给的切图，都需要经过压缩，再放到项目目录中工具地址：https://tinypng.com/操作步骤：点击上传或者直接拖拽到里面，然后直接点击下载就行...
2021-09-02 11:44:37
153
原创 滑动加载更多 vue-data-loading
<vue-data-loading :loading="loading" :listens="['pull-down', 'infinite-scroll']" @infinite-scroll="infiniteScroll" @pull-down="pullDown"><!--your data here--></vue-data-loading> <div slot="infinite-scroll-loading">加载中...</div.
2021-09-02 10:44:34
487
原创 css实现图片在固定的盒子里等比例显示
使用object-fit:cover .img-box { height: 210px; width: 210px; border-radius: 8px; overflow: hidden; > img { height: 100%; width: 100%; object-fit: cover; } }
2021-08-26 11:58:02
1537
原创 vue实现左滑删除功能
实现效果如下：思路： 通过touch事件获取起始位置跟终点位置，通过这段距离的差值进行判断，进行左滑的实现html<ul class="listBox"> <li v-for="(item, index) in commentList" :key="index"> <div class="list-item" data-type="0"> <div ...
2021-08-26 11:49:32
640
原创 pc端在使用element-ui中的table表格时出现表格对不齐，解决方法
1、用element-ui中的table表格时出现表格对不齐解决方案：body.el-tableth.gutter{display:table-cell!important}然后就ok了
2021-08-26 11:19:52
768
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人