需求：设计三套主题色+部分图标更换；实现方式汇总：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阅读
文章目录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阅读
原效果图 要求效果图 详细说明：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插件,配置保存自动格式
在 Vue 生态里， Element UI 是排名前列的组件库。 在 Vue 发布到 3.0 时，Element 也发布了对应的组件库。也就是 Element Plus 。随之而来的用法也跟着变了。比如本文要讲的 el-icon 的用法。 在 Element Plus 里，Icon 图标 的用法和以前不一样了。虽然官方文档也有说明怎么用，但不是非常详细，可能会给新手带来一丢丢障碍。本文将花几分钟
转载
2024-08-18 16:48:08
324阅读
一、创建阿里图标库项目打开网址点击右侧文件夹【创建项目】填写【项目名称】，【FontClass】前缀填好后，后续使用icon图标时会使用该前缀，类似于element icon 写法二、图标加入项目找到你想要的图标，点击加入购物车点击网页顶部的购物车图标，把购物车中的所有图标加入到项目中三、下载图标文件，并添加到Vue项目点击【生成代码】，然后【下载文件】文件下载后的目录结构，并删掉多余的文件解压文
转载
2024-08-30 13:36:54
321阅读
element-ui自带的图标库还是不够全，还是需要需要引入第三方icon，自己在用的时候一直有些问题，参考了些教程，详细地记录补充下对于我们来说，首选的当然是阿里icon库教程：1.打开阿里icon，注册 >登录>图标管理>我的项目 图标管理>我的项目，点进去新建项目 新建项目项目名称随便写。前缀注意，不要跟element-ui自带的icon(前缀为：
转载
2024-03-12 13:00:25
742阅读
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.明
?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阅读
场景：使用vue create脚手架快速搭建vue的项目前提：需要安装node.js和cnpm以及yarn 并且cnpm需要设置为淘宝镜像，cnpm和yarn安装教程网上很多可以自行搜索1.使用dos命令安装vue-cli脚手架//这个是从镜像源下载
cnpm install -g @vue/cli查看安装的版本（显示版本号说明安装成功）vue --version2.使用vue create命令搭
element源码解析(4) – 样式mixinsbuttonconfig以BEM进行命名, 前缀为el, 元素分隔符__ 修饰分割符–modifier 状态前缀都为is-$namespace: 'el';
$element-separator: '__';
$modifier-separator: '--';
$state-prefix: 'is-';functionselectorToStri
主要是记录一些在使用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
Element-UI - Vue项目整合Element-UI & Icon图标 & 自定义Icon图标博主很久之前就想使用Element-UI，总是因nt-u
原创
2022-11-09 18:48:31
858阅读
Vue Element使用icon图标教程详解(第三方)转载 作者：方丈先生 element-ui自带的图标库不够全，还是需要需要引入第三方icon。下面小编给大家带来了Vue Element使用icon图标教程，感兴趣的朋友一起看看吧element-ui自带的图标库还是不够全，还是需要需要引入第三方icon，自己在用的时候一直有些问题，参考了些教程，详细地记录补充下对于我们来说，首选的当然是阿里
转载
2024-03-11 22:17:54
1983阅读
https://cloud.tencent.com/developer/section/1489867
原创
2021-07-18 14:05:58
254阅读
1. 优化打包体积先上2个图(上图A是优化前的各个js大小对比视图，下图B是优化后，还未完全优化完成的，不过也可以看得出来对比)图A是3个压缩文件，包括部分图片和使用的所有js，体积都偏大图B是每个页面都区分了，以及一些大的js块都拆开了的，每个页面打开时均按需加载，而不是一次加载全部，这样就省了不必要的js加载，消耗流量；1.1 首先vue-cli在初始化时已经预装了插件webpack-bun
这篇主要讲解实现图表的功能：整体效果 一、封装一个ECharts组件的一点思路 1、绘制一个简单的图表ECharts上手非常简单，具体简单示例可以参考我之前写的一篇博客：图表工具--- ECharts.js学习（一） 简单入门。2、封装思路在实际项目开发中，我们会经常与图表打交道,比如 订单数量表、商品销量表、会员数量表等等，它可能是以折线图、柱状图、饼状图等等的方式来展现。如果我们没有封装组件的
转载
2024-08-28 22:54:33
112阅读
公司的项目，后端渲染前端页面，是在8081端口上起了一个服务，而前端自己是在8080上起的服务，在测试时发现一个问题，有一个诡异的地方，同样的代码环境，用yarn来安装依赖后启动运行正常，而采用npm安装依赖则有类似问题。当然，这个和yarn或者npm没有关系，肯定是环境配置的问题。经过对比发现，用yarn安装依赖后，运行的页面加载的字体文件并不是一个http请求，而是把字体文件打包成了Base
转载
2024-07-18 05:59:55
23阅读
