Metro-UI系统-2-color和icon

1.上图

2. 怎么用

2.1 color使用

<!--1,设置背景和前景色-->
    <div class="tile bg-blue fg-white"   data-role="title">  <!--定义一个磁贴-->
        <div class="tile-content iconic"><!--设置磁贴的内容-->
            <icon />
        </div>
       <div class="tile-label">我是前景色</div>
    </div>

时间： 2024-07-28 14:54:50

Metro-UI系统-2-color和icon的相关文章

Bootstrap看厌了？试试Metro UI CSS吧

(此文章同时发表在本人微信公众号"dotNET每日精华文章",欢迎右边二维码来关注.) 题记:Bootstrap作为一款超级流行的前端框架,已经成为很多人的首选,不过有时未免有点审美疲劳.那么可以试试Metro UI CSS,一个Windows 8风格的前端框架,和Bootstrap类似,功能也更多. Bootstrap虽然很流行,扩展也很多,但是如果你希望实现Windows 8的Metro风格的话,除了去寻找一个Bootstrap的主题外,还可以直接使用Metro UI CSS这套前

全面理解 Unity UI 系统

[狗刨学习网] 随着 Unity 4.6 发布,新 UI 系统终于与大家见面了. RectTransform Unity UI 系统使用 RectTransform 实现基本的布局和层次控制.RectTransform 继承于 Transform,所以 Transform 的所有特征 RectTransform 同样拥有.在 Transform 基础上,RectTransform 增加了轴心(pivot).锚点(实际上是用 anchorMin.anchorMax 两个点定义的矩形区域).和尺

【今日推荐】10大流行的 Metro UI 风格的 Bootstrap 主题和模板

http://www.cnblogs.com/lhb25/archive/2013/04/11/10-metro-bootstraps-ui-templates.html Metro UI 是一种界面展示技术,是 Windows 8 的主要界面显示风格.Metro 界面和 iOS.Android 界面最大的区别在于:后两种都是以应用为主要呈现对象,而 Metro 界面强调的是信息本身,而不是冗余的界面元素.同时在视觉效果方面,这有助于形成一种身临其境的感觉. 如果你的下一个网站项目或 Web 应

WIN8 Metro UI 风格下的微软报表开发与设计 - BIWORK

导语 - 作为 BI 系统前端展现的报表,其重要性不言而喻,我们对于一个好的报表的要求也无非主要包含以下几点: 1. 数据完整和正确,数据质量没有问题 2. 友好的清晰的界面,整洁美观,有得体的格式 3. 有很好的交互性和用户体验感,用户能够很容易找到需要的重要的数据但是在微软体系下的 BI 开发人员,特别是 SSRS 报表开发人员对于报表的设计我想都有一个共同的感受:"报表设计出来了,很难看!交互性差!". 也就是说,在上面提到的 3 点中,微软 SSRS 报表的非常直观的缺陷就是

Unity3D 4.6 新的UI系统

在Unity3D 4.6版本中,终于增加了新的UI系统.虽然从功能,效果等方面来讲,跟NGUI还有一定的差距,但NGUI毕竟是收费插件,对于游戏商用来说有一定的制约. 下面我们来看看,Unity3D 4.6中新的UI系统吧. 如上图所示,我们可以看到在GameObject菜单中,已将3D Object,2D Object和UI分类了. UI中,我们可以看到Panel,Button,Text,Image,RawImage,Slider,Scrollbar,Toggle,InputField,Can

使用WPF来创建 Metro UI程序

本文转载:http://www.cnblogs.com/TianFang/p/3184211.html 这个是我以前网上看到的一篇文章,原文地址是:Building a Metro UI with WPF,这篇文章一步步的介绍了如何实现一个Metro样式的窗口,并且效果非常好.今天看到OSChina上有这篇文章的译文:使用WPF来创建 Metro UI,翻译得非常好,这里推荐一下. 值得一提的是,除了这种一步步来的方式外,现在Codeplex中也有不少比较好的metro风格的wpf框架,可以帮助

doom3的UI系统

doom3的UI系统是纯数据驱动的,例如 windowDef TextTitle2 { rect 20,341,600,55 visible 1 text "#str_00073" forecolor 0.6,1,1,0 textscale 0.8 font "fonts/micro" textalign 1 notime 1 onTime 0 { transition "forecolor" "1 1 1 0" "

界面UI系统雏形

最近一直在做界面的灵活性,界面UI的设计可以说是一个永不褪色的话题,怎么说呢?首先给用户第一直观感受的肯定是你这款软件的界面设计好坏与否?所以界面UI应该予以重视. 界面UI系统的流程图: 第一步:页面模板,即动态生成页面为什么需要动态生成页面呢?我们都知道一个JSP页面包括很多的信息,包括HTML表头.系统div块.显示数据的表格.添加/编辑的弹框.而这些都是每一个页面中都需要重复的.如何避免这些重复的代码,减少开发人员的工作量呢?这就引出了动态生成页面,即动态的创建业务页面,不需要手写HT

Unity3D 4.6 新的UI系统啊

在Unity3D 4.6版本中,终于增加了新的UI系统.虽然从功能,效果等方面来讲,跟NGUI还有一定的差距,但NGUI毕竟是收费插件,对于游戏商用来说有一定的制约. 下面我们来看看,Unity3D 4.6中新的UI系统吧. http://travel.tianya.cn/travelPlan/showPlan?planId=8413297 http://travel.tianya.cn/travelPlan/showPlan?planId=8413298 http://travel.tiany

Android UI开发神兵利器之Icon

好的设计离不开Icon 话不多,介绍2个国外的网站,一个用来找Icon,一个用来搞页面设计 http://dryicons.com/free-icons/ http://www.webdesignshock.com/ 简单易用,纯干货 Android UI开发神兵利器之Icon