上一页 1 ··· 3 4 5 6 7 8 9 下一页
摘要: 1:折线图 ①:单条折线 在与series同级的地方放置color数组: 如图 : 效果如图 ②:多条折线: 同理在与series同级的地方放置color数组:例如 color: ["#7EC0EE", "#FF9F7F", "#FFD700", "#C9C9C9", "#E066FF", "#C0 阅读全文
posted @ 2020-07-30 17:00 冰晨之露 阅读(14419) 评论(0) 推荐(1) 编辑
摘要: 最近七天时间组成的数组(不包含当天) const arr=[] for (let i = 0; i < 7; i++) { const time = new Date(new Date().setDate(new Date().getDate() + i - 7)); const year = ti 阅读全文
posted @ 2020-07-30 14:28 冰晨之露 阅读(1312) 评论(0) 推荐(0) 编辑
摘要: 后台管理中经常会有一些视频上传的需求,在列表中,往往需要用到视频预览 1:安装 yarn add vue-video-player 2:引用:在main.js中引用 import VideoPlayer from 'vue-video-player' require('video.js/dist/v 阅读全文
posted @ 2020-07-30 11:53 冰晨之露 阅读(3523) 评论(0) 推荐(0) 编辑
摘要: 在很多项目中,会有图文列表或者图片列表的出现,图片宽度好设定,但是高度往往不能设置成定值,一旦图片长款不成比例,就会显得很难看。 所以使用瀑布流可以完美实现这个问题,图片只需要设定宽度,高度自适应,就可以完美实现。 下边我们来说说怎样来实现 这个是针对图片以及带文字的卡片 1:安装 yarn add 阅读全文
posted @ 2020-07-30 11:22 冰晨之露 阅读(4440) 评论(0) 推荐(0) 编辑
摘要: 在vue中使用腾讯地图, 1、首先去申请一个key,可以在https://lbs.qq.com/这个网站里申请。打开是下图这个样子的。 2、点击登录,绑定一些信息,手机号之类的,随后点进开发者信息里,如下图 3、点击key管理,创建新密钥,填写相应信息即可 4、申请成功后是这样的-(五位一组,共六组 阅读全文
posted @ 2020-05-29 15:46 冰晨之露 阅读(13717) 评论(3) 推荐(1) 编辑
摘要: 参考我上一篇文章https://www.cnblogs.com/bingchenzhilu/p/11690402.html 创建完成后,我创建的名称是vuetify 通过 cd vuetify到达该级目录 输入vue add vuetify命令 选择默认项即可,下图是安装成功的样子 打开的项目目录是 阅读全文
posted @ 2020-05-29 11:49 冰晨之露 阅读(5034) 评论(1) 推荐(0) 编辑
摘要: 在有些项目中需要使用甘特图来标注任务进度以及时间跨度。那么如何使用dhtmlx-gantt来实现甘特图呢? 1先安装dhtmlx-gantt yarn add dhtmlx-gantt 2引入,通过以下代码即可得到甘特图 <template> <div style="height:600px;" r 阅读全文
posted @ 2020-05-22 17:41 冰晨之露 阅读(8406) 评论(5) 推荐(0) 编辑
摘要: 在做数据页面的时候,很多时候需要地图来标注数据,但是怎样使用地图呢? 1,先安装echarts包 yarn add echarts 2,在main.js中引入 import echarts from 'echarts' Vue.prototype.$echarts = echarts 3下面是初始化 阅读全文
posted @ 2020-05-19 15:59 冰晨之露 阅读(6687) 评论(1) 推荐(0) 编辑
摘要: 在做后台管理的时候,很多时候会用到数据展示,一般有饼状图,柱状图,折线图以及雷达图等(我列举的是较为常用的) 那么有时候也会出现同一个页面里会有不止一个饼图或者柱状图,这个时候,写两个组件吧,太麻烦,而且内容一模一样,也失去了写组件最初的意义。 但是一个组件调用两次,你渲染的时候会发现,他只会渲染一 阅读全文
posted @ 2020-05-13 17:06 冰晨之露 阅读(4890) 评论(0) 推荐(0) 编辑
摘要: 轮播图在一般项目中很常见,很多常用element-ui组件库中也有轮播图,可以不再单独使用swiper,但是当有的ui组件不能完成你的需求后,则可以使用swiper完成。 1,首先安装swiper yarn add swiper 2,引入 import Swiper from "swiper"; i 阅读全文
posted @ 2020-04-24 17:29 冰晨之露 阅读(4694) 评论(0) 推荐(0) 编辑
上一页 1 ··· 3 4 5 6 7 8 9 下一页