目录一、==下载阿里巴巴矢量图文件====(1)阿里巴巴矢量图页面====(2)打开图标库====(3)添加到库中====(4)添加至项目====(5)项目设置==随后保存成功之后生成代码测试一下看一是否是成功的 预览一下字体==(6)下载至本地 下载之后即可使用====(7) 打开HBuilder X把 fonts[自定义]字体文件放到static静态文件目录中====(8) 引入字体文件ic
<el-container style="height: 500px; border: 1px solid #eee">
<!-- el-container 构建整个页面框架 -->
<el-aside width="200px" style="background-color: rgb(238, 241, 246)">
转载
2024-07-17 20:08:47
1331阅读
项目开发过程中，不管是菜单，还是页面，很多地方都有用到小图标，当然我项目中这些图标都放在文件夹src>icons>svg文件夹下，如果平时开发中有需要用到哪个图标，去该文件夹下找到在代码中使用即可。 下面对svg进行简
背景照惯例，先交待下背景，从真实需求出发，讲述设计思路和实现方式。 软件系统中，会有一些成组的常量值，来描述业务实体的属性，如性别、证件类型、审批状态等。我们通常称之为数据字典，作为系统后台管理的一个独立功能，来维护字典类型以及对应的字典值。后端功能和实现都比较简单，没什么好说的，今天重点要说的是前端的封装。设计与实现对于数据字典，前端展现往往有三种常用的形式，下拉列表、单选按钮组和复选框组，其中
转载
2024-09-06 11:03:18
100阅读
?Element??Element：是饿了么公司前端开发团队提供的一套基于 Vue 的网站组件库，用于快速构建网页 ??组件：组成网页的部件，例如 超链接、按钮、图片、表格等等~??Element 官网：https://element.eleme.cn/#/zh-CNListener?Element 快速入门1. ?引入Element 的css、js文件 和 Vue.js<script sr
转载
2024-05-07 19:02:56
82阅读
Element-Plus 图标自动导入，包含安装、依赖配置和规则调整。通过示例演示在Vue模板中使用自动导入图标，同时提供样式修改方法。
原创
2023-11-30 22:08:28
846阅读
需求我的项目里，有个页面是两个选项卡，两个页签里稍有不同，用的组件，然后各个选项卡都有二级详情页，需求就是从二级详情页返回的时候，要返回上次选中的选项卡页签。思路在elementUI中，有一个默认选中的api它就是value / v-model，点击可以查看官网api方案我是方案就是通过缓存来记录，在离开本页的时候，存到cookie里，进入本页，获取cookie，我感觉还挺简单的，也很方便。<
转载
2024-10-18 10:34:46
395阅读
1 登录阿里字体图标官网2 图标管理 --> 我的项目 --> 创建一个项目3 开始搜有想要的图标添加到我的项目中4 下载到本地5 解压，拷贝到src/asserts/icon下.6 关键一步 修改 iconfont.css，将下面代码段拷贝到文件中[class^="el-icon-my"],[class*=" el-icon-my"]/*这里有空格*/ { font
原创
2022-10-10 06:30:45
435阅读
方法概述在 Element Plus 中，为 FormItem 的 label 添加图标主要有以下几种方法：使用 label 插槽自定义内容结合第三方图标库（如 FontAwesome、Iconify）使用 Element Plus 自带的 Icon 组件使用 CSS 伪元素添加图标详细实现方法方法一：使用 label 插槽（推荐）<template>
<el-form :m
1】安装node.jsvue的运行是要依赖于node的npm的管理工具来实现，下载https://nodejs.org/en/，安装完成之后，打开cmd开始输入命令。(尽量使用管理员权限打开cmd)下载好node之后，以管理员身份打开cmd管理工具，，输入 node -v ，回车，查看node版本号，出现版本号则说明安装成功.2】安装淘宝镜像由于npm是国外的，使用起来比较慢，所以这里使用淘宝的c
本篇文章主要讲述的是 动态组件&插槽&自定义指令一、动态组件1、什么是动态组件动态组件指的是动态切换组件的显示与隐藏2、如何实现动态组件渲染Vue提供了一个内置的组件，专门用来实现动态组件的渲染。示例代码如下data(){
//1、当前要渲染的组件名称
retrn{ comName:'Left'}
}
<!--2. 通过is属
文章分为三部分：1.vue使用svg，2.uniapp使用svg，3.svg常用知识1.Vue自定义icon-svg组件安装svg-sprite-loader npm i -D svg-sprite-loader新建 Icon-svg 组件<template>
<svg class="svg-icon"
aria-hidden="true">
&l
随着ChatGPT的问世，AI也算迎来了高光时刻！下文是技术宅整理的一些和ChatGPT相关的工具应用，排名不分先后，也不代表个人推荐，但真心真心好好用，主打的就是一个纯粹！本文将先分享10个有趣的AI小工具，最后3个小工具，是我们搬砖人心心念念的。建议收藏、转发、保存！工具名称地址工具说明类型ChatPDFwww.chatpdf.com快速精准阅读任意PDF图文Drafthttps://tran
据悉，该成果经上海科学技术情报研究所和厦门大学查新，结论如下：“共检索出相关文献174篇。目前中英文尚未检出采用石墨烯作为透明导电电极，制作电容式触摸屏的文献报道”；“石墨烯透明电极作为触摸屏的手机，相关产品目前在国外处于研发和概念机阶段，尚未见大规模制造及商业化的报道。”此成果突破了石墨烯产品从实验室走向市场的瓶颈，在石墨烯材料的应用研发和产业化上具有里程碑意义。自2004年来，单层
开始用vue3.0开发项目了，得配合element UI的升级版本element plus来开发； 但是element plus实际在使用过程中还有有很多坑的，以下来慢慢列举： 一、在main.js中引用 import ElementPlus from 'element-plus'; 你觉得就能放心 ...
转载
2021-08-20 11:32:00
1499阅读
2评论
# 使用 Element Plus 和 TypeScript 的开发指南
## 一、流程概述
在使用 Element Plus 和 TypeScript 进行开发之前，我们需要了解整个流程。以下是我们将要进行的每一步的简要介绍：
| 步骤 | 内容描述 |
|------|----------|
| 1 | 环境准备：确保 node.js 和 npm 已安装 |
| 2 | 创建
环境搭建npm 安装推荐使用 npm 的方式安装，它能更好地和 webpack 打包工具配合使用。npm i element-ui -SCDN目前可以通过 unpkg.com/element-ui 获取到最新版本的资源，在页面上引入 js 和 css 文件即可开始使用。<!-- 引入样式 -->
<link rel="stylesheet" href="https://unpkg
目录系列文章一、右键菜单二、刷新当前标签页三、关闭标签页四、编写Contextmenu组件五、引用Contextmenu组件六、结语 系列文章vue3.0+ts+element-plus多页签应用模板：前言vue3.0+ts+element-plus多页签应用模板：项目搭建vue3.0+ts+element-plus多页签应用模板：vue-router与vuexvue3.0+ts+element
转载
2024-08-19 12:00:59
206阅读
文章目录一：vue使用vue-i18n插件实现网页中英文切换1：下载vue-i18n插件2：自己定义中英文两套js文件3：配置main.js文件4：通过点击事件切换语种5：数据渲染6：效果图二： Element日历区分上个月下个月等按钮和日期点击事件1：前言2：解决办法2.1： 给日历中的`tbody`元素添加点击事件：3：其他思路3.1：watch监听日历绑定数据变化实现更新数据：3.2：给上
在中后台管理系统中，我们知道可以有多种用户实体。以学生管理系统为例，老师和教务主任就是两个拥有不同职责的实体对象。当不同权限的用户登录管理系统时，他们所需要的功能也就不同。比如老师管理学生信息，而教务主任不仅可以管理学生，也可以处理一些老师的信息。由于职责不同，（通常来说在左侧）的用户功能菜单也就不一样。需求：不同的用户在登录后可以看到不同的菜单。一、通过路由守卫附加请求在实现功能需求前首先需要明
转载
2024-10-01 09:40:28
457阅读
