- 2024-11-01vue3项目中使用iconify
事情是这样的,我比较喜欢使用MaterialDesignIcons的图标(MaterialDesignIcons-IconLibrary-Pictogrammers)。最初我把整个MaterialDesignIcons的css文件下载下来,然后在vue3项目中使用。但是这个css文件的体积比较大,但是我用的也就是那几个icon图标。有没有办法实现图
- 2024-10-11Flutter可滚动组件(4):GridView
网格布局是一种常见的布局类型,GridView组件正是实现了网格布局的组件,下面重点介绍一下它的用法。一、默认构造函数GridView可以构建一个二维网格列表,其默认构造函数定义如下:GridView({Key?key,AxisscrollDirection=Axis.vertical,boolreverse=false,
- 2024-09-24利用vscode-icons-js在Vue3项目中实现文件图标展示
背景:在开发文件管理系统或类似的项目时,我们常常需要根据文件类型展示对应的文件图标,这样可以提高用户体验。本文将介绍如何在Vue3项目中利用vscode-icons-js库,实现类似VSCode的文件图标展示效果。先看效果:一、引入vscode-icons-js首先,我们需要安装vscode-icons-js库。你可以使用n
- 2024-09-13vue3 + vite 使用 vite-plugin-svg-icons 插件显示本地 svg 图标的方法
1.安装vite-plugin-svg-icons插件yarnaddvite-plugin-svg-icons-D//或者npminstallvite-plugin-svg-icons-D//或者pnpminstallvite-plugin-svg-icons-D2.使用vite-plugin-svg-icons插件2.1在项目根目录查找vite.config.js,进行配置import{createS
- 2024-09-11vue3 中使用 icon 图标的 3 种方案
1.element-iconElementPlus提供了一套常用的图标集合。1.1.安装#选择一个你喜欢的包管理器#NPM$npminstall@element-plus/icons-vue#Yarn$yarnadd@element-plus/icons-vue#pnpm$pnpminstall@element-plus/icons-vue#选择一个你喜欢的包管理器1.2.
- 2024-08-23基础组件:ICON
Flutter中,可以像Web开发一样使用iconfont,iconfont即“字体图标”,它是将图标做成字体文件,然后通过指定不同的字符而显示不同的图片。在字体文件中,每一个字符都对应一个位码,而每一个位码对应一个显示字形,不同的字体就是指字形不同,即字符对应的字形是不同的。而在iconfont中,只
- 2024-08-08利用vscode-icons-js在Vue3项目中实现文件图标展示
背景:在开发文件管理系统或类似的项目时,我们常常需要根据文件类型展示对应的文件图标,这样可以提高用户体验。本文将介绍如何在Vue3项目中利用vscode-icons-js库,实现类似VSCode的文件图标展示效果。先看效果:一、引入vscode-icons-js首先,我们需要安装vscode-icons-js库。
- 2024-08-06【Pyautogui自动准备jupyter】附上报错合集,已解决
刚认识了pyautogui,浅浅写一段自动准备jupyter的程序importpyautogui#importpyperclipimporttimedefopen_jupyter():print('Openingjupyter...')time.sleep(1)try:location=pyautogui.locateOnScreen(r"D:\STEFANOS\python\t
- 2024-07-29Win10消除/恢复快捷方式小箭头
去除箭头新建文本文件(.txt)复制下面代码粘贴后保存regadd"HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Explorer\ShellIcons"/v29/d"%systemroot%\system32\imageres.dll,197"/treg_sz/ftaskkill/f/imexplorer.exestartexplorer
- 2024-07-17vue3 封装svg图标
安装插件npmivite-plugin-svg-icons1.修改 vite.config.jsimport{resolve}from'path'import{createSvgIconsPlugin}from'vite-plugin-svg-icons';exportdefaultdefineConfig({ plugins:[ vue(), createSvgIconsPlugin({
- 2024-07-15vite 实现自动导入element plus icons 图标组件
vite.config.js配置import{fileURLToPath,URL}from"node:url";importComponentsfrom"unplugin-vue-components/vite";importAutoImportfrom"unplugin-auto-import/vite";import{ElementPlusResolver}from"unplugin-v
- 2024-07-14前端学习-flutter学习-010-按钮
《Flutter实战·第二版》ElevatedButton(child:Text("ElevatedButton默认带有阴影和灰色背景。按下后,阴影会变大"),onPressed:(){},),TextButton(child:Text("TextButton默认背景透明并不带阴影。按下后,会有背景色"),onPressed:(){},),
- 2024-07-01flutter3
import'package:flutter/material.dart';voidmain(){runApp(constGoWaterMyApp());}classGoWaterMyAppextendsStatelessWidget{constGoWaterMyApp({super.key});@overrideWidgetbuild(BuildContextcontext){returnMaterialApp(
- 2024-07-01flutter3空页面加导航
import'package:flutter/material.dart';voidmain(){runApp(constGoWaterMyApp());}classGoWaterMyAppextendsStatelessWidget{constGoWaterMyApp({super.key});@overrideWidgetbuild(BuildContextcontext){returnMaterialApp(
- 2024-06-23【uni-app】uni-icons 图标使用和通过文心一言解决icon不显示BUG
1)按照 https://uniapp.dcloud.net.cn/component/uniui/uni-icons.html安装 uni_modules。2)使用基本用法中代码 <uni-iconstype="contact"size="30"></uni-icons>不显示icon3)在文心一言提问:在uniapp中使用uni-icons,安装库文件后,<uni-iconstype="contac
- 2024-06-15vue 使用vite-plugin-svg-icons
安装npminstallvite-plugin-svg-icons--savenpminstallfast-glob--save在vite.config.js配置 import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'import{createSvgIconsPlugin}from'vite-plugin-svg-icons
- 2024-06-15通过Vue3+高德地图的JS API实现市区地图渲染
效果图:核心代码:<scriptsetup>import{onMounted,onUnmounted}from'vue';importAMapLoaderfrom'@amap/amap-jsapi-loader';import{message}from'ant-design-vue';importschoolfrom'@/assets/icons/school
- 2024-06-14(更新自2024年6月)Flutter3中BottomNavigationBar的用法。
import'package:flutter/material.dart';voidmain(){runApp(MyApp());}classMyAppextendsStatelessWidget{@overrideWidgetbuild(BuildContextcontext){returnconstMaterialApp(home:MyHomePage(),);}}classMyH
- 2024-06-135.17
import'dart:async';import'package:dio/dio.dart';import'package:flutter/material.dart';import'package:test1/page/video.dart';//导入获取用户信息的方法import'../Do/UserDao.dart';import'../component/container
- 2024-06-135.27
import'package:flutter/cupertino.dart';import'package:flutter/material.dart';import'package:test1/page/video.dart';import'../component/container.dart';import'../component/drawer.dart';import'ope
- 2024-06-135.13
import'package:flutter/material.dart';import'package:test1/page/record_column.dart';import'package:test1/page/video.dart';//导入video1页面import'package:test1/page/record_column.dart';import'../Do/UserDao.da
- 2024-06-04修改桌面图标
文章目录1.概念介绍2.使用方法3.示例代码4.经验与总结4.1经验分享4.2内容总结我们在上一章回中介绍了"overlay_tooltip简介"相关的内容,本章回中将再谈flutter_launcher_icons包.闲话休提,让我们一起TalkFlutter吧。1.概念介绍我们在四百一十二回中介绍修
- 2024-06-04制作launch图标
文章目录1.概念介绍2.使用方法3.示例代码4.经验与总结4.1经验分享4.2内容总结我们在上一章回中介绍了"overlay_tooltip简介"相关的内容,本章回中将再谈flutter_launcher_icons包.闲话休提,让我们一起TalkFlutter吧。1.概念介绍我们在四百一十二回中介绍修
- 2024-05-30css22 CSS Icons
https://www.w3schools.com/css/css_icons.aspIconscaneasilybeaddedtoyourHTMLpage,byusinganiconlibrary. HowToAddIconsThesimplestwaytoaddanicontoyourHTMLpage,iswithaniconlibrary,suchasFontAwesome.Addthenameofth
- 2024-05-13【ubuntu】程序运行时的任务栏图标
1.快捷方式需要正确的配置StartupWMClass属性,那么如何获取这个属性呢?参考如下命令xprop|grepWM_CLASS将终端程序小窗运行上述命令,鼠标点击哪个应用窗体就会获取哪个窗体的名称,有可能会有多个,多个情况任选其一2.将图标复制到 /usr/share/pixmaps/中,文心一言的问答提到