Icons

首页 > TAG信息列表 > Icons

Flutter 相对布局实现：Stack 加上Align

import 'package:flutter/material.dart'; /// 使用 MediaQuery 进行全面屏适配 void main() { runApp(HomePage()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'Flu

vue项目从iconify中自动导入任何图标集

参考： Icon 图标 - element-plus 依赖的库我们需要unplugin-icons和unplugin-auto-import库支持。 npm i -D unplugin-icons unplugin-auto-import 文档资料 unplugin-icons - GitHub 模板范例 element-plus-best-practices/vite.config.ts 配置 vue.config.js const Icons = r

vue项目中使用svg并设置大小颜色等样式

1、安装依赖 npm install --save-dev svg-sprite-loader # 或者 yarn add svg-sprite-loader --dev 2、新建svg资源目录将svg资源放入此目录，接下来会在配置文件中该路径 mkdir -p src/assets/icons 3、vue-cli 3.x 配置vue.config.js module.exports = { chainWebpack: con

注册全局图标ts写法

https://element-plus.gitee.io/zh-CN/component/icon.html#使用图标仓库地址：https://github.com/Megasu/element-plus-icons 注册所有图标您需要从 @element-plus/icons-vue 中导入所有图标并进行全局注册。 // main.ts // 如果您正在使用CDN引入，请删除下面一行。 import * as

Flutter 基础 widgets -- Icon 和 Color

