- 博客(5)
- 收藏
- 关注
原创 div标签里放img标签时候遇到的坑
项目遇到div标签里放img标签的情况,div的width、height 都已经设置好,img的width、height 为100%。但是发现渲染出来的img超出了div的高度,如下图:后来尝试了下发现应该给div设置line-height(和height的大小一样),这样渲染出来的img才不会超过div的范围。见下图:总结:div里写img且img的宽高和div一致的时候,一定要设置l...
2019-03-28 15:06:58 4461
原创 关于vue中动态加载图片的坑
今天在项目中用img标签动态加载图片,img的src属性的值是循环出来的数据当我加载的时候发现图片始终出不来,关键是图片的路径是正确的我在浏览器检查了元素,发现图片没有被压缩处理于是我查询了相关的解决方法,最后发现在js里用require引入图片可以解决这个问题再次加载之后发现图片就被正常的压缩处理了原因是:之前没有使用require的时候,vue并没有把你的路径字符串当做路径...
2019-03-27 11:36:07 3756 3
原创 vue-cli3多环境打包配置
最近下载了vue-cli3,研究了下vue-cli3下多环境的配置。首先,安装vue-cli3。npm install -g @vue/cli安装好之后的项目是这样的,见下图:相比较vue-cli2的项目,缺少了build和config目录,另外static目录也没了,多了个public目录。配置文件需要自己写一个vue.config.js,可以参考官方文档文档写,网址https:/...
2019-03-20 18:51:36 5858 5
原创 dataV实现扇形图轮播
2019年3月11日项目要求用dataV做一个大屏。其中扇形图需要实现自动轮播的效果。举个例子:先播放A酒店的评论,2秒后播放B酒店的数据,再过2秒播放C酒店的数据。见下图:初次使用datav的我一筹莫展。后来看了官方文档介绍了回调参数id,知道了怎么用回调参数id来实现自动轮播的效果。具体见下面分析:1.首先往画板中添加一个叫时间轴的组件。在画板中长这个样子:在右侧的数据设置中...
2019-03-11 18:06:55 3562 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人