Skip to content

N
nutui

京东前端 / nutui

通知 37
Star 4
Fork 1
N
nutui

体验新版 GitCode，发现更多精彩内容 >>

提交 c369b347 编写于 作者: richard_1015's avatar richard_1015
浏览文件
操作

feat: icon

上级 a44ba341
隐藏空白更改
内联 并排
Showing with 331 addition and 198 deletion
babel.config.js
浏览文件 @ c369b347
module.exports = {
presets: ["@vue/cli-plugin-babel/preset"]
presets: ['@vue/cli-plugin-babel/preset']
};
commitlint.config.js
浏览文件 @ c369b347
......@@ -12,4 +12,4 @@ module.exports = {
'type-empty': [2, 'never'],
'type-enum': [2, 'always', ['upd', 'chore', 'docs', 'feat', 'fix', 'test', 'refactor', 'revert', 'style']]
}
}
};
src/nutui.ts
浏览文件 @ c369b347
export default {};
import { App } from 'vue';
export default {
install(app: App<Element>): void {
const files = require.context('@/packages', true, /index\.vue$/);
files.keys().forEach(component => {
const componentEntity = files(component).default;
app.component(componentEntity.name, componentEntity);
});
}
};
src/packages/button/demo.vue
浏览文件 @ c369b347
......@@ -45,14 +45,12 @@
</template>
<script lang="ts">
import Button from '@/packages/button/index.vue';
import { createComponent } from '@/utils/create';
const { createDemo } = createComponent('button');
export default createDemo({
props: {
text: String
},
components: { [Button.name]: Button },
emits: ['click']
});
</script>
......
src/packages/cell/demo.vue
浏览文件 @ c369b347
......@@ -11,12 +11,10 @@
</template>
<script lang="ts">
import Cell from '@/packages/cell/index.vue';
import { createComponent } from '@/utils/create';
const { createDemo } = createComponent('cell');
export default createDemo({
props: {},
components: { [Cell.name]: Cell },
emits: ['click']
});
</script>
......
src/packages/icon/demo.vue
浏览文件 @ c369b347
<template>
<div class="demo">
icon
<h2>基础用法</h2>
<nut-cell>
<nut-icon name="wifi"></nut-icon>
<nut-icon name="mail"></nut-icon>
</nut-cell>
<h2>图标颜色</h2>
<nut-cell>
<nut-icon name="mail" color="#fa2c19"></nut-icon>
<nut-icon name="mail" color="#64b578"></nut-icon>
</nut-cell>
<h2>图标大小</h2>
<nut-cell>
<nut-icon name="mail"></nut-icon>
<nut-icon name="mail" size="24px"></nut-icon>
<nut-icon name="mail" size="16px"></nut-icon>
</nut-cell>
<h2>基础图标</h2>
<nut-cell>
<ul>
<li v-for="item in icons.glyphs" :key="item.font_class">
<nut-icon :name="item.font_class"></nut-icon>
<span>{{ item.name }}</span>
</li>
</ul>
</nut-cell>
</div>
</template>
<script lang="ts">
import Icon from '@/packages/icon/index.vue';
import icons from '@/styles/font/iconfont.json';
import { createComponent } from '@/utils/create';
const { createDemo } = createComponent('icon');
export default createDemo({
props: {},
components: { [Icon.name]: Icon },
emits: ['click']
setup() {
return { icons };
}
});
</script>
<style lang="scss" scoped></style>
<style lang="scss" scoped>
.nut-cell {
> .nutui-iconfont {
margin-right: 10px;
}
}
ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
li {
flex: 0 0 25%;
max-width: 25%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
span {
height: 40px;
}
.nutui-iconfont {
margin: 16px 0 16px;
}
}
}
</style>
src/packages/icon/doc.md
浏览文件 @ c369b347
......@@ -2,7 +2,7 @@
### 介绍
图标组件
基于 IconFont 字体的图标集，可以通过 Icon 组件使用。
### 安装
......@@ -14,3 +14,77 @@ const app = createApp();
app.use(Icon);
```
## 代码演示
### 基础用法
`Icon` 的 `name` 属性支持传入图标名称或图片链接。
```html
<nut-icon name="wifi"></nut-icon>
<nut-icon name="mail"></nut-icon>
```
### 图标颜色
`Icon` 的 `color` 属性用来设置图标的颜色。
```html
<nut-icon name="mail" color="#fa2c19"></nut-icon>
<nut-icon name="mail" color="#64b578"></nut-icon>
```
### 图标大小
`Icon` 的 `size` 属性用来设置图标的尺寸大小，默认单位为 `px`。
```html
<nut-icon name="mail"></nut-icon>
<nut-icon name="mail" size="24px"></nut-icon>
<nut-icon name="mail" size="16px"></nut-icon>
```
### 自定义图标
如果需要在现有 Icon 的基础上使用更多图标，可以引入第三方 iconfont 对应的字体文件和 CSS 文件，之后就可以在 Icon 组件中直接使用。
```css
/* 引入第三方或自定义的字体图标样式 */
@font-face {
font-family: 'my-icon';
src: url('./my-icon.ttf') format('truetype');
}
.my-icon {
font-family: 'my-icon';
}
.my-icon-extra::before {
content: '\e626';
}
```
```html
<!-- 通过 class-prefix 指定类名为 my-icon -->
<nut-icon class-prefix="my-icon" name="extra" />
```
## API
### Props
| 参数 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- |
| name | 图标名称或图片链接 | _string_ | - |
| color | 图标颜色 | _string_ | - |
| size | 图标大小，如 `20px` `2em`，默认单位为`px` | _number \| string_ | - |
| class-prefix | 类名前缀，用于使用自定义图标 | _string_ | `nutui-icon` |
| tag | HTML 标签 | _string_ | `i` |
### Events
| 事件名 | 说明 | 回调参数 |
| ------ | -------------- | -------------- |
| click | 点击图标时触发 | _event: Event_ |
src/packages/icon/index.scss
浏览文件 @ c369b347
@import '../../styles/font/iconfont.css';
.nut-icon {
width: 20px;
height: 20px;
......
src/packages/icon/index.vue
浏览文件 @ c369b347
<template>
<view :class="classes" @click="handleClick">
>
</view>
</template>
<script lang="ts">
import { toRefs, computed } from 'vue';
import { toRefs, h, PropType } from 'vue';
import { createComponent } from '@/utils/create';
const { componentName, create } = createComponent('icon');
export default create({
props: {
name: { type: String, default: '' }
name: {
type: String,
default: 'right'
},
size: [Number, String],
color: String,
tag: {
type: String as PropType<keyof HTMLElementTagNameMap>,
default: 'i'
}
},
components: {},
emits: ['click'],
setup(props, { emit }) {
const { name } = toRefs(props);
const classes = computed(() => {
const prefixCls = componentName;
return {
[prefixCls]: true
};
});
setup(props, { emit, slots }) {
const { name, tag, color, size } = toRefs(props);
const handleClick = (event: Event) => {
emit('click', event);
};
return {
handleClick,
name,
classes
};
return () =>
h(
tag.value,
{
class: `nutui-iconfont ${componentName}-${name.value}`,
style: { color: color?.value, fontSize: size?.value },
onClick: handleClick
},
slots.default?.()
);
}
});
</script>
......
src/packages/price/demo.vue
浏览文件 @ c369b347
......@@ -16,17 +16,11 @@
</template>
<script lang="ts">
import Price from '@/packages/price/index.vue';
import Cell from '@/packages/cell/index.vue';
import { createComponent } from '@/utils/create';
const { createDemo } = createComponent('price');
export default createDemo({
props: {
text: String
},
components: {
[Price.name]: Price,
[Cell.name]: Cell
}
});
</script>
......
src/sites/mobile/App.vue
浏览文件 @ c369b347
......@@ -5,7 +5,6 @@
<script lang="ts">
import { defineComponent, ref, watch } from 'vue';
import { useRoute } from 'vue-router';
import { isMobile } from '@/sites/assets/util';
export default defineComponent({
name: 'app',
......@@ -18,7 +17,8 @@ export default defineComponent({
watch(
() => route,
() => {
const { origin, hash, pathname } = window.top.location;
// const { origin, hash, pathname } = window.top.location;
const { hash } = window.top.location;
if (!isMobile && route.hash != hash) {
// window.top.location.replace(`${origin}${pathname}#/${route.hash}`);
title.value = route.name as string;
......@@ -52,6 +52,7 @@ export default defineComponent({
#nav {
position: fixed;
z-index: 10;
left: 0;
right: 0;
height: 57px;
......
src/sites/mobile/main.ts
浏览文件 @ c369b347
import { createApp } from 'vue';
import App from './App.vue';
import router from './router';
import NutUI from '@/nutui';
import '@/sites/assets/styles/reset.scss';
createApp(App)
.use(router)
.use(NutUI)
.mount('#app');
src/styles/font/demo_index.html
浏览文件 @ c369b347
......@@ -31,121 +31,121 @@
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont">&#xe7de;</span>
<span class="icon nutui-iconfont">&#xe7de;</span>
<div class="name">mail</div>
<div class="code-name">&amp;#xe7de;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7df;</span>
<span class="icon nutui-iconfont">&#xe7df;</span>
<div class="name">id card</div>
<div class="code-name">&amp;#xe7df;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7e0;</span>
<span class="icon nutui-iconfont">&#xe7e0;</span>
<div class="name">heat map</div>
<div class="code-name">&amp;#xe7e0;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7e1;</span>
<span class="icon nutui-iconfont">&#xe7e1;</span>
<div class="name">wifi</div>
<div class="code-name">&amp;#xe7e1;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7e2;</span>
<span class="icon nutui-iconfont">&#xe7e2;</span>
<div class="name">edit</div>
<div class="code-name">&amp;#xe7e2;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7e3;</span>
<span class="icon nutui-iconfont">&#xe7e3;</span>
<div class="name">key</div>
<div class="code-name">&amp;#xe7e3;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7e4;</span>
<span class="icon nutui-iconfont">&#xe7e4;</span>
<div class="name">link</div>
<div class="code-name">&amp;#xe7e4;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7e5;</span>
<span class="icon nutui-iconfont">&#xe7e5;</span>
<div class="name">man</div>
<div class="code-name">&amp;#xe7e5;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7e6;</span>
<span class="icon nutui-iconfont">&#xe7e6;</span>
<div class="name">percentage</div>
<div class="code-name">&amp;#xe7e6;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7e7;</span>
<span class="icon nutui-iconfont">&#xe7e7;</span>
<div class="name">pushpin</div>
<div class="code-name">&amp;#xe7e7;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7e8;</span>
<span class="icon nutui-iconfont">&#xe7e8;</span>
<div class="name">fork</div>
<div class="code-name">&amp;#xe7e8;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7e9;</span>
<span class="icon nutui-iconfont">&#xe7e9;</span>
<div class="name">shrink</div>
<div class="code-name">&amp;#xe7e9;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7ea;</span>
<span class="icon nutui-iconfont">&#xe7ea;</span>
<div class="name">arrawsalt</div>
<div class="code-name">&amp;#xe7ea;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7eb;</span>
<span class="icon nutui-iconfont">&#xe7eb;</span>
<div class="name">vertical right</div>
<div class="code-name">&amp;#xe7eb;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7ec;</span>
<span class="icon nutui-iconfont">&#xe7ec;</span>
<div class="name">right</div>
<div class="code-name">&amp;#xe7ec;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7ed;</span>
<span class="icon nutui-iconfont">&#xe7ed;</span>
<div class="name">left</div>
<div class="code-name">&amp;#xe7ed;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7ee;</span>
<span class="icon nutui-iconfont">&#xe7ee;</span>
<div class="name">up</div>
<div class="code-name">&amp;#xe7ee;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7ef;</span>
<span class="icon nutui-iconfont">&#xe7ef;</span>
<div class="name">down</div>
<div class="code-name">&amp;#xe7ef;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7f0;</span>
<span class="icon nutui-iconfont">&#xe7f0;</span>
<div class="name">fullscreen</div>
<div class="code-name">&amp;#xe7f0;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7f1;</span>
<span class="icon nutui-iconfont">&#xe7f1;</span>
<div class="name">fullscreen-exit</div>
<div class="code-name">&amp;#xe7f1;</div>
</li>
......@@ -168,19 +168,19 @@
<h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
font-family: 'iconfont';
font-family: 'nutui-iconfont';
src: url('iconfont.eot');
src: url('iconfont.eot?#iefix') format('embedded-opentype'),
url('iconfont.woff2') format('woff2'),
url('iconfont.woff') format('woff'),
url('iconfont.ttf') format('truetype'),
url('iconfont.svg#iconfont') format('svg');
url('iconfont.svg#nutui-iconfont') format('svg');
}
</code></pre>
<h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
font-family: "iconfont" !important;
>.nutui-iconfont {
font-family: "nutui-iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
......@@ -190,10 +190,10 @@
<h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
>&lt;span class="nutui-iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
<blockquote>
<p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
<p>"nutui-iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
</blockquote>
</div>
</div>
......@@ -201,182 +201,182 @@
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont icon-mail"></span>
<span class="icon nutui-iconfont nut-icon-mail"></span>
<div class="name">
mail
</div>
<div class="code-name">.icon-mail
<div class="code-name">.nut-icon-mail
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-idcard"></span>
<span class="icon nutui-iconfont nut-icon-idcard"></span>
<div class="name">
id card
</div>
<div class="code-name">.icon-idcard
<div class="code-name">.nut-icon-idcard
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-heatmap"></span>
<span class="icon nutui-iconfont nut-icon-heatmap"></span>
<div class="name">
heat map
</div>
<div class="code-name">.icon-heatmap
<div class="code-name">.nut-icon-heatmap
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-wifi"></span>
<span class="icon nutui-iconfont nut-icon-wifi"></span>
<div class="name">
wifi
</div>
<div class="code-name">.icon-wifi
<div class="code-name">.nut-icon-wifi
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-edit"></span>
<span class="icon nutui-iconfont nut-icon-edit"></span>
<div class="name">
edit
</div>
<div class="code-name">.icon-edit
<div class="code-name">.nut-icon-edit
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-key"></span>
<span class="icon nutui-iconfont nut-icon-key"></span>
<div class="name">
key
</div>
<div class="code-name">.icon-key
<div class="code-name">.nut-icon-key
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-link"></span>
<span class="icon nutui-iconfont nut-icon-link"></span>
<div class="name">
link
</div>
<div class="code-name">.icon-link
<div class="code-name">.nut-icon-link
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-man"></span>
<span class="icon nutui-iconfont nut-icon-man"></span>
<div class="name">
man
</div>
<div class="code-name">.icon-man
<div class="code-name">.nut-icon-man
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-percentage"></span>
<span class="icon nutui-iconfont nut-icon-percentage"></span>
<div class="name">
percentage
</div>
<div class="code-name">.icon-percentage
<div class="code-name">.nut-icon-percentage
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-pushpin"></span>
<span class="icon nutui-iconfont nut-icon-pushpin"></span>
<div class="name">
pushpin
</div>
<div class="code-name">.icon-pushpin
<div class="code-name">.nut-icon-pushpin
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-fork"></span>
<span class="icon nutui-iconfont nut-icon-fork"></span>
<div class="name">
fork
</div>
<div class="code-name">.icon-fork
<div class="code-name">.nut-icon-fork
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shrink"></span>
<span class="icon nutui-iconfont nut-icon-shrink"></span>
<div class="name">
shrink
</div>
<div class="code-name">.icon-shrink
<div class="code-name">.nut-icon-shrink
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-arrawsalt"></span>
<span class="icon nutui-iconfont nut-icon-arrawsalt"></span>
<div class="name">
arrawsalt
</div>
<div class="code-name">.icon-arrawsalt
<div class="code-name">.nut-icon-arrawsalt
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-verticalright"></span>
<span class="icon nutui-iconfont nut-icon-verticalright"></span>
<div class="name">
vertical right
</div>
<div class="code-name">.icon-verticalright
<div class="code-name">.nut-icon-verticalright
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-right"></span>
<span class="icon nutui-iconfont nut-icon-right"></span>
<div class="name">
right
</div>
<div class="code-name">.icon-right
<div class="code-name">.nut-icon-right
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-left"></span>
<span class="icon nutui-iconfont nut-icon-left"></span>
<div class="name">
left
</div>
<div class="code-name">.icon-left
<div class="code-name">.nut-icon-left
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-up"></span>
<span class="icon nutui-iconfont nut-icon-up"></span>
<div class="name">
up
</div>
<div class="code-name">.icon-up
<div class="code-name">.nut-icon-up
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-down"></span>
<span class="icon nutui-iconfont nut-icon-down"></span>
<div class="name">
down
</div>
<div class="code-name">.icon-down
<div class="code-name">.nut-icon-down
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-fullscreen"></span>
<span class="icon nutui-iconfont nut-icon-fullscreen"></span>
<div class="name">
fullscreen
</div>
<div class="code-name">.icon-fullscreen
<div class="code-name">.nut-icon-fullscreen
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-fullscreen-exit"></span>
<span class="icon nutui-iconfont nut-icon-fullscreen-exit"></span>
<div class="name">
fullscreen-exit
</div>
<div class="code-name">.icon-fullscreen-exit
<div class="code-name">.nut-icon-fullscreen-exit
</div>
</li>
......@@ -398,11 +398,11 @@
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
<h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
<pre><code class="language-html">&lt;span class="nutui-iconfont nut-icon-xxx"&gt;&lt;/span&gt;
</code></pre>
<blockquote>
<p>"
iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
nutui-iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
</blockquote>
</div>
</div>
......@@ -411,162 +411,162 @@
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-mail"></use>
<use xlink:href="#nut-icon-mail"></use>
</svg>
<div class="name">mail</div>
<div class="code-name">#icon-mail</div>
<div class="code-name">#nut-icon-mail</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-idcard"></use>
<use xlink:href="#nut-icon-idcard"></use>
</svg>
<div class="name">id card</div>
<div class="code-name">#icon-idcard</div>
<div class="code-name">#nut-icon-idcard</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-heatmap"></use>
<use xlink:href="#nut-icon-heatmap"></use>
</svg>
<div class="name">heat map</div>
<div class="code-name">#icon-heatmap</div>
<div class="code-name">#nut-icon-heatmap</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wifi"></use>
<use xlink:href="#nut-icon-wifi"></use>
</svg>
<div class="name">wifi</div>
<div class="code-name">#icon-wifi</div>
<div class="code-name">#nut-icon-wifi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-edit"></use>
<use xlink:href="#nut-icon-edit"></use>
</svg>
<div class="name">edit</div>
<div class="code-name">#icon-edit</div>
<div class="code-name">#nut-icon-edit</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-key"></use>
<use xlink:href="#nut-icon-key"></use>
</svg>
<div class="name">key</div>
<div class="code-name">#icon-key</div>
<div class="code-name">#nut-icon-key</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-link"></use>
<use xlink:href="#nut-icon-link"></use>
</svg>
<div class="name">link</div>
<div class="code-name">#icon-link</div>
<div class="code-name">#nut-icon-link</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-man"></use>
<use xlink:href="#nut-icon-man"></use>
</svg>
<div class="name">man</div>
<div class="code-name">#icon-man</div>
<div class="code-name">#nut-icon-man</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-percentage"></use>
<use xlink:href="#nut-icon-percentage"></use>
</svg>
<div class="name">percentage</div>
<div class="code-name">#icon-percentage</div>
<div class="code-name">#nut-icon-percentage</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-pushpin"></use>
<use xlink:href="#nut-icon-pushpin"></use>
</svg>
<div class="name">pushpin</div>
<div class="code-name">#icon-pushpin</div>
<div class="code-name">#nut-icon-pushpin</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-fork"></use>
<use xlink:href="#nut-icon-fork"></use>
</svg>
<div class="name">fork</div>
<div class="code-name">#icon-fork</div>
<div class="code-name">#nut-icon-fork</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shrink"></use>
<use xlink:href="#nut-icon-shrink"></use>
</svg>
<div class="name">shrink</div>
<div class="code-name">#icon-shrink</div>
<div class="code-name">#nut-icon-shrink</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-arrawsalt"></use>
<use xlink:href="#nut-icon-arrawsalt"></use>
</svg>
<div class="name">arrawsalt</div>
<div class="code-name">#icon-arrawsalt</div>
<div class="code-name">#nut-icon-arrawsalt</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-verticalright"></use>
<use xlink:href="#nut-icon-verticalright"></use>
</svg>
<div class="name">vertical right</div>
<div class="code-name">#icon-verticalright</div>
<div class="code-name">#nut-icon-verticalright</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-right"></use>
<use xlink:href="#nut-icon-right"></use>
</svg>
<div class="name">right</div>
<div class="code-name">#icon-right</div>
<div class="code-name">#nut-icon-right</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-left"></use>
<use xlink:href="#nut-icon-left"></use>
</svg>
<div class="name">left</div>
<div class="code-name">#icon-left</div>
<div class="code-name">#nut-icon-left</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-up"></use>
<use xlink:href="#nut-icon-up"></use>
</svg>
<div class="name">up</div>
<div class="code-name">#icon-up</div>
<div class="code-name">#nut-icon-up</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-down"></use>
<use xlink:href="#nut-icon-down"></use>
</svg>
<div class="name">down</div>
<div class="code-name">#icon-down</div>
<div class="code-name">#nut-icon-down</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-fullscreen"></use>
<use xlink:href="#nut-icon-fullscreen"></use>
</svg>
<div class="name">fullscreen</div>
<div class="code-name">#icon-fullscreen</div>
<div class="code-name">#nut-icon-fullscreen</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-fullscreen-exit"></use>
<use xlink:href="#nut-icon-fullscreen-exit"></use>
</svg>
<div class="name">fullscreen-exit</div>
<div class="code-name">#icon-fullscreen-exit</div>
<div class="code-name">#nut-icon-fullscreen-exit</div>
</li>
</ul>
......
src/styles/font/iconfont.css
浏览文件 @ c369b347
@font-face {font-family: "iconfont";
src: url('iconfont.eot?t=1603963115614'); /* IE9 */
src: url('iconfont.eot?t=1603963115614#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
url('iconfont.woff?t=1603963115614') format('woff'),
url('iconfont.ttf?t=1603963115614') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
url('iconfont.svg?t=1603963115614#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
@font-face {font-family: "nutui-iconfont";
src: url('iconfont.eot?t=1604561728793'); /* IE9 */
src: url('iconfont.eot?t=1604561728793#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
url('iconfont.woff?t=1604561728793') format('woff'),
url('iconfont.ttf?t=1604561728793') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
url('iconfont.svg?t=1604561728793#nutui-iconfont') format('svg'); /* iOS 4.1- */
}
.nutui-iconfont {
font-family: "nutui-iconfont" !important;
font-size: 32px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-mail:before {
.nut-icon-mail:before {
content: "\e7de";
}
.icon-idcard:before {
.nut-icon-idcard:before {
content: "\e7df";
}
.icon-heatmap:before {
.nut-icon-heatmap:before {
content: "\e7e0";
}
.icon-wifi:before {
.nut-icon-wifi:before {
content: "\e7e1";
}
.icon-edit:before {
.nut-icon-edit:before {
content: "\e7e2";
}
.icon-key:before {
.nut-icon-key:before {
content: "\e7e3";
}
.icon-link:before {
.nut-icon-link:before {
content: "\e7e4";
}
.icon-man:before {
.nut-icon-man:before {
content: "\e7e5";
}
.icon-percentage:before {
.nut-icon-percentage:before {
content: "\e7e6";
}
.icon-pushpin:before {
.nut-icon-pushpin:before {
content: "\e7e7";
}
.icon-fork:before {
.nut-icon-fork:before {
content: "\e7e8";
}
.icon-shrink:before {
.nut-icon-shrink:before {
content: "\e7e9";
}
.icon-arrawsalt:before {
.nut-icon-arrawsalt:before {
content: "\e7ea";
}
.icon-verticalright:before {
.nut-icon-verticalright:before {
content: "\e7eb";
}
.icon-right:before {
.nut-icon-right:before {
content: "\e7ec";
}
.icon-left:before {
.nut-icon-left:before {
content: "\e7ed";
}
.icon-up:before {
.nut-icon-up:before {
content: "\e7ee";
}
.icon-down:before {
.nut-icon-down:before {
content: "\e7ef";
}
.icon-fullscreen:before {
.nut-icon-fullscreen:before {
content: "\e7f0";
}
.icon-fullscreen-exit:before {
.nut-icon-fullscreen-exit:before {
content: "\e7f1";
}
src/styles/font/iconfont.js
浏览文件 @ c369b347
......@@ -4,11 +4,11 @@
o,
e,
i,
s,
a =
'<svg><symbol id="icon-mail" viewBox="0 0 1024 1024"><path d="M928 160H96c-17.7 0-32 14.3-32 32v640c0 17.7 14.3 32 32 32h832c17.7 0 32-14.3 32-32V192c0-17.7-14.3-32-32-32z m-40 110.8V792H136V270.8l-27.6-21.5 39.3-50.5 42.8 33.3h643.1l42.8-33.3 39.3 50.5-27.7 21.5z" ></path><path d="M833.6 232L512 482 190.4 232l-42.8-33.3-39.3 50.5 27.6 21.5 341.6 265.6c20.2 15.7 48.5 15.7 68.7 0L888 270.8l27.6-21.5-39.3-50.5-42.7 33.2z" ></path></symbol><symbol id="icon-idcard" viewBox="0 0 1024 1024"><path d="M928 160H96c-17.7 0-32 14.3-32 32v640c0 17.7 14.3 32 32 32h832c17.7 0 32-14.3 32-32V192c0-17.7-14.3-32-32-32z m-40 632H136V232h752v560z" ></path><path d="M610.3 476h123.4c1.3 0 2.3-3.6 2.3-8v-48c0-4.4-1-8-2.3-8H610.3c-1.3 0-2.3 3.6-2.3 8v48c0 4.4 1 8 2.3 8zM615.1 620h185.7c3.9 0 7.1-3.6 7.1-8v-48c0-4.4-3.2-8-7.1-8H615.1c-3.9 0-7.1 3.6-7.1 8v48c0 4.4 3.2 8 7.1 8zM224 673h43.9c4.2 0 7.6-3.3 7.9-7.5 3.8-50.5 46-90.5 97.2-90.5s93.4 40 97.2 90.5c0.3 4.2 3.7 7.5 7.9 7.5H522c4.6 0 8.2-3.8 8-8.4-2.8-53.3-32-99.7-74.6-126.1 18.1-19.9 29.1-46.4 29.1-75.5 0-61.9-49.9-112-111.4-112s-111.4 50.1-111.4 112c0 29.1 11 55.5 29.1 75.5-42.7 26.5-71.8 72.8-74.6 126.1-0.4 4.6 3.2 8.4 7.8 8.4z m149-262c28.5 0 51.7 23.3 51.7 52s-23.2 52-51.7 52-51.7-23.3-51.7-52 23.2-52 51.7-52z" ></path></symbol><symbol id="icon-heatmap" viewBox="0 0 1024 1024"><path d="M955.7 856l-416-720c-6.2-10.7-16.9-16-27.7-16s-21.6 5.3-27.7 16l-416 720C56 877.4 71.4 904 96 904h832c24.6 0 40-26.6 27.7-48z m-790.4-23.9L512 231.9 858.7 832H165.3z" ></path><path d="M484.3 358l-228 394c-12.3 21.3 3.1 48 27.7 48h455.8c24.7 0 40.1-26.7 27.7-48L539.7 358c-6.2-10.7-17-16-27.7-16-10.8 0-21.6 5.3-27.7 16z m214 386H325.7L512 422l186.3 322z" ></path><path d="M484.3 549.9l-57 98.4C415 669.5 430.4 696 455 696h114c24.6 0 39.9-26.5 27.7-47.7l-57-98.4c-6.1-10.6-16.9-15.9-27.7-15.9s-21.5 5.3-27.7 15.9z m57.1 98.4h-58.7l29.4-50.7 29.3 50.7z" ></path></symbol><symbol id="icon-wifi" viewBox="0 0 1024 1024"><path d="M723 620.5C666.8 571.6 593.4 542 513 542s-153.8 29.6-210.1 78.6c-3.2 2.8-3.6 7.8-0.8 11.2l36 42.9c2.9 3.4 8 3.8 11.4 0.9C393.1 637.2 450.3 614 513 614s119.9 23.2 163.5 61.5c3.4 2.9 8.5 2.5 11.4-0.9l36-42.9c2.8-3.3 2.4-8.3-0.9-11.2zM840.4 480.4C751.7 406.5 637.6 362 513 362s-238.7 44.5-327.5 118.4c-3.4 2.8-3.8 7.9-1 11.3l36 42.9c2.8 3.4 7.9 3.8 11.2 1C308 472.2 406.1 434 513 434s205 38.2 281.2 101.6c3.4 2.8 8.4 2.4 11.2-1l36-42.9c2.8-3.4 2.4-8.5-1-11.3z" ></path><path d="M957.1 341.4C835.7 241.8 680.3 182 511 182c-168.2 0-322.6 59-443.7 157.4-3.5 2.8-4 7.9-1.1 11.4l36 42.9c2.8 3.3 7.8 3.8 11.1 1.1C222 306.7 360.3 254 511 254c151.8 0 291 53.5 400 142.7 3.4 2.8 8.4 2.3 11.2-1.1l36-42.9c2.9-3.4 2.4-8.5-1.1-11.3z" ></path><path d="M512 778m-64 0a64 64 0 1 0 128 0 64 64 0 1 0-128 0Z" ></path></symbol><symbol id="icon-edit" viewBox="0 0 1024 1024"><path d="M257.7 752c2 0 4-0.2 6-0.5L431.9 722c2-0.4 3.9-1.3 5.3-2.8l423.9-423.9c3.9-3.9 3.9-10.2 0-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2c-1.9 11.1 1.5 21.9 9.4 29.8 6.6 6.4 14.9 9.9 23.8 9.9z m67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z" ></path></symbol><symbol id="icon-key" viewBox="0 0 1024 1024"><path d="M608 112c-167.9 0-304 136.1-304 304 0 70.3 23.9 135 63.9 186.5l-41.1 41.1-62.3-62.3c-3.1-3.1-8.2-3.1-11.4 0l-39.8 39.8c-3.1 3.1-3.1 8.2 0 11.4l62.3 62.3-44.9 44.9-62.3-62.3c-3.1-3.1-8.2-3.1-11.4 0l-39.8 39.8c-3.1 3.1-3.1 8.2 0 11.4l62.3 62.3-65.3 65.3c-3.1 3.1-3.1 8.2 0 11.3l42.3 42.3c3.1 3.1 8.2 3.1 11.3 0l253.6-253.6C473 696.1 537.7 720 608 720c167.9 0 304-136.1 304-304S775.9 112 608 112z m161.2 465.2C726.2 620.3 668.9 644 608 644c-60.9 0-118.2-23.7-161.2-66.8-43.1-43-66.8-100.3-66.8-161.2 0-60.9 23.7-118.2 66.8-161.2 43-43.1 100.3-66.8 161.2-66.8 60.9 0 118.2 23.7 161.2 66.8 43.1 43 66.8 100.3 66.8 161.2 0 60.9-23.7 118.2-66.8 161.2z" ></path></symbol><symbol id="icon-link" viewBox="0 0 1024 1024"><path d="M574 665.4c-3.1-3.1-8.2-3.1-11.3 0L446.5 781.6c-53.8 53.8-144.6 59.5-204 0-59.5-59.5-53.8-150.2 0-204l116.2-116.2c3.1-3.1 3.1-8.2 0-11.3l-39.8-39.8c-3.1-3.1-8.2-3.1-11.3 0L191.4 526.5c-84.6 84.6-84.6 221.5 0 306s221.5 84.6 306 0l116.2-116.2c3.1-3.1 3.1-8.2 0-11.3L574 665.4zM832.6 191.4c-84.6-84.6-221.5-84.6-306 0L410.3 307.6c-3.1 3.1-3.1 8.2 0 11.3l39.7 39.7c3.1 3.1 8.2 3.1 11.3 0l116.2-116.2c53.8-53.8 144.6-59.5 204 0 59.5 59.5 53.8 150.2 0 204L665.3 562.6c-3.1 3.1-3.1 8.2 0 11.3l39.8 39.8c3.1 3.1 8.2 3.1 11.3 0l116.2-116.2c84.5-84.6 84.5-221.5 0-306.1z" ></path><path d="M610.1 372.3c-3.1-3.1-8.2-3.1-11.3 0L372.3 598.7c-3.1 3.1-3.1 8.2 0 11.3l39.6 39.6c3.1 3.1 8.2 3.1 11.3 0l226.4-226.4c3.1-3.1 3.1-8.2 0-11.3l-39.5-39.6z" ></path></symbol><symbol id="icon-man" viewBox="0 0 1024 1024"><path d="M874 120H622c-3.3 0-6 2.7-6 6v56c0 3.3 2.7 6 6 6h160.4L583.1 387.3c-50-38.5-111-59.3-175.1-59.3-76.9 0-149.3 30-203.6 84.4S120 539.1 120 616s30 149.3 84.4 203.6C258.7 874 331.1 904 408 904s149.3-30 203.6-84.4C666 765.3 696 692.9 696 616c0-64.1-20.8-124.9-59.2-174.9L836 241.9V402c0 3.3 2.7 6 6 6h56c3.3 0 6-2.7 6-6V150c0-16.5-13.5-30-30-30zM408 828c-116.9 0-212-95.1-212-212s95.1-212 212-212 212 95.1 212 212-95.1 212-212 212z" ></path></symbol><symbol id="icon-percentage" viewBox="0 0 1024 1024"><path d="M855.7 210.8l-42.4-42.4c-3.1-3.1-8.2-3.1-11.3 0L168.3 801.9c-3.1 3.1-3.1 8.2 0 11.3l42.4 42.4c3.1 3.1 8.2 3.1 11.3 0L855.6 222c3.2-3 3.2-8.1 0.1-11.2zM304 448c79.4 0 144-64.6 144-144s-64.6-144-144-144-144 64.6-144 144 64.6 144 144 144z m0-216c39.7 0 72 32.3 72 72s-32.3 72-72 72-72-32.3-72-72 32.3-72 72-72zM720 576c-79.4 0-144 64.6-144 144s64.6 144 144 144 144-64.6 144-144-64.6-144-144-144z m0 216c-39.7 0-72-32.3-72-72s32.3-72 72-72 72 32.3 72 72-32.3 72-72 72z" ></path></symbol><symbol id="icon-pushpin" viewBox="0 0 1024 1024"><path d="M878.3 392.1L631.9 145.7c-6.5-6.5-15-9.7-23.5-9.7s-17 3.2-23.5 9.7L423.8 306.9c-12.2-1.4-24.5-2-36.8-2-73.2 0-146.4 24.1-206.5 72.3-15.4 12.3-16.7 35.4-2.7 49.4l181.7 181.7-215.4 215.2c-2.6 2.6-4.3 6.1-4.6 9.8l-3.4 37.2c-0.9 9.4 6.6 17.4 15.9 17.4 0.5 0 1 0 1.5-0.1l37.2-3.4c3.7-0.3 7.2-2 9.8-4.6l215.4-215.4 181.7 181.7c6.5 6.5 15 9.7 23.5 9.7 9.7 0 19.3-4.2 25.9-12.4 56.3-70.3 79.7-158.3 70.2-243.4l161.1-161.1c12.9-12.8 12.9-33.8 0-46.8zM666.2 549.3l-24.5 24.5 3.8 34.4c3.7 33.7 1 67.2-8.2 99.7-5.4 19-12.8 37.1-22.2 54.2L262 408.8c12.9-7.1 26.3-13.1 40.3-17.9 27.2-9.4 55.7-14.1 84.7-14.1 9.6 0 19.3 0.5 28.9 1.6l34.4 3.8 24.5-24.5L608.5 224 800 415.5 666.2 549.3z" ></path></symbol><symbol id="icon-fork" viewBox="0 0 1024 1024"><path d="M752 100c-61.8 0-112 50.2-112 112 0 47.7 29.9 88.5 72 104.6v27.6L512 601.4 312 344.2v-27.6c42.1-16.1 72-56.9 72-104.6 0-61.8-50.2-112-112-112s-112 50.2-112 112c0 50.6 33.8 93.5 80 107.3v34.4c0 9.7 3.3 19.3 9.3 27L476 672.3v33.6c-44.2 15-76 56.9-76 106.1 0 61.8 50.2 112 112 112s112-50.2 112-112c0-49.2-31.8-91-76-106.1v-33.6l226.7-291.6c6-7.7 9.3-17.3 9.3-27v-34.4c46.2-13.8 80-56.7 80-107.3 0-61.8-50.2-112-112-112zM224 212c0-26.5 21.5-48 48-48s48 21.5 48 48-21.5 48-48 48-48-21.5-48-48z m336 600c0 26.5-21.5 48-48 48s-48-21.5-48-48 21.5-48 48-48 48 21.5 48 48z m192-552c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48z" ></path></symbol><symbol id="icon-shrink" viewBox="0 0 1024 1024"><path d="M881.7 187.4l-45.1-45.1c-3.1-3.1-8.2-3.1-11.3 0L667.8 299.9l-54.7-54.7c-4.7-4.7-12.7-1.9-13.5 4.7L576.1 439c-0.6 5.2 3.7 9.5 8.9 8.9l189.2-23.5c6.6-0.8 9.3-8.8 4.7-13.5l-54.7-54.7 157.6-157.6c3-3 3-8.1-0.1-11.2zM439 576.1l-189.2 23.5c-6.6 0.8-9.3 8.9-4.7 13.5l54.7 54.7-157.5 157.5c-3.1 3.1-3.1 8.2 0 11.3l45.1 45.1c3.1 3.1 8.2 3.1 11.3 0l157.6-157.6 54.7 54.7c4.7 4.7 12.7 1.9 13.5-4.7L447.9 585c0.7-5.2-3.7-9.6-8.9-8.9z" ></path></symbol><symbol id="icon-arrawsalt" viewBox="0 0 1024 1024"><path d="M855 160.1l-189.2 23.5c-6.6 0.8-9.3 8.8-4.7 13.5l54.7 54.7-153.5 153.5c-3.1 3.1-3.1 8.2 0 11.3l45.1 45.1c3.1 3.1 8.2 3.1 11.3 0l153.6-153.6 54.7 54.7c4.7 4.7 12.7 1.9 13.5-4.7L863.9 169c0.7-5.2-3.7-9.6-8.9-8.9zM416.6 562.3c-3.1-3.1-8.2-3.1-11.3 0L251.8 715.9l-54.7-54.7c-4.7-4.7-12.7-1.9-13.5 4.7L160.1 855c-0.6 5.2 3.7 9.5 8.9 8.9l189.2-23.5c6.6-0.8 9.3-8.8 4.7-13.5l-54.7-54.7 153.6-153.6c3.1-3.1 3.1-8.2 0-11.3l-45.2-45z" ></path></symbol><symbol id="icon-verticalright" viewBox="0 0 1024 1024"><path d="M326 164h-64c-4.4 0-8 3.6-8 8v688c0 4.4 3.6 8 8 8h64c4.4 0 8-3.6 8-8V172c0-4.4-3.6-8-8-8zM770 236.4V164c0-6.8-7.9-10.5-13.1-6.1L335 512l421.9 354.1c5.2 4.4 13.1 0.7 13.1-6.1v-72.4c0-9.4-4.2-18.4-11.4-24.5L459.4 512l299.2-251.1c7.2-6.1 11.4-15.1 11.4-24.5z" ></path></symbol><symbol id="icon-right" viewBox="0 0 1024 1024"><path d="M765.7 486.8L314.9 134.7c-5.3-4.1-12.9-0.4-12.9 6.3v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1c16.4-12.8 16.4-37.6 0-50.4z" ></path></symbol><symbol id="icon-left" viewBox="0 0 1024 1024"><path d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8c-16.4 12.8-16.4 37.5 0 50.3l450.8 352.1c5.3 4.1 12.9 0.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z" ></path></symbol><symbol id="icon-up" viewBox="0 0 1024 1024"><path d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3c-3.8 5.3-0.1 12.7 6.5 12.7h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z" ></path></symbol><symbol id="icon-down" viewBox="0 0 1024 1024"><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3 0.1-12.7-6.4-12.7z" ></path></symbol><symbol id="icon-fullscreen" viewBox="0 0 1024 1024"><path d="M290 236.4l43.9-43.9c4.7-4.7 1.9-12.8-4.7-13.6L169 160c-5.1-0.6-9.5 3.7-8.9 8.9L179 329.1c0.8 6.6 8.9 9.4 13.6 4.7l43.7-43.7L370 423.7c3.1 3.1 8.2 3.1 11.3 0l42.4-42.3c3.1-3.1 3.1-8.2 0-11.3L290 236.4zM642.7 423.7c3.1 3.1 8.2 3.1 11.3 0l133.7-133.6 43.7 43.7c4.7 4.7 12.8 1.9 13.6-4.7L863.9 169c0.6-5.1-3.7-9.5-8.9-8.9L694.8 179c-6.6 0.8-9.4 8.9-4.7 13.6l43.9 43.9L600.3 370c-3.1 3.1-3.1 8.2 0 11.3l42.4 42.4zM845 694.9c-0.8-6.6-8.9-9.4-13.6-4.7l-43.7 43.7L654 600.3c-3.1-3.1-8.2-3.1-11.3 0l-42.4 42.3c-3.1 3.1-3.1 8.2 0 11.3L734 787.6l-43.9 43.9c-4.7 4.7-1.9 12.8 4.7 13.6L855 864c5.1 0.6 9.5-3.7 8.9-8.9L845 694.9zM381.3 600.3c-3.1-3.1-8.2-3.1-11.3 0L236.3 733.9l-43.7-43.7c-4.7-4.7-12.8-1.9-13.6 4.7L160.1 855c-0.6 5.1 3.7 9.5 8.9 8.9L329.2 845c6.6-0.8 9.4-8.9 4.7-13.6L290 787.6 423.7 654c3.1-3.1 3.1-8.2 0-11.3l-42.4-42.4z" ></path></symbol><symbol id="icon-fullscreen-exit" viewBox="0 0 1024 1024"><path d="M391 240.9c-0.8-6.6-8.9-9.4-13.6-4.7l-43.7 43.7L200 146.3c-3.1-3.1-8.2-3.1-11.3 0l-42.4 42.3c-3.1 3.1-3.1 8.2 0 11.3L280 333.6l-43.9 43.9c-4.7 4.7-1.9 12.8 4.7 13.6L401 410c5.1 0.6 9.5-3.7 8.9-8.9L391 240.9zM401.1 614.1L240.8 633c-6.6 0.8-9.4 8.9-4.7 13.6l43.9 43.9L146.3 824c-3.1 3.1-3.1 8.2 0 11.3l42.4 42.3c3.1 3.1 8.2 3.1 11.3 0L333.7 744l43.7 43.7c4.7 4.7 12.8 1.9 13.6-4.7l18.9-160.1c0.6-5.1-3.7-9.4-8.8-8.8zM622.9 409.9L783.2 391c6.6-0.8 9.4-8.9 4.7-13.6L744 333.6 877.7 200c3.1-3.1 3.1-8.2 0-11.3l-42.4-42.3c-3.1-3.1-8.2-3.1-11.3 0L690.3 279.9l-43.7-43.7c-4.7-4.7-12.8-1.9-13.6 4.7L614.1 401c-0.6 5.2 3.7 9.5 8.8 8.9zM744 690.4l43.9-43.9c4.7-4.7 1.9-12.8-4.7-13.6L623 614c-5.1-0.6-9.5 3.7-8.9 8.9L633 783.1c0.8 6.6 8.9 9.4 13.6 4.7l43.7-43.7L824 877.7c3.1 3.1 8.2 3.1 11.3 0l42.4-42.3c3.1-3.1 3.1-8.2 0-11.3L744 690.4z" ></path></symbol></svg>',
n = (n = document.getElementsByTagName('script'))[n.length - 1].getAttribute('data-injectcss');
if (n && !c.__iconfont__svg__cssinject__) {
n,
s =
'<svg><symbol id="nut-icon-mail" viewBox="0 0 1024 1024"><path d="M928 160H96c-17.7 0-32 14.3-32 32v640c0 17.7 14.3 32 32 32h832c17.7 0 32-14.3 32-32V192c0-17.7-14.3-32-32-32z m-40 110.8V792H136V270.8l-27.6-21.5 39.3-50.5 42.8 33.3h643.1l42.8-33.3 39.3 50.5-27.7 21.5z" ></path><path d="M833.6 232L512 482 190.4 232l-42.8-33.3-39.3 50.5 27.6 21.5 341.6 265.6c20.2 15.7 48.5 15.7 68.7 0L888 270.8l27.6-21.5-39.3-50.5-42.7 33.2z" ></path></symbol><symbol id="nut-icon-idcard" viewBox="0 0 1024 1024"><path d="M928 160H96c-17.7 0-32 14.3-32 32v640c0 17.7 14.3 32 32 32h832c17.7 0 32-14.3 32-32V192c0-17.7-14.3-32-32-32z m-40 632H136V232h752v560z" ></path><path d="M610.3 476h123.4c1.3 0 2.3-3.6 2.3-8v-48c0-4.4-1-8-2.3-8H610.3c-1.3 0-2.3 3.6-2.3 8v48c0 4.4 1 8 2.3 8zM615.1 620h185.7c3.9 0 7.1-3.6 7.1-8v-48c0-4.4-3.2-8-7.1-8H615.1c-3.9 0-7.1 3.6-7.1 8v48c0 4.4 3.2 8 7.1 8zM224 673h43.9c4.2 0 7.6-3.3 7.9-7.5 3.8-50.5 46-90.5 97.2-90.5s93.4 40 97.2 90.5c0.3 4.2 3.7 7.5 7.9 7.5H522c4.6 0 8.2-3.8 8-8.4-2.8-53.3-32-99.7-74.6-126.1 18.1-19.9 29.1-46.4 29.1-75.5 0-61.9-49.9-112-111.4-112s-111.4 50.1-111.4 112c0 29.1 11 55.5 29.1 75.5-42.7 26.5-71.8 72.8-74.6 126.1-0.4 4.6 3.2 8.4 7.8 8.4z m149-262c28.5 0 51.7 23.3 51.7 52s-23.2 52-51.7 52-51.7-23.3-51.7-52 23.2-52 51.7-52z" ></path></symbol><symbol id="nut-icon-heatmap" viewBox="0 0 1024 1024"><path d="M955.7 856l-416-720c-6.2-10.7-16.9-16-27.7-16s-21.6 5.3-27.7 16l-416 720C56 877.4 71.4 904 96 904h832c24.6 0 40-26.6 27.7-48z m-790.4-23.9L512 231.9 858.7 832H165.3z" ></path><path d="M484.3 358l-228 394c-12.3 21.3 3.1 48 27.7 48h455.8c24.7 0 40.1-26.7 27.7-48L539.7 358c-6.2-10.7-17-16-27.7-16-10.8 0-21.6 5.3-27.7 16z m214 386H325.7L512 422l186.3 322z" ></path><path d="M484.3 549.9l-57 98.4C415 669.5 430.4 696 455 696h114c24.6 0 39.9-26.5 27.7-47.7l-57-98.4c-6.1-10.6-16.9-15.9-27.7-15.9s-21.5 5.3-27.7 15.9z m57.1 98.4h-58.7l29.4-50.7 29.3 50.7z" ></path></symbol><symbol id="nut-icon-wifi" viewBox="0 0 1024 1024"><path d="M723 620.5C666.8 571.6 593.4 542 513 542s-153.8 29.6-210.1 78.6c-3.2 2.8-3.6 7.8-0.8 11.2l36 42.9c2.9 3.4 8 3.8 11.4 0.9C393.1 637.2 450.3 614 513 614s119.9 23.2 163.5 61.5c3.4 2.9 8.5 2.5 11.4-0.9l36-42.9c2.8-3.3 2.4-8.3-0.9-11.2zM840.4 480.4C751.7 406.5 637.6 362 513 362s-238.7 44.5-327.5 118.4c-3.4 2.8-3.8 7.9-1 11.3l36 42.9c2.8 3.4 7.9 3.8 11.2 1C308 472.2 406.1 434 513 434s205 38.2 281.2 101.6c3.4 2.8 8.4 2.4 11.2-1l36-42.9c2.8-3.4 2.4-8.5-1-11.3z" ></path><path d="M957.1 341.4C835.7 241.8 680.3 182 511 182c-168.2 0-322.6 59-443.7 157.4-3.5 2.8-4 7.9-1.1 11.4l36 42.9c2.8 3.3 7.8 3.8 11.1 1.1C222 306.7 360.3 254 511 254c151.8 0 291 53.5 400 142.7 3.4 2.8 8.4 2.3 11.2-1.1l36-42.9c2.9-3.4 2.4-8.5-1.1-11.3z" ></path><path d="M512 778m-64 0a64 64 0 1 0 128 0 64 64 0 1 0-128 0Z" ></path></symbol><symbol id="nut-icon-edit" viewBox="0 0 1024 1024"><path d="M257.7 752c2 0 4-0.2 6-0.5L431.9 722c2-0.4 3.9-1.3 5.3-2.8l423.9-423.9c3.9-3.9 3.9-10.2 0-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2c-1.9 11.1 1.5 21.9 9.4 29.8 6.6 6.4 14.9 9.9 23.8 9.9z m67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z" ></path></symbol><symbol id="nut-icon-key" viewBox="0 0 1024 1024"><path d="M608 112c-167.9 0-304 136.1-304 304 0 70.3 23.9 135 63.9 186.5l-41.1 41.1-62.3-62.3c-3.1-3.1-8.2-3.1-11.4 0l-39.8 39.8c-3.1 3.1-3.1 8.2 0 11.4l62.3 62.3-44.9 44.9-62.3-62.3c-3.1-3.1-8.2-3.1-11.4 0l-39.8 39.8c-3.1 3.1-3.1 8.2 0 11.4l62.3 62.3-65.3 65.3c-3.1 3.1-3.1 8.2 0 11.3l42.3 42.3c3.1 3.1 8.2 3.1 11.3 0l253.6-253.6C473 696.1 537.7 720 608 720c167.9 0 304-136.1 304-304S775.9 112 608 112z m161.2 465.2C726.2 620.3 668.9 644 608 644c-60.9 0-118.2-23.7-161.2-66.8-43.1-43-66.8-100.3-66.8-161.2 0-60.9 23.7-118.2 66.8-161.2 43-43.1 100.3-66.8 161.2-66.8 60.9 0 118.2 23.7 161.2 66.8 43.1 43 66.8 100.3 66.8 161.2 0 60.9-23.7 118.2-66.8 161.2z" ></path></symbol><symbol id="nut-icon-link" viewBox="0 0 1024 1024"><path d="M574 665.4c-3.1-3.1-8.2-3.1-11.3 0L446.5 781.6c-53.8 53.8-144.6 59.5-204 0-59.5-59.5-53.8-150.2 0-204l116.2-116.2c3.1-3.1 3.1-8.2 0-11.3l-39.8-39.8c-3.1-3.1-8.2-3.1-11.3 0L191.4 526.5c-84.6 84.6-84.6 221.5 0 306s221.5 84.6 306 0l116.2-116.2c3.1-3.1 3.1-8.2 0-11.3L574 665.4zM832.6 191.4c-84.6-84.6-221.5-84.6-306 0L410.3 307.6c-3.1 3.1-3.1 8.2 0 11.3l39.7 39.7c3.1 3.1 8.2 3.1 11.3 0l116.2-116.2c53.8-53.8 144.6-59.5 204 0 59.5 59.5 53.8 150.2 0 204L665.3 562.6c-3.1 3.1-3.1 8.2 0 11.3l39.8 39.8c3.1 3.1 8.2 3.1 11.3 0l116.2-116.2c84.5-84.6 84.5-221.5 0-306.1z" ></path><path d="M610.1 372.3c-3.1-3.1-8.2-3.1-11.3 0L372.3 598.7c-3.1 3.1-3.1 8.2 0 11.3l39.6 39.6c3.1 3.1 8.2 3.1 11.3 0l226.4-226.4c3.1-3.1 3.1-8.2 0-11.3l-39.5-39.6z" ></path></symbol><symbol id="nut-icon-man" viewBox="0 0 1024 1024"><path d="M874 120H622c-3.3 0-6 2.7-6 6v56c0 3.3 2.7 6 6 6h160.4L583.1 387.3c-50-38.5-111-59.3-175.1-59.3-76.9 0-149.3 30-203.6 84.4S120 539.1 120 616s30 149.3 84.4 203.6C258.7 874 331.1 904 408 904s149.3-30 203.6-84.4C666 765.3 696 692.9 696 616c0-64.1-20.8-124.9-59.2-174.9L836 241.9V402c0 3.3 2.7 6 6 6h56c3.3 0 6-2.7 6-6V150c0-16.5-13.5-30-30-30zM408 828c-116.9 0-212-95.1-212-212s95.1-212 212-212 212 95.1 212 212-95.1 212-212 212z" ></path></symbol><symbol id="nut-icon-percentage" viewBox="0 0 1024 1024"><path d="M855.7 210.8l-42.4-42.4c-3.1-3.1-8.2-3.1-11.3 0L168.3 801.9c-3.1 3.1-3.1 8.2 0 11.3l42.4 42.4c3.1 3.1 8.2 3.1 11.3 0L855.6 222c3.2-3 3.2-8.1 0.1-11.2zM304 448c79.4 0 144-64.6 144-144s-64.6-144-144-144-144 64.6-144 144 64.6 144 144 144z m0-216c39.7 0 72 32.3 72 72s-32.3 72-72 72-72-32.3-72-72 32.3-72 72-72zM720 576c-79.4 0-144 64.6-144 144s64.6 144 144 144 144-64.6 144-144-64.6-144-144-144z m0 216c-39.7 0-72-32.3-72-72s32.3-72 72-72 72 32.3 72 72-32.3 72-72 72z" ></path></symbol><symbol id="nut-icon-pushpin" viewBox="0 0 1024 1024"><path d="M878.3 392.1L631.9 145.7c-6.5-6.5-15-9.7-23.5-9.7s-17 3.2-23.5 9.7L423.8 306.9c-12.2-1.4-24.5-2-36.8-2-73.2 0-146.4 24.1-206.5 72.3-15.4 12.3-16.7 35.4-2.7 49.4l181.7 181.7-215.4 215.2c-2.6 2.6-4.3 6.1-4.6 9.8l-3.4 37.2c-0.9 9.4 6.6 17.4 15.9 17.4 0.5 0 1 0 1.5-0.1l37.2-3.4c3.7-0.3 7.2-2 9.8-4.6l215.4-215.4 181.7 181.7c6.5 6.5 15 9.7 23.5 9.7 9.7 0 19.3-4.2 25.9-12.4 56.3-70.3 79.7-158.3 70.2-243.4l161.1-161.1c12.9-12.8 12.9-33.8 0-46.8zM666.2 549.3l-24.5 24.5 3.8 34.4c3.7 33.7 1 67.2-8.2 99.7-5.4 19-12.8 37.1-22.2 54.2L262 408.8c12.9-7.1 26.3-13.1 40.3-17.9 27.2-9.4 55.7-14.1 84.7-14.1 9.6 0 19.3 0.5 28.9 1.6l34.4 3.8 24.5-24.5L608.5 224 800 415.5 666.2 549.3z" ></path></symbol><symbol id="nut-icon-fork" viewBox="0 0 1024 1024"><path d="M752 100c-61.8 0-112 50.2-112 112 0 47.7 29.9 88.5 72 104.6v27.6L512 601.4 312 344.2v-27.6c42.1-16.1 72-56.9 72-104.6 0-61.8-50.2-112-112-112s-112 50.2-112 112c0 50.6 33.8 93.5 80 107.3v34.4c0 9.7 3.3 19.3 9.3 27L476 672.3v33.6c-44.2 15-76 56.9-76 106.1 0 61.8 50.2 112 112 112s112-50.2 112-112c0-49.2-31.8-91-76-106.1v-33.6l226.7-291.6c6-7.7 9.3-17.3 9.3-27v-34.4c46.2-13.8 80-56.7 80-107.3 0-61.8-50.2-112-112-112zM224 212c0-26.5 21.5-48 48-48s48 21.5 48 48-21.5 48-48 48-48-21.5-48-48z m336 600c0 26.5-21.5 48-48 48s-48-21.5-48-48 21.5-48 48-48 48 21.5 48 48z m192-552c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48z" ></path></symbol><symbol id="nut-icon-shrink" viewBox="0 0 1024 1024"><path d="M881.7 187.4l-45.1-45.1c-3.1-3.1-8.2-3.1-11.3 0L667.8 299.9l-54.7-54.7c-4.7-4.7-12.7-1.9-13.5 4.7L576.1 439c-0.6 5.2 3.7 9.5 8.9 8.9l189.2-23.5c6.6-0.8 9.3-8.8 4.7-13.5l-54.7-54.7 157.6-157.6c3-3 3-8.1-0.1-11.2zM439 576.1l-189.2 23.5c-6.6 0.8-9.3 8.9-4.7 13.5l54.7 54.7-157.5 157.5c-3.1 3.1-3.1 8.2 0 11.3l45.1 45.1c3.1 3.1 8.2 3.1 11.3 0l157.6-157.6 54.7 54.7c4.7 4.7 12.7 1.9 13.5-4.7L447.9 585c0.7-5.2-3.7-9.6-8.9-8.9z" ></path></symbol><symbol id="nut-icon-arrawsalt" viewBox="0 0 1024 1024"><path d="M855 160.1l-189.2 23.5c-6.6 0.8-9.3 8.8-4.7 13.5l54.7 54.7-153.5 153.5c-3.1 3.1-3.1 8.2 0 11.3l45.1 45.1c3.1 3.1 8.2 3.1 11.3 0l153.6-153.6 54.7 54.7c4.7 4.7 12.7 1.9 13.5-4.7L863.9 169c0.7-5.2-3.7-9.6-8.9-8.9zM416.6 562.3c-3.1-3.1-8.2-3.1-11.3 0L251.8 715.9l-54.7-54.7c-4.7-4.7-12.7-1.9-13.5 4.7L160.1 855c-0.6 5.2 3.7 9.5 8.9 8.9l189.2-23.5c6.6-0.8 9.3-8.8 4.7-13.5l-54.7-54.7 153.6-153.6c3.1-3.1 3.1-8.2 0-11.3l-45.2-45z" ></path></symbol><symbol id="nut-icon-verticalright" viewBox="0 0 1024 1024"><path d="M326 164h-64c-4.4 0-8 3.6-8 8v688c0 4.4 3.6 8 8 8h64c4.4 0 8-3.6 8-8V172c0-4.4-3.6-8-8-8zM770 236.4V164c0-6.8-7.9-10.5-13.1-6.1L335 512l421.9 354.1c5.2 4.4 13.1 0.7 13.1-6.1v-72.4c0-9.4-4.2-18.4-11.4-24.5L459.4 512l299.2-251.1c7.2-6.1 11.4-15.1 11.4-24.5z" ></path></symbol><symbol id="nut-icon-right" viewBox="0 0 1024 1024"><path d="M765.7 486.8L314.9 134.7c-5.3-4.1-12.9-0.4-12.9 6.3v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1c16.4-12.8 16.4-37.6 0-50.4z" ></path></symbol><symbol id="nut-icon-left" viewBox="0 0 1024 1024"><path d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8c-16.4 12.8-16.4 37.5 0 50.3l450.8 352.1c5.3 4.1 12.9 0.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z" ></path></symbol><symbol id="nut-icon-up" viewBox="0 0 1024 1024"><path d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3c-3.8 5.3-0.1 12.7 6.5 12.7h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z" ></path></symbol><symbol id="nut-icon-down" viewBox="0 0 1024 1024"><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3 0.1-12.7-6.4-12.7z" ></path></symbol><symbol id="nut-icon-fullscreen" viewBox="0 0 1024 1024"><path d="M290 236.4l43.9-43.9c4.7-4.7 1.9-12.8-4.7-13.6L169 160c-5.1-0.6-9.5 3.7-8.9 8.9L179 329.1c0.8 6.6 8.9 9.4 13.6 4.7l43.7-43.7L370 423.7c3.1 3.1 8.2 3.1 11.3 0l42.4-42.3c3.1-3.1 3.1-8.2 0-11.3L290 236.4zM642.7 423.7c3.1 3.1 8.2 3.1 11.3 0l133.7-133.6 43.7 43.7c4.7 4.7 12.8 1.9 13.6-4.7L863.9 169c0.6-5.1-3.7-9.5-8.9-8.9L694.8 179c-6.6 0.8-9.4 8.9-4.7 13.6l43.9 43.9L600.3 370c-3.1 3.1-3.1 8.2 0 11.3l42.4 42.4zM845 694.9c-0.8-6.6-8.9-9.4-13.6-4.7l-43.7 43.7L654 600.3c-3.1-3.1-8.2-3.1-11.3 0l-42.4 42.3c-3.1 3.1-3.1 8.2 0 11.3L734 787.6l-43.9 43.9c-4.7 4.7-1.9 12.8 4.7 13.6L855 864c5.1 0.6 9.5-3.7 8.9-8.9L845 694.9zM381.3 600.3c-3.1-3.1-8.2-3.1-11.3 0L236.3 733.9l-43.7-43.7c-4.7-4.7-12.8-1.9-13.6 4.7L160.1 855c-0.6 5.1 3.7 9.5 8.9 8.9L329.2 845c6.6-0.8 9.4-8.9 4.7-13.6L290 787.6 423.7 654c3.1-3.1 3.1-8.2 0-11.3l-42.4-42.4z" ></path></symbol><symbol id="nut-icon-fullscreen-exit" viewBox="0 0 1024 1024"><path d="M391 240.9c-0.8-6.6-8.9-9.4-13.6-4.7l-43.7 43.7L200 146.3c-3.1-3.1-8.2-3.1-11.3 0l-42.4 42.3c-3.1 3.1-3.1 8.2 0 11.3L280 333.6l-43.9 43.9c-4.7 4.7-1.9 12.8 4.7 13.6L401 410c5.1 0.6 9.5-3.7 8.9-8.9L391 240.9zM401.1 614.1L240.8 633c-6.6 0.8-9.4 8.9-4.7 13.6l43.9 43.9L146.3 824c-3.1 3.1-3.1 8.2 0 11.3l42.4 42.3c3.1 3.1 8.2 3.1 11.3 0L333.7 744l43.7 43.7c4.7 4.7 12.8 1.9 13.6-4.7l18.9-160.1c0.6-5.1-3.7-9.4-8.8-8.8zM622.9 409.9L783.2 391c6.6-0.8 9.4-8.9 4.7-13.6L744 333.6 877.7 200c3.1-3.1 3.1-8.2 0-11.3l-42.4-42.3c-3.1-3.1-8.2-3.1-11.3 0L690.3 279.9l-43.7-43.7c-4.7-4.7-12.8-1.9-13.6 4.7L614.1 401c-0.6 5.2 3.7 9.5 8.8 8.9zM744 690.4l43.9-43.9c4.7-4.7 1.9-12.8-4.7-13.6L623 614c-5.1-0.6-9.5 3.7-8.9 8.9L633 783.1c0.8 6.6 8.9 9.4 13.6 4.7l43.7-43.7L824 877.7c3.1 3.1 8.2 3.1 11.3 0l42.4-42.3c3.1-3.1 3.1-8.2 0-11.3L744 690.4z" ></path></symbol></svg>',
a = (a = document.getElementsByTagName('script'))[a.length - 1].getAttribute('data-injectcss');
if (a && !c.__iconfont__svg__cssinject__) {
c.__iconfont__svg__cssinject__ = !0;
try {
document.write(
......@@ -22,9 +22,9 @@
i || ((i = !0), o());
}
(l = function() {
var c, l, t, o;
((o = document.createElement('div')).innerHTML = a),
(a = null),
let c, l, t, o;
((o = document.createElement('div')).innerHTML = s),
(s = null),
(t = o.getElementsByTagName('svg')[0]) &&
(t.setAttribute('aria-hidden', 'true'),
(t.style.position = 'absolute'),
......@@ -45,11 +45,11 @@
((o = l),
(e = c.document),
(i = !1),
(s = function() {
(n = function() {
try {
e.documentElement.doScroll('left');
} catch (c) {
return void setTimeout(s, 50);
return void setTimeout(n, 50);
}
h();
})(),
......
src/styles/font/iconfont.json
浏览文件 @ c369b347
{
"id": "2166874",
"name": "nutui",
"font_family": "iconfont",
"css_prefix_text": "icon-",
"description": "",
"font_family": "nutui-iconfont",
"css_prefix_text": "nut-icon-",
"description": "nutui 3.0字体管理",
"glyphs": [
{
"icon_id": "4766918",
......
src/styles/font/iconfont.svg
浏览文件 @ c369b347
......@@ -9,9 +9,9 @@ Created by iconfont
</metadata>
<defs>
<font id="iconfont" horiz-adv-x="1024" >
<font id="nutui-iconfont" horiz-adv-x="1024" >
<font-face
font-family="iconfont"
font-family="nutui-iconfont"
font-weight="500"
font-stretch="normal"
units-per-em="1024"
......
tsconfig.json
浏览文件 @ c369b347
......@@ -9,6 +9,7 @@
"skipLibCheck": true,
"esModuleInterop": true,
"allowSyntheticDefaultImports": true,
"resolveJsonModule": true,
"sourceMap": true,
"baseUrl": ".",
"types": [
......
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或