vform增加自己的icon

2024-10-25

在项目中增加自定义icon图标

以MUI框架为例,内容来自于MUI官网. mui如何增加自定义icon图标 mui框架遵循极简原则,在icon图标集上也是如此,mui仅集成了原生系统中最常用的图标:其次,mui中的图标并不是图片,而是字体,至于为什么使用字体图标而不是图片,相信web开发者多少都有所了解,简单列举几条: 多个图标字体合成一个字体文件,避免每张图片都需要联网请求: 字体可任意缩放,而图片放大会失真.缩小则浪费像素: 可通过css任意改变颜色.设置阴影及透明效果: 在实际项目中,开发者难免会需要自定义图标,此时该如

mui如何增加自定义字体icon图标

http://ask.dcloud.net.cn/article/128 字体地址:http://www.iconfont.cn/

Ligerui Grid组件--学生信息列表

一.目录 1.多层架构+MVC+EF+AUTOFAC+AUTOMAPPER: 2.MVC中验证码的实现(经常用,记录备用) 3.Ligerui首页的快速搭建 4.Ligerui Grid组件--学生信息列表二.正文数据库中存在一张学生表,字段在下图中有所反应,Grid数据来源比较简单,不做数据库的介绍.最终做出的效果: 1.Ligerui-Grid组件介绍 grid一词,翻译过来叫做“表格”,我的理解就是一个多功能列表(⊙o⊙).其数据展现形式可以为树形结构.可以行内编辑.支持分页.支持单行

Android ActionBar应用实战，高仿微信主界面的设计

转载请注明出处:http://blog.csdn.net/guolin_blog/article/details/26365683 经过前面两篇文章的学习,我想大家对ActionBar都已经有一个相对较为深刻的理解了.唯一欠缺的是,前面我们都只是学习了理论知识而已,虽然知识点已经掌握了,但是真正投入到项目实战当中时会不会掉链子还很难说.那么不用担心,本篇文章我就将带领大家一起进入ActionBar的应用实战,将理论和实践完美结合到一起. 如果你还没有看过我的前两篇文章,建议先去阅读一下 Andr

Inno Setup 系统托盘图标插件 TrayIconCtrl V1.5

原文 http://restools.hanzify.org/article.asp?id=93 V1.5 修正在某些 Windows 平台上(例如 Windows XP SP3)不能正常运行的问题. 引用来自 trayiconctrl.iss,2009-10-16 21:06:53 ; -- trayiconctrl.iss --; restools; http://restools.hanzify.org; TrayIconCtrl.dll 为一个用于Inno Setup的 15.5 KB

actionbar详解（二）

经过前面两篇文章的学习,我想大家对ActionBar都已经有一个相对较为深刻的理解了.唯一欠缺的是,前面我们都只是学习了理论知识而已,虽然知识点已经掌握了,但是真正投入到项目实战当中时会不会掉链子还很难说.那么不用担心,本篇文章我就将带领大家一起进入ActionBar的应用实战,将理论和实践完美结合到一起. 如果你还没有看过我的前两篇文章,建议先去阅读一下 Android ActionBar完全解析,使用官方推荐的最佳导航栏(上) 和 Android ActionBar完全解析,使用官方推荐的最

社交系统ThinkSNS+安装部署演示

ThinkSNS(简称TS),一款全平台综合性社交软件系统,10年来为国内外大中小企业和创业者提供社交化软件研发及技术解决方案.目前有ThinkSNS V4.ThinkSNS+两个并行系统. ThinkSNS一直不断优化,持续更新,旨在为大家带来更好的系统体验,能够更快更好地应用到商业化.企业化等多样化的软件项目中,加速你的开发进度,减少研发时间周期. ThinkSNS社交系统主要功能有:微博(朋友圈).即时聊天.直播.论坛.资讯.CMS.活动.频道.圈子.问答.打赏等主流社交功能应有尽有. T

LigerUi之ligerMenu 右键菜单

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <link href="../skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" /> <script type="

初识Python - Python的历史(转)

声明: 本文转自维基百科如有意见请联系删除综述该编程语言的Python是在20世纪80年代末的设想,和实施是在1989年12月开始由吉多·范罗苏姆在CWI在荷兰的继任者农行能够异常处理,并与接口阿米巴操作系统.Van Rossum是Python的主要作者,他在决定Python方向方面的持续核心作用体现在Python社区给予他的称号,即仁慈的生活独裁者(BDFL).Python以BBC电视节目Monty Python的Flying Circus命名. Python 2.0于2000年10月

Android ActionBar仿微信界面

