基于VUE Echarts大屏数据展示150套 (集合)
2024-03-15? 基于 Echarts 实现可视化数据大屏响应式展示效果的源码,,基于html css javascript echarts制作, 可以在此基础上重新开发。本项目中使用的是echarts图表库,ECharts 提供了常规的折线图、柱状图、散点图、饼图、K线图,用于统计的盒形图,用于地理数据可视化的地图、热力图、线图,用于关系数据可视化的关系图、treemap、旭日图,多维数据可视化的平行坐标,还有用于 BI 的漏斗图,仪表盘,并且支持图与图之间的混搭。_vue大屏模板
(vue)适合后台管理系统开发的前端框架
2024-03-15文档地址:https://demos.creative-tim.com/material-dashboard/docs/2.1/getting-started/introduction.html。文档地址:https://panjiachen.github.io/vue-element-admin-site/zh/文档地址:https://panjiachen.github.io/vue-element-admin-site/zh/_vue 后台项目适用的前端框架
Vue element ui用户展示页面
2024-03-15Vue element ui用户展示页面_vue个人信息展示与修改
CSS中你可能不知道的Selectors特性
2024-03-15CSS中你可能不知道的Selectors特性本文作者为奇舞团前端开发工程师引言最近看了2022年全球CSS调查报告,发现了一些不常见的伪类和伪元素。伪类:has()html<div><h1>H1</h1><h2>H2</h2><p>h1{margin:000.25rem0}</p><..._css h1 h2 h3
element-textarea,滚动条样式更美观.
2024-03-15element-textarea,滚动条样式更美观._element的textarea的滚动条怎么修改
elementui中实现el-row中的el-col垂直居中显示
2024-03-15elementui中实现el-row中的el-col垂直居中显示_el-col 居中
postcss-pxtorem
2024-03-15安装依赖之后,将postcss-pxtorem的配置都放到了vue.config.js中。下面提供了一份基本的 PostCSS 示例配置,可以在此配置的基础上根据项目需求进行修改。postcss-pxtorem是PostCSS的插件,用于将像素单元生成rem单位。(String, Regexp, Function)要忽略并保留为px的文件路径。忽略单个属性的最简单方法是在像素单位声明中使用大写字母,将px写为Px。(Array)可以从px更改为rem的属性。(Array)要忽略的选择器,保留为px。_postcss-pxtorem
二级菜单原生js实现
2024-03-12今天莫名其妙想用原生js实现二级菜单,之前用jquery感觉挺简单的,但是jquery好久没用了,试着用原生的js实现一下。首先用nodeName判断子节点为li元素,然后就有二种实现方式1.item.style.display用none和block进行菜单伸缩这种方式挺常见的,但是一开始判断display的值要考虑多一些,因为这种方式加css是直接加到标签上的。代码如下<!DOCTYPE html><html><head><..._原生一级二级菜单
echarts图表进度条类型图
2024-03-12x轴不显示,y轴的axisLabel用富文本,显示机器与台数;图表有两个数据组,分别用蓝色和灰色表示,两个柱子重合,灰色柱子在蓝色柱子下面;灰色柱子的label用富文本,显示占比。在methods里写个配置图表的函数,输入参数为dataAll,包含了机具的类型、数量、占比等信息。dataPercent: dataPercent,//占比。左边是类别、数量,中间类似于进度条,右边是所占百分比。(1)在template里写个容器。dataX: dataX,//类别。dataY: dataY,//数量。_echarts进度条
Vue 中修改 Element 组件的 下拉菜单(Dropdown) 的样式
2024-03-12本来都准备使用原生直接获取 after 的元素了,后来发现不太行,能获取到但是修改 after 伪元素太麻烦了,需要添加样式表什么的。今天在项目中碰到一个 UI 改造的需求,需要根据设计图把页面升级成 UI 设计师提供的设计图样式。到最后页面改造完了,但是 UI 提供的下拉菜单样式全部是黑色半透明的,只能硬着头皮改了。于是我删除后再试,确实是有效,三角也变成了黑色。结果不生效,开始纳闷,为什么什么样式都没有应用上去。,我去应用它的样式。好啦,大功告成,这样只在这个文件中的。然后,就有了一下午的头脑风暴。_el-dropdown-menu样式修改