常用 Icon Flutter 集成了 MaterialApp的图标库用法：Icon(Icons.具体名称) import 'package:flutter/material.dart'; class Home extends StatelessWidget { const Home({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return S

QT5笔记：4. 设置应用图标

4. 设置应用图标参考视频：https://www.bilibili.com/video/BV1AX4y1w7Nt # 在项目的.pro文件中添加如下内容，ico文件名称可变 RC_ICONS = main.ico

Flutter: TextField

TextField( decoration: InputDecoration( border: OutlineInputBorder( borderRadius: BorderRadius.all(Radius.circular(30))), prefixIcon: Icon(Icons.search) ), );

通过chainWebpack在vue中修改vue-cli的webpack配置

我们在vue项目内难免需要对webpack配置进行修改，我们可以通过在vue.config.js中通过配置chainWebpack对webpack配置进行修改，下面演示我们如何新增一个loader const path = require('path') function resolve(dir) { return path.join(__dirname, dir) } // https://cli.vuejs.or

electron修改打包后的exe图标

安装electron-icon-builder 添加图标生成器：npm i electron-icon-builder 生成图标 1、在package.json的scripts中添加一条命令并保存： "electron:generate-icons": "electron-icon-builder --input=./public/icon.png --output=build --flatten" 2、将你准备的图片命名为icon.png

ubuntu换上mac的theme主题

首先下载mac主题文件Mojave-light,然后将这个放在系统的theme文件下终端输入为 sudo cp -R ./Mojave-light /usr/share/themes 然后下载gnome-tweak工具,终端输入是 sudo apt install gnome-tweak-tool 然后执行gnome-tweak工具,终端输入: gnome-tweak 在gnome-tweak工具

直播源码，下拉刷新和上划预加载新内容

直播源码，下拉刷新和上划预加载新内容实现的相关代码自定义下拉刷新头部样式 ClassicHeader classicHeader() { return ClassicHeader( releaseText: '松开手刷新', refreshingText: '刷新中', completeText: '刷新完成', failedText: '刷新失败',

最佳Icon图标库推荐，收藏等于学会

vue svg图标的使用

vue svg图标的使用油条丝于 2019-11-09 17:27:56 发布 568 收藏 2 分类专栏： vue 文章标签： vue svg 版权 vue 专栏收录该内容 1 篇文章0 订阅订阅专栏 1. 需要用到图标的地方加入图标标签 <el-input type="text" auto-complete="off" placeholder="账号"> <svg-icon

Visual Studio 个人必装扩展

1.Live Share 2.ZenCoding 3.File Icons 4.Open Command Line 5.Add New File 6.Resharper 7.Github Extension for Visual Studio 8.Visual Studio Intellicode

vue3如何使用svg图片

1、下载loader npm install --save-dev svg-sprite-loader，svgo，svgo-loader 2、在vue.config.js中配置 const path = require('path') module.exports = { lintOnSave:false, //关闭语法检查 chainWebpack: config => { // 给svg规则增加⼀个排除选项

elementui3 使用图标icon

安装icon# Choose a package manager you like. # NPM $ npm install @element-plus/icons-vue # Yarn $ yarn add @element-plus/icons-vue # pnpm $ pnpm install @element-plus/icons-vue 安装完成后在使用的页面加载使用的图标 import { Plus, ZoomIn, Download, Delet

Flutter41，2021新一波程序员跳槽季

@override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text(‘摇一摇’), ), body: Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ Image.asset( ‘assets/images/shake.png’, width:120.0, heigh

Flutter AppBar入门使用

实现效果图主要代码 class _MyHomePageState extends State<MyHomePage> { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( leading: new Icon(Icons.arrow_back_ios), title: new Text(widget.title),

vue引入iconfont阿里巴巴矢量图标库官网，自定义图标

官网地址：iconfont-阿里巴巴矢量图标库一、svg icon引入：安装依赖:svg-sprite-loader npm i svg-sprite-loader -D 二、下载图标，存入src/icons/svg中（新建文件目录）,修改规则和新增规则（vue.config.js） // resolve定义一个绝对路径获取函数 // resolve定义一个绝对路径获取

WPF开发随笔收录-自定义图标XamlIcon

一、前言 1、在以前自学的过程中，软件需要使用到图标的时候，总是第一个想法是下载一个图片来充当图标使用，但实际得出来的效果会出现模糊的现象。后来网上学习了字体图标库的用法，可以在阿里云矢量图网站那里将想要的图标添加到项目中，然后打包下载得到ttf图标库，然后将图标当成字体来引

Flutter学习可滚动Widget 中

文章目录 5. AnimatedList5.1 实例代码 6. GridView6.1 SliverGridDelegateWithFixedCrossAxisCount6.2 GridView.count6.3 SliverGridDelegateWithMaxCrossAxisExtent6.4 GridView.extent6.5 GridView.builder6.5.1 范例 7. PageView 与页面缓存7.1 PageView7.2 页面缓

记录下tinymce编辑器遇到的问题

最近需要使用编辑器，选了这款，说实话一般般，凑合用下面记录下问题 1.编辑器不出来　　引入皮肤样式 import 'tinymce/skins/ui/oxide/skin.css' 2.icons报错　　引入图标库 import 'tinymce/icons/default/icons' 3.语言包报错　　本地路径，需要require引用 language_u

【vue】svg-icon小图标选择器

1.实现效果： 2.实现代码： 1.封装svg-icon组件在src/components 文件夹下面新建SvgIcon/index.vue文件 <template> <div v-if="isExternal" :style="styleExternalIcon" class="svg-external-icon svg-icon" v-on="$listeners" /> <sv

在vue中优雅的使用.svg

在vue中优雅的使用*.svg 在webpack.base.conf中配置svg的依赖和loader插入svg-sprite-loader包在src文件夹下创建icon文件夹：注册一个全局组件icons下的index.js中写入main.js中引入icon愉快的使用svg-icon组件吧！在webpack.base.conf中配置svg的依赖和loader { test:

macos big sur 软件icons图标大全(新增至2719枚大苏尔风格图标)

macos big sur 软件icons图标大全(新增至2719枚大苏尔风格图标) macw小编为大家分享一套mac电脑icons图标包，此套图标大全中包含两千多个.icns格式图片，这是一套不可多得的设计素材包。包含一千多个.icns格式软件应用图标，1024*1024px，下载即可使用，非常简单方便。在Finder上找到要