ActionBar仿微信界面 1.学习了别人的两篇关于ActionBar博客,在结合别人的文章来仿造一下微信的界面: 思路如下:1).利用ActionBar生成界面的头部,在用ActionBar的ActionProvider时候要注意引入的包一定是android.view.ActionProvider,不能是android.support.v4.view.ActionProvider 2),切换的Title可以参考之前之前一篇文章利用RadioGroup来做,这里是利用一个开源的项目PagerS

Android 之高仿微信主界面

源码下载: http://files.cnblogs.com/aibuli/WeChatSample.zip 主界面主要使用ActionBar来完成. 要实现这个效果,第一步当然是编辑menu目录下的main.xml文件. <menu xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools"

LigerUI java SSH小例子

1.新建web project 2.ssh框架加入到项目中去(这里不介绍,网上搜索) 3.struts2配置 http://www.cnblogs.com/istianyu/archive/2013/05/22/3093768.html 4.jsp页面 index2.jsp <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <%@ tagl

如何实现Ant design表单组件封装？

目标:自己实现一个antd表单组件先看下Ant Design官网上给出的表单组件用法: import React, { Component } from 'react' import { Form, Icon, Input, Button } from 'antd' function hasErrors(fieldsError) { return Object.keys(fieldsError).some(field => fieldsError[field]) } class Horizon

amazeui学习笔记--css（常用组件4）--关闭按钮Close

amazeui学习笔记--css(常用组件4)--关闭按钮Close 一.总结 1.关闭按钮基本用法:关闭按钮样式,可以结合其他不同组件使用.对 <a> 或者 <button> 添加 .am-close class.<a href="#" class="am-close">×</a> 2.&times:关闭按钮用到的那个叉叉是&times,如果是icon font则不用 3.带边框样式:添加 .am-c

LigerUI中Grid的使用时关于url请求不到数据的问题

前台代码:(这里贴的是js的代码,完整的代码可以在LigerUI的文档中找到), 这里使用的是url请求数据,问题不是处在前台,所以就不细说. $("#maingrid").ligerGrid({ height: '100%', width: 'auto', columns: [ { display: '部门名', name: 'name', width: 250, align: 'left' }, ], width: '100%', pageSizeOptions: [5, 10,

django admin站点美化

使用django-simpleui 安装 pip install django-simpleui 源码地址 https://github.com/newpanjing/simpleui django配置: 要加到第一行: 线上使用: 需要将 \python\Lib\site-packages\simpleui\static 目录下的 admin 复制到 nginx指定的静态文件目录中:直接下载源码也可以: 修改首页和登录页标题: 在 py 文件中添加 from django.contrib i

Cys_Control（三） MTextBox

一.查看TextBox原样式通过Blend查看TextBox原有样式 <Window.Resources> <SolidColorBrush x:Key="TextBox.Static.Border" Color="#FFABAdB3"/> <SolidColorBrush x:Key="TextBox.MouseOver.Border" Color="#FF7EB4EA"/> <S

为BlueLake主题增加自定义icon图标

一.前言 hexo 的 Bluelake 主题是我一直在用的,简单大方,很喜欢.但最近有了添加自定义 icon 图标的需求,比如,添加 "地址"."扫一扫"."优惠券" 等 icon,还是很有必要研究一下如何制作的. 然后我就去了主题作者 chaooo 的 github 上留言,咨询其方法,作者回复的很快,按照作者的回复,成功将自定义图标制作出来了,也分享给有需要的人. 二.阿里妈妈图标库官网地址:www.iconfont.cn/ icon 图

对话框上右下角显示resize icon(可以拖动改变对话框的大小)（在WM_CREATE的时候，增加WS_THICKFRAME风格）

CStatusBar m_StatusBar; // 成员变量 // 全局变量 static UINT auIDStatusBar[] = { ID_SEPARATOR }; //在对话框类的WM_CREATE消息的响应函数OnCreate中加入下面的代码 ModifyStyle(0, WS_THICKFRAME); //在对话框类的OnInitDialog()中加入下面的代码 if(m_StatusBar.Create(this)) { m_StatusBar.SetIndicators(a

把UI图里的小图标制作成icon font

一个交互比较多的UI图里面可能会有很多小图标,一般可用sprites图将多个小图标弄成一张大图,或者其它的办法,各种方法的比较可参见博主的另外一篇博客使用css3新属性clip-path制作小图标,本文深入讨论使用icon-font的的制作方法:在PS里面导出svg,制作字体图标.这种方法既有sprites图不需要浏览器发多次请求的优点,也有使用clip-path/svg矢量无损的优点,并且支持IE6及以上. 使用sprites图可以自行用PS将多个小图标放至一张图: sprites图的缺点是不

vform增加自己的icon

热门专题