自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(9)
  • 收藏
  • 关注

原创 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 14100 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 230

原创 canvas clearRect后仍存在之前图像问题

画板clearRect后仍存在之前图像问题最近遇到的一个问题是:利用onmousedown等鼠标按钮执行事件,在canvas画布上画出若干个图形后。要求点击某一个具体图形,能够将该图形从画布上清除,但是其他的图形保留不改变。其他的都没什么问题,但是当点击某个图形进行删除时,利用clearRect()进行画布清空时,发现画布上的图形仍然存在,说明clearRect()并没有将画布清除干净。**经过尝试,发现在clearRect()语句前加上beginPath()语句,就能够顺利的将画布清除干净。关于

2020-10-27 14:13:31 2201 1

原创 Vue echarts4 热力图

直角坐标系下利用geo地理坐标系组件构建的热力图下面图1为echarts官网上的一个实例,简单的利用点坐标进行热力图渲染,略显粗糙,不是很符合项目要求,图2为在echarts gallery上找到的一个热力图实例。...

2020-10-27 10:55:13 3386 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 8237 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 4163

原创 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 11632 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 25638

原创 antd dropdown样式调整问题

antd dropdown样式调整问题客户给的设计图中有针对select dropdown的样式要求,包括背景色、字体颜色、选中时颜色等等等。。虽然通过F12中元素选择器确定了dropdown的css,直接在Chrome的DevTools中进行设置也可以产生效果,但是呢,在代码中进行设置后却不生效。。。那我这个前端新手小白就懵逼了呀。。最后!!!请教小姐姐后,发现是项目最外层的总体样式中有针对此进行样式设置,因此覆盖了我新写的css样式。为了不改变总体样式,可在Select选择框中加一个dr

2020-07-24 10:21:41 16364 4

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除