• 2024-11-20免费开源、高性能的图标库:Ionicons
    原文链接:https://cloud.tencent.com/developer/article/2184178它适用于web、APP和桌面应用。关于IoniconsIonicons是一个国外知名混合开发框架IonicFramework内置的图标库。它包含1300个为Web、iOS、Android和桌面应用程序专门定制的图标。同时Ionicons这套图标
  • 2024-11-19RedMine自定义--新增复制问题标题和链接按钮
    前言:Redmine本身的复制链接按钮只能复制问题的链接详情,复制出来的格式是:ip.xxxx/issues/200  这次自定义出来一个按钮,希望可以复制问题的标题和链接,这样发送问题给别人时能先知道这个问题大概是什么 一:首先找到redmine菜单栏的代码路径,在:redmine/app/views/issues的_action
  • 2024-11-15从零到一构建并打包 React + TypeScript + Less组件库教程(四、Icon 图标组件库自动生成 svg 组件)
    了解流行组件库的Icon组件本系列目录如下:项目初始化搭建+代码规范集成组件库多产物编译及文档编写turborepo集成Icon图标组件库自动生成svg组件点击查看此次commit本篇文章技术来源于semidesign,参考了semidesign的icon组件库设计观察我们经常使用的组件
  • 2024-11-08a-card后面接一个图标怎么写?
    在Vue.js中,你可以使用组件并通过插槽插入一个图标。这里以AntDesignVue框架为例,假设你想在卡片的标题前面添加一个图标:<template><a-card><templateslot="title"><a-icontype="smile"/>卡片标题</template><!--卡片内容--><p&
  • 2024-11-07鸿蒙进阶篇-网格布局 Grid/GridItem(二)
    hello大家好,这里是鸿蒙开天组,今天让我们来继续学习鸿蒙进阶篇-网格布局Grid/GridItem,上一篇博文我们已经学习了固定行列、合并行列和设置滚动,这一篇我们将继续学习Grid的用法,实现翻页滚动、自定义滚动条样式,并实现一个小案例。1.翻页滚动到这里就需要用到控制器对象了,核心步
  • 2024-11-05鸿蒙项目实战(一):实现首页动态Tab
    需求:存在n个tab页,支持动态设置显示指定某几个tab实现如下:一、定义一个类,定义所有的tab页数据知识点:1、类使用export修饰,可以让其他模块引入2、类内字段设置 staticreadonly,只读静态字段3、图标文件存于src->main->resources->base->media目录下//首页菜单配置expor
  • 2024-11-03jpeg,png,bmp转换成icon,windows本地导出icon文件
    前言通过软件icon-maker实现将文件格式转换目前主流皆为网页在线转换,有时迫于环境原因,需要离线状态的转换工作于是有了本篇文章目录前言安装链接安装移动软件位置(可选)输入注册码安装链接官方链接:https://zh.softorbits.net/icon-maker/软件分享链接(百度网盘):
  • 2024-11-02从零开始仿抖音做一个APP(启动页icon优化&沉浸式)
    从零开始仿抖音做一个APP(启动页icon优化&沉浸式)沉浸式效果前面完成了欢迎页的简单UI和逻辑处理并实现了Har模块和Hap模块之间的依赖和关联。今天,对遗留问题做一些处理和优化。沉浸式效果典型应用全屏窗口UI元素包括状态栏、应用界面和底部导航条,其中状态栏和导航条,
  • 2024-11-02使用wxpython开发跨平台桌面应用,实现程序托盘图标和界面最小化及恢复处理4j
    在前面随笔《基于wxpython的跨平台桌面应用系统开发》介绍了一些关于wxpython开发跨平台桌面应用的总体效果,开发桌面应用,会有很多界面细节需要逐一处理,本篇随笔继续深入该主题,对开发跨平台桌面应用的一些实现细节继续深入研究并总结,介绍程序托盘图标和界面最小化及恢复处理。1、
  • 2024-11-01使用wxpython开发跨平台桌面应用,实现程序托盘图标和界面最小化及恢复处理
    在前面随笔《基于wxpython的跨平台桌面应用系统开发》介绍了一些关于wxpython开发跨平台桌面应用的总体效果,开发桌面应用,会有很多界面细节需要逐一处理,本篇随笔继续深入该主题,对开发跨平台桌面应用的一些实现细节继续深入研究并总结,介绍程序托盘图标和界面最小化及恢复处理。1、
  • 2024-10-28vue2-自定义全局toast提示插件
    编写toast.vue在components文件夹下新增toast文件夹,并在toast文件夹中新增index.vue文件`<template><divid="toast"><spanclass="toast"@mouseleave="start"@mouseenter="stop":style="{top:styleTop,colo
  • 2024-10-14Vue2用户中心页面开发教程:从零开始,用HTML、CSS和Vue构建新手友好的个人中心页面,提供完整源码和详细布局讲解,让你轻松掌握前端技能,快速上手开发实用项目!」
    效果图:使用Vue.js构建用户中心页面:从零到实现在本教程中,我们将使用Vue.js构建一个用户中心页面,这是一个常见的Web应用页面。我们将涵盖页面的布局、样式,以及Vue的基本数据绑定和事件处理功能。这是一个为前端新手量身定制的项目,通过此项目可以了解如何快速构建用户友好
  • 2024-10-12PyQt5/6 PySide2/6 在任务栏托盘区域编程,用于显示文字(图片)信息
    PyQt5/6PySide2/6在任务栏编程,用于显示文字(图片)信息本文使用PyQt5演示,其他库如PySide2/6,稍微改改就能用,因为其核心使用的是Win32gui来获取一些系统信息代码结构本文中全部代码全在test_taskbar.py这一个文件中编码,步骤中有变动的地方会注释标注,无改动的不会重复显示出来,需要
  • 2024-10-11Flutter可滚动组件(4):GridView
    网格布局是一种常见的布局类型,GridView组件正是实现了网格布局的组件,下面重点介绍一下它的用法。一、默认构造函数GridView可以构建一个二维网格列表,其默认构造函数定义如下:GridView({Key?key,AxisscrollDirection=Axis.vertical,boolreverse=false,
  • 2024-10-10python 图片转icon图标
    功能分析Tkinter:用于构建简单的GUI,包括文件选择按钮、下拉菜单和生成按钮。Pillow(PIL):用于处理图像加载、调整尺寸并保存为.ico格式。功能实现:用户点击“选择图片”按钮,打开文件对话框选择图片。下拉菜单用于选择图标的尺寸(16x16到256x256)。用户点击“生成图标”按
  • 2024-10-10web端ant-design-vue Modal.info组件自定义icon和title使用小节
     web端ant-design-vueModal.info组件自定义icon和title整理小节,最近在项目中用到了自定义icon和title的功能,经过测试发现,如果自定义icontitle会自动换行,尝试直接修改样式和穿透方式都没有效果,最后采取了一个巧妙的方式,将icon和title放在一个自定义组件内,完美解决!代码如下
  • 2024-10-08el-Select组件远程搜索没有箭头图标
    在控制台查看对应的dom,发现使用远程搜索之后,对应的icon的class缺失,将缺失部分的class补全(el-icon-arrow-up)即可tip:只需要找到对应的dom,然后添加class(el-icon-arrow-up)初始化的时候新增下拉箭头的class,当用户触发聚焦的时候,还得添加对应的旋转的class(is-reverse
  • 2024-10-08动态修改iconfont图标配色
    引言在iconfont图标字体库详细介绍一文中介绍了iconfont图标字体库的三种使用方法,分别是1.unicode引用2.font-class引用3.symbol引用。其中只有symbol引用的方式才能保留图标的色彩。但是如果我们想改变图标的颜色,那么该如何做呢?解决方法以React为例,在项目中,封装
  • 2024-09-29Python 一键生成所有尺寸的应用Ico图标
    项目介绍在开发软件或网站时,我们经常需要为应用程序或网站设计专属的icon图标。我们将通过Python脚本一键生成iOS所有尺寸的应用图标,省时省力。编译环境Python版本:python3.8制作应用尺寸配置文件1.将所有尺寸的图片配置在iconContentsConfig.json文件中{"images":[
  • 2024-09-29python从exe里得到ico图标
    说到exe那就是windows程序了,python调用win32api需要先安装https://github.com/mhammond/pywin32/releases转化成ico有2种,一种是pyqt5另存图片换个文件名,这个可能不太专业,第2种是PythonMagickhttps://download.lfd.uci.edu/pythonlibs/w3jqiv8s/PythonMagick-0.9.19-cp37-cp37
  • 2024-09-29【vue3】svg组件
    一、Svg组件化支持插件vite.config.tsimport{createSvgIconsPlugin}from"vite-plugin-svg-icons";//svgIconplugins:[//svg组件化支持createSvgIconsPlugin({iconDirs:[pathResolve("../src/assets/svg")],//指定symbolId格式symbolI
  • 2024-09-20图标切换效果
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>IconToggle</title>
  • 2024-09-18WPF overlay on the icon in the taskbar via TaskbarItemInfo
    <Windowx:Class="WpfApp372.MainWindow"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:d="http://schemas.microsoft
  • 2024-09-16开闭原则在react中应用
    定义“软件实体(类、模块、函数等)应该对扩展开放,对修改关闭。”这意味着我们应该能够添加新的功能或行为,而无需修改现有的代码。对扩展开放 => 允许通过拓展来添加新功能或行为对修改关闭 => 不直接修改现有代码分析对应到react中,首选的场景就是组件了。react的组件的props其实
  • 2024-09-12QT QSystemTrayIcon创建系统托盘区图标失败
    前言在开发个人项目时,需要在Windows系统托盘区创建一个图标,在代码中,我使用的是QT的QSystemTrayIcon类进行图标创建,但是在加上图片资源后,一直没有图标显现。我使用的是Qt6,Windows11系统。示例代码QSystemTrayIcon*trayIcon=newQSystemTrayIcon(this);trayIco