electron-vue element-plus图标electron
electron关闭隐藏到托盘
main.js中的主要代码 // ************* 实现点击关闭是系统托盘start*********************** // 当我们点击关闭时触发close事件，我们按照之前的思路在关闭时，隐藏窗口，隐藏任务栏窗口 // event.preventDefault(); 禁止关闭 ......
dtcloud中台菜单图标添加方式
在更新之后的dtcloud框架中，引入了菜单的图标，显示在菜单的左侧。这里给出添加的方法步骤。 进入图标库 点击个人图标下的 “Font Icon”，进入图标库界面，可以在这里选择与模块相符合的图标。 图标选择 在图标库的界面中，按F12开启开发工具，进行元素检查，获取对应图标的 class 图例中 ......
Deepin 系统图标更换方法
测试成功的系统：Deepin20.9 下载自己喜欢的图标主题文件（本文以 WhiteSur 主题为例）： 主题网站：https://www.gnome-look.org/browse?cat=132&ord=rating 选择自己喜欢的图标主题，点进去。 选择适合自己喜好的图标主题文件，点击下载即可 ......
element-plus实现列表拖拽切换位置、顺序(支持搜索）
1.组件实现 <template> <el-popover placement="bottom" popper-class="interBarControl-setPopover" :width="200" :visible="visible" trigger="click" @click.stop ......
element-plus select 多远 抖动问题
<style lang="scss" scoped> .select-scroll { //添加以下两句 :deep(.el-select__tags) { max-width: fit-content !important; } :deep(.el-select__input) { width: ......
升级element-plus
之前用的是 "element-plus": "^1.0.2-beta.53"版本，什么都处理好了，但是会el-select里面使用v-if的时候控制台会报错 查询以后我升级到："element-plus": "^1.2.0-beta.6" 不敢升级太高，毕竟项目快做完了，升级稳定版坑太多了，一个个补 ......
element-plus 输入框只能输入数字和小数
只能输入数字： <el-input oninput ="value=value.replace(/[^0-9]/g,'')" placeholder="请输入"> 只能输入数字和两位小数（多余小数点会去掉） <el-input oninput="value=value.replace(/[^0-9. ......
【vue3-element-admin 】基于 Vue3 + Vite4 + TypeScript + Element-Plus 从0到1搭建后台管理系统（前后端开源@有来开源组织）
本篇通过万字长文详细介绍 vue3-element-admin v2 版本从 0 到 1，相较于v1版本增加了对原子CSS(UnoCSS)、按需自动导入、暗黑模式等功能的支持以及重构优化。v2 版本发布也标志着有来开源组织的 SpringBoot3 + Vue3 前后端分离开源项目到达新的里程碑，希... ......
electron项目打包编译遇到问题
E:\ProjectSource-Code\87VR-Game-Electron> yarn packageyarn run v1.22.11$ rimraf src/dist && yarn build && electron-builder build --publish never$ conc ......
运行一个vue项目vite-electron-vue
必备软件： 1） visual studio code 2） nodejs 18.16.0 3） yarn 下载源码： 项目fork 自 https://gitee.com/mywink/vite-electron.git git clone https://gitee.com/panie/vite ......
uniapp 使用u-icon 图标不显示 手机端不显示
uni_modules>uview-ui>components>u-icon>u-icon.vue中， // 非nvue下加载字体 // @font-face { // font-family: 'uicon-iconfont'; // src: url('https://at.alicdn.com ......
electron项目进行打包
背景介绍项目需要在内网环境的linux环境下对electron项目进行打包。获取package.json可以只用一个package.json 在外网下载好需要的 node_modules。在packag.json中配置好需要的依赖包，然后直接在package.json目录下npm install 即 ......
在线客服系统聊天界面，增加emoji表情图标，纯emoji点击后发送
之前开发客服系统访客聊天界面，发送表情部分，是自己本地的一堆小图片 现在其实可以直接展示emoji，效果也是不错的，还不需要自己再去解析表情路径 首先准备一个emoji的json字符串 emojis:{"smile":"😄","smiley":"😃","grinning":"😀","blush ......
【Qt】ubuntu18.04 qtcreator点击图标打不开，缺少GLIBC_2.28
遇到的问题是点击qtcreator的图标打不开，像其他qt相关的软件可以 然后从安装目录下../Tools/QtCreator/bin运行./qtcreator出现报错： ./qtcreator: /lib/x86_64-linux-gnu/libc.so.6: version `GLIBC_2.2 ......
修改U盘图标
效果如下 方法如下 首先，您需要准备一张您想要设置的图标，它应该是一个512 x 512像素大小的PNG格式图片，其他的也无所谓建议512x512 将U盘插入电脑。确保它已被正确识别并显示在文件资源管理器中。 在U盘根目录下创建一个名为“autorun.inf”的文本文件。 打开该文件，并键入以下内 ......
vue3 + ts + electron项目搭建过程
1、输入指令 npm create electron-vite 2、工程创建好后进入工程目录 执行 npm i 加载依赖项， 加载过程中可能会出现加载失败的问题，是因为github资源的问题，非项目本身问题，多执行几次即可 3、打包 输入npm run build，打包过程也会出现打包失败的问题，原 ......
electron加载远程和本地右键菜单冲突问题处理
electron 加载远程页面，远程页面有自己的右键，但是electron也有自己的菜单，为了防止两个右键菜单同时显示，使用window.myrightmenu 进行限制，window.myrightmenu非空则显示远程的，window.myrightmenu为空则显示electron的默认菜单。 ......
djangoadmin布尔字段的“开”或“关”图标？
models.py中： def is_very_benevolent(self): return self.release >1 is_very_benevolent.boolean=True 具体根据自己的实际进行修改。 效果如图： ......
ubuntu如何为应用添加桌面图标
在Ubuntu为应用创建桌面图标，以微信为例，在麒麟系统，微信所在目录/opt/weixin 1. 在桌面目录，创建以.desktop为后缀的文件 cd /home/用户名/桌面 touch weixin.desktop 2. 文件添加执行权限(很重要) desktop文件只有了执行权限才能双击运行 ......
vscode安装GitHub copliot后，不能启用，也不显示copilot图标
这个问题可能是由于安装的GitHub Copilot版本与VSCode不兼容导致的。您可以尝试卸载当前的GitHub Copilot插件，然后重新安装一个较早的版本。如果这不起作用，您可以尝试在VSCode中打开命令面板（Ctrl + Shift + P），然后输入“GitHub Copilot：启 ......
在Django+Vue3+GraphQL的Blog例子代码中引入Element-Plus UI Framework
Vue3的UI Framework中有Element-Plus、BalmUI、Quasar、PrimeVue、Ant Design Vue等UI Framework. Element-Plus是Element-UI的Vue3版,Element-UI的使用人数的基数较大,Github上的Star数也较 ......
windows下使用nvm时修改electron镜像路径
由于electron脚本中使用了不可知的地址，所以在install时会卡死 一般情况下添加.npmrc中的electron_mirror的镜像地址就行，但是使用了windows下使用nvm不会有npmrc 找到nvm的文件 默认的安装路径一般在 用户/user1/AppData/Roaming/nv ......
Electron
用前端开发桌面程序 资料 Electron深入填坑之路 https://blog.csdn.net/weixin_33897722/article/details/91476254 跨越平台桌面应用开发框架electron使用的心路历程 https://blog.csdn.net/wang83930 ......
图标素材
Fontawesome提供了一些免费的图标素材，可以使用Solid样式的，比Regular样式全。 图标查找 Find Icons with the Perfect Look & Feel | Font Awesome 点击图标后（如主页图标），上方就可以看到Unicode码（16进制，以0x+Un ......
windows xp桌面图标阴影修改
一、设定 1、在我的电脑--属性--高级--性能--设置，把在桌面上图标标签使用阴影选项打勾 2、xp下是桌面属性-桌面-自定义桌面-web下，所有项都不选择 3、在桌面上单击鼠标右键，然后“属性——属性显示——桌面--自定义桌面——Web——选中正在使用的Active Desktop活动桌面——删 ......
Mapboxgl 动态添加多种颜色、形状的图标
适用场景： 需要在地图上展示很多种数据，这些数据使用的图标形状是有限的几种，但颜色可能由后台自由配置后传给前端。 数据种类可能会变化，颜色可能会变化，这种情况下让设计同事切一堆图反而不方便维护，使用动态加载图标可以一定程度上节省前端的后期工作。 前端框架是vue3+vite，其他框架能否实现未验证。 ......
Vue3+element-plus封装文字超出一行，省略号显示，鼠标悬浮展示全部
1.组件封装 <template> <el-tooltip effect="dark" :disabled="isShowTooltip" :content="content" placement="top"> <p :class="['line1', className]" @mouseover= ......
记录下Mac下制作icns图标的流程
创建一个文件夹 必须要以iconset为后缀 mkdir hgl_pngpic.iconset 使用sips命令生成 10张小图 sips -z 16 16 $hgl --out hgl_pngpic.iconset/icon_16x16.png sips -z 32 32 $hgl --out h ......
Mapboxgl draw 自定义标绘之二：图标、文本、圆形的创建与编辑，重写原模式相关方法，保持当前模式
mapbox-gl-draw官网给出的扩展模式终于无法满足需求，需要diy了。 因为是diy，所以不存在前文说的commonjs打包报错的问题，呵呵。 前文：Mapboxgl draw 自定义标绘：圆、矩形、自由多边形、上传读取geojson （有的概念可能会接续前文不做解释） 参考链接 自定义MO ......