Vue
文章平均质量分 71
nsxzDz
逆水行舟
展开
-
Vue3使用echart实现病虫害视图效果,包含图文标记点,双y轴刻度线, dataZoom,自定义tooltip,areaStyle,markArea,markLine等效果。
echarts图文标记点,双y轴刻度线, dataZoom,自定义tooltip,areaStyle,markArea,markLine等效果原创 2022-08-23 10:30:45 · 721 阅读 · 0 评论 -
Vue 封装el-upload通用组件, 实现pdf、img混排,支持预览
使用vue-pdf加载pdf文件 npm install --save vue-pdf el-upload设置上传文件格式,自定义排版,通过过slot实现 <el-upload ref="elUpload" :action="baseUrl" list-type="picture-card" :limit="limit" :class="{ hide: disabled }" .原创 2022-02-17 10:25:54 · 4380 阅读 · 11 评论 -
Vue 解析apk 实现版本升级功能
之前app配置更新很繁琐,需要先把apk文件上传到云端,然后在数据库里面修改各种信息。为了解决这一点,做了一个版本升级管理。使用app-info-parser 解析apk文件信息。 npm install app-info-parser# or yarnyarn add app-info-parser el-upload 拖拽 选择文件,获取文件信息 <el-upload style="align-self: center" ...原创 2021-12-08 15:50:19 · 1684 阅读 · 0 评论 -
VUE 开发一套自己的时间轴
最近做VUE开发,要实现时间轴功能,先看效果图这个空间的主要功能点是蓝色竖线的距离和竖线要随着文字的增多而自动变长,实现思路是竖线为右侧的border-left 第一个原点为实心,这里循环的时候判断下即可。 下面附上布局 <div v-for="(item,index) in items" :key="item.id"> <span :cla...原创 2019-06-13 17:57:58 · 7566 阅读 · 4 评论 -
css 实现带文字,阴影效果的棱形
今天开发VUE项目,要实现一个UI效果。感觉效果挺好,记录一下。先看效果图先说下实现思路刚看到这个布局的时候,感觉用个p 标签旋转45deg应该就能实现,但是旋转之后文字也跟着旋转了。这个问题不能够接受;然后就改为div嵌套一个span和p标签,p标签是棱形,span标签是里面的输入,设置绝对定位,然后居中完美实现。然后是设置阴影部分,本来想阴阳部分也用一个标签实现的,后来发现css3中的...原创 2019-09-09 18:55:26 · 965 阅读 · 0 评论 -
Vue table表单滑动固定头部和左列
之前一直想实现一种table表单滑动固定头部和左列的效果,这两天改bug抽时间就做了一个,先看效果。顶部固定左侧固定这里主要用到左右两个table标签,每一个table都由thead和tbody组成;固定thead,设置tbody滑动。 <div class="container"> <div class="left-div" @mouse...原创 2019-09-30 10:04:38 · 2614 阅读 · 2 评论