New file |
| | |
| | | *{margin: 0;padding: 0;list-style: none;} |
| | | /* |
| | | KISSY CSS Reset |
| | | 理念:1. reset 的目的不是清除浏览器的默认样式,这仅是部分工作。清除和重置是紧密不可分的。 |
| | | 2. reset 的目的不是让默认样式在所有浏览器下一致,而是减少默认样式有可能带来的问题。 |
| | | 3. reset 期望提供一套普适通用的基础样式。但没有银弹,推荐根据具体需求,裁剪和修改后再使用。 |
| | | 特色:1. 适应中文;2. 基于最新主流浏览器。 |
| | | 维护:玉伯<lifesinger@gmail.com>, 正淳<ragecarrier@gmail.com> |
| | | */ |
| | | |
| | | /** 清除内外边距 **/ |
| | | body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */ |
| | | dl, dt, dd, ul, ol, li, /* list elements 列表元素 */ |
| | | pre, /* text formatting elements 文本格式元素 */ |
| | | form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */ |
| | | th, td /* table elements 表格元素 */ { |
| | | margin: 0; |
| | | padding: 0; |
| | | } |
| | | |
| | | /** 设置默认字体 **/ |
| | | body, |
| | | button, input, select, textarea /* for ie */ { |
| | | font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; |
| | | } |
| | | h1, h2, h3, h4, h5, h6 { font-size: 100%; } |
| | | address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */ |
| | | code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */ |
| | | small { font-size: 12px; } /* 小于 12px 的中文很难阅读,让 small 正常化 */ |
| | | |
| | | /** 重置列表元素 **/ |
| | | ul, ol { list-style: none; } |
| | | |
| | | /** 重置文本格式元素 **/ |
| | | a { text-decoration: none; } |
| | | a:hover { text-decoration: underline; } |
| | | |
| | | |
| | | /** 重置表单元素 **/ |
| | | legend { color: #000; } /* for ie6 */ |
| | | fieldset, img { border: 0; } /* img 搭车:让链接里的 img 无边框 */ |
| | | button, input, select, textarea { font-size: 100%; } /* 使得表单元素在 ie 下能继承字体大小 */ |
| | | /* 注:optgroup 无法扶正 */ |
| | | |
| | | /** 重置表格元素 **/ |
| | | table { border-collapse: collapse; border-spacing: 0; } |
| | | |
| | | /* 清除浮动 */ |
| | | .ks-clear:after, .clear:after { |
| | | content: '\20'; |
| | | display: block; |
| | | height: 0; |
| | | clear: both; |
| | | } |
| | | .ks-clear, .clear { |
| | | *zoom: 1; |
| | | } |
| | | |
| | | .main { |
| | | padding: 30px 100px; |
| | | width: 960px; |
| | | margin: 0 auto; |
| | | } |
| | | .main h1{font-size:36px; color:#333; text-align:left;margin-bottom:30px; border-bottom: 1px solid #eee;} |
| | | |
| | | .helps{margin-top:40px;} |
| | | .helps pre{ |
| | | padding:20px; |
| | | margin:10px 0; |
| | | border:solid 1px #e7e1cd; |
| | | background-color: #fffdef; |
| | | overflow: auto; |
| | | } |
| | | |
| | | .icon_lists{ |
| | | width: 100% !important; |
| | | |
| | | } |
| | | |
| | | .icon_lists li{ |
| | | float:left; |
| | | width: 100px; |
| | | height:180px; |
| | | text-align: center; |
| | | list-style: none !important; |
| | | } |
| | | .icon_lists .icon{ |
| | | font-size: 42px; |
| | | line-height: 100px; |
| | | margin: 10px 0; |
| | | color:#333; |
| | | -webkit-transition: font-size 0.25s ease-out 0s; |
| | | -moz-transition: font-size 0.25s ease-out 0s; |
| | | transition: font-size 0.25s ease-out 0s; |
| | | |
| | | } |
| | | .icon_lists .icon:hover{ |
| | | font-size: 100px; |
| | | } |
| | | |
| | | |
| | | |
| | | .markdown { |
| | | color: #666; |
| | | font-size: 14px; |
| | | line-height: 1.8; |
| | | } |
| | | |
| | | .highlight { |
| | | line-height: 1.5; |
| | | } |
| | | |
| | | .markdown img { |
| | | vertical-align: middle; |
| | | max-width: 100%; |
| | | } |
| | | |
| | | .markdown h1 { |
| | | color: #404040; |
| | | font-weight: 500; |
| | | line-height: 40px; |
| | | margin-bottom: 24px; |
| | | } |
| | | |
| | | .markdown h2, |
| | | .markdown h3, |
| | | .markdown h4, |
| | | .markdown h5, |
| | | .markdown h6 { |
| | | color: #404040; |
| | | margin: 1.6em 0 0.6em 0; |
| | | font-weight: 500; |
| | | clear: both; |
| | | } |
| | | |
| | | .markdown h1 { |
| | | font-size: 28px; |
| | | } |
| | | |
| | | .markdown h2 { |
| | | font-size: 22px; |
| | | } |
| | | |
| | | .markdown h3 { |
| | | font-size: 16px; |
| | | } |
| | | |
| | | .markdown h4 { |
| | | font-size: 14px; |
| | | } |
| | | |
| | | .markdown h5 { |
| | | font-size: 12px; |
| | | } |
| | | |
| | | .markdown h6 { |
| | | font-size: 12px; |
| | | } |
| | | |
| | | .markdown hr { |
| | | height: 1px; |
| | | border: 0; |
| | | background: #e9e9e9; |
| | | margin: 16px 0; |
| | | clear: both; |
| | | } |
| | | |
| | | .markdown p, |
| | | .markdown pre { |
| | | margin: 1em 0; |
| | | } |
| | | |
| | | .markdown > p, |
| | | .markdown > blockquote, |
| | | .markdown > .highlight, |
| | | .markdown > ol, |
| | | .markdown > ul { |
| | | width: 80%; |
| | | } |
| | | |
| | | .markdown ul > li { |
| | | list-style: circle; |
| | | } |
| | | |
| | | .markdown > ul li, |
| | | .markdown blockquote ul > li { |
| | | margin-left: 20px; |
| | | padding-left: 4px; |
| | | } |
| | | |
| | | .markdown > ul li p, |
| | | .markdown > ol li p { |
| | | margin: 0.6em 0; |
| | | } |
| | | |
| | | .markdown ol > li { |
| | | list-style: decimal; |
| | | } |
| | | |
| | | .markdown > ol li, |
| | | .markdown blockquote ol > li { |
| | | margin-left: 20px; |
| | | padding-left: 4px; |
| | | } |
| | | |
| | | .markdown code { |
| | | margin: 0 3px; |
| | | padding: 0 5px; |
| | | background: #eee; |
| | | border-radius: 3px; |
| | | } |
| | | |
| | | .markdown pre { |
| | | border-radius: 6px; |
| | | background: #f7f7f7; |
| | | padding: 20px; |
| | | } |
| | | |
| | | .markdown pre code { |
| | | border: none; |
| | | background: #f7f7f7; |
| | | margin: 0; |
| | | } |
| | | |
| | | .markdown strong, |
| | | .markdown b { |
| | | font-weight: 600; |
| | | } |
| | | |
| | | .markdown > table { |
| | | border-collapse: collapse; |
| | | border-spacing: 0px; |
| | | empty-cells: show; |
| | | border: 1px solid #e9e9e9; |
| | | width: 95%; |
| | | margin-bottom: 24px; |
| | | } |
| | | |
| | | .markdown > table th { |
| | | white-space: nowrap; |
| | | color: #333; |
| | | font-weight: 600; |
| | | |
| | | } |
| | | |
| | | .markdown > table th, |
| | | .markdown > table td { |
| | | border: 1px solid #e9e9e9; |
| | | padding: 8px 16px; |
| | | text-align: left; |
| | | } |
| | | |
| | | .markdown > table th { |
| | | background: #F7F7F7; |
| | | } |
| | | |
| | | .markdown blockquote { |
| | | font-size: 90%; |
| | | color: #999; |
| | | border-left: 4px solid #e9e9e9; |
| | | padding-left: 0.8em; |
| | | margin: 1em 0; |
| | | font-style: italic; |
| | | } |
| | | |
| | | .markdown blockquote p { |
| | | margin: 0; |
| | | } |
| | | |
| | | .markdown .anchor { |
| | | opacity: 0; |
| | | transition: opacity 0.3s ease; |
| | | margin-left: 8px; |
| | | } |
| | | |
| | | .markdown .waiting { |
| | | color: #ccc; |
| | | } |
| | | |
| | | .markdown h1:hover .anchor, |
| | | .markdown h2:hover .anchor, |
| | | .markdown h3:hover .anchor, |
| | | .markdown h4:hover .anchor, |
| | | .markdown h5:hover .anchor, |
| | | .markdown h6:hover .anchor { |
| | | opacity: 1; |
| | | display: inline-block; |
| | | } |
| | | |
| | | .markdown > br, |
| | | .markdown > p > br { |
| | | clear: both; |
| | | } |
| | | |
| | | |
| | | .hljs { |
| | | display: block; |
| | | background: white; |
| | | padding: 0.5em; |
| | | color: #333333; |
| | | overflow-x: auto; |
| | | } |
| | | |
| | | .hljs-comment, |
| | | .hljs-meta { |
| | | color: #969896; |
| | | } |
| | | |
| | | .hljs-string, |
| | | .hljs-variable, |
| | | .hljs-template-variable, |
| | | .hljs-strong, |
| | | .hljs-emphasis, |
| | | .hljs-quote { |
| | | color: #df5000; |
| | | } |
| | | |
| | | .hljs-keyword, |
| | | .hljs-selector-tag, |
| | | .hljs-type { |
| | | color: #a71d5d; |
| | | } |
| | | |
| | | .hljs-literal, |
| | | .hljs-symbol, |
| | | .hljs-bullet, |
| | | .hljs-attribute { |
| | | color: #0086b3; |
| | | } |
| | | |
| | | .hljs-section, |
| | | .hljs-name { |
| | | color: #63a35c; |
| | | } |
| | | |
| | | .hljs-tag { |
| | | color: #333333; |
| | | } |
| | | |
| | | .hljs-title, |
| | | .hljs-attr, |
| | | .hljs-selector-id, |
| | | .hljs-selector-class, |
| | | .hljs-selector-attr, |
| | | .hljs-selector-pseudo { |
| | | color: #795da3; |
| | | } |
| | | |
| | | .hljs-addition { |
| | | color: #55a532; |
| | | background-color: #eaffea; |
| | | } |
| | | |
| | | .hljs-deletion { |
| | | color: #bd2c00; |
| | | background-color: #ffecec; |
| | | } |
| | | |
| | | .hljs-link { |
| | | text-decoration: underline; |
| | | } |
| | | |
| | | pre{ |
| | | background: #fff; |
| | | } |
| | | |
| | | |
| | | |
| | | |
| | | |
New file |
| | |
| | | |
| | | <!DOCTYPE html> |
| | | <html> |
| | | <head> |
| | | <meta charset="utf-8"/> |
| | | <title>IconFont</title> |
| | | <link rel="stylesheet" href="demo.css"> |
| | | <link rel="stylesheet" href="iconfont.css"> |
| | | </head> |
| | | <body> |
| | | <div class="main markdown"> |
| | | <h1>IconFont 图标</h1> |
| | | <ul class="icon_lists clear"> |
| | | |
| | | <li> |
| | | <i class="icon iconfont icon-wxbbiaowang"></i> |
| | | <div class="name">wxb标王</div> |
| | | <div class="fontclass">.icon-wxbbiaowang</div> |
| | | </li> |
| | | |
| | | <li> |
| | | <i class="icon iconfont icon-erjiguan"></i> |
| | | <div class="name">正能量二极管</div> |
| | | <div class="fontclass">.icon-erjiguan</div> |
| | | </li> |
| | | |
| | | <li> |
| | | <i class="icon iconfont icon-guanmen-hui"></i> |
| | | <div class="name">关门-灰</div> |
| | | <div class="fontclass">.icon-guanmen-hui</div> |
| | | </li> |
| | | |
| | | <li> |
| | | <i class="icon iconfont icon-quankaimen"></i> |
| | | <div class="name">全开门</div> |
| | | <div class="fontclass">.icon-quankaimen</div> |
| | | </li> |
| | | |
| | | <li> |
| | | <i class="icon iconfont icon-connect"></i> |
| | | <div class="name">连接</div> |
| | | <div class="fontclass">.icon-connect</div> |
| | | </li> |
| | | |
| | | <li> |
| | | <i class="icon iconfont icon-fadianjixitong"></i> |
| | | <div class="name">发电机系统</div> |
| | | <div class="fontclass">.icon-fadianjixitong</div> |
| | | </li> |
| | | |
| | | <li> |
| | | <i class="icon iconfont icon-dynamotor"></i> |
| | | <div class="name">发电机</div> |
| | | <div class="fontclass">.icon-dynamotor</div> |
| | | </li> |
| | | |
| | | <li> |
| | | <i class="icon iconfont icon-tingdian-"></i> |
| | | <div class="name">停电</div> |
| | | <div class="fontclass">.icon-tingdian-</div> |
| | | </li> |
| | | |
| | | <li> |
| | | <i class="icon iconfont icon-duankai"></i> |
| | | <div class="name">断开</div> |
| | | <div class="fontclass">.icon-duankai</div> |
| | | </li> |
| | | |
| | | <li> |
| | | <i class="icon iconfont icon-tuichu-x"></i> |
| | | <div class="name">exit</div> |
| | | <div class="fontclass">.icon-tuichu-x</div> |
| | | </li> |
| | | |
| | | <li> |
| | | <i class="icon iconfont icon-xxhdpiShape"></i> |
| | | <div class="name">user</div> |
| | | <div class="fontclass">.icon-xxhdpiShape</div> |
| | | </li> |
| | | |
| | | <li> |
| | | <i class="icon iconfont icon-daochu"></i> |
| | | <div class="name">daochu</div> |
| | | <div class="fontclass">.icon-daochu</div> |
| | | </li> |
| | | |
| | | <li> |
| | | <i class="icon iconfont icon-email"></i> |
| | | <div class="name">email</div> |
| | | <div class="fontclass">.icon-email</div> |
| | | </li> |
| | | |
| | | <li> |
| | | <i class="icon iconfont icon-location"></i> |
| | | <div class="name">location</div> |
| | | <div class="fontclass">.icon-location</div> |
| | | </li> |
| | | |
| | | </ul> |
| | | |
| | | <h2 id="font-class-">font-class引用</h2> |
| | | <hr> |
| | | |
| | | <p>font-class是unicode使用方式的一种变种,主要是解决unicode书写不直观,语意不明确的问题。</p> |
| | | <p>与unicode使用方式相比,具有如下特点:</p> |
| | | <ul> |
| | | <li>兼容性良好,支持ie8+,及所有现代浏览器。</li> |
| | | <li>相比于unicode语意明确,书写更直观。可以很容易分辨这个icon是什么。</li> |
| | | <li>因为使用class来定义图标,所以当要替换图标时,只需要修改class里面的unicode引用。</li> |
| | | <li>不过因为本质上还是使用的字体,所以多色图标还是不支持的。</li> |
| | | </ul> |
| | | <p>使用步骤如下:</p> |
| | | <h3 id="-fontclass-">第一步:引入项目下面生成的fontclass代码:</h3> |
| | | |
| | | |
| | | <pre><code class="lang-js hljs javascript"><span class="hljs-comment"><link rel="stylesheet" type="text/css" href="./iconfont.css"></span></code></pre> |
| | | <h3 id="-">第二步:挑选相应图标并获取类名,应用于页面:</h3> |
| | | <pre><code class="lang-css hljs"><<span class="hljs-selector-tag">i</span> <span class="hljs-selector-tag">class</span>="<span class="hljs-selector-tag">iconfont</span> <span class="hljs-selector-tag">icon-xxx</span>"></<span class="hljs-selector-tag">i</span>></code></pre> |
| | | <blockquote> |
| | | <p>"iconfont"是你项目下的font-family。可以通过编辑项目查看,默认是"iconfont"。</p> |
| | | </blockquote> |
| | | </div> |
| | | </body> |
| | | </html> |
New file |
| | |
| | | |
| | | <!DOCTYPE html> |
| | | <html> |
| | | <head> |
| | | <meta charset="utf-8"/> |
| | | <title>IconFont</title> |
| | | <link rel="stylesheet" href="demo.css"> |
| | | <script src="iconfont.js"></script> |
| | | |
| | | <style type="text/css"> |
| | | .icon { |
| | | /* 通过设置 font-size 来改变图标大小 */ |
| | | width: 1em; height: 1em; |
| | | /* 图标和文字相邻时,垂直对齐 */ |
| | | vertical-align: -0.15em; |
| | | /* 通过设置 color 来改变 SVG 的颜色/fill */ |
| | | fill: currentColor; |
| | | /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示 |
| | | normalize.css 中也包含这行 */ |
| | | overflow: hidden; |
| | | } |
| | | |
| | | </style> |
| | | </head> |
| | | <body> |
| | | <div class="main markdown"> |
| | | <h1>IconFont 图标</h1> |
| | | <ul class="icon_lists clear"> |
| | | |
| | | <li> |
| | | <svg class="icon" aria-hidden="true"> |
| | | <use xlink:href="#icon-wxbbiaowang"></use> |
| | | </svg> |
| | | <div class="name">wxb标王</div> |
| | | <div class="fontclass">#icon-wxbbiaowang</div> |
| | | </li> |
| | | |
| | | <li> |
| | | <svg class="icon" aria-hidden="true"> |
| | | <use xlink:href="#icon-erjiguan"></use> |
| | | </svg> |
| | | <div class="name">正能量二极管</div> |
| | | <div class="fontclass">#icon-erjiguan</div> |
| | | </li> |
| | | |
| | | <li> |
| | | <svg class="icon" aria-hidden="true"> |
| | | <use xlink:href="#icon-guanmen-hui"></use> |
| | | </svg> |
| | | <div class="name">关门-灰</div> |
| | | <div class="fontclass">#icon-guanmen-hui</div> |
| | | </li> |
| | | |
| | | <li> |
| | | <svg class="icon" aria-hidden="true"> |
| | | <use xlink:href="#icon-quankaimen"></use> |
| | | </svg> |
| | | <div class="name">全开门</div> |
| | | <div class="fontclass">#icon-quankaimen</div> |
| | | </li> |
| | | |
| | | <li> |
| | | <svg class="icon" aria-hidden="true"> |
| | | <use xlink:href="#icon-connect"></use> |
| | | </svg> |
| | | <div class="name">连接</div> |
| | | <div class="fontclass">#icon-connect</div> |
| | | </li> |
| | | |
| | | <li> |
| | | <svg class="icon" aria-hidden="true"> |
| | | <use xlink:href="#icon-fadianjixitong"></use> |
| | | </svg> |
| | | <div class="name">发电机系统</div> |
| | | <div class="fontclass">#icon-fadianjixitong</div> |
| | | </li> |
| | | |
| | | <li> |
| | | <svg class="icon" aria-hidden="true"> |
| | | <use xlink:href="#icon-dynamotor"></use> |
| | | </svg> |
| | | <div class="name">发电机</div> |
| | | <div class="fontclass">#icon-dynamotor</div> |
| | | </li> |
| | | |
| | | <li> |
| | | <svg class="icon" aria-hidden="true"> |
| | | <use xlink:href="#icon-tingdian-"></use> |
| | | </svg> |
| | | <div class="name">停电</div> |
| | | <div class="fontclass">#icon-tingdian-</div> |
| | | </li> |
| | | |
| | | <li> |
| | | <svg class="icon" aria-hidden="true"> |
| | | <use xlink:href="#icon-duankai"></use> |
| | | </svg> |
| | | <div class="name">断开</div> |
| | | <div class="fontclass">#icon-duankai</div> |
| | | </li> |
| | | |
| | | <li> |
| | | <svg class="icon" aria-hidden="true"> |
| | | <use xlink:href="#icon-tuichu-x"></use> |
| | | </svg> |
| | | <div class="name">exit</div> |
| | | <div class="fontclass">#icon-tuichu-x</div> |
| | | </li> |
| | | |
| | | <li> |
| | | <svg class="icon" aria-hidden="true"> |
| | | <use xlink:href="#icon-xxhdpiShape"></use> |
| | | </svg> |
| | | <div class="name">user</div> |
| | | <div class="fontclass">#icon-xxhdpiShape</div> |
| | | </li> |
| | | |
| | | <li> |
| | | <svg class="icon" aria-hidden="true"> |
| | | <use xlink:href="#icon-daochu"></use> |
| | | </svg> |
| | | <div class="name">daochu</div> |
| | | <div class="fontclass">#icon-daochu</div> |
| | | </li> |
| | | |
| | | <li> |
| | | <svg class="icon" aria-hidden="true"> |
| | | <use xlink:href="#icon-email"></use> |
| | | </svg> |
| | | <div class="name">email</div> |
| | | <div class="fontclass">#icon-email</div> |
| | | </li> |
| | | |
| | | <li> |
| | | <svg class="icon" aria-hidden="true"> |
| | | <use xlink:href="#icon-location"></use> |
| | | </svg> |
| | | <div class="name">location</div> |
| | | <div class="fontclass">#icon-location</div> |
| | | </li> |
| | | |
| | | </ul> |
| | | |
| | | |
| | | <h2 id="symbol-">symbol引用</h2> |
| | | <hr> |
| | | |
| | | <p>这是一种全新的使用方式,应该说这才是未来的主流,也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a> |
| | | 这种用法其实是做了一个svg的集合,与另外两种相比具有如下特点:</p> |
| | | <ul> |
| | | <li>支持多色图标了,不再受单色限制。</li> |
| | | <li>通过一些技巧,支持像字体那样,通过<code>font-size</code>,<code>color</code>来调整样式。</li> |
| | | <li>兼容性较差,支持 ie9+,及现代浏览器。</li> |
| | | <li>浏览器渲染svg的性能一般,还不如png。</li> |
| | | </ul> |
| | | <p>使用步骤如下:</p> |
| | | <h3 id="-symbol-">第一步:引入项目下面生成的symbol代码:</h3> |
| | | <pre><code class="lang-js hljs javascript"><span class="hljs-comment"><script src="./iconfont.js"></script></span></code></pre> |
| | | <h3 id="-css-">第二步:加入通用css代码(引入一次就行):</h3> |
| | | <pre><code class="lang-js hljs javascript"><style type=<span class="hljs-string">"text/css"</span>> |
| | | .icon { |
| | | width: <span class="hljs-number">1</span>em; height: <span class="hljs-number">1</span>em; |
| | | vertical-align: <span class="hljs-number">-0.15</span>em; |
| | | fill: currentColor; |
| | | overflow: hidden; |
| | | } |
| | | <<span class="hljs-regexp">/style></span></code></pre> |
| | | <h3 id="-">第三步:挑选相应图标并获取类名,应用于页面:</h3> |
| | | <pre><code class="lang-js hljs javascript"><svg <span class="hljs-class"><span class="hljs-keyword">class</span></span>=<span class="hljs-string">"icon"</span> aria-hidden=<span class="hljs-string">"true"</span>><span class="xml"><span class="hljs-tag"> |
| | | <<span class="hljs-name">use</span> <span class="hljs-attr">xlink:href</span>=<span class="hljs-string">"#icon-xxx"</span>></span><span class="hljs-tag"></<span class="hljs-name">use</span>></span> |
| | | </span><<span class="hljs-regexp">/svg> |
| | | </span></code></pre> |
| | | </div> |
| | | </body> |
| | | </html> |
New file |
| | |
| | | |
| | | <!DOCTYPE html> |
| | | <html> |
| | | <head> |
| | | <meta charset="utf-8"/> |
| | | <title>IconFont</title> |
| | | <link rel="stylesheet" href="demo.css"> |
| | | |
| | | <style type="text/css"> |
| | | |
| | | @font-face {font-family: "iconfont"; |
| | | src: url('iconfont.eot'); /* IE9*/ |
| | | src: url('iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ |
| | | url('iconfont.woff') format('woff'), /* chrome, firefox */ |
| | | url('iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ |
| | | url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */ |
| | | } |
| | | |
| | | .iconfont { |
| | | font-family:"iconfont" !important; |
| | | font-size:16px; |
| | | font-style:normal; |
| | | -webkit-font-smoothing: antialiased; |
| | | -webkit-text-stroke-width: 0.2px; |
| | | -moz-osx-font-smoothing: grayscale; |
| | | } |
| | | |
| | | </style> |
| | | </head> |
| | | <body> |
| | | <div class="main markdown"> |
| | | <h1>IconFont 图标</h1> |
| | | <ul class="icon_lists clear"> |
| | | |
| | | <li> |
| | | <i class="icon iconfont"></i> |
| | | <div class="name">wxb标王</div> |
| | | <div class="code">&#xe619;</div> |
| | | </li> |
| | | |
| | | <li> |
| | | <i class="icon iconfont"></i> |
| | | <div class="name">正能量二极管</div> |
| | | <div class="code">&#xe60c;</div> |
| | | </li> |
| | | |
| | | <li> |
| | | <i class="icon iconfont"></i> |
| | | <div class="name">关门-灰</div> |
| | | <div class="code">&#xe609;</div> |
| | | </li> |
| | | |
| | | <li> |
| | | <i class="icon iconfont"></i> |
| | | <div class="name">全开门</div> |
| | | <div class="code">&#xe604;</div> |
| | | </li> |
| | | |
| | | <li> |
| | | <i class="icon iconfont"></i> |
| | | <div class="name">连接</div> |
| | | <div class="code">&#xe69a;</div> |
| | | </li> |
| | | |
| | | <li> |
| | | <i class="icon iconfont"></i> |
| | | <div class="name">发电机系统</div> |
| | | <div class="code">&#xe634;</div> |
| | | </li> |
| | | |
| | | <li> |
| | | <i class="icon iconfont"></i> |
| | | <div class="name">发电机</div> |
| | | <div class="code">&#xe65c;</div> |
| | | </li> |
| | | |
| | | <li> |
| | | <i class="icon iconfont"></i> |
| | | <div class="name">停电</div> |
| | | <div class="code">&#xe60f;</div> |
| | | </li> |
| | | |
| | | <li> |
| | | <i class="icon iconfont"></i> |
| | | <div class="name">断开</div> |
| | | <div class="code">&#xe600;</div> |
| | | </li> |
| | | |
| | | <li> |
| | | <i class="icon iconfont"></i> |
| | | <div class="name">exit</div> |
| | | <div class="code">&#xe622;</div> |
| | | </li> |
| | | |
| | | <li> |
| | | <i class="icon iconfont"></i> |
| | | <div class="name">user</div> |
| | | <div class="code">&#xe625;</div> |
| | | </li> |
| | | |
| | | <li> |
| | | <i class="icon iconfont"></i> |
| | | <div class="name">daochu</div> |
| | | <div class="code">&#xe626;</div> |
| | | </li> |
| | | |
| | | <li> |
| | | <i class="icon iconfont"></i> |
| | | <div class="name">email</div> |
| | | <div class="code">&#xe628;</div> |
| | | </li> |
| | | |
| | | <li> |
| | | <i class="icon iconfont"></i> |
| | | <div class="name">location</div> |
| | | <div class="code">&#xe62e;</div> |
| | | </li> |
| | | |
| | | </ul> |
| | | <h2 id="unicode-">unicode引用</h2> |
| | | <hr> |
| | | |
| | | <p>unicode是字体在网页端最原始的应用方式,特点是:</p> |
| | | <ul> |
| | | <li>兼容性最好,支持ie6+,及所有现代浏览器。</li> |
| | | <li>支持按字体的方式去动态调整图标大小,颜色等等。</li> |
| | | <li>但是因为是字体,所以不支持多色。只能使用平台里单色的图标,就算项目里有多色图标也会自动去色。</li> |
| | | </ul> |
| | | <blockquote> |
| | | <p>注意:新版iconfont支持多色图标,这些多色图标在unicode模式下将不能使用,如果有需求建议使用symbol的引用方式</p> |
| | | </blockquote> |
| | | <p>unicode使用步骤如下:</p> |
| | | <h3 id="-font-face">第一步:拷贝项目下面生成的font-face</h3> |
| | | <pre><code class="lang-js hljs javascript">@font-face { |
| | | font-family: <span class="hljs-string">'iconfont'</span>; |
| | | src: url(<span class="hljs-string">'iconfont.eot'</span>); |
| | | src: url(<span class="hljs-string">'iconfont.eot?#iefix'</span>) format(<span class="hljs-string">'embedded-opentype'</span>), |
| | | url(<span class="hljs-string">'iconfont.woff'</span>) format(<span class="hljs-string">'woff'</span>), |
| | | url(<span class="hljs-string">'iconfont.ttf'</span>) format(<span class="hljs-string">'truetype'</span>), |
| | | url(<span class="hljs-string">'iconfont.svg#iconfont'</span>) format(<span class="hljs-string">'svg'</span>); |
| | | } |
| | | </code></pre> |
| | | <h3 id="-iconfont-">第二步:定义使用iconfont的样式</h3> |
| | | <pre><code class="lang-js hljs javascript">.iconfont{ |
| | | font-family:<span class="hljs-string">"iconfont"</span> !important; |
| | | font-size:<span class="hljs-number">16</span>px;font-style:normal; |
| | | -webkit-font-smoothing: antialiased; |
| | | -webkit-text-stroke-width: <span class="hljs-number">0.2</span>px; |
| | | -moz-osx-font-smoothing: grayscale; |
| | | } |
| | | </code></pre> |
| | | <h3 id="-">第三步:挑选相应图标并获取字体编码,应用于页面</h3> |
| | | <pre><code class="lang-js hljs javascript"><i <span class="hljs-class"><span class="hljs-keyword">class</span></span>=<span class="hljs-string">"iconfont"</span>>&#x33;<span class="xml"><span class="hljs-tag"></<span class="hljs-name">i</span>></span></span></code></pre> |
| | | |
| | | <blockquote> |
| | | <p>"iconfont"是你项目下的font-family。可以通过编辑项目查看,默认是"iconfont"。</p> |
| | | </blockquote> |
| | | </div> |
| | | |
| | | |
| | | </body> |
| | | </html> |
New file |
| | |
| | | |
| | | @font-face {font-family: "iconfont"; |
| | | src: url('iconfont.eot?t=1539336899220'); /* IE9*/ |
| | | src: url('iconfont.eot?t=1539336899220#iefix') format('embedded-opentype'), /* IE6-IE8 */ |
| | | url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'), |
| | | url('iconfont.ttf?t=1539336899220') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ |
| | | url('iconfont.svg?t=1539336899220#iconfont') format('svg'); /* iOS 4.1- */ |
| | | } |
| | | |
| | | .iconfont { |
| | | font-family:"iconfont" !important; |
| | | font-size:16px; |
| | | font-style:normal; |
| | | -webkit-font-smoothing: antialiased; |
| | | -moz-osx-font-smoothing: grayscale; |
| | | } |
| | | |
| | | .icon-wxbbiaowang:before { content: "\e619"; } |
| | | |
| | | .icon-erjiguan:before { content: "\e60c"; } |
| | | |
| | | .icon-guanmen-hui:before { content: "\e609"; } |
| | | |
| | | .icon-quankaimen:before { content: "\e604"; } |
| | | |
| | | .icon-connect:before { content: "\e69a"; } |
| | | |
| | | .icon-fadianjixitong:before { content: "\e634"; } |
| | | |
| | | .icon-dynamotor:before { content: "\e65c"; } |
| | | |
| | | .icon-tingdian-:before { content: "\e60f"; } |
| | | |
| | | .icon-duankai:before { content: "\e600"; } |
| | | |
| | | .icon-tuichu-x:before { content: "\e622"; } |
| | | |
| | | .icon-xxhdpiShape:before { content: "\e625"; } |
| | | |
| | | .icon-daochu:before { content: "\e626"; } |
| | | |
| | | .icon-email:before { content: "\e628"; } |
| | | |
| | | .icon-location:before { content: "\e62e"; } |
| | | |
New file |
| | |
| | | (function(window){var svgSprite='<svg><symbol id="icon-wxbbiaowang" viewBox="0 0 1024 1024"><path d="M900.75249 282.353716c-36.104289 0-65.428152 29.606295-65.428152 66.23247 0 11.192923 3.052522 21.620413 7.884574 30.905894-32.695656 23.393803-71.771627 36.760229-112.574938 36.760229-91.393523 0-167.723979-64.032362-189.120288-149.97985 21.396309-10.901281 36.238342-33.082466 36.238342-58.988486 0-36.557614-29.328979-66.231447-65.389266-66.231447-36.193317 0-65.433268 29.674856-65.433268 66.231447 0 25.904996 14.750959 48.087205 36.19434 58.988486-21.352307 85.947488-97.729835 149.97985-189.123358 149.97985-37.611619 0-73.806983-11.818163-105.016799-31.983435 6.512321-10.339486 10.432607-22.562878 10.432607-35.682687 0-36.626175-29.262464-66.23247-65.434292-66.23247-36.105313 0-65.410756 29.606295-65.410756 66.23247 0 34.719756 26.5374 62.934355 60.162218 65.693188l173.152619 429.800883L722.352357 844.080258l175.169555-429.621804c1.063215 0.089028 2.125407 0.361227 3.230578 0.361227 36.153408 0 65.435315-29.674856 65.435315-66.23247C966.188828 311.960011 936.905898 282.353716 900.75249 282.353716M693.20041 798.144042 331.16798 798.144042 188.780039 437.289438c32.540114 16.014742 68.423369 24.89704 105.216343 24.89704 96.887654 0 180.087565-58.539254 218.364333-142.221142C550.549479 403.648246 633.747343 462.186478 730.633974 462.186478c37.702694 0 74.16514-9.151427 107.081831-25.727964L693.20041 798.144042z" ></path></symbol><symbol id="icon-erjiguan" viewBox="0 0 1024 1024"><path d="M640.703 657.071v-381.586h107.924c105.408 0 190.878 85.467 190.878 190.878s-85.467 190.878-190.878 190.878h-107.924v-0.169zM611.545 235.936h-112.113v477.108h112.113v-477.108zM289.115 549.315v14.077h-195.067v27.986h195.067v14.077h180.486v-55.972l-180.486-0.169zM289.115 323.748v14.077h-148.31v27.819h148.31v14.077h180.486v-55.972h-180.486z" fill="" ></path></symbol><symbol id="icon-guanmen-hui" viewBox="0 0 1024 1024"><path d="M69.104294 0h885.791412v1024H69.104294z" fill="#E7E7E7" ></path><path d="M125.644172 56.539877h370.650307v910.920246H125.644172zM527.705521 56.539877h370.650307v910.920246H527.705521z" fill="#9A9D9B" ></path><path d="M169.619632 219.877301h276.417178v226.159509H169.619632zM571.680982 219.877301h276.417178v226.159509H571.680982z" fill="#E7E7E7" ></path><path d="M194.748466 245.006135h226.159509v175.90184H194.748466zM596.809816 245.006135h226.159509v175.90184H596.809816z" fill="#9A9D9B" ></path></symbol><symbol id="icon-quankaimen" viewBox="0 0 1024 1024"><path d="M21.973333 67.04v895.488h67.445334V798.005333h22.869333v163.552l279.818667-61.205333V220.469333l-279.818667-61.194666v106.005333H89.418667V134.474667h845.813333V265.28h-24.864v-106.005333l-279.818667 61.194666v679.872l279.818667 61.205334V798.005333h24.864v164.522667h67.424V67.04H21.973333z m323.242667 449.365333c9.973333 0 18.069333 9.504 18.069333 21.216 0 11.733333-8.096 21.226667-18.069333 21.226667-9.994667 0-18.090667-9.504-18.090667-21.226667-0.010667-11.712 8.096-21.216 18.090667-21.216z m-232.928-157.866666V704.746667H89.418667V358.538667h22.869333z m565.162667 200.309333c-9.973333 0-18.090667-9.504-18.090667-21.226667 0-11.712 8.128-21.216 18.090667-21.216 10.005333 0 18.090667 9.504 18.090666 21.216 0 11.722667-8.096 21.226667-18.090666 21.226667z m257.781333 145.888h-24.864V358.538667h24.864v346.197333z" ></path></symbol><symbol id="icon-connect" viewBox="0 0 1024 1024"><path d="M308.48 995.2a124.16 124.16 0 0 1-64-19.84L58.88 857.6a124.8 124.8 0 0 1-37.12-172.16l240-375.04a128 128 0 0 1 172.16-37.76l183.04 118.4a124.8 124.8 0 0 1 37.12 172.16 32 32 0 1 1-53.76-34.56 64 64 0 0 0-17.92-83.84L400 327.04a64 64 0 0 0-83.84 18.56l-241.28 374.4a60.8 60.8 0 0 0 17.92 83.84l183.04 117.76a59.52 59.52 0 0 0 45.44 8.32 60.16 60.16 0 0 0 38.4-26.24l71.04-110.72a32 32 0 1 1 53.76 34.56l-71.04 110.08a124.16 124.16 0 0 1-78.08 54.4 128 128 0 0 1-26.88 3.2z" fill="#14ADC4" ></path><path d="M656.64 768a124.16 124.16 0 0 1-64-19.84l-185.6-115.2a128 128 0 0 1-37.76-172.16 32 32 0 0 1 53.76 34.56 64 64 0 0 0 18.56 83.84l183.04 117.76a64 64 0 0 0 83.84-18.56l240.64-374.4a60.8 60.8 0 0 0-17.92-83.84l-183.04-117.12a60.8 60.8 0 0 0-83.84 18.56L593.28 231.68a32 32 0 1 1-53.76-34.56l71.04-110.72a128 128 0 0 1 172.16-37.76l182.4 117.76a124.8 124.8 0 0 1 37.12 172.16l-240.64 374.4a128 128 0 0 1-104.96 55.04z" fill="#14ADC4" ></path></symbol><symbol id="icon-fadianjixitong" viewBox="0 0 1024 1024"><path d="M907.345 357.571c-6.602-9.93-20.65-16.259-36.072-16.25H606.448L857.591 43.079c7.408-8.787 7.606-19.734 0.518-28.654C851.02 5.505 837.744-0.005 823.359 0H440.126c-16.33 0.001-31.015 7.086-37.079 17.889L115.618 529.875c-4.917 8.764-3.412 18.695 4.017 26.51 7.429 7.814 19.814 12.495 33.06 12.493h181.916L115.33 985.533c-6.891 13.045 0.5 27.727 17.458 34.677 16.959 6.95 38.487 4.121 50.85-6.682l718.577-625.76c9.757-8.513 11.755-20.27 5.13-30.197zM275.07 844.061l154.538-293.635c4.6-8.734 2.897-18.52-4.559-26.19-7.455-7.67-19.714-12.247-32.807-12.25H211.619l255.54-455.094h285.678L501.694 355.134c-7.408 8.787-7.606 19.734-0.517 28.653 7.088 8.92 20.364 14.431 34.75 14.426h251.1L275.069 844.06z" ></path></symbol><symbol id="icon-dynamotor" viewBox="0 0 1205 1024"><path d="M180.678438 914.934911c-49.22471-0.44232-91.438959-30.229207-110.00426-72.710059H48.473373a48.473373 48.473373 0 0 1-48.473373-48.473373V351.431953a48.473373 48.473373 0 0 1 48.473373-48.473373h28.332686C97.758675 266.736852 136.919101 242.366864 181.775148 242.366864V60.591716c0-33.464805 27.126911-60.591716 60.591716-60.591716h296.899408c33.464805 0 60.591716 27.126911 60.591716 60.591716v181.775148h296.899408c44.856047 0 84.016473 24.369988 104.969089 60.591716H1084.591716c66.929609 0 121.183432 54.253822 121.183432 121.183432v369.609467c0 66.929609-54.253822 121.183432-121.183432 121.183432h-109.065089l54.532545 109.065089H121.183432l59.495006-109.065089zM181.775148 302.95858v60.591716h727.100592V302.95858H181.775148z m0 121.183432v60.591716h727.100592V424.142012H181.775148z m0 121.183432v60.591716h727.100592V545.325444H181.775148z m0 121.183432v60.591716h727.100592v-60.591716H181.775148z m0 121.183432v60.591716h727.100592v-60.591716H181.775148z m127.242603-593.798817c36.809467 0 66.650888-29.84142 66.650888-66.650887s-29.84142-66.650888-66.650888-66.650888-66.650888 29.84142-66.650887 66.650888 29.84142 66.650888 66.650887 66.650887z m169.656805 0c36.809467 0 66.650888-29.84142 66.650888-66.650887s-29.84142-66.650888-66.650888-66.650888-66.650888 29.84142-66.650887 66.650888 29.84142 66.650888 66.650887 66.650887z" ></path></symbol><symbol id="icon-tingdian-" viewBox="0 0 1024 1024"><path d="M972 317.2c-25.2-59.6-61.2-112.9-107-158.9-46-46-99.5-81.8-158.9-107C644.3 25.2 579 11.9 511.5 11.9s-133 13.3-194.6 39.4c-59.4 25.2-112.9 61.2-158.8 107-46 46-82 99.5-107.2 158.9C24.6 379 11.3 444.3 11.3 511.8s13.3 133 39.4 194.6c25.2 59.6 61.2 112.9 107.2 158.9s99.4 82 158.9 107c61.6 26.1 127.1 39.4 194.6 39.4s133-13.3 194.6-39.4c59.6-25.2 112.9-61.2 158.9-107 46-46 82-99.4 107-158.9 26.1-61.8 39.4-127.1 39.4-194.6S998.1 379 972 317.2zM818.1 818.6c-82 81.8-190.9 127.1-306.6 127.1-115.9 0-224.8-45.1-306.6-127.1-82-82-127.1-190.9-127.1-306.6 0-115.9 45.1-224.7 127.1-306.6S395.7 78.2 511.4 78.2c115.9 0 224.7 45.1 306.6 127.1 81.8 82 127.1 190.9 127.1 306.6-0.3 115.8-45.2 224.7-127 306.7z m0 0" fill="#CE041D" ></path><path d="M715 727.4c-13.3 13.1-32.6 10.5-43.5-0.7C568.9 622.1 505.8 558 402.8 453.9c-61.3-62.1-52.5-54.3-114-116-5.3-5.3-10-11.2-15.5-16.2-13.9-13-20.3-26.1-3.1-41.6 13.4-12.2 28-11.1 44.4 5.3 94.6 94.4 118.8 119.7 213.3 214.4 73.4 73.1 113.2 113.1 186.6 186.2 4 3.9 14.5 27.5 0.5 41.4z m-96.6-275c40.7 0 74.6-0.1 108.9 0 23.3 0.1 34.5 16.2 20.3 33-21.7 25.5-45.8 49.1-71.6 70.6-10 8.3-26.4 7.2-38.5-5.7-78-83-156.1-165.7-234.7-248.3-8.6-8.8-8.7-17.4-5.3-27.7 7.2-22.1 15.3-44.2 20.6-66.9 3.4-14 10.3-17.2 23.3-17.2 97.7 0.4 195.3 0 293.2 0.4 27 0.1 32 11.1 16.5 37.4-34.9 59.6-70.6 118.8-105.9 178.1-8 13.9-15.7 27.7-26.8 46.3zM452.9 660.3c-49.4 0-95.1 0.4-140.9-0.1-34.9-0.4-42.3-10.9-30.1-43.1 15.5-40.8 32.9-80.9 47.9-121.8 9-24.2 23.6-23.9 38.6-9 66.6 65.6 132.8 132.1 198.7 198.4 13.7 13.7 14.2 28.6 0.7 42.9-51.2 54.7-103 109.4-154.7 164.3-6.8 7.2-15.2 12.5-24 7.5-10.5-5.9-8.8-15.8-5.3-26.5 22.8-69.5 45.3-138.8 69.1-212.6z m0 0" fill="#CE041D" ></path></symbol><symbol id="icon-duankai" viewBox="0 0 1156 1024"><path d="M572.28642442 598.06462871l-63.16931251 55.23247353c15.56352773 17.38884815 14.03310586 43.83820107-3.41167148 59.08649151l-157.9334502 138.06847089c-17.44477734 15.25337578-44.19411328 13.52465947-59.75764101-3.85401972l-112.69702266-125.89119229c-15.56352773-17.3786792-14.03310586-43.83311661 3.40658701-59.08140791l157.92836573-138.06847089c17.44986182-15.25337578 44.19919776-13.52465947 59.76272549 3.84893525l63.1693125-55.22230371-28.17298477-31.47279785c-31.12197011-34.76244287-84.63081182-38.21987461-119.5254501-7.71312393L90.79328867 626.29862714c-34.88447021 30.49658174-37.94022949 83.40545742-6.82334385 118.1679003l169.05316114 188.83170439c31.12197011 34.76244287 84.63589628 38.21987461 119.5203665 7.71820752l221.09767735-193.30602714c34.88447021-30.50166622 37.94531396-83.4105419 6.81825937-118.1679003l-28.17298476-31.4778832z m500.01073417-159.98248652l-94.35229628-235.23755713c-17.37359472-43.30941768-66.47929453-64.83701513-109.68702364-48.09389326l-273.84385078 106.10756455c-43.20772822 16.75329082-64.16078203 65.42172773-46.79227177 108.73114541l15.7211455 39.20625967 78.24473262-30.31862607c-8.68425469-21.65979287 1.79481357-45.99401133 23.4037626-54.36303047l195.60420264-75.78385401c21.60386455-8.37410273 46.16179893 2.39477959 54.84096914 24.0444044l62.89475185 156.81995331c8.68933916 21.65470839-1.7897291 45.98384239-23.4037626 54.35286153L759.33348418 559.34647754c-21.60894903 8.36901826-46.16688339-2.39477959-54.84605449-24.04440439l-78.23964727 30.31862607 15.72114551 39.2011752c17.37359472 43.31450214 66.47929453 64.83701513 109.68702363 48.09389326l273.84385078-106.10756456c43.2128127-16.74820635 64.15569756-65.43189668 46.79735625-108.72606093zM389.59674628 645.58397832c15.56352773 17.3786792 42.31794815 19.10739463 59.76272462 3.85401973l95.89797246-83.83763672-57.32727012-62.09649141-94.92175547 82.99361602c-17.44477734 15.24829131-18.97011474 41.70272872-3.41167149 59.08649238z m338.28427706-164.64493564c21.60386455-8.37410273 32.07784834-32.71849013 23.39867812-54.3630296-8.68425469-21.65979287-33.23710547-32.4235916-54.8460536-24.04948886l-116.42901505 45.11948466 29.21529815 79.27687706 118.66109238-45.98384326zM578.67758896 80.25320586l-36.09965566-18.06508125-49.5378791 133.44669844 36.09965567 18.06508125 49.53787909-133.44669844zM366.81837207 341.32998096l-8.27749863-42.12982266-178.83057481 34.49805118 8.23173838 42.13999159 178.87633506-34.50822011z m56.85949951-114.53759648L348.56008174 85.18004668l-36.8267335 22.89531621 75.09236749 141.60216973 36.85215585-22.88514814z" fill="#515151" ></path></symbol><symbol id="icon-tuichu-x" viewBox="0 0 1024 1024"><path d="M512 1024C229.248 1024 0 794.752 0 512S229.248 0 512 0s512 229.248 512 512-229.248 512-512 512zM299.178667 514.133333v260.949334c0 19.754667 16.298667 35.584 36.650666 35.584h187.264c20.352 0 36.608-15.786667 36.608-35.584a35.968 35.968 0 0 0-36.608-35.584H376.533333V284.885333h150.613334c20.352 0 36.650667-15.829333 36.650666-35.584a35.968 35.968 0 0 0-36.650666-35.584H335.829333a35.968 35.968 0 0 0-36.693333 35.584v264.874667z m541.44-23.68L726.613333 383.701333c-8.106667-3.968-16.256-7.893333-24.405333-7.893333a35.968 35.968 0 0 0-36.650667 35.584c0 7.893333 4.053333 15.786667 12.202667 23.722667l48.853333 43.477333h-215.765333a35.968 35.968 0 0 0-36.608 35.584c0 19.754667 16.256 35.584 32.554667 31.573333h215.765333l-48.853333 43.52c-8.106667 3.968-12.202667 11.861333-12.202667 23.722667 0 19.754667 16.256 35.584 36.608 35.584 8.149333 0 16.298667-3.968 24.448-7.893333l118.058667-102.826667c8.106667-3.925333 12.202667-11.818667 12.202666-23.68 0-7.936-4.053333-15.829333-12.202666-23.722667z" ></path></symbol><symbol id="icon-xxhdpiShape" viewBox="0 0 1024 1024"><path d="M512 1024C229.205333 1024 0 794.794667 0 512S229.205333 0 512 0s512 229.205333 512 512-229.205333 512-512 512z m0-496.469333a170.666667 170.666667 0 1 0 0-341.333334 170.666667 170.666667 0 0 0 0 341.333334z m263.765333 263.722666a263.765333 263.765333 0 1 0-527.530666 0h527.530666z" ></path></symbol><symbol id="icon-daochu" viewBox="0 0 1024 1024"><path d="M125.2 664.432v187.648c-0.16 8.224-0.16 23.76 0 46.608 22.144 0.112 37.28 0.112 45.36 0h681.344c8.24 0.144 23.76 0.144 46.56 0V664.528h125.12v219.552c0.24 24.8 0.24 71.424 0 139.92H0.24V664.528l124.96-0.096z m266.448 154.928V409.68H103.328L511.808 0l408.48 409.68h-288.32V819.36h-240.32z" ></path></symbol><symbol id="icon-email" viewBox="0 0 1024 1024"><path d="M1024.00144 220.64v574.32c0 5.76-0.736 11.456-1.824 17.072v0.064l-0.224 0.944A84.336 84.336 0 0 1 939.29744 880H101.08944a102.72 102.72 0 0 1-82.512-40.832 95.904 95.904 0 0 1-18.56-57.248V236.256a74.08 74.08 0 0 1 52.064-70.784l0.736-0.208 0.208-0.08A127.648 127.648 0 0 1 89.66544 160h883.424c1.328 0.512 2.64 1.232 4.032 1.44 25.52 4.32 40.592 19.152 45.344 44.496v0.08c0.88 4.816 1.536 9.712 1.536 14.608zM512.00144 591.232l451.152-379.472c-66.272-3.888-888.48-1.728-897.84 2.368L512.00144 591.2v0.064z m133.856-45.152l-114.112 96.144c-13.76 11.52-25.6 11.664-39.2 0.208l-48.272-40.752-63.84-53.936L81.02544 825.28l1.024 2.304h873.328L645.79344 546.08h0.064z m-304.864-31.68L51.79344 270.032v512.48l289.28-268.096h-0.08z m344.352-1.648l287.088 260.96V270.944L685.34544 512.768z" ></path></symbol><symbol id="icon-location" viewBox="0 0 1024 1024"><path d="M334.224 391.424c0-95.952 79.728-173.968 177.776-173.968 98.048 0 177.776 78.016 177.776 173.968 0 95.936-79.728 173.968-177.776 173.968-98.048 0-177.776-78.032-177.776-173.968M512.448 0h-0.896C291.232 0.224 112 175.744 112 391.424c0 109.424 88.928 265.024 176 391.424a2759.648 2759.648 0 0 0 161.824 211.44A81.104 81.104 0 0 0 512.048 1024h0.128a80.512 80.512 0 0 0 61.824-29.488A2756.736 2756.736 0 0 0 736 782.832c87.072-126.384 176-281.984 176-391.408C912 175.744 732.752 0.224 512.448 0" ></path></symbol></svg>';var script=function(){var scripts=document.getElementsByTagName("script");return scripts[scripts.length-1]}();var shouldInjectCss=script.getAttribute("data-injectcss");var ready=function(fn){if(document.addEventListener){if(~["complete","loaded","interactive"].indexOf(document.readyState)){setTimeout(fn,0)}else{var loadFn=function(){document.removeEventListener("DOMContentLoaded",loadFn,false);fn()};document.addEventListener("DOMContentLoaded",loadFn,false)}}else if(document.attachEvent){IEContentLoaded(window,fn)}function IEContentLoaded(w,fn){var d=w.document,done=false,init=function(){if(!done){done=true;fn()}};var polling=function(){try{d.documentElement.doScroll("left")}catch(e){setTimeout(polling,50);return}init()};polling();d.onreadystatechange=function(){if(d.readyState=="complete"){d.onreadystatechange=null;init()}}}};var before=function(el,target){target.parentNode.insertBefore(el,target)};var prepend=function(el,target){if(target.firstChild){before(el,target.firstChild)}else{target.appendChild(el)}};function appendSvg(){var div,svg;div=document.createElement("div");div.innerHTML=svgSprite;svgSprite=null;svg=div.getElementsByTagName("svg")[0];if(svg){svg.setAttribute("aria-hidden","true");svg.style.position="absolute";svg.style.width=0;svg.style.height=0;svg.style.overflow="hidden";prepend(svg,document.body)}}if(shouldInjectCss&&!window.__iconfont__svg__cssinject__){window.__iconfont__svg__cssinject__=true;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(e){console&&console.log(e)}}ready(appendSvg)})(window) |
New file |
| | |
| | | <?xml version="1.0" standalone="no"?> |
| | | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" > |
| | | <!-- |
| | | 2013-9-30: Created. |
| | | --> |
| | | <svg> |
| | | <metadata> |
| | | Created by iconfont |
| | | </metadata> |
| | | <defs> |
| | | |
| | | <font id="iconfont" horiz-adv-x="1024" > |
| | | <font-face |
| | | font-family="iconfont" |
| | | font-weight="500" |
| | | font-stretch="normal" |
| | | units-per-em="1024" |
| | | ascent="896" |
| | | descent="-128" |
| | | /> |
| | | <missing-glyph /> |
| | | |
| | | <glyph glyph-name="wxbbiaowang" unicode="" d="M900.75249 613.646284c-36.104289 0-65.428152-29.606295-65.428152-66.23247 0-11.192923 3.052522-21.620413 7.884574-30.905894-32.695656-23.393803-71.771627-36.760229-112.574938-36.760229-91.393523 0-167.723979 64.032362-189.120288 149.97985 21.396309 10.901281 36.238342 33.082466 36.238342 58.988486 0 36.557614-29.328979 66.231447-65.389266 66.231447-36.193317 0-65.433268-29.674856-65.433268-66.231447 0-25.904996 14.750959-48.087205 36.19434-58.988486-21.352307-85.947488-97.729835-149.97985-189.123358-149.97985-37.611619 0-73.806983 11.818163-105.016799 31.983435 6.512321 10.339486 10.432607 22.562878 10.432607 35.682687 0 36.626175-29.262464 66.23247-65.434292 66.23247-36.105313 0-65.410756-29.606295-65.410756-66.23247 0-34.719756 26.5374-62.934355 60.162218-65.693188l173.152619-429.800883L722.352357 51.919742l175.169555 429.621804c1.063215-0.089028 2.125407-0.361227 3.230578-0.361227 36.153408 0 65.435315 29.674856 65.435315 66.23247C966.188828 584.039989 936.905898 613.646284 900.75249 613.646284M693.20041 97.855958 331.16798 97.855958 188.780039 458.710562c32.540114-16.014742 68.423369-24.89704 105.216343-24.89704 96.887654 0 180.087565 58.539254 218.364333 142.221142C550.549479 492.351754 633.747343 433.813522 730.633974 433.813522c37.702694 0 74.16514 9.151427 107.081831 25.727964L693.20041 97.855958z" horiz-adv-x="1024" /> |
| | | |
| | | |
| | | <glyph glyph-name="erjiguan" unicode="" d="M640.703 238.929v381.586h107.924c105.408 0 190.878-85.467 190.878-190.878s-85.467-190.878-190.878-190.878h-107.924v0.169zM611.545 660.064h-112.113v-477.108h112.113v477.108zM289.115 346.685v-14.077h-195.067v-27.986h195.067v-14.077h180.486v55.972l-180.486 0.169zM289.115 572.252v-14.077h-148.31v-27.819h148.31v-14.077h180.486v55.972h-180.486z" horiz-adv-x="1024" /> |
| | | |
| | | |
| | | <glyph glyph-name="guanmen-hui" unicode="" d="M69.104294 896h885.791412v-1024H69.104294zM125.644172 839.460123h370.650307v-910.920246H125.644172zM527.705521 839.460123h370.650307v-910.920246H527.705521zM169.619632 676.122699h276.417178v-226.159509H169.619632zM571.680982 676.122699h276.417178v-226.159509H571.680982zM194.748466 650.993865h226.159509v-175.90184H194.748466zM596.809816 650.993865h226.159509v-175.90184H596.809816z" horiz-adv-x="1024" /> |
| | | |
| | | |
| | | <glyph glyph-name="quankaimen" unicode="" d="M21.973333 828.96v-895.488h67.445334V97.994667h22.869333v-163.552l279.818667 61.205333V675.530667l-279.818667 61.194666v-106.005333H89.418667V761.525333h845.813333V630.72h-24.864v106.005333l-279.818667-61.194666v-679.872l279.818667-61.205334V97.994667h24.864v-164.522667h67.424V828.96H21.973333z m323.242667-449.365333c9.973333 0 18.069333-9.504 18.069333-21.216 0-11.733333-8.096-21.226667-18.069333-21.226667-9.994667 0-18.090667 9.504-18.090667 21.226667-0.010667 11.712 8.096 21.216 18.090667 21.216z m-232.928 157.866666V191.253333H89.418667V537.461333h22.869333z m565.162667-200.309333c-9.973333 0-18.090667 9.504-18.090667 21.226667 0 11.712 8.128 21.216 18.090667 21.216 10.005333 0 18.090667-9.504 18.090666-21.216 0-11.722667-8.096-21.226667-18.090666-21.226667z m257.781333-145.888h-24.864V537.461333h24.864v-346.197333z" horiz-adv-x="1024" /> |
| | | |
| | | |
| | | <glyph glyph-name="connect" unicode="" d="M308.48-99.20000000000005a124.16 124.16 0 0 0-64 19.84L58.88 38.39999999999998a124.8 124.8 0 0 0-37.12 172.16l240 375.04a128 128 0 0 0 172.16 37.76l183.04-118.4a124.8 124.8 0 0 0 37.12-172.16 32 32 0 1 0-53.76 34.56 64 64 0 0 1-17.92 83.84L400 568.96a64 64 0 0 1-83.84-18.56l-241.28-374.4a60.8 60.8 0 0 1 17.92-83.84l183.04-117.76a59.52 59.52 0 0 1 45.44-8.32 60.16 60.16 0 0 1 38.4 26.24l71.04 110.72a32 32 0 1 0 53.76-34.56l-71.04-110.08a124.16 124.16 0 0 0-78.08-54.4 128 128 0 0 0-26.88-3.2zM656.64 128a124.16 124.16 0 0 0-64 19.84l-185.6 115.2a128 128 0 0 0-37.76 172.16 32 32 0 0 0 53.76-34.56 64 64 0 0 1 18.56-83.84l183.04-117.76a64 64 0 0 1 83.84 18.56l240.64 374.4a60.8 60.8 0 0 1-17.92 83.84l-183.04 117.12a60.8 60.8 0 0 1-83.84-18.56L593.28 664.3199999999999a32 32 0 1 0-53.76 34.56l71.04 110.72a128 128 0 0 0 172.16 37.76l182.4-117.76a124.8 124.8 0 0 0 37.12-172.16l-240.64-374.4a128 128 0 0 0-104.96-55.04z" horiz-adv-x="1024" /> |
| | | |
| | | |
| | | <glyph glyph-name="fadianjixitong" unicode="" d="M907.345 538.429c-6.602 9.93-20.65 16.259-36.072 16.25H606.448L857.591 852.921c7.408 8.787 7.606 19.734 0.518 28.654C851.02 890.495 837.744 896.005 823.359 896H440.126c-16.33-0.001-31.015-7.086-37.079-17.889L115.618 366.125c-4.917-8.764-3.412-18.695 4.017-26.51 7.429-7.814 19.814-12.495 33.06-12.493h181.916L115.33-89.533c-6.891-13.045 0.5-27.727 17.458-34.677 16.959-6.95 38.487-4.121 50.85 6.682l718.577 625.76c9.757 8.513 11.755 20.27 5.13 30.197zM275.07 51.939l154.538 293.635c4.6 8.734 2.897 18.52-4.559 26.19-7.455 7.67-19.714 12.247-32.807 12.25H211.619l255.54 455.094h285.678L501.694 540.866c-7.408-8.787-7.606-19.734-0.517-28.653 7.088-8.92 20.364-14.431 34.75-14.426h251.1L275.069 51.94z" horiz-adv-x="1024" /> |
| | | |
| | | |
| | | <glyph glyph-name="dynamotor" unicode="" d="M180.678438-18.934911000000056c-49.22471 0.44232-91.438959 30.229207-110.00426 72.710059H48.473373a48.473373 48.473373 0 0 0-48.473373 48.473373V544.568047a48.473373 48.473373 0 0 0 48.473373 48.473373h28.332686C97.758675 629.263148 136.919101 653.633136 181.775148 653.633136V835.408284c0 33.464805 27.126911 60.591716 60.591716 60.591716h296.899408c33.464805 0 60.591716-27.126911 60.591716-60.591716v-181.775148h296.899408c44.856047 0 84.016473-24.369988 104.969089-60.591716H1084.591716c66.929609 0 121.183432-54.253822 121.183432-121.183432v-369.609467c0-66.929609-54.253822-121.183432-121.183432-121.183432h-109.065089l54.532545-109.065089H121.183432l59.495006 109.065089zM181.775148 593.04142v-60.591716h727.100592V593.04142H181.775148z m0-121.183432v-60.591716h727.100592V471.857988H181.775148z m0-121.183432v-60.591716h727.100592V350.67455600000005H181.775148z m0-121.183432v-60.591716h727.100592v60.591716H181.775148z m0-121.183432v-60.591716h727.100592v60.591716H181.775148z m127.242603 593.798817c36.809467 0 66.650888 29.84142 66.650888 66.650887s-29.84142 66.650888-66.650888 66.650888-66.650888-29.84142-66.650887-66.650888 29.84142-66.650888 66.650887-66.650887z m169.656805 0c36.809467 0 66.650888 29.84142 66.650888 66.650887s-29.84142 66.650888-66.650888 66.650888-66.650888-29.84142-66.650887-66.650888 29.84142-66.650888 66.650887-66.650887z" horiz-adv-x="1205" /> |
| | | |
| | | |
| | | <glyph glyph-name="tingdian-" unicode="" d="M972 578.8c-25.2 59.6-61.2 112.9-107 158.9-46 46-99.5 81.8-158.9 107C644.3 870.8 579 884.1 511.5 884.1s-133-13.3-194.6-39.4c-59.4-25.2-112.9-61.2-158.8-107-46-46-82-99.5-107.2-158.9C24.6 517 11.3 451.7 11.3 384.2s13.3-133 39.4-194.6c25.2-59.6 61.2-112.9 107.2-158.9s99.4-82 158.9-107c61.6-26.1 127.1-39.4 194.6-39.4s133 13.3 194.6 39.4c59.6 25.2 112.9 61.2 158.9 107 46 46 82 99.4 107 158.9 26.1 61.8 39.4 127.1 39.4 194.6S998.1 517 972 578.8zM818.1 77.4c-82-81.8-190.9-127.1-306.6-127.1-115.9 0-224.8 45.1-306.6 127.1-82 82-127.1 190.9-127.1 306.6 0 115.9 45.1 224.7 127.1 306.6S395.7 817.8 511.4 817.8c115.9 0 224.7-45.1 306.6-127.1 81.8-82 127.1-190.9 127.1-306.6-0.3-115.8-45.2-224.7-127-306.7z m0 0M715 168.6c-13.3-13.1-32.6-10.5-43.5 0.7C568.9 273.9 505.8 338 402.8 442.1c-61.3 62.1-52.5 54.3-114 116-5.3 5.3-10 11.2-15.5 16.2-13.9 13-20.3 26.1-3.1 41.6 13.4 12.2 28 11.1 44.4-5.3 94.6-94.4 118.8-119.7 213.3-214.4 73.4-73.1 113.2-113.1 186.6-186.2 4-3.9 14.5-27.5 0.5-41.4z m-96.6 275c40.7 0 74.6 0.1 108.9 0 23.3-0.1 34.5-16.2 20.3-33-21.7-25.5-45.8-49.1-71.6-70.6-10-8.3-26.4-7.2-38.5 5.7-78 83-156.1 165.7-234.7 248.3-8.6 8.8-8.7 17.4-5.3 27.7 7.2 22.1 15.3 44.2 20.6 66.9 3.4 14 10.3 17.2 23.3 17.2 97.7-0.4 195.3 0 293.2-0.4 27-0.1 32-11.1 16.5-37.4-34.9-59.6-70.6-118.8-105.9-178.1-8-13.9-15.7-27.7-26.8-46.3zM452.9 235.7c-49.4 0-95.1-0.4-140.9 0.1-34.9 0.4-42.3 10.9-30.1 43.1 15.5 40.8 32.9 80.9 47.9 121.8 9 24.2 23.6 23.9 38.6 9 66.6-65.6 132.8-132.1 198.7-198.4 13.7-13.7 14.2-28.6 0.7-42.9-51.2-54.7-103-109.4-154.7-164.3-6.8-7.2-15.2-12.5-24-7.5-10.5 5.9-8.8 15.8-5.3 26.5 22.8 69.5 45.3 138.8 69.1 212.6z m0 0" horiz-adv-x="1024" /> |
| | | |
| | | |
| | | <glyph glyph-name="duankai" unicode="" d="M572.28642442 297.93537129000003l-63.16931251-55.23247353c15.56352773-17.38884815 14.03310586-43.83820107-3.41167148-59.08649151l-157.9334502-138.06847089c-17.44477734-15.25337578-44.19411328-13.52465947-59.75764101 3.85401972l-112.69702266 125.89119229c-15.56352773 17.3786792-14.03310586 43.83311661 3.40658701 59.08140791l157.92836573 138.06847089c17.44986182 15.25337578 44.19919776 13.52465947 59.76272549-3.84893525l63.1693125 55.22230371-28.17298477 31.47279785c-31.12197011 34.76244287-84.63081182 38.21987461-119.5254501 7.71312393L90.79328867 269.70137286c-34.88447021-30.49658174-37.94022949-83.40545742-6.82334385-118.1679003l169.05316114-188.83170439c31.12197011-34.76244287 84.63589628-38.21987461 119.5203665-7.71820752l221.09767735 193.30602714c34.88447021 30.50166622 37.94531396 83.4105419 6.81825937 118.1679003l-28.17298476 31.4778832z m500.01073417 159.98248652l-94.35229628 235.23755713c-17.37359472 43.30941768-66.47929453 64.83701513-109.68702364 48.09389326l-273.84385078-106.10756455c-43.20772822-16.75329082-64.16078203-65.42172773-46.79227177-108.73114541l15.7211455-39.20625967 78.24473262 30.31862607c-8.68425469 21.65979287 1.79481357 45.99401133 23.4037626 54.36303047l195.60420264 75.78385401c21.60386455 8.37410273 46.16179893-2.39477959 54.84096914-24.0444044l62.89475185-156.81995331c8.68933916-21.65470839-1.7897291-45.98384239-23.4037626-54.35286153L759.33348418 336.65352246c-21.60894903-8.36901826-46.16688339 2.39477959-54.84605449 24.04440439l-78.23964727-30.31862607 15.72114551-39.2011752c17.37359472-43.31450214 66.47929453-64.83701513 109.68702363-48.09389326l273.84385078 106.10756456c43.2128127 16.74820635 64.15569756 65.43189668 46.79735625 108.72606093zM389.59674628 250.41602167999997c15.56352773-17.3786792 42.31794815-19.10739463 59.76272462-3.85401973l95.89797246 83.83763672-57.32727012 62.09649141-94.92175547-82.99361602c-17.44477734-15.24829131-18.97011474-41.70272872-3.41167149-59.08649238z m338.28427706 164.64493564c21.60386455 8.37410273 32.07784834 32.71849013 23.39867812 54.3630296-8.68425469 21.65979287-33.23710547 32.4235916-54.8460536 24.04948886l-116.42901505-45.11948466 29.21529815-79.27687706 118.66109238 45.98384326zM578.67758896 815.74679414l-36.09965566 18.06508125-49.5378791-133.44669844 36.09965567-18.06508125 49.53787909 133.44669844zM366.81837207 554.6700190399999l-8.27749863 42.12982266-178.83057481-34.49805118 8.23173838-42.13999159 178.87633506 34.50822011z m56.85949951 114.53759648L348.56008174 810.81995332l-36.8267335-22.89531621 75.09236749-141.60216973 36.85215585 22.88514814z" horiz-adv-x="1156" /> |
| | | |
| | | |
| | | <glyph glyph-name="tuichu-x" unicode="" d="M512-128C229.248-128 0 101.248 0 384S229.248 896 512 896s512-229.248 512-512-229.248-512-512-512zM299.178667 381.866667v-260.949334c0-19.754667 16.298667-35.584 36.650666-35.584h187.264c20.352 0 36.608 15.786667 36.608 35.584a35.968 35.968 0 0 1-36.608 35.584H376.533333V611.114667h150.613334c20.352 0 36.650667 15.829333 36.650666 35.584a35.968 35.968 0 0 1-36.650666 35.584H335.829333a35.968 35.968 0 0 1-36.693333-35.584v-264.874667z m541.44 23.68L726.613333 512.298667c-8.106667 3.968-16.256 7.893333-24.405333 7.893333a35.968 35.968 0 0 1-36.650667-35.584c0-7.893333 4.053333-15.786667 12.202667-23.722667l48.853333-43.477333h-215.765333a35.968 35.968 0 0 1-36.608-35.584c0-19.754667 16.256-35.584 32.554667-31.573333h215.765333l-48.853333-43.52c-8.106667-3.968-12.202667-11.861333-12.202667-23.722667 0-19.754667 16.256-35.584 36.608-35.584 8.149333 0 16.298667 3.968 24.448 7.893333l118.058667 102.826667c8.106667 3.925333 12.202667 11.818667 12.202666 23.68 0 7.936-4.053333 15.829333-12.202666 23.722667z" horiz-adv-x="1024" /> |
| | | |
| | | |
| | | <glyph glyph-name="xxhdpiShape" unicode="" d="M512-128C229.205333-128 0 101.205333 0 384S229.205333 896 512 896s512-229.205333 512-512-229.205333-512-512-512z m0 496.469333a170.666667 170.666667 0 1 1 0 341.333334 170.666667 170.666667 0 0 1 0-341.333334z m263.765333-263.722666a263.765333 263.765333 0 1 1-527.530666 0h527.530666z" horiz-adv-x="1024" /> |
| | | |
| | | |
| | | <glyph glyph-name="daochu" unicode="" d="M125.2 231.568v-187.648c-0.16-8.224-0.16-23.76 0-46.608 22.144-0.112 37.28-0.112 45.36 0h681.344c8.24-0.144 23.76-0.144 46.56 0V231.472h125.12v-219.552c0.24-24.8 0.24-71.424 0-139.92H0.24V231.472l124.96 0.096z m266.448-154.928V486.32H103.328L511.808 896l408.48-409.68h-288.32V76.64h-240.32z" horiz-adv-x="1024" /> |
| | | |
| | | |
| | | <glyph glyph-name="email" unicode="" d="M1024.00144 675.36v-574.32c0-5.76-0.736-11.456-1.824-17.072v-0.064l-0.224-0.944A84.336 84.336 0 0 0 939.29744 16H101.08944a102.72 102.72 0 0 0-82.512 40.832 95.904 95.904 0 0 0-18.56 57.248V659.744a74.08 74.08 0 0 0 52.064 70.784l0.736 0.208 0.208 0.08A127.648 127.648 0 0 0 89.66544 736h883.424c1.328-0.512 2.64-1.232 4.032-1.44 25.52-4.32 40.592-19.152 45.344-44.496v-0.08c0.88-4.816 1.536-9.712 1.536-14.608zM512.00144 304.768l451.152 379.472c-66.272 3.888-888.48 1.728-897.84-2.368L512.00144 304.8v-0.064z m133.856 45.152l-114.112-96.144c-13.76-11.52-25.6-11.664-39.2-0.208l-48.272 40.752-63.84 53.936L81.02544 70.72l1.024-2.304h873.328L645.79344 349.92h0.064z m-304.864 31.68L51.79344 625.968v-512.48l289.28 268.096h-0.08z m344.352 1.648l287.088-260.96V625.056L685.34544 383.232z" horiz-adv-x="1024" /> |
| | | |
| | | |
| | | <glyph glyph-name="location" unicode="" d="M334.224 504.576c0 95.952 79.728 173.968 177.776 173.968 98.048 0 177.776-78.016 177.776-173.968 0-95.936-79.728-173.968-177.776-173.968-98.048 0-177.776 78.032-177.776 173.968M512.448 896h-0.896C291.232 895.776 112 720.256 112 504.576c0-109.424 88.928-265.024 176-391.424a2759.648 2759.648 0 0 1 161.824-211.44A81.104 81.104 0 0 1 512.048-128h0.128a80.512 80.512 0 0 1 61.824 29.488A2756.736 2756.736 0 0 1 736 113.168c87.072 126.384 176 281.984 176 391.408C912 720.256 732.752 895.776 512.448 896" horiz-adv-x="1024" /> |
| | | |
| | | |
| | | |
| | | |
| | | </font> |
| | | </defs></svg> |
| | |
| | | <link rel="stylesheet" href="css/BrdwMaint.css">
|
| | | <link rel="stylesheet" type="text/css" href="css/loading.css">
|
| | | <link rel="stylesheet" href="css/nocontent.css">
|
| | | <link rel="stylesheet" href="alifont/iconfont.css"> |
| | | <meta http-equiv="pragma" content="no-cache">
|
| | | <meta http-equiv="cache-control" content="no-cache">
|
| | | <meta http-equiv="expires" content="0">
|
| | |
| | | <script type="text/javascript" src="js/loading.js"></script>
|
| | | <script type="text/javascript" src="js/nocontent.js"></script>
|
| | | <script type="text/javascript" src="js/createTab.js"></script>
|
| | | <script type="text/javascript" src="pages/js/common.js"></script>
|
| | | <script type="text/javascript">
|
| | | var Page={
|
| | | pageCurr:1,
|
| | |
| | | var tblStatus = new Array(); // 表格状态数组
|
| | | var tblOptsHd = new Array(); // 表格选项头部
|
| | | var tblOptsBd = new Array(); // 表格选项数组
|
| | | arrTh = ['省','市', '机房名称','停电','停电开始时间', '发电','发电开始时间','掉站','掉站开始时间', '门禁状态','开门/关门开始时间', '温度异常','湿度异常'];
|
| | | arrTh = ['省','市', '机房名称','停电','停电开始时间', '发电','发电开始时间','掉站','掉站开始时间', '开门/开关电源异常','开门/开关电源异常开始时间', '温度异常','湿度异常'];
|
| | |
|
| | | //tblOptsHd = ['编号', '选项', '是否选择'];
|
| | | tblOptsHd = ['<s:text name="Number"/>', '<s:text name="Options"/>', '<s:text name="IsChecked"/>'];
|
| | |
| | | var optsList = [];
|
| | | //console.info(_data[0]);
|
| | | for(var i=0;i<_data.length;i++){
|
| | | /* $option=$("<option></option>");
|
| | | if(i==0){
|
| | | $option.html("<s:text name='All'/>(<s:text name='Common'/>"+_data.length+"<s:text name='Species'/>)"); |
| | | $option.attr("value","");
|
| | | /* if(i==0){
|
| | | $select.html("<s:text name='All'/>(<s:text name='Common'/>"+data.length+"<s:text name='Species'/>)"); |
| | | $select.attr("value","");
|
| | | }else{
|
| | | $option.text(_data[i-1].StationName3);
|
| | | $option.attr("value",_data[i-1].StationId); |
| | | }
|
| | | $select.append($option);*/
|
| | | $select.text(_data[i-1].StationName3);
|
| | | $select.attr("value",_data[i-1].StationId); |
| | | }*/
|
| | | var __data = _data[i];
|
| | | var _attr = {
|
| | | StationId: __data.StationId
|
| | |
| | | var data = data.data;
|
| | | //console.info(data[0].dev_id);
|
| | | for(i=0;i<data.length;i++){
|
| | | arrTd[index++]=data[0].stationName1; //省
|
| | | arrTd[index++]=data[0].stationName2; //市
|
| | | arrTd[index++]=data[0].stationName3; //机房
|
| | | // if(data[0].station_stat_poff==1){
|
| | | var _data = data[0];
|
| | | arrTd[index++]=_data.stationName1; //省
|
| | | arrTd[index++]=_data.stationName2; //市
|
| | | arrTd[index++]=_data.stationName3; //机房
|
| | |
|
| | | // }
|
| | | arrTd[index++]=data[0].station_stat_poff; //停电
|
| | | //arrTd[index++]=_data.station_stat_poff; //停电
|
| | | if(_data.station_stat_poff) {
|
| | | arrTd[index++]= create_ali_font('icon-tingdian-', 'red');
|
| | | }else {
|
| | | arrTd[index++]= create_ali_font('icon-tingdian-', 'green');
|
| | | }
|
| | |
|
| | | arrTd[index++]=data[0].station_poff_start_time //停电开始时间
|
| | | arrTd[index++]=_data.station_poff_start_time //停电开始时间
|
| | |
|
| | | arrTd[index++]=data[0].station_stat_fadian;//发电
|
| | | // 发电
|
| | | if(_data.station_stat_fadian) {
|
| | | arrTd[index++]= create_ali_font('icon-dynamotor', 'green'); //发电
|
| | | }else {
|
| | | arrTd[index++]= create_ali_font('icon-dynamotor', 'red'); //发电
|
| | | }
|
| | |
|
| | | arrTd[index++]=data[0].station_fadian_start_time;//发电开始时间
|
| | | arrTd[index++]=_data.station_fadian_start_time;//发电开始时间
|
| | |
|
| | | arrTd[index++]=data[0].station_stat_diaozhan;//掉站
|
| | | arrTd[index++]=data[0].station_diaozhan_start_time;//掉站开始时间
|
| | | arrTd[index++]=_data.station_stat_diaozhan;//掉站
|
| | | arrTd[index++]=_data.station_diaozhan_start_time;//掉站开始时间
|
| | |
|
| | | arrTd[index++]=data[0].station_stat_dooropen;//开门关门异常
|
| | | arrTd[index++]=data[0].station_dooropen_start_time;//开门关门异常时间
|
| | | // arrTd[index++]=_data.station_stat_dooropen;//开门关门异常
|
| | | if(_data.station_stat_dooropen) {
|
| | | arrTd[index++] = create_ali_font('icon-quankaimen', 'red');
|
| | | }else {
|
| | | arrTd[index++] = create_ali_font('icon-quankaimen', 'green');
|
| | | }
|
| | |
|
| | | arrTd[index++]=data[0].station_temp; //温度
|
| | | arrTd[index++]=data[0].station_damp; //湿度
|
| | | arrTd[index++]=_data.station_dooropen_start_time;//开门关门异常时间
|
| | | |
| | | arrTd[index++]=_data.station_temp; //温度
|
| | | arrTd[index++]=_data.station_damp; //湿度
|
| | | }
|
| | | createAllTbl(tblHd, tblBd, arrTh, arrTd, tblStatus);
|
| | | }
|
| | |
| | | function getQueryString(name) {
|
| | | var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
|
| | | var r = window.location.search.substr(1).match(reg);
|
| | | if (r != null) |
| | | return unescape(r[2]); |
| | | if (r != null) {
|
| | | return decodeURI(r[2]);
|
| | | } |
| | | return null;
|
| | | }
|
| | |
|
| | |
| | | gl.CMD.e61850.setDischargeParm = 40; //设置参数
|
| | | gl.CMD.e61850.getDischargeParm = 41; //获取参数
|
| | | })(jQuery, window, document, GLOBAL); |
| | |
|
| | | // 生成阿里图标的元素
|
| | | function create_ali_font(cla, color) {
|
| | | var i = $('<i class="icon iconfont"></i>');
|
| | | i.addClass(cla);
|
| | | i.css({
|
| | | 'color': color
|
| | | });
|
| | | // 获取字符串
|
| | | var outerHTML = i[0].outerHTML;
|
| | | return outerHTML;
|
| | | }
|
| | |
| | | var tgt = aFolders.eq(0);
|
| | | aFolders.each(function() {
|
| | | var _txt = $(this).find('.treeview-txt').text();
|
| | | console.info();
|
| | | if(txt == _txt) {
|
| | | tgt = $(this);
|
| | | }
|
| | |
| | | // 定义页面中的siderbar组件
|
| | | ;(function($, window, document, gl, undefined) {
|
| | | gl.namespace('pages.siderbar');
|
| | | |
| | | // 获取当前选中内容(省-市-机房-电池组)
|
| | | var province = getQueryString('province'); // 省
|
| | | var city = getQueryString('city'); // 市
|
| | | var home = getQueryString('home'); // 机房
|
| | | |
| | | console.log(province);
|
| | | |
| | | // 生成一级导航-省
|
| | | function first(treeView, container) {
|
| | | //treeView.addProgress(container);
|