vue3 项目中,我们会用到element-plus来实现我们想要的效果,比如搜索,比如表格,比如分页等。但是element-plus默认样式并不能满足我们的需要,所以我们需要对组件的样式进行二次修改以满足我们的需要,这里将二次修改的实例汇总到一块,以方便我们快速应用。
vue3...
yekong
1年前 (2023-12-23)
喜欢
数据可视化大屏 项目开发中,需要实现表格效果,这里我们使用的是vue3 element-plus el-table,我们通过css来进行二次调整实现我们想要的自定义样式效果。
组件代码
<div class="tableListInner">
...
yekong
1年前 (2023-12-23)
喜欢
数据可视化大屏项目开发中,表格顶部会有一些查询条件,比如名称日期等。 会需要用到日期选择以及输入框这里我们使用的是element-plus el-input el-date-picker,不过插件默认的样式并不是我们想要的,我们需要对样式做二次调整,以实现我们想要的效果。
实例...
yekong
1年前 (2023-12-23)
喜欢
vue3 element-plus 分页组件样式需要实现自定义这里将实现代码整理出来。
<div class="paging">
<el-pagination
@size-change="handleSizeChan...
yekong
1年前 (2023-12-23)
喜欢
之前我们遇到网站开通https后接口无法请求数据的情况,我们将请求的接口也添加了https,但是接口报错了:net::ERR_CERT_COMMON_NAME_INVALID
搜索后得知:
net::ERR_CERT_COMMON_NAME_INVALID错误通常发生在浏览器无法...
yekong
1年前 (2023-12-22)
喜欢
网站开通https后,接口是使用的其他域名并且是http协议的接口,网站可以打开,接口无法访问。
网站开通https后,如果接口和网站不是同域的话,就需要接口也开通https并配置ssl证书,不然会请求不到接口。
...
yekong
1年前 (2023-12-22)
喜欢
数据可视化大屏项目中经常会使用到百度地图,今天我们实现在vue项目使用使用百度地图。
在以前的数据大屏中,我们使用的是vue2 使用百度地图插件vue-baidu-map和vue3 vite项目使用百度地图插件在vue2和vue3项目中我们都是使用的封装的vue插件来实现我们想要...
yekong
1年前 (2023-12-22)
喜欢
数据可视化大屏 开发过程中,需要图片在3d层面的点缀,今天我们来实现一张平面图如何在3d层面旋转。
准备一张图
我们首先准备一张平面图,这张图片各个角度要有差异,不能像一个圆环,不然转起来也看不出图片在旋转。
效果截图
动态效果
插件
"three": ...
yekong
1年前 (2023-12-21)
喜欢
在数据大屏项目开发中,有一些异形背景图为了更好的适配,会将图片切割成小块,然后再拼接以进行适配,但是在实际开发中会出现一种情况,就是在一些分辨率或者一些不同宽高比的情况下,会有一条黑线.
在不同分辨率下,div拼接出现黑线的问题可能是由于浏览器的渲染引擎在处理像素时的舍入误差导...
yekong
1年前 (2023-12-21)
喜欢
在普通HTML项目中使用Highcharts创建3D饼状图,首先需要引入Highcharts库及其3D模块。以下是基本步骤:
引入Highcharts和Highcharts 3D模块的脚本。可以通过CDN引入,例如:
<script src="//cdn.s...
yekong
1年前 (2023-12-20)
喜欢