![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
lulululuq
这个作者很懒,什么都没留下…
展开
-
element-ui 修改时间选择器的样式
element-ui 修改时间选择器的样式如上篇文章Vue中scoped属性相关中提到的,一般项目中如果设置了scoped属性,可以通过>>>或者/deep/来修改其他第三方组件的样式。 <el-date-picker v-model="valueTime" type="datetime" placeholder="选择日期时间"> </el-date-picker>但是elementUI的时间选择器el-date原创 2020-10-27 15:27:17 · 13722 阅读 · 5 评论 -
Vue中scoped属性相关
scoped属性相关一般在项目中都会用到<style scoped lang="less">,添加了scoped属性后,Vue会通过PostCSS 给一个组件中所有的 DOM 添加了一个独一无二的动态属性,然后给 CSS 选择器额外添加了一个对应的属性来选择该组件中的 DOM,这种做法使得样式只作用于含有该属性的 DOM ——组件内部 DOM 。<h1 data-v-e43c18bc="" class="title">test</h1>.title[data-v-原创 2020-10-27 15:05:58 · 204 阅读 · 0 评论 -
canvas clearRect后仍存在之前图像问题
画板clearRect后仍存在之前图像问题最近遇到的一个问题是:利用onmousedown等鼠标按钮执行事件,在canvas画布上画出若干个图形后。要求点击某一个具体图形,能够将该图形从画布上清除,但是其他的图形保留不改变。其他的都没什么问题,但是当点击某个图形进行删除时,利用clearRect()进行画布清空时,发现画布上的图形仍然存在,说明clearRect()并没有将画布清除干净。**经过尝试,发现在clearRect()语句前加上beginPath()语句,就能够顺利的将画布清除干净。关于原创 2020-10-27 14:13:31 · 2078 阅读 · 1 评论 -
Vue echarts4 热力图
直角坐标系下利用geo地理坐标系组件构建的热力图下面图1为echarts官网上的一个实例,简单的利用点坐标进行热力图渲染,略显粗糙,不是很符合项目要求,图2为在echarts gallery上找到的一个热力图实例。...原创 2020-10-27 10:55:13 · 3321 阅读 · 1 评论 -
Vue echarts4 3D曲面图+散点图(数据可视化)
Vue echarts4 3D曲面图(数据可视化)第一步:在Vue项目中安装echarts和echarts-glnpm install echarts --savenpm install echarts-gl --save如果需要安装指定版本或是更新项目中的echarts版本,都可直接在npm命令后加入版本号,例如:npm install echarts@4.1.0 --save npm install echarts-gl@1.1.0 --save 第二步:在main.js或是具体页面原创 2020-10-26 17:05:40 · 7841 阅读 · 6 评论 -
Vue中visibility display v-if v-show比较
display: none给一个元素设置了display: none后,该元素及其后代元素均会被隐藏。且重写后代元素的display属性无效。该元素及其后代元素均不占用原空间,隐藏后的元素无法点击。visibility:hidden给元素设置visibility: hidden后,该元素隐藏。其子元素默认继承父元素visibility属性,但子元素若重写属性,则不受父级影响。该元素隐藏后,仍保持占位。隐藏部分无法点击,可见的子元素可以点击。display: none和visibility原创 2020-10-13 11:40:28 · 3965 阅读 · 0 评论 -
Vue中echarts加载不出问题
Vue中echarts加载不出问题最近刚接触echarts,做了些基础的图表,也踩了好几个坑。总结一下echarts图加载出不来可能有以下两方面的问题(目前遇到的):1.没有给charts图设置宽高!2.项目中echarts的id重复如果init图表时,使用document.getElementById的方式获取元素的id,此时charts图的id一定不能重复!跨页面不重复!否则可能会出现charts图不显示的问题!!较好的init方法是,采用ref的方式,而不要用原生的document.getE原创 2020-10-10 11:27:07 · 11455 阅读 · 5 评论 -
Vue中数组push问题
最近在Vue框架中使用数组push遇到两个坑1. 向数组中push后,无法获取到数组中的属性值数组赋值:......res.data.forEach((item,index) => { // res.data中有值 this.bData.push({ ...... video: item.video })})......页面取值:<video :url="bData[0].video"></video>页面中无法获取到bData[0].原创 2020-10-09 10:54:26 · 25464 阅读 · 0 评论 -
antd dropdown样式调整问题
antd dropdown样式调整问题客户给的设计图中有针对select dropdown的样式要求,包括背景色、字体颜色、选中时颜色等等等。。虽然通过F12中元素选择器确定了dropdown的css,直接在Chrome的DevTools中进行设置也可以产生效果,但是呢,在代码中进行设置后却不生效。。。那我这个前端新手小白就懵逼了呀。。最后!!!请教小姐姐后,发现是项目最外层的总体样式中有针对此进行样式设置,因此覆盖了我新写的css样式。为了不改变总体样式,可在Select选择框中加一个dr原创 2020-07-24 10:21:41 · 16007 阅读 · 4 评论