<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>设置字体</title>
<!--字体 font-family
语法： font-family: "字体1","字体2",...
从前往后选择字体，如果不支持字体1就选择字体2以此类推，如果都没有，那么
转载
2024-04-25 20:05:42
139阅读
从W3School找到相关资料如下：伪类： 伪类存在的意义是为了通过选择器找到那些不存在与DOM树中的信息以及不能被常规CSS选择器获取到的信息。 伪类由一个冒号:开头，冒号后面是伪类的名称和包含在圆括号中的可选参数。 任何常规选择器可以再任何位置使用伪类。伪类语法不区别大小写。一些伪类的作用会互斥，另外一些伪类可以同时被同一个元素使用。并且，为了满足用户在操作DOM
官网：Element - The world's most popular Vue UI framework 应用场景： 1、自定义树节点内容，鼠标悬浮树节点，右侧出现节点增删改操作； 2、
问题讲解：在使用vue版本的ElementUI中的table功能的时候还是遇到了一些问题，可以说饿了么团队在这个UI框架的文档撰写已经非常不错了，不过还是有一些方法乍一看让人摸不着头脑，有些table的常用功能示例代码提供的不是非常详细，所以这次针对这个可展开表格实现手风琴效果写一篇博客探讨一下。 先展示一下ElementUI官方提供的示例代码效果图可以看到官方代码中在这边没有让这个可展开tab
转载
2024-04-19 16:26:44
425阅读
近日，我在用swiper插件写一个手游官网时，出现了一个很奇怪的问题。问题如下 如上图所示，这里是一个可以左右拖动的ul，每一个英雄介绍都是一个li标签，上图这是正常的情况。可是，它会随机不定期不定时间不限次数的出现一种很奇怪的bug，比如 上图是pc端查看的时候，11个li标签组成的英雄介绍全部挤成一团。这张图是移动端查看的时候，又会出现相
短视频，自媒体，达人种草一站服务这篇文章主要介绍了仿照Element-ui实现一个简易的$message方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧前言在需要对用户进行提示时，有时会遇到这种场景：使用模态框提示太过硬核，使用toast提示又太轻了，这时候可以选择使用页面顶部滑下的消息提示。本文仿照element-ui
/* el-tree 设置鼠标移上去显示的颜色 */#modelTree .el-tree-node__content:hover { background-color: #65a19f !important;}/* 点击节点时的选中颜色 */#modelTree .el-tree-node.is- ...
转载
2021-08-17 16:26:00
4204阅读
2评论
搭建ElementUI基础环境(基于脚手架)1.新建脚手架项目。 # 找一个空目录
vue create ele_project
# 依次选择
Manually select features
Choose Vue version - Babel - Router
2.X
使用history模式 y
In package.json
是否把当前配置作为以后创建项目的预设配置？ n
转载
2024-09-24 07:09:18
10阅读
scoped css官方文档scoped css可以直接在能跑起来的vue项目中使用。使用方法：<style scoped>
h1 {
color: #f00;
}
</style>使用scoped划分本地样式的结果编译结果如下：h1[data-v-4c3b6c1c] {
color: #f00;
}即在元素中添加了一个唯一属性用来区分。缺点一、如果用户在别处定
解决el-tree组件展示节点过多时造成页面卡顿、奔溃前几天测试提了个BUG，文件列表展示5w个文件页面会卡顿甚至奔溃。 项目用的是vue+element-ui框架，我是使用el-tree进行渲染文件列表的。 参考网上使用virtual-scroll-list插件与el-tree源码写成一个新组件。virtual-scroll-list可以只渲染页面呈现部分的节点，这样就不会造成卡顿了，源el-t
转载
2024-05-29 01:50:55
142阅读
最近做了第一个组内可以使用的组件，虽然是最简版，也废了不少力。各位前辈帮我解决问题，才勉强搞定。让我来记录这个树形组件的编写过程和期间用到的知识点。首先说说需求，就是点击出现弹窗+蒙板，弹窗内容是一个树组件当然，什么弹窗大小啊，是否显示多选框，默认选中，通过关键字过滤节点（element都自带好了）几个常用功能都封进来，等以后用到别的的时候再往里加。都解决了）今天先记录处理数据的问题与后台交流后得
转载
2024-03-28 04:28:14
172阅读
CSS 表格属性可以帮助您极大地改善表格的外观。 表格边框 如需在 CSS 中设置表格边框，请使用 border 属性。 下面的例子为 table、th 以及 td 设置了蓝色边框： table, th, td
{
border: 1px solid blue;
} 亲自试一试 请注意，上例中的表格具有双线条边框。这是由于 table、th 以及 td 元素都有独立的边框。 如
Element UI 极简教程Layout 布局Container 布局容器Icon 图标Button 按钮Link 文字链接 本节主要介绍 Element UI 中的布局方式以及常用的 icon、Button、Link 组件Layout 布局通过基础的 24 栏划分，可以非常迅速便捷地创建布局。通过 <el-row> 和 <el-col> 组件，并通过 col 组件的
转载
2024-03-07 20:46:32
218阅读
GitChat 作者：Meathill 前言Vue 横空出世，以迅雷不及掩耳之势横扫前端界，俨然有当年 jQuery 之势。我认为 Vue 成功的关键在于三点：学习曲线平缓，有点经验的前端基本上一天就能看完文档，然后就可以上手操作。上升空间很大，组件化/路由/Vuex/Ajax，生态完整，架构强壮，用它构建中大型项目也很容易。API 设计优雅，并且和标准很友好。但是在我看来，很多 Vue UI
Element UI —tree后台生成tree数据结构接口java实体类TbCategoryprivate Long nodeId;
private String categoryName;
private Long parentId;
private Long childId;
private List<TbCategory> childList;控
提要Vue2.0+Vuex+ElementUI是现在很多项目都在使用的BS软件的开发组合。Vue相较于Angular具有学习成本低，上手快以及组件轻量化的特点；相较于React，其官方提供的很多指令以及可以自定义的指令能够为让开发更加高效。并且相较于React生命周期监听所有props和state的变化，Vue中提供的watch方法监听单个数据的变化，能够更加直观的进行数据操作。需要修改源码的项目
转载
2024-06-12 20:13:44
50阅读
目录1，前言2，需求3，解决思路4，完整代码5，总结 1，前言最近这段时间在做一个新的模块，其中有一个三层的树结构，产品经理提出了一个很古怪的需求，整的我只能自己控制树的交互，写完之后，感觉对这个组件的用法有了不一样的了解，故而写下来。2，需求如果上级节点勾选了，则底下所有节点也勾选如果是一个个勾选子级节点，直至勾选满所有子级，则该父级节点不能勾选，只能算选中状态已勾选的节点不能展开，如果是展开
转载
2024-03-28 09:54:37
102阅读
一、CSS选择器构成CSS选择器是你想要改变样式的html元素，通俗的说，选择器可以改变html文件中标签的属性，这些属性可以是颜色，背景图，字体等。每个选择器有一条或多条声明，可以同时改变某个标签的一个或多个属性，每个属性和它的值用冒号分开，不同属性之间用分号隔开。1 h1{
2 font-family: "楷体";
3 color
由于ElementUI目前还未开发树形表格组件，也参阅了网络上部分基于ElementUI表格封装的开源树形组件，如果想进行二次开发的话都不太理想，所以就萌生了自行开发树形表格。本示例提供开发思路，移除了多余的样式，比较适合新手入门学习，如果应用于实际项目还请自行封装。目前还仅仅实现了视觉的树结构的层级效果和控制结构的显示隐藏，后续还会进行不断的完善和优化，有必要的话会对组件进行二次封装，有点在重复
转载
2024-03-23 12:51:19
251阅读
数据查询可以查看《SpringBoot：查询Tree形数据》，这里不另外展开，主要讲拖拽的逻辑。数据库存储结构如下：project_id、create_time、update_time是业务逻辑字段(查询条件)，可忽略。SpringBootMODELpublic class TestCaseNodeDO {
/**
* 节点id
*/
@TableId(val
转载
2024-04-04 21:33:25
84阅读
