小飞船1号
小飞船1号

Icons

1.Include in page head:

2.In html use:

3.Size：mif-lg, mif-2x, mif-3x, mif-4x.

4.Color：fg-*


5.Spinner icons
(1)Animated Spinner icons (with subclass mif-ani-spin)

Icons_第1张图片

6.Animated icons
(1)Normal speed（mif-icon_Name+mif-ani-ani_Name）

mif-ani-spanner
mif-ani-ring 
mif-ani-vertical
mif-ani-horizontal 
mif-ani-flash 
mif-ani-bounce 
mif-ani-float
mif-ani-heartbeat
mif-ani-shake
mif-ani-shuttle
 mif-ani-pass
mif-ani-ripple

(2)Fast speed (mif-icon_Name + mif-ani-ani_Name + mif-ani-fast)
(3)Slow speed (mif-icon_Name + mif-ani-ani_Name + mif-ani-slow)
(4)To use animation only on-hover use classes with ** mif-ani-hover-* *.
(mif-icon_Name + mif-ani-fast/slow + mif-ani-hover-)

Icons_第2张图片

你可能感兴趣的:(Icons)

  • echarts给x轴添加rich各种图标 Lanwarf-前端开发 Echartsechartsjavascriptecmascript
    1.选择合适的rich图标constweatherIcons={Sunny:'https://echarts.apache.org/examples/data/asset/img/weather/sunny_128.png',Showers:'https://echarts.apache.org/examples/data/asset/img/weather/showers_128.png'}2.
  • bootstrap直接对form表进行校验 IT和金融
    form表单可以前端进行校验，当然也可以直接采用bootstrap对form表单进行校验如form表单中有等相关字段进行校验，可直接用bootstrap的校验，方式如下：$("#auth_add_form").bootstrapValidator({//auth_add_form为form的id值feedbackIcons:{valid:'glyphiconglyphicon-ok',invali
  • pwa 啥时候能干全栈 vue
    参考pwa1.添加manifest.json配置页面参数：{"name":"WECIRCLE","short_name":"WECIRCLE","icons":[{"src":"./img/icons/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"./img/icons/android-chrom
  • vue-cli webpack 打包报错：Unexpected token: punc (() 曹天骄 vue
    本来项目完美打包，后来我增加了一个插件vue-ionicons，打包build就是报错：ERRORinstatic/js/8.017e5cf2d2f1a552890d.jsfromUglifyJsUnexpectedtoken:punc(()[./node_modules/vue-ionicons/dist/ionicons-mixin.js:7,0][static/js/8.017e5cf2d2
  • 二、Vue3与element-ui插件集成 程序员小蛋 vue.js前端javascript
    1、安装element-uinpminstallelement-plus--save官方网址：https://element-plus.gitee.io/zh-CN2、添加按钮小图标npmi@element-plus/icons-vue如果引入的时候，出现错误，tsconfig.json文件中，修改："moduleResolution"设置为"node"3、引入国际化会importElementP
  • Android 10 SystemUI 如何添加4G信号和WiFi图标 路过独木桥！！ SystemUIAndroid系统开发androidjava
    代码路径：frameworks/base/packages/SystemUI/res/layout/system_icons.xmlframeworks/base/packages/SystemUI/src/com/android/systemui/statusbar/phone/CollapsedStatusBarFragment.javaframeworks/base/packages/Sys
  • Java8使用Collectors.toMap，当value为null时报空指针异常 jasin4j java
    Collectors.toMap()方法底层调用merge方法，会报空指针异常。publicstatic>CollectortoMap(FunctionkeyMapper,FunctionvalueMapper,BinaryOperatormergeFunction,SuppliermapSupplier){BiConsumeraccumulator=(map,element)->map.merg
  • vue3 使用element-plus动态渲染Icon图标 山野见 vue.jselementuijavascript
    今天使用vue3+vite重构项目的时候，构建侧边栏的时候需要动态渲染图标之前的写法是这样就可以写一个数组，动态的绑定class但是在vue3中不能这样使用官方给出的实例是这样的但是这样动态渲染就不行了，找了半天，终于看到可以使用内置的component组件//main.jsimport*asElementPlusIconsVuefrom'@element-plus/icons-vue'const
  • vue3使用elementui-plus时使用深度选择器穿透影响原样式 lytcreate. VUE3前端elementui前端javascript
    一、原样式：下拉框选择时，右边存在一个下拉的箭头符号，那么在许多场景下我们不需要显示，这个时候就可以通过开发者工具进行定位，选中该元素，可以看到，影响的样式是：.el-iconsvg二、深度穿透修改原样式我们修改原样式，增加display:none即可不显示该符号，此时有两种方案，一种是取消style里面的scoped属性，这样会影响全局样式，导致所有的下拉框都没有这个符号了，这并不是我想要的，所
  • 【uni-app】uni-app官方自带图标的使用方法 敦厚的曹操 27.【uni-app】uni-app
    1、图标地址：https://hellouniapp.dcloud.net.cn/pages/extUI/icons/icons2、图标用法icon|uni-app官网3、实例返回
  • 开发chrome扩展（ 禁止指定域名使用插件） 徐同保 chrome前端
    mainfest.json:{"manifest_version":3,"name":"ChatGPT学习","version":"0.0.2","description":"ChatGPT,GPT-4,Claude3,Midjourney,StableDiffusion,AI,人工智能,AI","icons":{"16":"./images/logo.png","48":"./images/lo
  • 百度地图的使用(js，vue2，vue3) Nancy哇 地图百度javascript开发语言vue前端cssvue.js
    百度地图的使用创建应用获取密钥akak是在百度地图开发者平台申请的密钥详见http://lbsyun.baidu.com/apiconsole/key一、原生js使用百度地图引入初始化地图varmap=newBMapGL.Map("container");//创建地图实例varpoint=newBMapGL.Point(116.404,39.928);//创建点坐标map.centerAndZoo
  • Vue3+vite搭建基础架构（9）--- 使用vite-plugin-svg-icons 谁不想飞舞青春 前端vuevue.js前端javascripthtml5
    Vue3+vite搭建基础架构（9）---使用vite-plugin-svg-icons说明安装vite-plugin-svg-icons使用vite-plugin-svg-icons添加svg-icon组件和全局组件js文件测试svg雪碧图说明这里记录下自己在Vue3+vite的项目使用vite-plugin-svg-icons来全局使用svg雪碧图，不使用ts语法，方便以后直接使用。这里承接自
  • css修改图标字体大小,css-更改AngularJS材质图标的图标大小 莫博之 css修改图标字体大小
    css-更改AngularJS材质图标的图标大小我已经引用然后声明了一个图标face但是，如何更改图标大小？在官方网站[https://design.google.com/icons/]上，我看到他们使用诸如class="md-icondp48"280之类的类，但在我的情况下不起作用。9个解决方案72votes通过阅读github中的材料设计，我发现了这些有用的东西可能会对您有所帮助。/*Rule
  • 用户头像（图片文件）上传（Vue + nodejs 前后端） 小秀_heo vue.js前端javascript
    文件上传（图片上传）前端：Vue3+element-plus后端：express前端封装一个Upload组件和一个upload方法。Upload组件import{Plus}from'@element-plus/icons-vue'import{computed}from'vue'constprops=defineProps({avatar:String})constemit=defineEmits
  • vue使用fontawesome 柳正来
    按照fontawesome|Vuejs文档安装和使用vue-fontawesome.$npmi--save@fortawesome/fontawesome-svg-core\npmi--save@fortawesome/free-solid-svg-icons\npmi--save@fortawesome/vue-fontawesome@fortawesome/vue-fontawesome中有更
  • 虚拟机克隆须知 十七遇你_dc8d
    当克隆虚拟机时网卡需要更改因为文本格式的网卡信息一样克隆过来了查看网卡uuidnmcliconshow就可以查看本机的网卡uuid了
  • JVM指令手册 码界调试侠 Java性能调优jvm
    栈和局部变量操作将常量压入栈的指令aconst_null将null对象引用压入栈iconst_m1将int类型常量-1压入栈iconst_0将int类型常量0压入栈iconst_1将int类型常量1压入操作数栈iconst_2将int类型常量2压入栈iconst_3将int类型常量3压入栈iconst_4将int类型常量4压入栈iconst_5将int类型常量5压入栈lconst_0将long类型
  • VSCode常用插件
    vscode-iconsPathIntellisenseAutoRenameTagopeninbrowserGitLens
  • 微信小程序API上-【案例3】天气预报查询 菠菜_yinbocai
    1.调用百度天气接口获取天气数据百度接口申请地址：http://lbsyun.baidu.com/apiconsole/key创建应用下载下来的demo将libs和pages/weather拿到我们准备的空项目中
  • Java学习--黑马SpringBoot3课程个人总结-2024-02-12 客卿123 Java的学习笔记java学习javascript
    1.环境准备出现报错Vue引入路径正确的，但一直报错：Alreadyincludedfilename‘××בdiffersfromfilename‘××בonlyincasing.解决方案来自此链接2.注册界面的搭建代码如下import{User,Lock}from'@element-plus/icons-vue'import{ref}from'vue'//控制注册与登录表单的显示，默认显示注
  • 【又中又英】Blind Date Alice爱学习
    作者：Alice的学习笔记原文TherewasaninterestingarticleintheBritishnewspaperTheGuardianlastweek.IreadthisnewspapereverydayalthoughIconsiderittooliberal.ButthearticleIreadlastweekwasnotaboutpolitics.Itwasabouta"bl
  • JVM指令码对照 测试员
    栈和局部变量操作将常量压入栈的指令aconst_null将null对象引用压入栈iconst_m1将int类型常量-1压入栈iconst_0将int类型常量0压入栈iconst_1将int类型常量1压入栈iconst_2将int类型常量2压入栈iconst_3将int类型常量3压入栈iconst_4将int类型常量4压入栈iconst_5将int类型常量5压入栈lconst_0将long类型常量0
  • Window10 去掉图标小箭头 旧时袋
    1.去掉小箭头regadd"HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Explorer\ShellIcons"/v29/d"%systemroot%\system32\imageres.dll,197"/treg_sz/ftaskkill/f/imexplorer.exeattrib-s-r-h"%userprofil
  • 第77讲用户管理功能实现 九品印相 分布式小程序电商2javascript
    用户管理功能实现前端：views/user/index.vue搜索import{Search}from'@element-plus/icons-vue'import{ref}from'vue'importaxiosfrom"@/util/axios";constqueryForm=ref({query:'',pageNum:1,pageSize:10})consttotal=ref(0)const
  • IOS的图片处理 X_code_ZH
    1、定制图片大小，将图片定制为kAppIconSize宽高，用于图片的页面适应缩放UIImage*image=[[UIImagealloc]initWithData:data];if(image.size.width!=kAppIconSize||image.size.height!=kAppIconSize){CGSizeitemSize=CGSizeMake(kAppIconSize,kApp
  • 第67讲自定义icon实现 九品印相 分布式小程序电商2javascript
    element-plus内置有一些常用的icon供我们使用，但是我们假如需要用自己的icon时候，我们可以搞一个icon自定义组件；先把icons文件放到src下；再新建一个SvgIcon组件；index.vueimport{defineProps,computed}from'vue'constprops=defineProps({icon:{type:String,required:true}}
  • 【Qt】为应用程序设置标题栏、状态栏、可执行程序显示 三种状态下的图标 小地瓜重新去华容道工作 qt开发语言
    Qt为应用程序添加图标的几种方式应用程序的图标分为：程序左上角显示的标题栏的图标：程序打开后在任务栏显示的状态栏图标：程序在文件管理器中显示的可执行程序图标：设置这几种图标的方式有以下几种。方式1，一步到位设置标题栏、状态栏、可执行程序的图标，需要确保图标文件是ico类型。具体方式就是将图标文件与.pro文件放在同一目录下，然后在.pro文件中加入一行代码：RC_ICONS=incognito.i
  • Qt 的 icon图标设置 dyxcc QTqt
    图标设置可以分为exe执行文件图标、程序窗口图标和任务栏显示图标。程序窗口图标和任务栏显示图标显示一样。exe图标设置方法：在pro工程文件内添加如下：RC_ICONS=logo.ico//logo.ico为图标文件程序窗口图标和任务栏显示图标设置方法：this->setWindowIcon(QIcon(":/server.png"));//注：server.png为添加进资源文件中图标文件）。备
  • vue接入百度地图API 程序员阿明 百度vue.jsjavascript
    1、申请百度地图秘钥申请地址：http://lbsyun.baidu.com/apiconsole/key2、安装插件npminstallvue-baidu-map--save3、main.js中引用vue-baidu-map组件importVuefrom'vue';importBaiduMapfrom'vue-baidu-map'Vue.use(BaiduMap,{ak:'你申请的百度地图秘钥'
  • sql统计相同项个数并按名次显示 朱辉辉33 javaoracle
    现在有如下这样一个表： A表 ID Name time ------------------------------ 0001 aaa 2006-11-18 0002 ccc 2006-11-18 0003 eee 2006-11-18 0004 aaa 2006-11-18 0005 eee 2006-11-18 0004 aaa 2006-11-18 0002 ccc 20
  • Android+Jquery Mobile学习系列-目录 白糖_ JQuery Mobile
    最近在研究学习基于Android的移动应用开发，准备给家里人做一个应用程序用用。向公司手机移动团队咨询了下，觉得使用Android的WebView上手最快，因为WebView等于是一个内置浏览器，可以基于html页面开发，不用去学习Android自带的七七八八的控件。然后加上Jquery mobile的样式渲染和事件等，就能非常方便的做动态应用了。   从现在起，往后一段时间，我打算
  • 如何给线程池命名 daysinsun 线程池
            在系统运行后，在线程快照里总是看到线程池的名字为pool-xx，这样导致很不好定位，怎么给线程池一个有意义的名字呢。参照ThreadPoolExecutor类的ThreadFactory，自己实现ThreadFactory接口，重写newThread方法即可。参考代码如下：     public class Named
  • IE 中"HTML Parsing Error:Unable to modify the parent container element before the 周凡杨 html解析errorreadyState
      错误： IE 中"HTML Parsing Error:Unable to modify the parent container element before the child element is closed"     现象： 同事之间几个IE 测试情况下，有的报这个错，有的不报。经查询资料后，可归纳以下原因。
  • java上传 g21121 java
    我们在做web项目中通常会遇到上传文件的情况，用struts等框架的会直接用的自带的标签和组件，今天说的是利用servlet来完成上传。 我们这里利用到commons-fileupload组件，相关jar包可以取apache官网下载：http://commons.apache.org/ 下面是servlet的代码： //定义一个磁盘文件工厂 DiskFileItemFactory fact
  • SpringMVC配置学习 510888780 springmvc
    spring MVC配置详解 现在主流的Web MVC框架除了Struts这个主力 外，其次就是Spring MVC了，因此这也是作为一名程序员需要掌握的主流框架，框架选择多了，应对多变的需求和业务时，可实行的方案自然就多了。不过要想灵活运用Spring MVC来应对大多数的Web开发，就必须要掌握它的配置及原理。 　　一、Spring MVC环境搭建：（Spring 2.5.6 + Hi
  • spring mvc-jfreeChart 柱图(1) 布衣凌宇 jfreechart
    第一步：下载jfreeChart包，注意是jfreeChart文件lib目录下的，jcommon-1.0.23.jar和jfreechart-1.0.19.jar两个包即可； 第二步：配置web.xml; web.xml代码如下 <servlet>     <servlet-name>jfreechart</servlet-nam
  • 我的spring学习笔记13-容器扩展点之PropertyPlaceholderConfigurer aijuans Spring3
    PropertyPlaceholderConfigurer是个bean工厂后置处理器的实现，也就是BeanFactoryPostProcessor接口的一个实现。关于BeanFactoryPostProcessor和BeanPostProcessor类似。我会在其他地方介绍。PropertyPlaceholderConfigurer可以将上下文（配置文件）中的属性值放在另一个单独的标准java P
  • java 线程池使用 Runnable&Callable&Future antlove javathreadRunnablecallablefuture
    1. 创建线程池 ExecutorService executorService = Executors.newCachedThreadPool();   2. 执行一次线程，调用Runnable接口实现 Future<?> future = executorService.submit(new DefaultRunnable()); System.out.prin
  • XML语法元素结构的总结 百合不是茶 xml树结构
    1.XML介绍1969年   gml (主要目的是要在不同的机器进行通信的数据规范)1985年   sgml  standard generralized markup language1993年   html(www网)1998年  xml   extensible markup language
  • 改变eclipse编码格式 bijian1013 eclipse编码格式
    1.改变整个工作空间的编码格式         改变整个工作空间的编码格式，这样以后新建的文件也是新设置的编码格式。         Eclipse->window->preferences->General->workspace-
  • javascript中return的设计缺陷 bijian1013 JavaScriptAngularJS
    代码1： <script> var gisService = (function(window) { return { name:function () { alert(1); } }; })(this); gisService.name(); &l
  • 【持久化框架MyBatis3八】Spring集成MyBatis3 bit1129 Mybatis3
    pom.xml配置 Maven的pom中主要包括： MyBatis MyBatis-Spring Spring MySQL-Connector-Java Druid applicationContext.xml配置   <?xml version="1.0" encoding="UTF-8"?> &
  • java web项目启动时自动加载自定义properties文件 bitray javaWeb监听器相对路径
    创建一个类 public class ContextInitListener implements ServletContextListener 使得该类成为一个监听器。用于监听整个容器生命周期的，主要是初始化和销毁的。 类创建后要在web.xml配置文件中增加一个简单的监听器配置，即刚才我们定义的类。 <listener> <des
  • 用nginx区分文件大小做出不同响应 ronin47
    昨晚和前21v的同事聊天，说到我离职后一些技术上的更新。其中有个给某大客户(游戏下载类)的特殊需求设计，因为文件大小差距很大——估计是大版本和补丁的区别——又走的是同一个域名，而squid在响应比较大的文件时，尤其是初次下载的时候，性能比较差，所以拆成两组服务器，squid服务于较小的文件，通过pull方式从peer层获取，nginx服务于较大的文件，通过push方式由peer层分发同步。外部发布
  • java-67-扑克牌的顺子.从扑克牌中随机抽5张牌，判断是不是一个顺子，即这5张牌是不是连续的.2-10为数字本身，A为1，J为11，Q为12，K为13，而大 bylijinnan java
    package com.ljn.base; import java.util.Arrays; import java.util.Random; public class ContinuousPoker { /** * Q67 扑克牌的顺子 从扑克牌中随机抽5张牌，判断是不是一个顺子，即这5张牌是不是连续的。 * 2-10为数字本身，A为1，J为1
  • 翟鸿燊老师语录 ccii 翟鸿燊
    一、国学应用智慧TAT之亮剑精神A 1. 角色就是人格     就像你一回家的时候，你一进屋里面，你已经是儿子，是姑娘啦，给老爸老妈倒怀水吧，你还觉得你是老总呢？还拿派呢？就像今天一样，你们往这儿一坐，你们之间是什么，同学，是朋友。     还有下属最忌讳的就是领导向他询问情况的时候，什么我不知道，我不清楚，该你知道的你凭什么不知道
  • [光速与宇宙]进行光速飞行的一些问题 comsci 问题
         在人类整体进入宇宙时代，即将开展深空宇宙探索之前，我有几个猜想想告诉大家     仅仅是猜想。。。未经官方证实      1：要在宇宙中进行光速飞行，必须首先获得宇宙中的航行通行证，而这个航行通行证并不是我们平常认为的那种带钢印的证书，是什么呢？ 下面我来告诉
  • oracle undo解析 cwqcwqmax9 oracle
    oracle undo解析2012-09-24 09:02:01     我来说两句       作者：虫师收藏    我要投稿 Undo是干嘛用的？         &nb
  • java中各种集合的详细介绍 dashuaifu java集合
    一，java中各种集合的关系图 Collection       接口的接口     对象的集合  ├ List           子接口   &n
  • 卸载windows服务的方法 dcj3sjt126com windowsservice
    卸载Windows服务的方法 在Windows中，有一类程序称为服务，在操作系统内核加载完成后就开始加载。这里程序往往运行在操作系统的底层，因此资源占用比较大、执行效率比较高，比较有代表性的就是杀毒软件。但是一旦因为特殊原因不能正确卸载这些程序了，其加载在Windows内的服务就不容易删除了。即便是删除注册表中的相 应项目，虽然不启动了，但是系统中仍然存在此项服务，只是没有加载而已。如果安装其他
  • Warning: The Copy Bundle Resources build phase contains this target's Info.plist dcj3sjt126com iosxcode
        http://developer.apple.com/iphone/library/qa/qa2009/qa1649.html Excerpt: You are getting this warning because you probably added your Info.plist file to your Copy Bundle
  • 2014之C++学习笔记（一） Etwo C++EtwoEtwoiterator迭代器
            已经有很长一段时间没有写博客了，可能大家已经淡忘了Etwo这个人的存在，这一年多以来，本人从事了AS的相关开发工作，但最近一段时间，AS在天朝的没落，相信有很多码农也都清楚，现在的页游基本上达到饱和，手机上的游戏基本被unity3D与cocos占据，AS基本没有容身之处。so。。。最近我并不打算直接转型
  • js跨越获取数据问题记录 haifengwuch jsonpjsonAjax
    js的跨越问题，普通的ajax无法获取服务器返回的值。   第一种解决方案，通过getson，后台配合方式，实现。 Java后台代码： protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { String ca
  • 蓝色jQuery导航条 ini JavaScripthtmljqueryWebhtml5
    效果体验：http://keleyi.com/keleyi/phtml/jqtexiao/39.htmHTML文件代码： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQuery鼠标悬停上下滑动导航条 - 柯乐义<
  • linux部署jdk,tomcat,mysql kerryg jdktomcatlinuxmysql
    1、安装java环境jdk:     一般系统都会默认自带的JDK,但是不太好用，都会卸载了，然后重新安装。    1.1）、卸载：      （rpm -qa :查询已经安装哪些软件包；        rmp -q 软件包：查询指定包是否已
  • DOMContentLoaded VS onload VS onreadystatechange mutongwu jqueryjs
    1. DOMContentLoaded 在页面html、script、style加载完毕即可触发，无需等待所有资源（image/iframe）加载完毕。（IE9+） 2. onload是最早支持的事件，要求所有资源加载完毕触发。 3. onreadystatechange 开始在IE引入，后来其它浏览器也有一定的实现。涉及以下 document , applet, embed, fra
  • sql批量插入数据 qifeifei 批量插入
    hi，   自己在做工程的时候，遇到批量插入数据的数据修复场景。我的思路是在插入前准备一个临时表，临时表的整理就看当时的选择条件了，临时表就是要插入的数据集，最后再批量插入到数据库中。    WITH tempT AS ( SELECT item_id AS combo_id, item_id, now() AS create_date FROM a
  • log4j打印日志文件 如何实现相对路径到 项目工程下 thinkfreer Weblog4j应用服务器日志
    最近为了实现统计一个网站的访问量，记录用户的登录信息，以方便站长实时了解自己网站的访问情况，选择了Apache 的log4j,但是在选择相对路径那块 卡主了，X度了好多方法(其实大多都是一样的内用，还一个字都不差的)，都没有能解决问题，无奈搞了2天终于解决了，与大家分享一下 需求： 用户登录该网站时，把用户的登录名,ip,时间。统计到一个txt文档里，以方便其他系统调用此txt。项目名
  • linux下mysql-5.6.23.tar.gz安装与配置 笑我痴狂 mysqllinuxunix
    1.卸载系统默认的mysql [root@localhost ~]# rpm -qa | grep mysql mysql-libs-5.1.66-2.el6_3.x86_64 mysql-devel-5.1.66-2.el6_3.x86_64 mysql-5.1.66-2.el6_3.x86_64 [root@localhost ~]# rpm -e mysql-libs-5.1
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他