electron-vue element-plus图标electron
electron打包步骤
# npm清理缓存 npm cache clean --force # 创建文件夹 mkdir xxx && cd xxx # 初始化(entry point 应为 main.js，author必填，description必填) npm init # 安装electron包 npm install ......
vue3+element-Plus表格滚动联动
const Table0 = ref() const Table1 = ref() function syncScroll() { for (let i = 0; i < compareData.compareInfo.length; i++) { let firstTable = Table0.v ......
Electron 安装启动
npm install --save-dev electron 安装的时候会报错20.205.243.166该地址是github的地址，由于在国内无法访问。 解决办法：更改electron安装源。 npm config set ELECTRON_MIRROR https://npmmirror.co ......
vue项目中读取外部静态文件改变标题以及图标
默认情况下，由vuecli创建的项目，其/public下会存在index.html这一入口文件（若是vite的话会存在根目录和src同级），public下的文件不参与打包过程，因此我们就在这里创建静态配置文件即可。 这个则是config内的配置。配置好后，可以在剩下vue组件中通过window.gl ......
vue+element项目部署到线上，所有icon图标不显示，解决方案
build里边utils.js加publicPath if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: 'vue-style-loader', publicPath:'../../' } ......
uview2 无网络u-icon图标不显示问题
uview2 无网络u-icon图标不显示问题 1、使用https://at.alicdn.com/t/font_2225171_8kdcwk4po24.ttf链接下载ttf文件2、到https://transfonter.org/网址转为base64， 3、将生成的文件解压，获得以下文件，打开st ......
Android 11 (MTK)状态栏图标反色-->跟随当前应用变化代码流程
//StatusBar.java public void start() { ............. onSystemBarAppearanceChanged(mDisplayId, result.mAppearance, result.mAppearanceRegions, result.mN ......
Vue3调用Element-plus涉及子组件v-model双向绑定props问题
Vue3调用Element-plus涉及子组件v-model双向绑定props问题 在Vue3调用Element-plus的el-dialog组件时，碰到个很有意思的问题，el-dialog的属性值v-model直接控制对话框的显示与否，点击关闭对话框和遮罩区域，组件内部会自动更改v-model的值 ......
electron的axios用法
当在 Electron 中使用 axios 库时，你需要在渲染进程的代码中使用它来发起 HTTP 请求。以下是一个完整的示例，展示了如何在 Electron 中导入并使用 axios 库： index.html: ```html <!DOCTYPE html> <html> <head> <titl ......
2023-11-13 electron-egg（学习笔记）
描述：一个基于Electron的桌面软件开发框架。 项目地址：https://gitee.com/dromara/electron-egg.git 官网：https://www.kaka996.com/ 注： clone下来后可以切换到demo分支查看demo效果，master分支就只是简单的hel ......
electron学习笔记
1 const { app, BrowserWindow, Menu ,remote , ipcMain } = require("electron"); 2 const path = require("path"); 3 const axios = require('axios'); 4 cons ......
element-plus设置为中文
element-plus组件文字语言默认是英文，需要手动更改一下中文包 引入element import ElementPlus from "element-plus"; import "element-plus/dist/index.css"; import zhCn from "element- ......
electron+vite,配置：vite-plugin-electron
1、创建vite项目，安装electron，electron从23开始不支持win7，win8.1所以我用最后一个版本 pnpm create vite pnpm ADD -D electron@22.3.27 pnpm i vite-plugin-electron -D 2、创建electron的 ......
electron+vite笔记
1、配置国内electron 镜像 .npmrc electron_mirror=https://registry.npmmirror.com/-/binary/electron/ electron_builder_binaries_mirror=https://registry.npmmirror ......
android 12 修改Launcher3 app hotseat 图标形状为圆角图标
1.概述 在对11.0产品开发中，对于Launcher3做各种定制化开发，也是常见的，最近有功能需求要求，对于修改图标的形状为圆角图标，而在Launcher3中，所有的app和hotseat 都是由BubbleTextView负责构建的，所以对于图标的修改也是要从BubbleTextView.jav ......
快速下载网页中的SVG矢量图标文件
浏览器打开后按下F12，右侧调出开发者工具，点击如下图所示三个点，再选择copy - copy element，也就是把整个标签中的代码复制。 ......
WPF使用矢量图标
https://www.iconfont.cn/ 选择要使用的图标加入购物车，添加至项目。 资源管理➡我的项目，Unciode-下载至本地 xxxx.ttf文件复制到项目Fonts中，xxx.html中查看图标编号 FontFamily="./Fonts/xxxx.ttf#xxxx" <TextBl ......
用Electron开发一个视频压缩软件
前段时间用Electron开发了一个图片压缩软件，使用起来很好，然后又想到何不再做一个视频压缩的？公司网站上视频蛮多，每月消耗流量也不是个小数目，这都是钱啦，在清晰度可接受的范围内把视频压缩下，有可能就省一半的流量费。 说干就干，开始查资料，首先找到的就是FFMPEG，它号称多媒体业界的瑞士军刀，暴 ......
element-plus 动态自定义主题颜色
颜色的HEX格式 颜色的HEX格式是#+六位数字/字母，其中六位数字/字母是一种十六进制的表达方式。这六位分别两个一组，从左到右分别表示红、绿、蓝。00表示最小，十进制是0；FF表示最大，十进制是255。通俗点讲，某个颜色的数值越大，包含这个颜色就越多。如：#000000-黑色、#FFFFFF-白色 ......
Mac——MAC笔记本本地音频文件如何添加图标？
在 Mac 上的“音乐” App 中，选择边栏中的一个播放列表。 执行以下一项操作： 点按播放列表左上方的插图区域，然后选取一个图像文件。 将一个图像文件拖到插图区域。 点按“完成”。 我自己的操作记录： 本地音乐文件没有图标，就想要加上图标，文件-comd+i实现文件详细信息，也没有找到可以添加图 ......
5、图标组件
Icon(Icons.search,color: Colors.red,size: 40), 图 标 官 网 Flutter Flutter中借助阿里巴巴图标库自定义字体图标 1. 导入字体图标文件； fonts: - family: myIcon #根据自己的需求定义 fonts: - asset ......
electron播放rtsp流
需要在客户端播放 rtsp 流, 用了一些第三方的方案(ffmpeg + websocket + jsmpeg)效果不是很好, 根据实际需求便改为 ffmpeg + mjpeg, 效果不错. <template> <div style="display: inline-block; width: 1 ......
这次写一下inkscape这个矢量工具的使用，怎么使用shapebuilder, 作为一个设计师应该如何去制作图标等
绘图工具常用的大家都知道，一般图像有web类型，位图，压缩图，原图，矢量图，而矢量图保存东西是用的矢量保存的，所以在拉伸等变换的时候会基于矢量方向计算，所以填充等总是均匀的，不像位图，拉伸时就会是使图像中的位点变稀疏，图像变得不清晰。 这里adobe的photoshop是一个调色工具，这里要记得，虽 ......
2023-11-06 如何打包Electron项目（未完待续）
运行打包命令： npm run make 如图： 打包成功后的目录： 这个名为out的就是打包后的文件所在的地方 my-app-elec-win32-x64为可分发的文件夹 双击它，即可启动！ 现在你看到的是运行npm run make打包后的开发包，我们接下来要用一个工具来对这个包编译成appk文 ......
2023-11-06 Could not find any Electron packages in devDependencies ==》没有安装Electron 导致
推荐使用powershell终端来输入，如果你用的是vscode的终端会出现卡在加载中的情况，而前者则可以通过回车键来刷新加载状态 问题描述：electron项目安装好后，运行npm run start时报错。 解决方案： npm i electron --save-dev ......
Winform高亮显示图标和标题
效果下如图： 创建ActivateButton公用方法，代码如下： private void ActivateButton(object senderBtn, Color color1, Color color2, Color color3) { if (senderBtn != null) { D ......
Layui自定义icon图标
在使用Layui 进行开发时，会使用： <i class="layui-icon"></i> 或者 <i class="layui-icon layui-icon-face-smile" style="font-size: 30px; color: #1E9FFF;"></i> 进行 ......
前端开发笔记[3]-electron嵌入jupyterlite
摘要 在electron应用中嵌入jupyterlite,实现python程序和运行环境的跨平台打包. jupyterlite简介 [https://jupyter.org/try-jupyter/lab/] [https://zhuanlan.zhihu.com/p/578412030] [htt ......