首页 > 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图标库推荐,收藏等于学会

最佳Icon图标库推荐,收藏等于学会 2022-01-19 11:10·前端晚间课 本文摘自公众号@前端充电宝,https://mp.weixin.qq.com/s/22zNzbvKi6xHaUlQdTio1g 大家好,我是 CUGGZ,今天来推荐几个适用于 React 项目的图标库。如果觉得有用就点个赞和在看吧~ 1. Supercons Supercons 为 React

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上找到要