element-ui自带的图标库还是不够全，还是需要需要引入第三方icon，自己在用的时候一直有些问题，参考了些教程，详细地记录补充下对于我们来说，首选的当然是阿里icon库教程：1.打开阿里icon，注册 >登录>图标管理>我的项目 图标管理>我的项目，点进去新建项目 新建项目项目名称随便写。前缀注意，不要跟element-ui自带的icon(前缀为：
转载
2024-03-12 13:00:25
742阅读
我们使用element-ui、vue开发网站的时候，往往图标是起着很重要的作用。1.傻瓜式引用：由于这种方法及其简单 省去了很多繁琐的步骤，a.引入项目生成的，图标地址。b.使用 <i class="iconfont"></i>
2.笨拙式引用：
1. 先注册，再登录、找到图标管理、我的项目2. 点紫色的这个创建自己的项目3. 图中画红线的地方很重要
背景最近一直在着手做一个与业务强相关的组件库，一直在思考要从哪里下手，怎么来设计这个组件库，因为业务上一直在使用ElementUI（以下简称Element），于是想参考了一下Element组件库的设计，看看Element构建方式，并且总结成了这篇文章。 Element的目录结构废话不多说，先看看目录结构，从目录结构入手，一步步进行分解。├─build // 构建相关的脚本和配置
├─exampl
转载
2024-08-16 19:51:20
155阅读
在 Vue 生态里， Element UI 是排名前列的组件库。 在 Vue 发布到 3.0 时，Element 也发布了对应的组件库。也就是 Element Plus 。随之而来的用法也跟着变了。比如本文要讲的 el-icon 的用法。 在 Element Plus 里，Icon 图标 的用法和以前不一样了。虽然官方文档也有说明怎么用，但不是非常详细，可能会给新手带来一丢丢障碍。本文将花几分钟
转载
2024-08-18 16:48:08
324阅读
一、Directives 指令两种写法：1、声明一个全局指令 Vue.directive('x', directiveOptions) 就可以在任何组件里使用v-x了例如：声明一个全局指令 在App.vue里点击图片,在HelloWorld.vue点击标题。都会打印x 2、声明一个局部指令 new Vue({
...,
directives: {
"x"
转载
2024-06-06 19:16:00
326阅读
原效果图 要求效果图 详细说明：rowspan（）这个函数就是用来返回 spanArr 数组的，定义每一行的 rowspan
if( index === 0)，第一行，直接先给数组 push 进一个1，表示自己先占一行，position 是数组元素的位置
（此时是从数组元素的第一个开始，所以position 为 0）， position为 0 意思表示的就是数组的第一个元素。
当到了 inde
文章目录用vue-cli3初始化项目修改项目结构先写个测试demo1. packages下新建文件夹test,结构如下:2. examples进行测试3. examples展示markdown文件4. 像elementui 一样的 可操作展示 用vue-cli3初始化项目 css 选了sass lint 选了ESLint + Prettiervscode 可下载eslint插件,配置保存自动格式
一、创建阿里图标库项目打开网址点击右侧文件夹【创建项目】填写【项目名称】，【FontClass】前缀填好后，后续使用icon图标时会使用该前缀，类似于element icon 写法二、图标加入项目找到你想要的图标，点击加入购物车点击网页顶部的购物车图标，把购物车中的所有图标加入到项目中三、下载图标文件，并添加到Vue项目点击【生成代码】，然后【下载文件】文件下载后的目录结构，并删掉多余的文件解压文
转载
2024-08-30 13:36:54
325阅读
文章目录1 登录iconfont2 配置自己的项目3 搜索并添加4 编辑图标名称5 下载项目图标集文件6 更新引用图标的项目文件7 使用8 图标名称查询 1 登录iconfont网址：https://www.iconfont.cn/2 配置自己的项目FontClass/Symbol前缀：这里的内容就是在自己项目中引用具体icon名称时添加的前缀。icon名称定义见下。Font Faimily：不
转载
2024-03-17 09:59:44
1880阅读
第一步：复制图片到项目中 第二步：添加css样式 //修改icon .el-icon-my-export{ background: url('../assets/images/导出.png') no-repeat; font-size: 16px; background-size: cover; } ...
转载
2021-07-13 15:36:00
8038阅读
2评论
需求：设计三套主题色+部分图标更换；实现方式汇总：1.传统做法，生成多套css主题包，切换link引入路径切换href实现，参考网站：http://jui.org/； <link id="skincolor" href="skin-default.css" rel="stylesheet" type="text/css">
document.getElementById(
转载
2024-04-18 09:46:54
43阅读
amaze ui中的icon button 说明几点： 1、链接效果 连接效果的本质一般都是a标签，好像很多button的链接效果都是用的a标签，submit
转载
2018-04-25 08:27:00
68阅读
if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: 'vue-style-loader', publicPath:'../../' }) } else { return ['vue-sty
转载
2020-04-17 15:18:00
705阅读
文章目录一、什么自定义插件（组件）二、明确暴露install方法开发的自定义插件1、新建MyToast.vue文件2、为MyToast.vue创建js文件封装组件（代码详解）3、自定义插件调用和实现4、效果如图三、直接引用Vue开发的自定义插件1、新建MyToast.vue文件2、为MyToast.vue创建js文件封装组件（代码详解）3、自定义插件调用和实现4、效果如图四、两种区分与比较1.明
文章目录1-1 展示封装的组件1-1-1 父组件1-1-2 子组件 uploadPic1-2 Element el-upload上传组件详解1-2-1 基本用法1-2-2 上传文件数量1-2-3 上传格式及大小限制1-2-4 上传过程中的各种钩子1-2-5 显示已上传文件列表1-2-6 上传时提交数据1-2-6 选取和上传分开处理 业务上有需求是前端上传 jpg/png/gif 格式, 并且 尺寸
转载
2024-04-11 18:14:03
499阅读
?2 导入依赖和配置application.yml文件2.1 在pom.xml中导入依赖采用了mybatis-plus，需要导入依赖。<!-- mybatis-plus-boot-starter -->
<dependency>
<groupId>com.baomidou</groupId>
<artifactId>myb
转载
2024-05-15 12:01:04
1363阅读
Element UI 简介Element UI 是一套基于 Vue 的桌面端组件库，封装好了很多常用的 UI 组件，开发者可以使用 ElementUI 快速搭建一个网站。官网：https://element.eleme.cn/官网中有各个组件使用的详细教程，非常全面，楠哥写这篇教程的目的是帮助大家快速上手 Element UI 的使用，大家在实际开发中可以结合官网文档来完成具体业务代码的
转载
2024-05-27 14:47:32
89阅读
主要是记录一些在使用Element-ui 组件时，耗费时间去解决的一些问题。1. 表格渲染出现列项数据重叠，错位的现象偶尔出现，没有报错，搞了好久，然后问了朋友说你设置一下row-key<el-table
:row-key="id"
></el-table>确实是解决了，没有再出现，但是有的表格我也没设置也没出现过。不知道是什么诱发导致的。2. 实现el-sele
转载
2024-03-20 16:46:41
310阅读
EximiousSoft Vector Icon(图标制作工具)是一款能够帮助用户制作矢量图标和位图图标的软件，软件内置了非常多的素材，方便用户制作软件图标或者LOGO，是一款非常好用的工具。 软件特色 1、大量的图标素材 最多提供10,000个经过精心准备的图标，并将添加更多新图标。 2、创建矢量和栅格图标 以ICON，PNG，SVG，PDF，GIF，TIFF，PS，E
文章目录前言一、button组件二、属性1，样式相关的属性2.功能性三、button-group 前言今天主要是解析button按钮组件，相对来说是个很简单的组件。但是我想介绍一下我学习源码的方法，也欢迎讨论学习的方法。 我会自己搭一个vue2的框架，然后引入放在component文件夹下的组件,组件与源码中组件结构保持一致，且兼顾按需导入和全局导入。 然后main.js全局导入，并通过路由分别
转载
2024-03-30 09:39:17
601阅读
