当前位置：首页 > news >正文

芋道前端框架上线之后发现element-ui的icon图标全部乱码

news 2025/7/6 16:46:21

前言

最近发现线上有人反映图标全部是乱码，登录上去看确实乱码，刷新就好
最后一顿搜，发现是sass版本不兼容导致的图标乱码问题

解决办法

1.先把sass升级到1.39.0

2.来到vue.config.js文件配置代码-如果是芋道前端框架不用配置自带

 css: {loaderOptions: {sass: {// 解决 element-ui 图标 icon 偶现乱码问题sassOptions: { outputStyle: 'expanded' }},postcss: {plugins: [postcss]}}},

总结：

经过这一趟流程下来相信你也对芋道前端框架上线之后发现element-ui的icon图标全部乱码有了初步的深刻印象，但在实际开发中我们遇到的情况肯定是不一样的，所以我们要理解它的原理，万变不离其宗。加油，打工人！

有什么不足的地方请大家指出谢谢 -- 風过无痕

芋道前端框架上线之后发现element-ui的icon图标全部乱码

前言最近发现线上有人反映图标全部是乱码，登录上去看确实乱码，刷新就好最后一顿搜，发现是sass版本不兼容导致的图标乱码问题解决办法 1.先把sass升级到1.39.0 2.来到vue.config.js文件配置代码-如果是芋道前端框架不用配置自带 css: {lo…...

编程日记 2023/12/21 22:27:16

每个伦敦金投资者都应该练习的日线图交易

在伦敦金市场中，每个投资者都应该试着去做日线图的交易。有的人一听到日线图马上摇头，原因是日线图的价格跨度大，导致止损距离也变大，这样对投资者来说无疑是增加了风险。如果资金量大的投资者还好说，可以降低仓位&…...

编程日记 2023/12/21 22:26:15

高通平台开发系列讲解（USB篇）adb应用adbd分析

沉淀、分享、成长，让自己和他人都能有所收获！😄 在apps_proc/system/core/adb/adb_main.cpp文件中main()函数会调用adb_main()函数，然后调用uab_init函数在uab_init（）函数中，会创建一个线程，在线程中会调用init_functionfs（）函数，利用ep0控制节点，创建ep1、ep2输…...

编程日记 2023/12/21 22:25:14

【上海大学数字逻辑实验报告】七、中规模元件及综合设计

一、实验目的掌握中规模时序元件的测试。学会在Quartus II上设计序列发生器。二、实验原理 74LS161是四位可预置数二进制加计数器，采用16引脚双列直插式封装的中规模集成电路，其外形如下图所示： 其各引脚功能为： 异步复位输…...

编程日记 2023/12/21 22:24:13

JVM内存结构Java内存模型Java对象模型

导图： https://naotu.baidu.com/file/60a0bdcaca7c6b92fcc5f796fe6f6bc9 1.JVM内存结构&&Java内存模型&&Java对象模型 1.1.JVM内存结构 1.2.Java对象模型 Java对象模型表示的是这个对象本身的存储模型,JVM会给这个类创建一个instanceKlass保存在方…...

编程日记 2023/12/21 22:23:12

Istio 社区周报（第一期）：2023.12.11 - 12.17

欢迎来到 Istio 社区周报 Istio 社区朋友们，你们好！ 我很高兴呈现第一期 Istio 社区周报。作为 Istio 社区的一员，每周我将为您带来 Istio 的最新发展、有见地的社区讨论、专业提示和重要安全新闻内容。祝你阅读愉快，并在下一期中…...

编程日记 2023/12/21 22:19:09

质量图导向法解包裹之---计算边缘可靠性

在这之前需要我们知道像素点的可靠性 % 这反映了相位变化的平滑程度。以下是一个可能的实现，它使用了二阶差分来计算可靠性： function rel calculateReliability(wrappedPhase)% 应用高斯滤波减少噪声filteredImg imgaussfilt(wrappedPhase, 2); % 2 …...

编程日记 2023/12/21 22:17:07

C# WPF上位机开发（进度条操作）

编程日记 2023/12/21 22:16:06

vulnhub-Tre(cms渗透)

靶机和kali都使用net网络，方便探测主机获取ip1.靶机探测使用fping扫描net网段靶机ip：192.168.66.130 2.端口扫描扫描发现该靶机三个端口，ssh，还有两个web，使用的中间件也是不一样的，一个是apache&…...

编程日记 2023/12/21 22:14:04

Re解析（正则表达式解析）

正则表达式基础元字符 B站教学视频： 正则表达式元字符基本使用量词贪婪匹配和惰性匹配惰性匹配如下两张图，而 .* 就表示贪婪匹配，即尽可能多的匹配到符合的字符串，如果使用贪婪匹配，那么结果就是图中的情况三 p…...

编程日记 2023/12/21 22:13:03

HTML输出特殊字符详细方法

以下是部分特殊字符代码表，它们的完整应用代码格式为：&#;用下面的四位数字替换，将得到对应的符号。（注意：应用这些代码，编辑器应该切换到HTML模式） ☏260f ☎260e ☺263a ☻263b ☼263c ☽…...

编程日记 2023/12/21 22:05:56

《漫画算法》笔记——计算两个大数的和

例题： 输入：“123”，“234” 输出：“357” 思路： 使用数组，分别计算每一位上的加和，注意记录进位信息。然后，将数组恢复成字符串，输出。值得注意的是，加和…...

编程日记 2023/12/21 22:03:54

Python3.13版本改进规划

大家好，最近faster-cpython 项目的文档介绍了关于 Python 3.13 的规划，以及在 3.13 版本中将要实现的一些优化和改进。faster-python 是 Python 的创始人 Guido van Rossum 和他的团队提出的计划 ，目标是在四年内将 CPython 的性能提升五倍。…...

编程日记 2023/12/21 22:01:52

aws配置以及下载 spaceNet6 数据集

一：注册亚马逊账号注册的时候，唯一需要注意的是信用卡绑定，这个可以去淘宝买，搜索aws匿名卡。注册完记得点击登录，记录一下自己的账户ID哦！ 二：登录自己的aws账号 2.1 首先创建一个用户首…...

编程日记 2023/12/21 21:58:49

进阶之路：高级Spring整合技术解析

Spring整合 1.1 Spring整合Mybatis思路分析1.1.1 环境准备步骤1:准备数据库表步骤2:创建项目导入jar包步骤3:根据表创建模型类步骤4:创建Dao接口步骤5:创建Service接口和实现类步骤6:添加jdbc.properties文件步骤7:添加Mybatis核心配置文件步骤8:编写应用程序步骤9:运行程序 1.…...

编程日记 2023/12/21 21:55:47

【ArcGIS微课1000例】0081：ArcGIS指北针乱码解决方案

问题描述： ArcGIS软件在作图模式下插入指北针，出现指北针乱码，如下图所示： 问题解决下载并安装字体（配套实验数据包0081.rar中获取）即可解决该问题。正常的指北针选择器： 专栏介绍&#xff…...

编程日记 2023/12/21 21:54:46

uniapp运行到手机模拟器

第一步，下载MUMU模拟器下载地址：MuMu模拟器官网_安卓12模拟器_网易手游模拟器 (163.com) 第二步，运行mumu模拟器第三步，运行mumu多开器第三步，查看abs 端口第四步，打开HBuilder,如下图，将…...

编程日记 2023/12/21 21:53:45

基于PHP的蛋糕购物商城系统

有需要请加文章底部Q哦可远程调试基于PHP的蛋糕购物商城系统一介绍此蛋糕购物商城基于原生PHP开发，数据库mysql，前端bootstrap。系统角色分为用户和管理员。技术栈：phpmysqlbootstrapphpstudyvscode 二功能用户 1 注册/登录/注销…...

编程日记 2023/12/21 21:50:43

嵌入式中的定时器概念

定时器概述定时器是嵌入式系统中常用的一种外设，它可以产生一定的时间间隔、延时、定时等功能，广泛应用于定时、计数、脉冲宽度调制(PWM)等领域。具体而言，定时器可以实现以下功能：计时：定时器可以用来实现延时操作，例如等待外部设备的稳定、等待数据的接收等，也可以…...

编程日记 2023/12/21 21:49:41

鸿蒙ArkTS语言介绍与TS基础语法

1、ArkTS介绍 ArkTS是HarmonyOS主力应用开发语言，它在TS基础上，匹配ArkUI框架，扩展了声明式UI、状态管理等响应的能力，让开发者以更简洁、更自然的方式开发跨端应用。 JS 是一种属于网络的高级脚本语言，已经被广泛用…...

编程日记 2023/12/21 21:45:38

华为云AI开发平台ModelArts

华为云ModelArts：重塑AI开发流程的“智能引擎”与“创新加速器”！ 在人工智能浪潮席卷全球的2025年，企业拥抱AI的意愿空前高涨，但技术门槛高、流程复杂、资源投入巨大的现实，却让许多创新构想止步于实验室。数据科学家…...

编程新知 2025/7/6 4:35:02

ffmpeg（四）：滤镜命令

FFmpeg 的滤镜命令是用于音视频处理中的强大工具，可以完成剪裁、缩放、加水印、调色、合成、旋转、模糊、叠加字幕等复杂的操作。其核心语法格式一般如下： ffmpeg -i input.mp4 -vf "滤镜参数" output.mp4或者带音频滤镜： ffmpeg…...

编程新知 2025/7/5 14:38:33

鱼香ros docker配置镜像报错：https://registry-1.docker.io/v2/

使用鱼香ros一件安装docker时的https://registry-1.docker.io/v2/问题一键安装指令 wget http://fishros.com/install -O fishros && . fishros出现问题：docker pull 失败网络不同，需要使用镜像源按照如下步骤操作 sudo vi /etc/docker/dae…...

编程新知 2025/6/16 13:40:18

NFT模式：数字资产确权与链游经济系统构建

NFT模式：数字资产确权与链游经济系统构建 ——从技术架构到可持续生态的范式革命一、确权技术革新：构建可信数字资产基石 1. 区块链底层架构的进化跨链互操作协议：基于LayerZero协议实现以太坊、Solana等公链资产互通，通过零知…...

编程新知 2025/7/5 11:49:59

Swagger和OpenApi的前世今生

Swagger与OpenAPI的关系演进是API标准化进程中的重要篇章，二者共同塑造了现代RESTful API的开发范式。本期就扒一扒其技术演进的关键节点与核心逻辑： 🔄 一、起源与初创期：Swagger的诞生（2010-2014） 核心…...

编程新知 2025/6/20 15:14:31

CMake控制VS2022项目文件分组

我们可以通过 CMake 控制源文件的组织结构，使它们在 VS 解决方案资源管理器中以“组”（Filter）的形式进行分类展示。 🎯 目标通过 CMake 脚本将 .cpp、.h 等源文件分组显示在 Visual Studio 2022 的解决方案资源管理器中。 ✅ 支持的方法汇总（共4种）方法描述是否推荐…...

编程新知 2025/7/5 12:54:36

蓝桥杯3498 01串的熵

问题描述对于一个长度为 23333333的 01 串, 如果其信息熵为 11625907.5798， 且 0 出现次数比 1 少, 那么这个 01 串中 0 出现了多少次? #include<iostream> #include<cmath> using namespace std;int n 23333333;int main() {//枚举 0 出现的次数//因…...

编程新知 2025/7/5 3:31:34

Java 二维码

Java 二维码 **技术：**谷歌 ZXing 实现首先添加依赖 <dependency><groupId>com.google.zxing</groupId><artifactId>core</artifactId><version>3.5.1</version></dependency><de…...

编程新知 2025/6/21 12:56:10

Pinocchio 库详解及其在足式机器人上的应用

Pinocchio 库详解及其在足式机器人上的应用 Pinocchio (Pinocchio is not only a nose) 是一个开源的 C 库，专门用于快速计算机器人模型的正向运动学、逆向运动学、雅可比矩阵、动力学和动力学导数。它主要关注效率和准确性，并提供了一个通用的框架&…...

编程新知 2025/6/16 13:45:11

管理学院权限管理系统开发总结

文章目录 🎓 管理学院权限管理系统开发总结 - 现代化Web应用实践之路📝 项目概述🏗️ 技术架构设计后端技术栈前端技术栈 💡 核心功能特性1. 用户管理模块2. 权限管理系统3. 统计报表功能4. 用户体验优化 🗄️ 数据库设…...

编程新知 2025/6/23 5:12:02

前言

解决办法

相关文章：