├── .browserslistrc
├── public
    ├── favicon.ico
    └── index.html
├── src
    ├── assets
    │   ├── logo.png
    │   ├── fonts
    │   │   ├── iconfont.eot
    │   │   ├── iconfont.ttf
    │   │   ├── iconfont.woff
    │   │   ├── iconfont.woff2
    │   │   └── iconfont.svg
    │   └── css
    │   │   ├── element_ui.less
    │   │   ├── transform.less
    │   │   ├── mixin.less
    │   │   ├── variables.less
    │   │   ├── common.less
    │   │   ├── sidebar.less
    │   │   └── iconfont.less
    ├── store
    │   ├── getters.ts
    │   ├── index.ts
    │   └── modules
    │   │   ├── permission.ts
    │   │   └── app.ts
    ├── shims.axios.d.ts
    ├── shims-vue.d.ts
    ├── layout
    │   ├── BlankLayout.vue
    │   ├── components
    │   │   ├── AppMain.vue
    │   │   ├── Breadcrumb.vue
    │   │   ├── SideBar
    │   │   │   ├── Index.vue
    │   │   │   ├── Logo.vue
    │   │   │   └── SideBarItem.vue
    │   │   └── TopBar.vue
    │   └── Index.vue
    ├── App.vue
    ├── components
    │   ├── index.ts
    │   ├── HeroPaging
    │   │   └── index.vue
    │   ├── HeroDatePicker
    │   │   └── index.vue
    │   ├── HeroTable
    │   │   └── index.vue
    │   └── HeroForm
    │   │   └── index.vue
    ├── main.ts
    ├── views
    │   ├── Home.vue
    │   ├── Todo.vue
    │   ├── Login.vue
    │   ├── Form.vue
    │   └── Table.vue
    ├── hooks
    │   └── useClickOutside.ts
    ├── utils
    │   ├── utils.ts
    │   ├── request.ts
    │   └── directives.ts
    ├── router
    │   └── index.ts
    └── plugin
    │   └── element.ts
├── Dockerfile
├── .editorconfig
├── babel.config.js
├── .gitignore
├── vue.config.js
├── README.md
├── tsconfig.json
├── .eslintrc.js
└── package.json


/.browserslistrc:
--------------------------------------------------------------------------------
1 | > 1%
2 | last 2 versions
3 | not dead
4 | 


--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/FinGet/vue3_elementPlus_ts/HEAD/public/favicon.ico


--------------------------------------------------------------------------------
/src/assets/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/FinGet/vue3_elementPlus_ts/HEAD/src/assets/logo.png


--------------------------------------------------------------------------------
/Dockerfile:
--------------------------------------------------------------------------------
1 | FROM nginx:1.15-alpine
2 | COPY html /etc/nginx/html
3 | COPY conf /etc/nginx/
4 | WORKDIR /etc/nginx/html


--------------------------------------------------------------------------------
/src/assets/fonts/iconfont.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/FinGet/vue3_elementPlus_ts/HEAD/src/assets/fonts/iconfont.eot


--------------------------------------------------------------------------------
/src/assets/fonts/iconfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/FinGet/vue3_elementPlus_ts/HEAD/src/assets/fonts/iconfont.ttf


--------------------------------------------------------------------------------
/src/assets/fonts/iconfont.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/FinGet/vue3_elementPlus_ts/HEAD/src/assets/fonts/iconfont.woff


--------------------------------------------------------------------------------
/src/assets/fonts/iconfont.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/FinGet/vue3_elementPlus_ts/HEAD/src/assets/fonts/iconfont.woff2


--------------------------------------------------------------------------------
/.editorconfig:
--------------------------------------------------------------------------------
1 | [*.{js,jsx,ts,tsx,vue}]
2 | indent_style = tab
3 | indent_size = 2
4 | trim_trailing_whitespace = true
5 | insert_final_newline = true
6 | 


--------------------------------------------------------------------------------
/src/store/getters.ts:
--------------------------------------------------------------------------------
1 | const getters = {
2 | 	sidebar: (state: any) => state.app.sidebar,
3 | 	routes: (state: any) => state.permission.routes
4 | };
5 | export default getters;
6 | 


--------------------------------------------------------------------------------
/src/assets/css/element_ui.less:
--------------------------------------------------------------------------------
 1 | .el-table td, 
 2 | .el-table th {
 3 |   padding: 8px 0;
 4 | }
 5 | 
 6 | .el-table__header th {
 7 |   background: #f5f7fa;
 8 |   color: #2f2f2f;
 9 | }
10 | 


--------------------------------------------------------------------------------
/src/shims.axios.d.ts:
--------------------------------------------------------------------------------
1 | import { AxiosRequestConfig } from 'axios';
2 | 
3 | declare module 'axios' {
4 |   export interface AxiosRequestConfig {
5 |     successNotice? : boolean,
6 |     errorNotice? : boolean
7 |   }
8 | }
9 | 


--------------------------------------------------------------------------------
/src/shims-vue.d.ts:
--------------------------------------------------------------------------------
1 | /* eslint-disable */
2 | declare module '*.vue' {
3 |   import type { DefineComponent, ComponentInternalInstance } from 'vue'
4 |   const component: DefineComponent<{}, {}, any>
5 |   export default component
6 | 
7 | }
8 | 


--------------------------------------------------------------------------------
/src/layout/BlankLayout.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div>
 3 |     <router-view />
 4 |   </div>
 5 | </template>
 6 | 
 7 | <script>
 8 | 
 9 | export default {
10 | 	name: 'BlankLayout'
11 | };
12 | </script>
13 | 
14 | <style scoped>
15 | 
16 | </style>
17 | 


--------------------------------------------------------------------------------
/src/store/index.ts:
--------------------------------------------------------------------------------
 1 | import { createStore } from 'vuex';
 2 | import app from './modules/app';
 3 | import permission from './modules/permission';
 4 | import getters from './getters';
 5 | export default createStore({
 6 | 	getters,
 7 | 	modules: {
 8 | 		app,
 9 | 		permission
10 | 	}
11 | });
12 | 


--------------------------------------------------------------------------------
/babel.config.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 | 	presets: [
 3 | 		'@vue/cli-plugin-babel/preset'
 4 | 	],
 5 | 	plugins: [
 6 | 		'@vue/babel-plugin-jsx',
 7 | 		[
 8 | 			'component',
 9 | 			{
10 | 				libraryName: 'element-plus',
11 | 				styleLibraryName: 'theme-chalk'
12 | 			}
13 | 		]
14 | 	]
15 | };
16 | 


--------------------------------------------------------------------------------
/src/store/modules/permission.ts:
--------------------------------------------------------------------------------
 1 | import { routes } from '@/router/index';
 2 | 
 3 | const state = {
 4 | 	routes: routes
 5 | };
 6 | 
 7 | const mutations = {
 8 | 
 9 | };
10 | 
11 | const actions = {
12 | 
13 | };
14 | 
15 | export default {
16 | 	namespaced: true,
17 | 	state,
18 | 	mutations,
19 | 	actions
20 | };
21 | 


--------------------------------------------------------------------------------
/src/App.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <router-view/>
 3 | </template>
 4 | 
 5 | <style lang="less">
 6 | #app {
 7 |   font-family: Avenir, Helvetica, Arial, sans-serif;
 8 |   -webkit-font-smoothing: antialiased;
 9 |   -moz-osx-font-smoothing: grayscale;
10 |   // text-align: center;
11 |   color: #2c3e50;
12 | }
13 | </style>
14 | 


--------------------------------------------------------------------------------
/src/components/index.ts:
--------------------------------------------------------------------------------
 1 | import HeroTable from './HeroTable/index.vue';
 2 | import HeroPaging from './HeroPaging/index.vue';
 3 | import HeroForm from './HeroForm/index.vue';
 4 | import HeroDatePicker from './HeroDatePicker/index.vue';
 5 | 
 6 | export {
 7 | 	HeroTable,
 8 | 	HeroPaging,
 9 | 	HeroForm,
10 | 	HeroDatePicker
11 | };
12 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | .DS_Store
 2 | node_modules
 3 | /dist
 4 | 
 5 | 
 6 | # local env files
 7 | .env.local
 8 | .env.*.local
 9 | 
10 | # Log files
11 | npm-debug.log*
12 | yarn-debug.log*
13 | yarn-error.log*
14 | pnpm-debug.log*
15 | 
16 | # Editor directories and files
17 | .idea
18 | .vscode
19 | *.suo
20 | *.ntvs*
21 | *.njsproj
22 | *.sln
23 | *.sw?
24 | 


--------------------------------------------------------------------------------
/vue.config.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 | 	publicPath: process.env.NODE_ENV === 'production' ? '/' : '/',
 3 | 	devServer: {
 4 | 		open: false,
 5 | 		disableHostCheck: true,
 6 | 		proxy: {
 7 | 			'/api': {
 8 | 				target: 'http://www.kuaidi100.com',
 9 | 				changeOrigin: true,
10 | 				pathRewrite: {
11 | 					'^/api': ''
12 | 				}
13 | 			}
14 | 		}
15 | 	}
16 | };
17 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # vue3_template
 2 | 
 3 | ## Project setup
 4 | ```
 5 | yarn install
 6 | ```
 7 | 
 8 | ### Compiles and hot-reloads for development
 9 | ```
10 | yarn serve
11 | ```
12 | 
13 | ### Compiles and minifies for production
14 | ```
15 | yarn build
16 | ```
17 | 
18 | ### Lints and fixes files
19 | ```
20 | yarn lint
21 | ```
22 | 
23 | ### Customize configuration
24 | See [Configuration Reference](https://cli.vuejs.org/config/).
25 | 


--------------------------------------------------------------------------------
/src/main.ts:
--------------------------------------------------------------------------------
 1 | import { createApp } from 'vue';
 2 | import App from './App.vue';
 3 | import router from './router';
 4 | import store from './store';
 5 | import '@/assets/css/common.less';
 6 | import element from './plugin/element';
 7 | import axios from '@/utils/request';
 8 | const app = createApp(App);
 9 | element(app);
10 | app.config.performance = true;
11 | 
12 | app.config.globalProperties.$http = axios;
13 | 
14 | app.use(store);
15 | app.use(router);
16 | app.mount('#app');
17 | 


--------------------------------------------------------------------------------
/src/views/Home.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="home">
 3 |     <h1>首页</h1>
 4 |   </div>
 5 | </template>
 6 | 
 7 | <script lang="ts">
 8 | import { defineComponent, getCurrentInstance } from 'vue';
 9 | // import axios from '@/utils/request';
10 | 
11 | export default defineComponent({
12 | 	setup () {
13 | 		const { ctx } = getCurrentInstance() as any;
14 | 
15 | 		ctx.$http('api/query?type=yuantong&postid=11111111111').then(res => {
16 | 			console.log(res);
17 | 		});
18 | 	}
19 | });
20 | </script>
21 | 


--------------------------------------------------------------------------------
/src/assets/css/transform.less:
--------------------------------------------------------------------------------
 1 | .fade-enter-active,
 2 | .fade-leave-active {
 3 |   transition: opacity 0.28s;
 4 | }
 5 | 
 6 | .fade-enter,
 7 | .fade-leave-active {
 8 |   opacity: 0;
 9 | }
10 | 
11 | // 面包屑动画
12 | .breadcrumb-enter-active,
13 | .breadcrumb-leave-active {
14 |   transition: all .5s;
15 | }
16 | 
17 | .breadcrumb-enter,
18 | .breadcrumb-leave-active {
19 |   opacity: 0;
20 |   transform: translateX(20px);
21 | }
22 | 
23 | .breadcrumb-move {
24 |   transition: all .5s;
25 | }
26 | 
27 | .breadcrumb-leave-active {
28 |   position: absolute;
29 | }


--------------------------------------------------------------------------------
/src/store/modules/app.ts:
--------------------------------------------------------------------------------
 1 | interface State {
 2 |   sidebar: {
 3 |     opened: boolean;
 4 |   };
 5 | }
 6 | 
 7 | const state: State = {
 8 | 	sidebar: {
 9 | 		opened: true
10 | 	}
11 | };
12 | 
13 | const mutations = {
14 | 	TOGGLE_SIDEBAR: (state: State) => {
15 | 		state.sidebar.opened = !state.sidebar.opened;
16 | 		// console.log(state.sidebar.opened)
17 | 	}
18 | };
19 | 
20 | const actions = {
21 | 	toggleSideBar (context: any) {
22 | 		context.commit('TOGGLE_SIDEBAR');
23 | 	}
24 | };
25 | 
26 | export default {
27 | 	namespaced: true,
28 | 	state,
29 | 	mutations,
30 | 	actions
31 | };
32 | 


--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="">
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6 |     <meta name="viewport" content="width=device-width,initial-scale=1.0">
 7 |     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
 8 |     <title><%= htmlWebpackPlugin.options.title %></title>
 9 |   </head>
10 |   <body>
11 |     <noscript>
12 |       <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
13 |     </noscript>
14 |     <div id="app"></div>
15 |     <!-- built files will be auto injected -->
16 |   </body>
17 | </html>
18 | 


--------------------------------------------------------------------------------
/src/hooks/useClickOutside.ts:
--------------------------------------------------------------------------------
 1 | import { ref, onMounted, onUnmounted, Ref } from 'vue';
 2 | 
 3 | const useClickOutside = (elementRef: Ref<null | HTMLElement>) => {
 4 | 	const isClickOutside = ref(false);
 5 | 	const handler = (e: MouseEvent) => {
 6 | 		if (elementRef.value) {
 7 | 			if (elementRef.value.contains(e.target as HTMLElement)) {
 8 | 				isClickOutside.value = false;
 9 | 			} else {
10 | 				isClickOutside.value = true;
11 | 			}
12 | 		}
13 | 	};
14 | 	onMounted(() => {
15 | 		document.addEventListener('click', handler);
16 | 	});
17 | 	onUnmounted(() => {
18 | 		document.removeEventListener('click', handler);
19 | 	});
20 | 	return isClickOutside;
21 | };
22 | 
23 | export default useClickOutside;
24 | 


--------------------------------------------------------------------------------
/src/assets/css/mixin.less:
--------------------------------------------------------------------------------
 1 | .flex(@name, @val) {
 2 |   -webkit-@{name}: @val;
 3 | 	-moz-@{name}: @val;
 4 | 	-ms-@{name}: @val;
 5 | 	-o-@{name}: @val;
 6 | 	@{name}: @val;
 7 | }
 8 | 
 9 | 
10 | .generate-width(@n, @i: 50) when (@i =< @n) {
11 |   .width@{i}px {
12 |     width: unit(@i,px);
13 |   }
14 |   .generate-width(@n, (@i + 50));
15 | }
16 | 
17 | .generate-margin(@n, @d,@D,@i: 5) when (@i =< @n) {
18 |   .margin@{d}@{i} {
19 |     margin-@{D}: unit(@i,px) !important;
20 |   }
21 |   .generate-margin(@n, @d,@D,(@i + 5));
22 | }
23 | 
24 | .generate-padding(@n, @d,@D,@i: 5) when (@i =< @n) {
25 |   .padding@{d}@{i} {
26 |     padding-@{D}: unit(@i,px) !important;
27 |   }
28 |   .generate-padding(@n, @d,@D,(@i + 5));
29 | }


--------------------------------------------------------------------------------
/src/utils/utils.ts:
--------------------------------------------------------------------------------
 1 | // 防抖
 2 | export function debounce (this: any, fn: Function, delay = 500) {
 3 | 	let timer = 0;
 4 | 	return (...args) => {
 5 | 		if (timer) window.clearTimeout(timer);
 6 | 		timer = window.setTimeout(() => {
 7 | 			fn.apply(this, args);
 8 | 		}, delay);
 9 | 	};
10 | };
11 | 
12 | // 节流
13 | export function throttle (this: any, fn: Function, interval = 500) {
14 | 	let last = 0;
15 | 	return (...args) => {
16 | 		let now = +new Date();
17 | 		// 还没到时间
18 | 		if (now - last < interval) return;
19 | 		last = now;
20 | 		fn.apply(this, args);
21 | 	};
22 | }
23 | 
24 | export function html2Escape (sHtml: string) {
25 | 	const dict = { '<': '&lt;', '>': '&gt;', '&': '&amp;', '"': '&quot;' };
26 | 	return sHtml.replace(/[<>&"]/g, (c: string) => {
27 | 		return dict[c];
28 | 	});
29 | }
30 | 


--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "compilerOptions": {
 3 |     "target": "esnext",
 4 |     "module": "esnext",
 5 |     "strict": true,
 6 |     "jsx": "preserve",
 7 |     "importHelpers": true,
 8 |     "moduleResolution": "node",
 9 |     "experimentalDecorators": true,
10 |     "skipLibCheck": true,
11 |     "esModuleInterop": true,
12 |     "allowSyntheticDefaultImports": true,
13 |     "sourceMap": true,
14 |     "baseUrl": ".",
15 |     "noImplicitAny": false,
16 |     "types": [
17 |       "webpack-env"
18 |     ],
19 |     "paths": {
20 |       "@/*": [
21 |         "src/*"
22 |       ]
23 |     },
24 |     "lib": [
25 |       "esnext",
26 |       "dom",
27 |       "dom.iterable",
28 |       "scripthost"
29 |     ]
30 |   },
31 |   "include": [
32 |     "src/**/*.ts",
33 |     "src/**/*.tsx",
34 |     "src/**/*.vue",
35 |     "tests/**/*.ts",
36 |     "tests/**/*.tsx"
37 |   ],
38 |   "exclude": [
39 |     "node_modules"
40 |   ]
41 | }
42 | 


--------------------------------------------------------------------------------
/src/assets/css/variables.less:
--------------------------------------------------------------------------------
 1 | // base color
 2 | @blue:#324157;
 3 | @light-blue:#3A71A8;
 4 | @red:#C03639;
 5 | @pink: #E65D6E;
 6 | @green: #30B08F;
 7 | @tiffany: #4AB7BD;
 8 | @yellow:#FEC171;
 9 | @panGreen: #30B08F;
10 | 
11 | // sidebar
12 | @menuText:#bfcbd9;
13 | @menuActiveText:#409EFF;
14 | @subMenuActiveText:#409EFF; // https://github.com/ElemeFE/element/issues/12951
15 | 
16 | @menuActiveBg: #ecf5ff;
17 | 
18 | @menuBg:#ffffff;
19 | @menuHover:#ecf5ff;
20 | 
21 | @subMenuBg:#fff;
22 | @subMenuHover:#ecf5ff;
23 | 
24 | @sideBarWidth: 210px;
25 | 
26 | // the :export directive is the magic sauce for webpack
27 | // https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
28 | :export {
29 |   menuText: @menuText;
30 |   menuActiveText: @menuActiveText;
31 |   subMenuActiveText: @subMenuActiveText;
32 |   menuBg: @menuBg;
33 |   menuHover: @menuHover;
34 |   subMenuBg: @subMenuBg;
35 |   subMenuHover: @subMenuHover;
36 |   sideBarWidth: @sideBarWidth;
37 | }
38 | 


--------------------------------------------------------------------------------
/.eslintrc.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 |   root: true,
 3 |   env: {
 4 |     node: true
 5 |   },
 6 |   extends: [
 7 |     'plugin:vue/vue3-essential',
 8 |     '@vue/standard',
 9 |     '@vue/typescript/recommended'
10 |   ],
11 |   parserOptions: {
12 |     ecmaVersion: 2020
13 |   },
14 |   rules: {
15 |     "semi": ["error", "always"],
16 |     'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
17 |     'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
18 |     "indent": ["error", "tab"],
19 |     "no-tabs": ["off", { allowIndentationTabs: true }],
20 |     '@typescript-eslint/no-non-null-assertion': 'off',
21 |     '@typescript-eslint/no-explicit-any': 'off',
22 |     '@typescript-eslint/no-use-before-define': 'off',
23 |     '@typescript-eslint/member-delimiter-style': 'off',
24 |     'no-extra-boolean-cast': 'off',
25 |     '@typescript-eslint/no-unused-vars': 'off',
26 |     '@typescript-eslint/no-var-requires': 'off',
27 |     '@typescript-eslint/ban-ts-ignore': 'off',
28 |     'prefer-const': 'off'
29 |   }
30 | }
31 | 


--------------------------------------------------------------------------------
/src/layout/components/AppMain.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <section class="app-main">
 3 |     <div class="main-wrapper">
 4 |       <router-view v-slot="{ Component }">
 5 |         <transition name="router-fade" mode="out-in">
 6 |           <keep-alive>
 7 |             <component :is="Component"/>
 8 |           </keep-alive>
 9 |         </transition>
10 |       </router-view>
11 |     </div>
12 |   </section>
13 | </template>
14 | 
15 | <script lang="ts">
16 | import { computed, defineComponent } from 'vue';
17 | import { useRoute } from 'vue-router';
18 | export default defineComponent({
19 | 	setup () {
20 | 		const router = useRoute();
21 | 		const key = computed(() => router.path);
22 | 		return {
23 | 			key
24 | 		};
25 | 	}
26 | 
27 | });
28 | </script>
29 | 
30 | <style lang="less" scoped>
31 | .app-main {
32 |   /* 50= topbar  50  */
33 |   min-height: calc(100vh - 212px);
34 |   // width: 100%;
35 |   position: relative;
36 | 	overflow: hidden;
37 | 	background: #f0f2f5;
38 | 	padding: 20px;
39 | }
40 | .main-wrapper{
41 | 	background: #fff;
42 | 	padding: 20px;
43 | }
44 | </style>
45 | 


--------------------------------------------------------------------------------
/src/views/Todo.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div>
 3 | 		<el-input class="width200px" v-model="todoName" placeholder="请输入代办事项" @keydown.enter="addTodo"></el-input>
 4 | 		<div class="todo-item" v-for="item in todoList" :key="item.id">
 5 | 			<div>{{ item.name }}</div>
 6 | 			<el-checkbox v-model="item.completed"></el-checkbox>
 7 | 		</div>
 8 |   </div>
 9 | </template>
10 | 
11 | <script lang="ts">
12 | import { defineComponent, ref } from 'vue';
13 | type Todo = {
14 | 	id: number,
15 | 	name: string,
16 | 	completed: boolean
17 | }
18 | export default defineComponent({
19 | 
20 | 	setup () {
21 | 		const todoList = ref([] as Todo[]);
22 | 		const todoName = ref('');
23 | 		todoList.value.push({
24 | 			id: 1,
25 | 			name: 'vue3',
26 | 			completed: false
27 | 		});
28 | 		const addTodo = () => {
29 | 			todoList.value.push({
30 | 				id: todoList.value.length + 1,
31 | 				name: todoName.value,
32 | 				completed: false
33 | 			});
34 | 			todoName.value = '';
35 | 		};
36 | 		return {
37 | 			todoList,
38 | 			todoName,
39 | 			addTodo
40 | 		};
41 | 	}
42 | });
43 | </script>
44 | 
45 | <style scoped>
46 | .todo-item {
47 | 	margin-top: 10px;
48 | 	width: 200px;
49 | 	display: flex;
50 | 	align-items: center;
51 | 	justify-content: space-between;
52 | }
53 | </style>
54 | 


--------------------------------------------------------------------------------
/src/components/HeroPaging/index.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <el-pagination
 3 | 		background
 4 |     v-bind="$attrs"
 5 | 		:onSizeChange="handleSizeChange"
 6 | 		:onCurrentChange="handleCurrentChange"
 7 | 		:current-page="pagination.page"
 8 | 		:page-sizes="pageSizes"
 9 | 		:page-size="pagination.pageSize"
10 | 		:layout="layout"
11 | 		:total="pagination.total">
12 | 	</el-pagination>
13 | </template>
14 | 
15 | <script>
16 | import { defineComponent } from 'vue';
17 | 
18 | export default defineComponent({
19 | 	props: {
20 | 		pagination: {
21 | 			type: Object,
22 | 			default: () => {
23 | 				return {
24 | 					page: 1,
25 | 					pageSize: 10,
26 | 					total: 100
27 | 				};
28 | 			}
29 | 		},
30 | 		layout: {
31 | 			type: String,
32 | 			default: 'total, sizes, prev, pager, next'
33 | 		},
34 | 		pageSizes: {
35 | 			type: Array,
36 | 			default: () => [10, 20, 50]
37 | 		}
38 | 	},
39 | 	setup (props, { emit }) {
40 | 		const handleSizeChange = (pageSize) => {
41 | 			emit('pagingChange', { type: 'pageSize', val: pageSize });
42 | 		};
43 | 		const handleCurrentChange = (page) => {
44 | 			emit('pagingChange', { type: 'page', val: page });
45 | 		};
46 | 		return {
47 | 			handleSizeChange,
48 | 			handleCurrentChange
49 | 		};
50 | 	}
51 | });
52 | </script>
53 | 
54 | <style lang="less" scoped>
55 | 
56 | </style>
57 | 


--------------------------------------------------------------------------------
/src/components/HeroDatePicker/index.vue:
--------------------------------------------------------------------------------
 1 | <!--
 2 | format: https://day.js.org/docs/zh-CN/display/format
 3 | -->
 4 | <template>
 5 |   <div>
 6 |     <el-date-picker
 7 |       v-bind="$attrs"
 8 |       v-model="value"
 9 |       :type="type"
10 |       start-placeholder="开始日期"
11 |       end-placeholder="结束日期"
12 |       placeholder="选择日期">
13 |     </el-date-picker>
14 |   </div>
15 | </template>
16 | 
17 | <script>
18 | import { defineComponent, watch, reactive, toRefs } from 'vue';
19 | import dayjs from 'dayjs';
20 | export default defineComponent({
21 | 	props: {
22 | 		type: {
23 | 			type: String,
24 | 			default: 'date'
25 | 		},
26 | 		modelValue: {
27 | 			type: [String, Object, Array],
28 | 			default: ''
29 | 		},
30 | 		valueFormat: {
31 | 			type: String,
32 | 			default: 'YYYY-MM-DD'
33 | 		}
34 | 	},
35 | 	setup (props, { emit }) {
36 | 		const state = reactive({
37 | 			value: props.modelValue || ''
38 | 		});
39 | 		watch(() => state.value, (val) => {
40 | 			let formatVal = null;
41 | 			if (Array.isArray(val)) {
42 | 				formatVal = [dayjs(val[0]).format(props.valueFormat), dayjs(val[1]).format(props.valueFormat)];
43 | 			} else {
44 | 				formatVal = dayjs(val).format(props.valueFormat);
45 | 			}
46 | 			console.log(formatVal);
47 | 			emit('update:modelValue', formatVal);
48 | 		});
49 | 		return {
50 | 			...toRefs(state)
51 | 		};
52 | 	}
53 | });
54 | </script>
55 | 
56 | <style lang="less" scoped>
57 | 
58 | </style>
59 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "vue3_template",
 3 |   "version": "0.1.0",
 4 |   "private": true,
 5 |   "scripts": {
 6 |     "serve": "vue-cli-service serve",
 7 |     "build": "vue-cli-service build",
 8 |     "lint": "vue-cli-service lint"
 9 |   },
10 |   "dependencies": {
11 |     "axios": "^0.21.1",
12 |     "core-js": "^3.6.5",
13 |     "element-plus": "^1.2.0-beta.5",
14 |     "screenfull": "^5.1.0",
15 |     "vue": "^3.2.0",
16 |     "vue-class-component": "^8.0.0-0",
17 |     "vue-router": "^4.0.0-0",
18 |     "vuex": "^4.0.0-0"
19 |   },
20 |   "devDependencies": {
21 |     "@typescript-eslint/eslint-plugin": "^2.33.0",
22 |     "@typescript-eslint/parser": "^2.33.0",
23 |     "@vue/babel-plugin-jsx": "^1.0.3",
24 |     "@vue/cli-plugin-babel": "~4.5.0",
25 |     "@vue/cli-plugin-eslint": "~4.5.0",
26 |     "@vue/cli-plugin-router": "~4.5.0",
27 |     "@vue/cli-plugin-typescript": "~4.5.0",
28 |     "@vue/cli-plugin-vuex": "~4.5.0",
29 |     "@vue/cli-service": "~4.5.0",
30 |     "@vue/compiler-sfc": "^3.0.0",
31 |     "@vue/eslint-config-standard": "^5.1.2",
32 |     "@vue/eslint-config-typescript": "^5.0.2",
33 |     "babel-plugin-component": "^1.1.1",
34 |     "eslint": "^6.7.2",
35 |     "eslint-plugin-import": "^2.20.2",
36 |     "eslint-plugin-node": "^11.1.0",
37 |     "eslint-plugin-promise": "^4.2.1",
38 |     "eslint-plugin-standard": "^4.0.0",
39 |     "eslint-plugin-vue": "^7.0.0-0",
40 |     "less": "^3.0.4",
41 |     "less-loader": "^5.0.0",
42 |     "typescript": "~3.9.3"
43 |   }
44 | }
45 | 


--------------------------------------------------------------------------------
/src/router/index.ts:
--------------------------------------------------------------------------------
 1 | import { createRouter, createWebHistory, RouteRecordRaw } from 'vue-router';
 2 | 
 3 | import Layout from '@/layout/Index.vue';
 4 | import BlankLayout from '@/layout/BlankLayout.vue';
 5 | // : Array<RouteRecordRaw>
 6 | export const routes = [
 7 | 	{
 8 | 		path: '/',
 9 | 		component: Layout,
10 | 		redirect: 'home',
11 | 		children: [
12 | 			{
13 | 				path: 'home',
14 | 				component: () => import('@/views/Home.vue'),
15 | 				name: 'Home',
16 | 				meta: { title: '首页', icon: 'el-icon-s-home' }
17 | 			},
18 | 			{
19 | 				path: 'data',
20 | 				component: BlankLayout,
21 | 				// component: { render (h: any) { return h('router-view'); } },
22 | 				name: 'Data',
23 | 				redirect: 'table',
24 | 				meta: { title: '数据', icon: 'el-icon-s-data' },
25 | 				children: [
26 | 					{
27 | 						path: 'table',
28 | 						component: () => import('@/views/Table.vue'),
29 | 						name: 'Table',
30 | 						meta: { title: '表格' }
31 | 					},
32 | 					{
33 | 						path: 'form',
34 | 						component: () => import('@/views/Form.vue'),
35 | 						name: 'Form',
36 | 						meta: { title: '表单' }
37 | 					}
38 | 				]
39 | 			},
40 | 			{
41 | 				path: 'todo',
42 | 				component: () => import('@/views/Todo.vue'),
43 | 				name: 'Todo',
44 | 				meta: { title: '代办事项', icon: 'el-icon-notebook-1' }
45 | 			}
46 | 
47 | 		]
48 | 	},
49 | 	{
50 | 		path: '/login',
51 | 		name: 'Login',
52 | 		hidden: true,
53 | 		component: () => import('@/views/Login.vue')
54 | 	}
55 | ];
56 | 
57 | const router = createRouter({
58 | 	history: createWebHistory(process.env.BASE_URL),
59 | 	routes
60 | });
61 | 
62 | export default router;
63 | 


--------------------------------------------------------------------------------
/src/layout/components/Breadcrumb.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div>
 3 |     <el-breadcrumb class="breadcrumb" separator="/">
 4 |        <transition-group name="breadcrumb">
 5 |         <el-breadcrumb-item v-for="(item) in levelList" :key="item.path">
 6 |           <router-link
 7 |             v-if="name != item.name"
 8 |             :to="{ path: item.redirect?item.redirect: item.path === '' ? '/' : item.path }"
 9 |           >{{ item.meta.title }}</router-link>
10 |           <span v-else>{{ item.meta.title }}</span>
11 |         </el-breadcrumb-item>
12 |       </transition-group>
13 |     </el-breadcrumb>
14 |   </div>
15 | </template>
16 | 
17 | <script lang="ts">
18 | import { ref, watch, defineComponent } from 'vue';
19 | import { useRoute, useRouter, RouteLocationMatched } from 'vue-router';
20 | 
21 | export default defineComponent({
22 | 	setup () {
23 | 		const router = useRouter();
24 | 		const route = useRoute();
25 | 		const name = ref('');
26 | 		const levelList = ref<RouteLocationMatched[]>([]);
27 | 		const getBreadcrumb = () => {
28 | 			// only show routes with meta.title
29 | 			name.value = route.name as string;
30 | 			const matched = route.matched.filter(item => item.meta && item.meta.title);
31 | 			levelList.value = matched.filter((item) => item.meta && item.meta.title && item.meta.breadcrumb !== false);
32 | 		};
33 | 		watch(() => router, () => {
34 | 			getBreadcrumb();
35 | 		}, {
36 | 			immediate: true,
37 | 			deep: true
38 | 		});
39 | 		return {
40 | 			name,
41 | 			levelList
42 | 		};
43 | 	}
44 | });
45 | </script>
46 | 
47 | <style lang="less" scoped>
48 | .breadcrumb {
49 | 	height: 40px;
50 | 	line-height: 40px;
51 | 	padding-left: 20px;
52 | }
53 | /deep/ .el-breadcrumb__inner a, .el-breadcrumb__inner.is-link{
54 | 	font-weight: 400;
55 | }
56 | </style>
57 | 


--------------------------------------------------------------------------------
/src/views/Login.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="display-flex j-c-c a-i-c height100">
 3 |     <div class="login-form">
 4 | 			<el-form ref="ruleForm" :model="form">
 5 | 				<el-form-item prop="email" :rules="{required:true, message:'请输入账号', trigger:'change'}">
 6 | 					<el-input placeholder="请输入账号" v-model="form.email"></el-input>
 7 | 				</el-form-item>
 8 | 				<el-form-item prop="pass" :rules="{required:true, message:'请输入密码', trigger:'change'}">
 9 | 					<el-input type="password" placeholder="请输入密码" v-model="form.pass"></el-input>
10 | 				</el-form-item>
11 | 				<el-form-item>
12 | 					<el-button class="width100" type="primary" @click="onSubmit">登陆</el-button>
13 | 				</el-form-item>
14 | 			</el-form>
15 |     </div>
16 |   </div>
17 | </template>
18 | 
19 | <script lang="ts">
20 | import { defineComponent, toRefs, reactive, ref } from 'vue';
21 | import { useRouter } from 'vue-router';
22 | 
23 | interface UserForm {
24 | 	email: string;
25 | 	pass: string | number;
26 | }
27 | 
28 | export default defineComponent({
29 | 	setup () {
30 | 		const router = useRouter();
31 | 		const state = reactive({
32 | 			form: {
33 | 				email: 'admin',
34 | 				pass: 'admin123'
35 | 			} as UserForm,
36 | 			ruleForm: ref<any>(null)
37 | 		});
38 | 
39 | 		// const ruleForm = ref<any>(null)
40 | 
41 | 		const onSubmit = () => {
42 | 			// ruleForm.value.validate
43 | 			state.ruleForm.validate().then((valid: boolean) => {
44 | 				if (valid) {
45 | 					if (state.form.email === 'admin') {
46 | 						router.push({ path: '/' });
47 | 					}
48 | 				}
49 | 			});
50 | 		};
51 | 
52 | 		return {
53 | 			...toRefs(state),
54 | 			onSubmit
55 | 		};
56 | 	}
57 | });
58 | </script>
59 | 
60 | <style lang="less" scoped>
61 | .login-form {
62 | 	width: 300px;
63 | 	margin: 0 auto;
64 | 	padding: 30px;
65 | 	border-radius: 2px;
66 | 	box-shadow: 3px 3px 10px 8px #f1f1f1;
67 | }
68 | </style>
69 | 


--------------------------------------------------------------------------------
/src/layout/components/SideBar/Index.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="sidebar-container has-logo">
 3 |     <Logo/>
 4 |     <el-scrollbar wrap-class="scrollbar-wrapper">
 5 |       <el-menu
 6 |         router
 7 |         :default-active="activeMenu"
 8 |         :collapse="isCollapse"
 9 |         :unique-opened="false"
10 |         :collapse-transition="false"
11 |         mode="vertical"
12 |       >
13 | 				<sidebar-item v-for="route in routes" :key="route.path" :item="route" :base-path="route.path"/>
14 |       </el-menu>
15 |     </el-scrollbar>
16 |   </div>
17 | </template>
18 | 
19 | <script lang="ts">
20 | import { defineComponent, computed } from 'vue';
21 | import SidebarItem from './SidebarItem.vue';
22 | import Logo from './Logo.vue';
23 | import { useRoute } from 'vue-router';
24 | import { useStore, mapGetters } from 'vuex';
25 | 
26 | export default defineComponent({
27 | 	components: { Logo, SidebarItem },
28 | 	// computed: {
29 | 	// 	...mapGetters(['sidebar', 'routes'])
30 | 	// },
31 | 	setup () {
32 | 		const store = useStore();
33 | 		const route = useRoute();
34 | 		const activeMenu = computed(() => {
35 | 			const { meta, path } = route;
36 | 			if (meta.activeMenu) {
37 | 				return meta.activeMenu;
38 | 			}
39 | 			return path;
40 | 		});
41 | 		const isCollapse = computed(() => !store.getters.sidebar.opened);
42 | 		// console.log(mapState(['permission']), 'mapState');
43 | 		const routes = computed(() => store.getters.routes.find((item: any) => item.path === '/').children);
44 | 		// const r = computed(() => mapGetters(['routes']));
45 | 		console.log(mapGetters(['routes']));
46 | 		const handleOpen = () => {
47 | 			// to do
48 | 		};
49 | 		const handleClose = () => {
50 | 			// to do
51 | 		};
52 | 		return {
53 | 			handleOpen,
54 | 			handleClose,
55 | 			isCollapse,
56 | 			routes,
57 | 			activeMenu
58 | 		};
59 | 	}
60 | });
61 | </script>
62 | 
63 | <style lang="less" scoped>
64 | 
65 | </style>
66 | 


--------------------------------------------------------------------------------
/src/layout/Index.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div :class="['wrapper',isCollapse?'hideSidebar':'']">
 3 |     <el-container>
 4 |       <el-aside :width="isCollapse?'64px':'210px'">
 5 |         <sidebar/>
 6 |       </el-aside>
 7 |       <el-container>
 8 |         <el-header height="50px">
 9 |           <topbar @reload="handleReload"/>
10 |         </el-header>
11 |         <el-main>
12 |           <breadcrumb/>
13 |           <div v-if="isRouterAlive">
14 |             <app-main/>
15 |           </div>
16 |         </el-main>
17 |         <el-footer style="line-height: 60px;text-align: center;">Vue3 + ts + Element Plus 后台管理系统模板</el-footer>
18 |       </el-container>
19 |     </el-container>
20 |   </div>
21 | </template>
22 | 
23 | <script lang="ts">
24 | import { defineComponent, computed, ref, nextTick } from 'vue';
25 | import Sidebar from './components/SideBar/Index.vue';
26 | import Topbar from './components/TopBar.vue';
27 | import Breadcrumb from './components/Breadcrumb.vue';
28 | import AppMain from './components/AppMain.vue';
29 | import { useStore } from 'vuex';
30 | export default defineComponent({
31 | 	components: { Sidebar, Topbar, Breadcrumb, AppMain },
32 | 	setup () {
33 | 		const store = useStore();
34 | 		const isCollapse = computed(() => !store.state.app.sidebar.opened);
35 | 		const isRouterAlive = ref<boolean>(true);
36 | 		const handleReload = () => {
37 | 			isRouterAlive.value = false;
38 | 			nextTick(() => {
39 | 				isRouterAlive.value = true;
40 | 			});
41 | 		};
42 | 		return {
43 | 			isCollapse,
44 | 			isRouterAlive,
45 | 			handleReload
46 | 		};
47 | 	}
48 | });
49 | </script>
50 | 
51 | <style lang="less" scoped>
52 | 
53 | /deep/ .el-main{
54 | 	padding: 0;
55 | }
56 | /deep/ .el-header {
57 | 	-webkit-box-shadow: 0 1px 4px rgba(0,21,41,.08);
58 | 	box-shadow: 0 1px 4px rgba(0,21,41,.08);
59 | 	padding-right: 20px;
60 | 	padding-left: 0;
61 | }
62 | /deep/ .el-aside {
63 |   box-shadow: rgb(241, 241, 241) 2px 0px 6px;
64 | }
65 | </style>
66 | 


--------------------------------------------------------------------------------
/src/utils/request.ts:
--------------------------------------------------------------------------------
 1 | import axios, { AxiosResponse, AxiosRequestConfig } from 'axios';
 2 | import { ElMessage } from 'element-plus';
 3 | const instance = axios.create({
 4 | 	baseURL: process.env.VUE_APP_API_BASE_URL || '',
 5 | 	timeout: 120 * 1000,
 6 | 	withCredentials: true
 7 | });
 8 | 
 9 | const err = (error) => {
10 | 	if (error.message.includes('timeout')) {
11 | 		// console.log('error---->',error.config)
12 | 		ElMessage({
13 | 			message: '请求超时，请刷新网页重试',
14 | 			type: 'error'
15 | 		});
16 | 	}
17 | 	if (error.response) {
18 | 		const data = error.response.data;
19 | 		const token = '';
20 | 		if (error.response.status === 403) {
21 | 			ElMessage({
22 | 				message: 'Forbidden',
23 | 				type: 'error'
24 | 			});
25 | 		}
26 | 		if (error.response.status === 401 && !(data.result && data.result.isLogin)) {
27 | 			ElMessage({
28 | 				message: 'Unauthorized',
29 | 				type: 'error'
30 | 			});
31 | 			if (token) {
32 | 				// store.dispatch('Logout').then(() => {
33 | 				// 	setTimeout(() => {
34 | 				// 		window.location.reload();
35 | 				// 	}, 1500);
36 | 				// });
37 | 			}
38 | 		}
39 | 	}
40 | 	return Promise.reject(error);
41 | };
42 | 
43 | type Config = AxiosRequestConfig & { successNotice? : boolean, errorNotice? : boolean}
44 | 
45 | instance.interceptors.request.use((config: Config) => {
46 | 	config.headers['Access-Token'] = localStorage.getItem('token') || '';
47 | 	return config;
48 | }, err);
49 | 
50 | instance.interceptors.response.use((response: AxiosResponse) => {
51 | 	console.log(response);
52 | 	const config: Config = response.config || '';
53 | 
54 | 	const code = Number(response.data.status);
55 | 	if (code === 200) {
56 | 		if (config && config.successNotice) {
57 | 			ElMessage({
58 | 				message: response.data.msg,
59 | 				type: 'success'
60 | 			});
61 | 		}
62 | 		return response.data;
63 | 	} else {
64 | 		let errCode = [402, 403];
65 | 		if (errCode.includes(response.data.code)) {
66 | 			ElMessage({
67 | 				message: response.data.msg || '暂不不支持全屏',
68 | 				type: 'warning'
69 | 			});
70 | 			setTimeout(() => {
71 | 				window.location.reload();
72 | 			}, 500);
73 | 		}
74 | 	}
75 | }, err);
76 | 
77 | export default instance;
78 | 


--------------------------------------------------------------------------------
/src/components/HeroTable/index.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | <div>
 3 | 	<el-table
 4 | 		border
 5 | 		v-bind="$attrs"
 6 | 		:data="data"
 7 | 		:rowKey="rowKey"
 8 | 		size='small'
 9 | 		:onSelectionChange="handleSelectionChange"
10 | 	>
11 | 		<el-table-column v-if="allowSelect" type="selection" width="55"></el-table-column>
12 | 		<template v-for="item in columns" :key="item.prop">
13 | 			<el-table-column v-bind="item" v-if="item.slot" >
14 | 				<template v-slot:header>
15 | 					<slot :name="item.slot.header">{{item.label || '自定义header'}}</slot>
16 | 				</template>
17 | 				<template v-slot:default="scope">
18 | 					<slot :name="item.slot.body" :data="scope.row">{{scope.row[item.prop] || '需要自定义' }}</slot>
19 | 				</template>
20 | 			</el-table-column>
21 | 			<el-table-column v-else v-bind="item"></el-table-column>
22 | 		</template>
23 | 		<slot/>
24 | 	</el-table>
25 | 	<HeroPaging
26 | 		v-if="showPaging"
27 | 		class="marginT10 text-right"
28 | 		:pagination="pagination"
29 | 		@pagingChange="handlePagingChange"/>
30 | </div>
31 | </template>
32 | 
33 | <script>
34 | import { defineComponent, PropType } from 'vue';
35 | import HeroPaging from '../HeroPaging/index';
36 | export default defineComponent({
37 | 	components: { HeroPaging },
38 | 	props: {
39 | 		data: {
40 | 			type: Array,
41 | 			default: () => []
42 | 		},
43 | 		columns: {
44 | 			type: Array,
45 | 			default: () => []
46 | 		},
47 | 		rowKey: {
48 | 			type: String,
49 | 			default: 'id'
50 | 		},
51 | 		pagination: {
52 | 			type: Object,
53 | 			default: () => {
54 | 				return {
55 | 					page: 1,
56 | 					pageSize: 10,
57 | 					total: 100
58 | 				};
59 | 			}
60 | 		},
61 | 		allowSelect: {
62 | 			type: Boolean,
63 | 			default: false
64 | 		},
65 | 		showPaging: {
66 | 			type: Boolean,
67 | 			default: true
68 | 		}
69 | 	},
70 | 	setup (props, { emit, slots, attrs }) {
71 | 		let multipleSelection = [];
72 | 		const handleSelectionChange = (val) => {
73 | 			multipleSelection = val;
74 | 			emit('select', multipleSelection);
75 | 		};
76 | 		const handlePagingChange = (option) => {
77 | 			emit('pagingChange', option);
78 | 		};
79 | 		return {
80 | 			handleSelectionChange,
81 | 			handlePagingChange
82 | 		};
83 | 	}
84 | });
85 | </script>
86 | 


--------------------------------------------------------------------------------
/src/views/Form.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div>
 3 |     <HeroForm ref="formRef" :formJson="formJson" v-model="form"/>
 4 |     <el-button type="primary" @click="onSubmit">提交</el-button>
 5 |   </div>
 6 | </template>
 7 | 
 8 | <script lang="ts">
 9 | import { HeroForm } from '@/components';
10 | import { defineComponent, reactive, ref, toRefs } from '@vue/runtime-core';
11 | export default defineComponent({
12 | 	components: { HeroForm },
13 | 	setup () {
14 | 		const formJson = [
15 | 			{
16 | 				require: true,
17 | 				type: 'input',
18 | 				label: '姓名',
19 | 				placeholder: '请输入姓名',
20 | 				val: 'name',
21 | 				other: { style: 'width:220px' }
22 | 			},
23 | 			{
24 | 				require: true,
25 | 				type: 'select',
26 | 				label: '年级',
27 | 				placeholder: '请选择年级',
28 | 				val: 'grade',
29 | 				selectLabel: 'label',
30 | 				selectVal: 'val',
31 | 				options: [{ val: 1, label: '一年级' }, { val: 2, label: '二年级' }]
32 | 			},
33 | 			{
34 | 				require: true,
35 | 				type: 'date',
36 | 				label: '入校时间',
37 | 				placeholder: '请选择入校时间',
38 | 				val: 'date',
39 | 				other: { type: 'daterange' }
40 | 			},
41 | 			{
42 | 				type: 'radio',
43 | 				label: '是否及格',
44 | 				val: 'rank',
45 | 				selectLabel: 'label',
46 | 				selectVal: 'val',
47 | 				options: [{ val: 1, label: '及格' }, { val: 0, label: '没及格' }]
48 | 			},
49 | 			{
50 | 				require: true,
51 | 				type: 'switch',
52 | 				label: '是否公开',
53 | 				val: 'public'
54 | 			},
55 | 			{
56 | 				type: 'checkbox',
57 | 				label: '兴趣爱好',
58 | 				val: 'hobby',
59 | 				selectLabel: 'label',
60 | 				selectVal: 'val',
61 | 				options: [{ val: 1, label: '篮球' }, { val: 2, label: '足球' }, { val: 3, label: '游戏' }]
62 | 			},
63 | 			{
64 | 				type: 'textarea',
65 | 				label: '个人评价',
66 | 				val: 'desc'
67 | 			}
68 | 		];
69 | 		const state = reactive({
70 | 			form: { name: '', rank: [], hobby: [] }
71 | 		});
72 | 		const formRef = ref(null);
73 | 		const onSubmit = () => {
74 | 			(formRef as any).value.value.validate().then(valid => {
75 | 				console.log(valid);
76 | 				if (valid) {
77 | 
78 | 				}
79 | 			});
80 | 		};
81 | 		return {
82 | 			...toRefs(state),
83 | 			onSubmit,
84 | 			formJson,
85 | 			formRef
86 | 		};
87 | 	}
88 | });
89 | </script>
90 | 
91 | <style lang="less" scoped>
92 | 
93 | </style>
94 | 


--------------------------------------------------------------------------------
/src/layout/components/SideBar/Logo.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <router-link :to="{path: '/'}">
 3 |     <div class="logo">
 4 |       <img src="data:image/svg+xml;base64,PHN2ZyBpZD0i5Zu+5bGCXzEiIGRhdGEtbmFtZT0i5Zu+5bGCIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDQ0IDQ0Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzQwOWVmZjtmaWxsLXJ1bGU6ZXZlbm9kZDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmVsZW1lbnQgcGx1cy1sb2dvLXNtYWxsIOWJr+acrDwvdGl0bGU+PHBhdGggaWQ9ImVsZW1lbnRfcGx1cy1sb2dvLXNtYWxsIiBkYXRhLW5hbWU9ImVsZW1lbnQgcGx1cy1sb2dvLXNtYWxsIiBjbGFzcz0iY2xzLTEiIGQ9Ik0zNy40MSwzMi4zN2MwLDEuNTctLjgzLDEuOTMtLjgzLDEuOTNMMjEuNTEsNDNBMS42OSwxLjY5LDAsMCwxLDIwLDQzUzUuMiwzNC40LDQuNjYsMzRhMS4yOSwxLjI5LDAsMCwxLS41NS0xVjE1LjI0YzAtLjc4LDEtMS4zMywxLTEuMzNMMTkuODYsNS4zNmEyLDIsMCwwLDEsMS43OSwwbDE0LjQ2LDguNDFhMi4wNiwyLjA2LDAsMCwxLDEuMjUsMi4wNlYzMi4zN1ptLTUuOS0xN0wyMS4zNSw5LjVhMS41OSwxLjU5LDAsMCwwLTEuNDEsMEw4LjMzLDE2LjE1cy0uNzcuNDYtLjc2LDEuMDgsMCwxMy45MiwwLDEzLjkyQTEsMSwwLDAsMCw4LDMxLjljLjQzLjMsMTIsNywxMiw3YTEuMzEsMS4zMSwwLDAsMCwxLjE5LDBDMjEuOTEsMzguNSwzMywzMi4xMSwzMywzMi4xMXMuNjUtLjI4LjY1LTEuNTFWMjcuMTNsLTEzLDcuOVYzMmEzLjA1LDMuMDUsMCwwLDEsMS0yLjA3TDMzLjIsMjNhMi40NCwyLjQ0LDAsMCwwLC41NS0xLjQ2VjE4LjQzTDIwLjY0LDI2LjM1di0zLjJhMi4yMiwyLjIyLDAsMCwxLC44My0xLjc5Wk00MS4wNyw0LjIyYS4zOS4zOSwwLDAsMC0uMzctLjQySDM4VjEuMDZjMC0uMTYtLjI2LS4yMi0uNTMtLjIyTDM2LDEuMDhjLS4xOCwwLS4zMS4xMi0uMzEuMjNWMy44SDMzYS40LjQsMCwwLDAtLjM2LjM3djJoM1Y5YzAsLjE2LjI2LjI3LjU0LjIzbDEuNTEtLjI1Yy4xOCwwLC4yOS0uMTMuMjktLjIzVjYuMTRoM1oiLz48L3N2Zz4=" alt="element-logo" class="nav-logo-small" data-v-55261868="">
 5 |       <h5 class="marginL10">Vue3+EPlus+Ts</h5>
 6 |     </div>
 7 |   </router-link>
 8 | </template>
 9 | 
10 | <script lang="ts">
11 | import { defineComponent } from 'vue';
12 | export default defineComponent({
13 | 
14 | });
15 | </script>
16 | 
17 | <style lang="less" scoped>
18 | .logo {
19 |   font-size: 16px;
20 |   height: 50px;
21 |   line-height: 50px;
22 |   padding-left: 16px;
23 |   overflow: hidden;
24 |   background: #fff;
25 |   border-bottom: 1px solid #e8e8e8;
26 |   cursor: pointer;
27 |   img {
28 |     width: 34px;
29 |     height: 34px;
30 |     vertical-align:middle;
31 |   }
32 |   h5 {
33 |     display: inline-block;
34 |     vertical-align:middle;
35 |     font-size: 18px;
36 |     color: #2c3e50;
37 |   }
38 | }
39 | </style>
40 | 


--------------------------------------------------------------------------------
/src/layout/components/SideBar/SideBarItem.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div v-if="!item.hidden" class="menu-wrapper">
 3 |    <template v-if="hasOneShowingChild(item.children,item) && (!onlyOneChild.children||onlyOneChild.noShowingChildren)&&!item.alwaysShow">
 4 |       <el-menu-item :index="resolvePath(onlyOneChild.path)" :class="{'submenu-title-noDropdown':!isNest}">
 5 | 				<i :class="[onlyOneChild.meta.icon||(item.meta&&item.meta.icon), 'icon']"></i>
 6 | 				<template #title><span>{{onlyOneChild.meta.title}}</span></template>
 7 |       </el-menu-item>
 8 |     </template>
 9 |     <el-submenu v-else ref="subMenu" :index="resolvePath(item.path)">
10 | 			<template v-slot:title>
11 | 				<i :class="[item.meta && item.meta.icon, 'icon']"></i>
12 | 				<span>{{item.meta.title}}</span>
13 | 			</template>
14 |       <sidebar-item
15 |         v-for="child in item.children"
16 |         :key="child.path"
17 |         :is-nest="true"
18 |         :item="child"
19 |         :base-path="resolvePath(child.path)"
20 |         class="nest-menu"
21 |       />
22 |     </el-submenu>
23 |   </div>
24 | </template>
25 | 
26 | <script lang="ts">
27 | import { toRefs, reactive, defineComponent } from 'vue';
28 | import path from 'path';
29 | 
30 | export default defineComponent({
31 | 	name: 'SidebarItem',
32 | 	props: {
33 | 		item: {
34 | 			type: Object,
35 | 			required: true
36 | 		},
37 | 		isNest: {
38 | 			type: Boolean,
39 | 			default: false
40 | 		},
41 | 		basePath: {
42 | 			type: String,
43 | 			default: ''
44 | 		}
45 | 	},
46 | 	setup (props) {
47 | 		const state = reactive({
48 | 			onlyOneChild: { children: null, path: '', meta: { icon: '', title: '' } }
49 | 		});
50 | 		const hasOneShowingChild = (children = [], parent: any) => {
51 | 			const showingChildren = children.filter((item: any) => {
52 | 				if (item.hidden) {
53 | 					return false;
54 | 				} else {
55 | 					state.onlyOneChild = item;
56 | 					return true;
57 | 				}
58 | 			});
59 | 
60 | 			if (showingChildren.length === 1) {
61 | 				return true;
62 | 			}
63 | 			if (showingChildren.length === 0) {
64 | 				state.onlyOneChild = { ...parent, path: '', noShowingChildren: true };
65 | 				return true;
66 | 			}
67 | 			return false;
68 | 		};
69 | 		const resolvePath = (routePath: any) => {
70 | 			return path.resolve(props.basePath, routePath);
71 | 		};
72 | 		return {
73 | 			hasOneShowingChild,
74 | 			resolvePath,
75 | 			...toRefs(state)
76 | 		};
77 | 	}
78 | });
79 | </script>
80 | 
81 | <style lang="less" scoped>
82 | .icon {
83 | 	// margin-bottom: 3px;
84 | 	display: inline-block;
85 | 	vertical-align: top;
86 | }
87 | </style>
88 | 


--------------------------------------------------------------------------------
/src/utils/directives.ts:
--------------------------------------------------------------------------------
 1 | export const dialogDrag = {
 2 | 	mounted (el, binding, vnode, oldVnode) {
 3 | 		console.log(el);
 4 | 		const dialogHeaderEl = el.querySelector('.el-dialog__header');
 5 | 		const dragDom = el.querySelector('.el-dialog');
 6 | 		// dialogHeaderEl.style.cursor = 'move';
 7 | 		dialogHeaderEl.style.cssText += ';cursor:move;';
 8 | 		dragDom.style.cssText += ';top:0px;';
 9 | 
10 | 		// 获取原有属性 ie dom元素.currentStyle 火狐谷歌 window.getComputedStyle(dom元素, null);
11 | 		const sty = (function () {
12 | 			if ((window.document as any).currentStyle) {
13 | 				return (dom, attr) => dom.currentStyle[attr];
14 | 			} else {
15 | 				return (dom, attr) => getComputedStyle(dom, null)[attr];
16 | 			}
17 | 		})();
18 | 
19 | 		dialogHeaderEl.onmousedown = (e) => {
20 | 			// 鼠标按下，计算当前元素距离可视区的距离
21 | 			const disX = e.clientX - dialogHeaderEl.offsetLeft;
22 | 			const disY = e.clientY - dialogHeaderEl.offsetTop;
23 | 
24 | 			// body当前宽度
25 | 			const screenWidth = document.body.clientWidth;
26 | 			// 可见区域高度(应为body高度，可某些环境下无法获取)
27 | 			const screenHeight = document.documentElement.clientHeight;
28 | 			// 对话框宽度
29 | 			const dragDomWidth = dragDom.offsetWidth;
30 | 			// 对话框高度
31 | 			const dragDomheight = dragDom.offsetHeight;
32 | 
33 | 			const minDragDomLeft = dragDom.offsetLeft;
34 | 			const maxDragDomLeft = screenWidth - dragDom.offsetLeft - dragDomWidth;
35 | 
36 | 			const minDragDomTop = dragDom.offsetTop;
37 | 			const maxDragDomTop = screenHeight - dragDom.offsetTop - dragDomheight;
38 | 
39 | 			// 获取到的值带px 正则匹配替换
40 | 			let styL = sty(dragDom, 'left');
41 | 			let styT = sty(dragDom, 'top');
42 | 
43 | 			// 注意在ie中 第一次获取到的值为组件自带50% 移动之后赋值为px
44 | 			if (styL.includes('%')) {
45 | 				styL = +document.body.clientWidth * (+styL.replace(/%/g, '') / 100);
46 | 				styT = +document.body.clientHeight * (+styT.replace(/%/g, '') / 100);
47 | 			} else {
48 | 				styL = +styL.replace(/\px/g, '');
49 | 				styT = +styT.replace(/\px/g, '');
50 | 			};
51 | 
52 | 			document.onmousemove = function (e) {
53 | 				// 通过事件委托，计算移动的距离
54 | 				let left = e.clientX - disX;
55 | 				let top = e.clientY - disY;
56 | 
57 | 				// 边界处理
58 | 				if (-(left) > minDragDomLeft) {
59 | 					left = -(minDragDomLeft);
60 | 				} else if (left > maxDragDomLeft) {
61 | 					left = maxDragDomLeft;
62 | 				}
63 | 
64 | 				if (-(top) > minDragDomTop) {
65 | 					top = -(minDragDomTop);
66 | 				} else if (top > maxDragDomTop) {
67 | 					top = maxDragDomTop;
68 | 				}
69 | 
70 | 				// 移动当前元素
71 | 				dragDom.style.cssText += `;left:${left + styL}px;top:${top + styT}px;`;
72 | 			};
73 | 
74 | 			document.onmouseup = function (e) {
75 | 				document.onmousemove = null;
76 | 				document.onmouseup = null;
77 | 			};
78 | 		};
79 | 	}
80 | };
81 | 


--------------------------------------------------------------------------------
/src/assets/css/common.less:
--------------------------------------------------------------------------------
  1 | @import 'iconfont.less';
  2 | @import './variables.less';
  3 | @import './transform.less';
  4 | @import './sidebar.less';
  5 | @import './element_ui.less';
  6 | @import './mixin.less';
  7 | 
  8 | * {
  9 | 	margin:0;
 10 | 	padding:0;
 11 | }
 12 | 
 13 | html,body,#app,.wrapper{
 14 | 	width:100%;
 15 | 	height: 100%;
 16 | }
 17 | .width100 {
 18 | 	width: 100% !important;
 19 | }
 20 | .height100 {
 21 | 	height: 100% !important;
 22 | }
 23 | 
 24 | .generate-width(400);
 25 | 
 26 | //------------- 常用margin,padding start ----------------//
 27 | .generate-margin(30, T, top);
 28 | .generate-margin(30, B, bottom);
 29 | .generate-margin(30, L, left);
 30 | .generate-margin(30, R, right);
 31 | //------------- 常用margin,padding end ----------------//
 32 | .generate-padding(30, T, top);
 33 | .generate-padding(30, B, bottom);
 34 | .generate-padding(30, L, left);
 35 | .generate-padding(30, R, right);
 36 | 
 37 | 
 38 | //------------- 常用margin,padding end ----------------//
 39 | 
 40 | @align: left, right, center;
 41 | // .text-center .text-left .text-right 
 42 | each(@align, {
 43 |   .text-@{value} {
 44 |     text-align: @value;
 45 |   }
 46 | });
 47 | 
 48 | 
 49 | .clearfix:after {
 50 | 	visibility: hidden;
 51 | 	display: block;
 52 | 	font-size: 0;
 53 | 	content: " ";
 54 | 	clear: both;
 55 | 	height: 0;
 56 | }
 57 | .fl {
 58 |   float: left;
 59 | }
 60 | .fr {
 61 |   float: right;
 62 | }
 63 | 
 64 | .ellipsis{
 65 | 	white-space: nowrap;
 66 | 	text-overflow: ellipsis;
 67 | 	overflow: hidden
 68 | }
 69 | 
 70 | 
 71 | //------------- flex布局 start ----------------//
 72 | 
 73 | .display-flex {
 74 | 	display: -webkit-box;
 75 | 	display: -moz-box;
 76 | 	display: -ms-flexbox;
 77 | 	display: -webkit-flex;
 78 | 	display: flex;
 79 | }
 80 | 
 81 | .display-inline-flex {
 82 | 	display: inline-flex;
 83 | }
 84 | 
 85 | .flex-1 {
 86 | 	-webkit-box-flex: 1;
 87 | 	-moz-box-flex: 1;
 88 | 	-webkit-flex: 1;
 89 | 	-ms-flex: 1;
 90 | 	flex: 1;
 91 | }
 92 | 
 93 | .flex-2 {
 94 | 	-webkit-box-flex: 2;
 95 | 	-moz-box-flex: 2;
 96 | 	-webkit-flex: 2;
 97 | 	-ms-flex: 2;
 98 | 	flex: 2;
 99 | }
100 | 
101 | .flex-row {
102 | 	.flex(flex-direction, row)
103 | }
104 | 
105 | .flex-column {
106 | 	.flex(flex-direction, column)
107 | }
108 | 
109 | .j-c-c {
110 | 	.flex(justify-content, center)
111 | }
112 | 
113 | .j-c-f-e {
114 | 	.flex(justify-content, flex-end)
115 | }
116 | 
117 | .j-c-s-b {
118 | 	.flex(justify-content, space-between)
119 | }
120 | 
121 | .j-c-s-a {
122 | 	.flex(justify-content, space-around)
123 | }
124 | 
125 | .a-i-c {
126 | 	.flex(align-items, center)
127 | }
128 | 
129 | .flex-wrap {
130 | 	.flex(flex-wrap, wrap)
131 | }
132 | 
133 | .flex-center {
134 | 	.display-flex();
135 | 	.j-c-c();
136 | 	.a-i-c();
137 | }
138 | //------------- flex布局 end ----------------//
139 | 
140 | .btn {
141 | 	color: #409EFF;
142 | 	font-size: 14px;
143 | 	text-decoration: none;
144 | 	padding: 2px 3px;
145 | 	cursor: pointer;
146 | 	&:hover {
147 | 		color: #66b1ff;
148 | 	}
149 | 	&.red {
150 | 		color: #f56c6c;
151 | 		&:hover {
152 | 			color: #f78989;
153 | 		}
154 | 	}
155 | }


--------------------------------------------------------------------------------
/src/assets/css/sidebar.less:
--------------------------------------------------------------------------------
  1 | 
  2 | .sidebar-container {
  3 | 	transition: width 0.28s;
  4 | 	width: @sideBarWidth !important;
  5 | 	background-color: @menuBg;
  6 | 	height: 100%;
  7 | 	position: fixed;
  8 | 	font-size: 0px;
  9 | 	top: 0;
 10 | 	bottom: 0;
 11 | 	left: 0;
 12 | 	z-index: 1001;
 13 | 	overflow: hidden;
 14 | 	text-align: left;
 15 | 
 16 | 	// reset element-ui css
 17 | 	.horizontal-collapse-transition {
 18 | 		transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out;
 19 | 	}
 20 | 
 21 | 	.scrollbar-wrapper {
 22 | 		overflow-x: hidden !important;
 23 | 	}
 24 | 
 25 | 	.el-scrollbar__bar.is-vertical {
 26 | 		right: 0px;
 27 | 	}
 28 | 
 29 | 	.el-scrollbar {
 30 | 		height: 100%;
 31 | 	}
 32 | 
 33 | 	&.has-logo {
 34 | 		.el-scrollbar {
 35 | 			height: calc(100% - 50px);
 36 | 		}
 37 | 	}
 38 | 
 39 | 	.is-horizontal {
 40 | 		display: none;
 41 | 	}
 42 | 
 43 | 	a {
 44 | 		display: inline-block;
 45 | 		width: 100%;
 46 | 		overflow: hidden;
 47 | 	}
 48 | 
 49 | 	.svg-icon {
 50 | 		margin-right: 16px;
 51 | 	}
 52 | 
 53 | 	.el-menu {
 54 | 		border: none;
 55 | 		height: 100%;
 56 | 		width: 100% !important;
 57 | 		border-right: 1px solid #e8e8e8;
 58 | 	}
 59 | 
 60 | 	// menu hover
 61 | 	.submenu-title-noDropdown,
 62 | 	.el-submenu__title {
 63 | 		&:hover {
 64 | 			background-color: @menuHover !important;
 65 | 		}
 66 | 	}
 67 | 
 68 | 	.el-submenu.is-active,.el-menu-item.is-active {
 69 | 		background-color: @menuActiveBg !important;
 70 | 	}
 71 | 	.is-active>.el-submenu__title, .is-active>.el-submenu__title i{
 72 | 		color: @subMenuActiveText !important;
 73 | 	}
 74 | 	& .nest-menu .el-submenu>.el-submenu__title,
 75 | 	& .el-submenu .el-menu-item {
 76 | 		min-width: @sideBarWidth !important;
 77 | 		background-color: @subMenuBg !important;
 78 | 		// &.is-active {
 79 | 		// 	background-color: @menuActiveBg !important;
 80 | 		// }
 81 | 
 82 | 		&:hover {
 83 | 			background-color: @subMenuHover !important;
 84 | 		}
 85 | 	}
 86 | 
 87 | }
 88 | 
 89 | .hideSidebar {
 90 | 	.sidebar-container {
 91 | 		width: 64px !important;
 92 | 	}
 93 | 
 94 | 	.main-container {
 95 | 		margin-left: 64px;
 96 | 	}
 97 | 
 98 | 	.submenu-title-noDropdown {
 99 | 		padding: 0 !important;
100 | 		position: relative;
101 | 
102 | 		.el-tooltip {
103 | 			padding: 0 !important;
104 | 
105 | 			i {
106 | 				margin-left: 20px;
107 | 			}
108 | 		}
109 | 	}
110 | 	.el-submenu {
111 | 		overflow: hidden;
112 | 
113 | 		&>.el-submenu__title {
114 | 			padding: 0 !important;
115 | 
116 | 			i {
117 | 				margin-left: 20px;
118 | 			}
119 | 
120 | 			.el-submenu__icon-arrow {
121 | 				display: none;
122 | 			}
123 | 		}
124 | 	}
125 | 	.el-menu--collapse {
126 | 		.el-submenu {
127 | 			&>.el-submenu__title {
128 | 				&>span {
129 | 					height: 0;
130 | 					width: 0;
131 | 					overflow: hidden;
132 | 					visibility: hidden;
133 | 					display: inline-block;
134 | 				}
135 | 			}
136 | 		}
137 | 	}
138 | }
139 | 
140 | .el-submenu .el-menu-item,
141 | .el-menu-item, .el-submenu__title {
142 | 	height: 43px;
143 | 	line-height: 43px;
144 | }
145 | .el-container {
146 | 	height: 100%;
147 | }
148 | 
149 | #app .sidebar-container.has-logo .el-scrollbar {
150 | 	height: calc(100% - 50px);
151 | }


--------------------------------------------------------------------------------
/src/components/HeroForm/index.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div>
 3 |     <el-form ref="formRef" label-suffix=":" :model="form" :label-width="labelWidth">
 4 |       <el-form-item
 5 |       v-for="item in formJson"
 6 |       :key="item.val"
 7 |       :label="item.label"
 8 |       :prop="item.val"
 9 |       :rules="{required: item.require, message:item.errMsg || item.placeholder || item.label + '是必填项', trigger:'change'}"
10 |       >
11 |         <template v-if="['input','textarea'].includes(item.type)">
12 |           <el-input :type="item.type" v-bind="item.other" v-model="form[item.val]" :placeholder="item.placeholder"></el-input>
13 |         </template>
14 |         <template v-if="item.type === 'select'">
15 |           <el-select v-bind="item.other" v-model="form[item.val]" placeholder="">
16 |             <el-option
17 |               v-for="op in item.options"
18 |               :key="op[item.selectVal]"
19 |               :label="op[item.selectLabel]"
20 |               :value="op[item.selectVal]">
21 |             </el-option>
22 |           </el-select>
23 |         </template>
24 |         <template v-if="item.type === 'date'">
25 |           <HeroDatePicker v-bind="item.other" v-model="form[item.val]"/>
26 |         </template>
27 |         <template v-if="item.type === 'radio'">
28 |           <el-radio-group v-bind="item.other" v-model="form[item.val]">
29 |             <el-radio v-for="op in item.options" :key="op[item.selectVal]" :label="op[item.selectVal]">{{op[item.selectLabel]}}</el-radio>
30 |           </el-radio-group>
31 |         </template>
32 |         <template v-if="item.type === 'checkbox'">
33 |           <el-checkbox-group v-bind="item.other" v-model="form[item.val]">
34 |             <el-checkbox v-for="op in item.options" :key="op[item.selectVal]" :label="op[item.selectVal]">{{op[item.selectLabel]}}</el-checkbox>
35 |           </el-checkbox-group>
36 |         </template>
37 |         <template v-if="item.type === 'switch'">
38 |           <el-switch
39 |             v-bind="item.other"
40 |             v-model="form[item.val]">
41 |           </el-switch>
42 |         </template>
43 |       </el-form-item>
44 |     </el-form>
45 |   </div>
46 | </template>
47 | 
48 | <script>
49 | import { computed, defineComponent, reactive, toRefs, ref, watch, watchEffect } from 'vue';
50 | import HeroDatePicker from '@/components/HeroDatePicker/index';
51 | export default defineComponent({
52 | 	components: { HeroDatePicker },
53 | 	props: {
54 | 		labelWidth: {
55 | 			type: String,
56 | 			default: '90px'
57 | 		},
58 | 		formJson: {
59 | 			type: Array,
60 | 			default: () => []
61 | 		},
62 | 		modelValue: {
63 | 			type: Object,
64 | 			default: () => ({})
65 | 		}
66 | 	},
67 | 	setup (props, { emit }) {
68 | 		const formRef = ref(null);
69 | 		const state = reactive({
70 | 			form: computed(() => props.modelValue)
71 | 		});
72 | 		watch(() => state.form, (val) => {
73 | 			emit('update:modelValue', val);
74 | 		}, { deep: true });
75 | 
76 | 		const validate = () => {
77 | 			return new Promise((resolve, reject) => {
78 | 				formRef.value.validate().then((valid) => {
79 | 					resolve(valid);
80 | 				}).catch(err => { reject(err); });
81 | 			});
82 | 		};
83 | 
84 | 		return {
85 | 			...toRefs(state),
86 | 			validate,
87 | 			formRef
88 | 		};
89 | 	}
90 | });
91 | </script>
92 | 
93 | <style lang="less" scoped>
94 | 
95 | </style>
96 | 


--------------------------------------------------------------------------------
/src/plugin/element.ts:
--------------------------------------------------------------------------------
  1 | import 'element-plus/lib/theme-chalk/index.css';
  2 | import 'dayjs/locale/zh-cn';
  3 | import locale from 'element-plus/lib/locale';
  4 | import lang from 'element-plus/lib/locale/lang/zh-cn';
  5 | import {
  6 | 	ElAlert,
  7 | 	ElAside,
  8 | 	ElAutocomplete,
  9 | 	ElAvatar,
 10 | 	ElBacktop,
 11 | 	ElBadge,
 12 | 	ElBreadcrumb,
 13 | 	ElBreadcrumbItem,
 14 | 	ElButton,
 15 | 	ElButtonGroup,
 16 | 	ElCalendar,
 17 | 	ElCard,
 18 | 	ElCarousel,
 19 | 	ElCarouselItem,
 20 | 	ElCascader,
 21 | 	ElCascaderPanel,
 22 | 	ElCheckbox,
 23 | 	ElCheckboxButton,
 24 | 	ElCheckboxGroup,
 25 | 	ElCol,
 26 | 	ElCollapse,
 27 | 	ElCollapseItem,
 28 | 	ElCollapseTransition,
 29 | 	ElColorPicker,
 30 | 	ElContainer,
 31 | 	ElDatePicker,
 32 | 	ElDialog,
 33 | 	ElDivider,
 34 | 	ElDrawer,
 35 | 	ElDropdown,
 36 | 	ElDropdownItem,
 37 | 	ElDropdownMenu,
 38 | 	ElFooter,
 39 | 	ElForm,
 40 | 	ElFormItem,
 41 | 	ElHeader,
 42 | 	ElIcon,
 43 | 	ElImage,
 44 | 	ElInput,
 45 | 	ElInputNumber,
 46 | 	ElLink,
 47 | 	ElMain,
 48 | 	ElMenu,
 49 | 	ElMenuItem,
 50 | 	ElMenuItemGroup,
 51 | 	ElOption,
 52 | 	ElOptionGroup,
 53 | 	ElPageHeader,
 54 | 	ElPagination,
 55 | 	ElPopconfirm,
 56 | 	ElPopover,
 57 | 	ElPopper,
 58 | 	ElProgress,
 59 | 	ElRadio,
 60 | 	ElRadioButton,
 61 | 	ElRadioGroup,
 62 | 	ElRate,
 63 | 	ElRow,
 64 | 	ElScrollbar,
 65 | 	ElSelect,
 66 | 	ElSlider,
 67 | 	ElStep,
 68 | 	ElSteps,
 69 | 	ElSubmenu,
 70 | 	ElSwitch,
 71 | 	ElTabPane,
 72 | 	ElTable,
 73 | 	ElTableColumn,
 74 | 	ElTabs,
 75 | 	ElTag,
 76 | 	ElTimePicker,
 77 | 	ElTimeSelect,
 78 | 	ElTimeline,
 79 | 	ElTimelineItem,
 80 | 	ElTooltip,
 81 | 	ElTransfer,
 82 | 	ElTree,
 83 | 	ElUpload,
 84 | 	ElInfiniteScroll,
 85 | 	ElLoading,
 86 | 	ElMessage,
 87 | 	ElMessageBox,
 88 | 	ElNotification
 89 | } from 'element-plus';
 90 | 
 91 | const components: any[] = [
 92 | 	ElAlert,
 93 | 	ElAside,
 94 | 	ElAutocomplete,
 95 | 	ElAvatar,
 96 | 	ElBacktop,
 97 | 	ElBadge,
 98 | 	ElBreadcrumb,
 99 | 	ElBreadcrumbItem,
100 | 	ElButton,
101 | 	ElButtonGroup,
102 | 	ElCalendar,
103 | 	ElCard,
104 | 	ElCarousel,
105 | 	ElCarouselItem,
106 | 	ElCascader,
107 | 	ElCascaderPanel,
108 | 	ElCheckbox,
109 | 	ElCheckboxButton,
110 | 	ElCheckboxGroup,
111 | 	ElCol,
112 | 	ElCollapse,
113 | 	ElCollapseItem,
114 | 	ElCollapseTransition,
115 | 	ElColorPicker,
116 | 	ElContainer,
117 | 	ElDatePicker,
118 | 	ElDialog,
119 | 	ElDivider,
120 | 	ElDrawer,
121 | 	ElDropdown,
122 | 	ElDropdownItem,
123 | 	ElDropdownMenu,
124 | 	ElFooter,
125 | 	ElForm,
126 | 	ElFormItem,
127 | 	ElHeader,
128 | 	ElIcon,
129 | 	ElImage,
130 | 	ElInput,
131 | 	ElInputNumber,
132 | 	ElLink,
133 | 	ElMain,
134 | 	ElMenu,
135 | 	ElMenuItem,
136 | 	ElMenuItemGroup,
137 | 	ElOption,
138 | 	ElOptionGroup,
139 | 	ElPageHeader,
140 | 	ElPagination,
141 | 	ElPopconfirm,
142 | 	ElPopover,
143 | 	ElPopper,
144 | 	ElProgress,
145 | 	ElRadio,
146 | 	ElRadioButton,
147 | 	ElRadioGroup,
148 | 	ElRate,
149 | 	ElRow,
150 | 	ElScrollbar,
151 | 	ElSelect,
152 | 	ElSlider,
153 | 	ElStep,
154 | 	ElSteps,
155 | 	ElSubmenu,
156 | 	ElSwitch,
157 | 	ElTabPane,
158 | 	ElTable,
159 | 	ElTableColumn,
160 | 	ElTabs,
161 | 	ElTag,
162 | 	ElTimePicker,
163 | 	ElTimeSelect,
164 | 	ElTimeline,
165 | 	ElTimelineItem,
166 | 	ElTooltip,
167 | 	ElTransfer,
168 | 	ElTree,
169 | 	ElUpload
170 | ];
171 | 
172 | const plugins: any[] = [
173 | 	ElLoading,
174 | 	ElMessage,
175 | 	ElMessageBox,
176 | 	ElNotification
177 | ];
178 | 
179 | const element = (app: any): any => {
180 | 	// 国际化
181 | 	locale.use(lang);
182 | 	// 全局配置
183 | 	app.config.globalProperties.$ELEMENT = { size: 'small' };
184 | 
185 | 	components.forEach(component => {
186 | 		app.component(component.name, component);
187 | 	});
188 | 
189 | 	plugins.forEach(plugin => {
190 | 		app.use(plugin);
191 | 	});
192 | };
193 | 
194 | export default element;
195 | 


--------------------------------------------------------------------------------
/src/layout/components/TopBar.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="top-bar">
  3 |     <div class="collapse" @click="toggleSideBar">
  4 |       <i :class="['el-icon-s-unfold', 'hamburger', !isCollapse?'is-active':'']"></i>
  5 |     </div>
  6 |     <div class="collapse" @click="reload">
  7 |       <i class="el-icon-refresh refresh"></i>
  8 |     </div>
  9 |     <div class="user-info">
 10 |       <el-dropdown>
 11 |         <span class="el-dropdown-link">
 12 |           <span style="font-size:16px;font-weight:500;">admin</span><i class="el-icon-arrow-down el-icon--right"></i>
 13 |         </span>
 14 |         <template #dropdown>
 15 |           <el-dropdown-menu >
 16 |             <el-dropdown-item command="info">个人信息</el-dropdown-item>
 17 |             <el-dropdown-item command="out">退出登录</el-dropdown-item>
 18 |           </el-dropdown-menu>
 19 |         </template>
 20 |       </el-dropdown>
 21 |     </div>
 22 |     <div class="bell">
 23 |       <el-popover
 24 |         placement="bottom"
 25 |         width="300"
 26 |         title="系统消息"
 27 |         trigger="hover">
 28 |         <p class="line"></p>
 29 |         <ul>
 30 |           <li>这是一条系统消息</li>
 31 |           <li>这是另一条系统消息</li>
 32 |         </ul>
 33 |         <template #reference>
 34 |           <el-badge :value="2" class="item">
 35 |             <i class="el-icon-bell"></i>
 36 |           </el-badge>
 37 |         </template>
 38 |       </el-popover>
 39 |     </div>
 40 |     <div class="full-screen" @click="handleFullScreen">
 41 |       <span :class="fullscreen?'hero-full-screen-zoom':'hero-full-screen'"></span>
 42 |     </div>
 43 |   </div>
 44 | </template>
 45 | 
 46 | <script lang="ts">
 47 | import { defineComponent, ref, computed, SetupContext } from 'vue';
 48 | import { ElMessage } from 'element-plus';
 49 | import screenfull, { Screenfull } from 'screenfull';
 50 | import { useStore } from 'vuex';
 51 | export default defineComponent({
 52 | 	setup (props: any, context: SetupContext) {
 53 | 		const store = useStore();
 54 | 		// const isCollapse = ref<boolean>(store.getters.sidebar)
 55 | 		const isCollapse = computed(() => !store.state.app.sidebar.opened);
 56 | 		const fullscreen = ref<boolean>(false);
 57 | 
 58 | 		const change = () => {
 59 | 			fullscreen.value = (screenfull as Screenfull).isFullscreen;
 60 | 		};
 61 | 		const toggleSideBar = () => store.dispatch('app/toggleSideBar');
 62 | 		// console.log(mapActions(store._actions))
 63 | 		// 全屏事件
 64 | 		const handleFullScreen = () => {
 65 | 			if (!screenfull.isEnabled) {
 66 | 				// 如果不允许进入全屏，发出不允许提示
 67 | 				ElMessage({
 68 | 					message: '暂不不支持全屏',
 69 | 					type: 'warning'
 70 | 				});
 71 | 				return false;
 72 | 			}
 73 | 			screenfull.toggle();
 74 | 		};
 75 | 		if (screenfull.isEnabled) {
 76 | 			screenfull.on('change', change);
 77 | 		}
 78 | 
 79 | 		const reload = () => {
 80 | 			context.emit('reload');
 81 | 		};
 82 | 		return {
 83 | 			isCollapse,
 84 | 			fullscreen,
 85 | 			handleFullScreen,
 86 | 			toggleSideBar,
 87 | 			reload
 88 | 		};
 89 | 	}
 90 | });
 91 | </script>
 92 | 
 93 | <style lang="less" scoped>
 94 | .top-bar {
 95 | 	height: 50px;
 96 | }
 97 | .collapse {
 98 | 	float: left;
 99 | 	height: 50px;
100 | 	line-height: 50px;
101 | 	padding: 0 24px;
102 | 	cursor: pointer;
103 | 	&:hover {
104 | 		background: rgba(0, 0, 0, 0.025);
105 | 	}
106 | 	i {
107 | 		font-size: 24px;
108 |     color: #6a6a6a;
109 | 	}
110 | }
111 | .bell {
112 |   float: right;
113 |   padding: 12px 0;
114 |   width: 50px;
115 |   cursor: pointer;
116 |   .el-icon-bell {
117 |     color: #6a6a6a;
118 |     font-size: 24px;
119 |   }
120 | }
121 | .full-screen {
122 |   font-size: 24px;
123 |   float:right;
124 |   padding: 9px 0;
125 |   width: 60px;
126 |   text-align: center;
127 |   cursor: pointer;
128 |   color: #6a6a6a;
129 |   &:hover {
130 |     background: rgba(0, 0, 0, 0.025);
131 |   }
132 | }
133 | .line {
134 |   height: 1px;
135 |   background: #e8e8e8;
136 |   margin-bottom: 5px;
137 | }
138 | ul > li {
139 |   list-style-type: none;
140 |   margin-bottom: 3px;
141 | }
142 | .user-info {
143 | 	float: right;
144 | 	height: 50px;
145 | 	line-height: 48px;
146 |   cursor: pointer;
147 |   font-size: 18px;
148 | }
149 | .refresh,
150 | .hamburger {
151 |   display: inline-block;
152 |   vertical-align: middle;
153 |   width: 24px;
154 |   height: 24px;
155 | }
156 | 
157 | .hamburger.is-active {
158 |   transform: rotate(180deg);
159 | }
160 | </style>
161 | 


--------------------------------------------------------------------------------
/src/views/Table.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div>
  3 | 		<el-form :inline="true" :model="form" class="demo-form-inline">
  4 | 			<el-form-item label="姓名">
  5 | 				<el-input v-model="form.user" placeholder="姓名"></el-input>
  6 | 			</el-form-item>
  7 | 			<el-form-item label="年级">
  8 | 				<el-select v-model="form.grade" placeholder="选择年级">
  9 | 					<el-option label="一年级" value="1"></el-option>
 10 | 					<el-option label="二年级" value="2"></el-option>
 11 | 				</el-select>
 12 | 			</el-form-item>
 13 | 			<el-form-item>
 14 | 				<el-button type="primary" @click="onSubmit">查询</el-button>
 15 | 			</el-form-item>
 16 | 		</el-form>
 17 |     <div>
 18 | 			<HeroTable
 19 | 				:allowSelect="true"
 20 | 				:data="tableData"
 21 | 				:columns="columns"
 22 | 				@select="handleSelect"
 23 | 				@pagingChange="handlePagingChange"
 24 | 			>
 25 | 				<template v-slot:dateHeader>
 26 | 					<el-tag type="success">日期</el-tag>
 27 | 				</template>
 28 | 				<template v-slot:date="scope" >
 29 | 					{{scope.data.date}}自定义slot
 30 | 				</template>
 31 | 				<template v-slot:action="scope">
 32 | 					<span class="btn" @click="handleCLick('edit', scope.data)">编辑</span >
 33 | 					<el-divider direction="vertical"></el-divider>
 34 | 					<span class="btn red" @click="handleCLick('del', scope.data)">删除</span>
 35 | 				</template>
 36 | 			</HeroTable>
 37 | 		</div>
 38 | 		<el-dialog
 39 | 			title="提示"
 40 | 			v-model="dialogVisible"
 41 | 			width="30%"
 42 | 			:before-close="handleClose">
 43 | 			<span>这是一段信息</span>
 44 | 			<template #footer>
 45 | 				<span class="dialog-footer">
 46 | 					<el-button @click="dialogVisible = false">取 消</el-button>
 47 | 					<el-button type="primary" @click="dialogVisible = false">确 定</el-button>
 48 | 				</span>
 49 | 			</template>
 50 | 		</el-dialog>
 51 |   </div>
 52 | </template>
 53 | 
 54 | <script lang="ts">
 55 | import { HeroTable } from '@/components';
 56 | import { ElMessageBox } from 'element-plus';
 57 | import { defineComponent, reactive, toRefs, getCurrentInstance } from 'vue';
 58 | export default defineComponent({
 59 | 	components: { HeroTable },
 60 | 	setup () {
 61 | 		const { ctx } = getCurrentInstance() as any;
 62 | 		const tableData = [{
 63 | 			id: 1,
 64 | 			date: '2016-05-03',
 65 | 			name: '王小虎',
 66 | 			address: '上海市普陀区金沙江路 1518 弄',
 67 | 			class: '三年级二班',
 68 | 			school: '成都市泡桐树小学'
 69 | 		}, {
 70 | 			id: 2,
 71 | 			date: '2016-05-02',
 72 | 			name: '王小虎',
 73 | 			address: '上海市普陀区金沙江路 1518 弄',
 74 | 			class: '三年级二班',
 75 | 			school: '成都市泡桐树小学'
 76 | 		}, {
 77 | 			id: 3,
 78 | 			date: '2016-05-04',
 79 | 			name: '王小虎',
 80 | 			address: '上海市普陀区金沙江路 1518 弄',
 81 | 			class: '三年级二班',
 82 | 			school: '成都市泡桐树小学'
 83 | 		}, {
 84 | 			id: 4,
 85 | 			date: '2016-05-01',
 86 | 			name: '王小虎',
 87 | 			address: '上海市普陀区金沙江路 1518 弄',
 88 | 			class: '三年级二班',
 89 | 			school: '成都市泡桐树小学'
 90 | 		}, {
 91 | 			id: 5,
 92 | 			date: '2016-05-08',
 93 | 			name: '王小虎',
 94 | 			address: '上海市普陀区金沙江路 1518 弄',
 95 | 			class: '三年级二班',
 96 | 			school: '成都市泡桐树小学'
 97 | 		}, {
 98 | 			id: 6,
 99 | 			date: '2016-05-06',
100 | 			name: '王小虎',
101 | 			address: '上海市普陀区金沙江路 1518 弄',
102 | 			class: '三年级二班',
103 | 			school: '成都市泡桐树小学'
104 | 		}, {
105 | 			id: 7,
106 | 			date: '2016-05-07',
107 | 			name: '王小虎',
108 | 			address: '上海市普陀区金沙江路 1518 弄',
109 | 			class: '三年级二班',
110 | 			school: '成都市泡桐树小学'
111 | 		}];
112 | 		const columns = [
113 | 			{ prop: 'date', label: '日期', fixed: true, width: 200, slot: { body: 'date', header: 'dateHeader' } },
114 | 			{ prop: 'name', label: '姓名', width: 200 },
115 | 			{ prop: 'address', label: '地址', width: 500 },
116 | 			{ prop: 'class', label: '班级', width: 200 },
117 | 			{ prop: 'school', label: '学校', width: 200 },
118 | 			{ prop: '', label: '操作', width: 110, slot: { body: 'action' }, fixed: 'right' }
119 | 		];
120 | 		const state = reactive({
121 | 			form: {
122 | 				user: '',
123 | 				grade: ''
124 | 			},
125 | 			dialogVisible: false
126 | 		});
127 | 
128 | 		const methods = {
129 | 			handleSelect: (val) => {
130 | 				console.log(val);
131 | 			},
132 | 			handlePagingChange: (option) => {
133 | 				console.log(option);
134 | 			},
135 | 			onSubmit: () => {
136 | 				console.log('onSubmit');
137 | 				ElMessageBox.alert('', '', {
138 | 					title: '提示',
139 | 					message: 'This is a essageBox',
140 | 					type: 'warning',
141 | 					confirmButtonText: '确定',
142 | 					cancelButtonText: '取消',
143 | 					showCancelButton: true
144 | 				});
145 | 			},
146 | 			handleCLick: (type, scope) => {
147 | 				console.log(type);
148 | 				if (type === 'edit') {
149 | 					state.dialogVisible = true;
150 | 				} else {
151 | 					ctx.$confirm('此操作将永久删除该数据, 是否继续?', '提示', {
152 | 						confirmButtonText: '确定',
153 | 						cancelButtonText: '取消',
154 | 						type: 'warning'
155 | 					}).then(() => {
156 | 						ctx.$message({
157 | 							type: 'success',
158 | 							message: '删除成功!'
159 | 						});
160 | 					}).catch(() => {
161 | 						ctx.$message({
162 | 							type: 'info',
163 | 							message: '已取消删除'
164 | 						});
165 | 					});
166 | 				}
167 | 			},
168 | 			handleClose: () => {
169 | 				state.dialogVisible = false;
170 | 			}
171 | 		};
172 | 
173 | 		return {
174 | 			...toRefs(state),
175 | 			tableData,
176 | 			columns,
177 | 			...methods
178 | 		};
179 | 	}
180 | });
181 | </script>
182 | 
183 | <style lang="less" scoped>
184 | 
185 | </style>
186 | 


--------------------------------------------------------------------------------
/src/assets/css/iconfont.less:
--------------------------------------------------------------------------------
  1 | @font-face {font-family: "iconfont";
  2 |   src: url('../fonts/iconfont.eot?t=1610706940978'); /* IE9 */
  3 |   src: url('../fonts/iconfont.eot?t=1610706940978#iefix') format('embedded-opentype'), /* IE6-IE8 */
  4 |   url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
  5 |   url('../fonts/iconfont.woff?t=1610706940978') format('woff'),
  6 |   url('../fonts/iconfont.ttf?t=1610706940978') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  7 |   url('../fonts/iconfont.svg?t=1610706940978#iconfont') format('svg'); /* iOS 4.1- */
  8 | }
  9 | 
 10 | // .iconfont {
 11 | //   font-family: "iconfont" !important;
 12 | //   font-size: 16px;
 13 | //   font-style: normal;
 14 | //   -webkit-font-smoothing: antialiased;
 15 | //   -moz-osx-font-smoothing: grayscale;
 16 | // }
 17 | [class^="hero-"], [class*=" hero-"] {
 18 |   /* use !important to prevent issues with browser extensions that change fonts */
 19 |   font-family: 'iconfont' !important;
 20 |   speak: none;
 21 |   font-style: normal;
 22 |   font-weight: normal;
 23 |   font-variant: normal;
 24 |   text-transform: none;
 25 |   line-height: 1;
 26 | 
 27 |   /* Better Font Rendering =========== */
 28 |   -webkit-font-smoothing: antialiased;
 29 |   -moz-osx-font-smoothing: grayscale;
 30 | }
 31 | 
 32 | .hero-full-screen:before {
 33 |   content: "\e671";
 34 | }
 35 | 
 36 | .hero-full-screen-zoom:before {
 37 |   content: "\e683";
 38 | }
 39 | 
 40 | .hero-auto:before {
 41 |   content: "\e6eb";
 42 | }
 43 | 
 44 | .hero-all:before {
 45 |   content: "\e6ef";
 46 | }
 47 | 
 48 | .hero-bussiness-man:before {
 49 |   content: "\e6f0";
 50 | }
 51 | 
 52 | .hero-component:before {
 53 |   content: "\e6f2";
 54 | }
 55 | 
 56 | .hero-code:before {
 57 |   content: "\e6f3";
 58 | }
 59 | 
 60 | .hero-copy:before {
 61 |   content: "\e6f4";
 62 | }
 63 | 
 64 | .hero-dollar:before {
 65 |   content: "\e6f5";
 66 | }
 67 | 
 68 | .hero-history:before {
 69 |   content: "\e6f8";
 70 | }
 71 | 
 72 | .hero-editor:before {
 73 |   content: "\e6f6";
 74 | }
 75 | 
 76 | .hero-data:before {
 77 |   content: "\e6f9";
 78 | }
 79 | 
 80 | .hero-gift:before {
 81 |   content: "\e6fa";
 82 | }
 83 | 
 84 | .hero-integral:before {
 85 |   content: "\e6fb";
 86 | }
 87 | 
 88 | .hero-nav-list:before {
 89 |   content: "\e6fd";
 90 | }
 91 | 
 92 | .hero-pic:before {
 93 |   content: "\e6ff";
 94 | }
 95 | 
 96 | .hero-Notvisible:before {
 97 |   content: "\e6fe";
 98 | }
 99 | 
100 | .hero-play:before {
101 |   content: "\e701";
102 | }
103 | 
104 | .hero-rising:before {
105 |   content: "\e703";
106 | }
107 | 
108 | .hero-QRcode:before {
109 |   content: "\e704";
110 | }
111 | 
112 | .hero-similar-product:before {
113 |   content: "\e707";
114 | }
115 | 
116 | .hero-Exportservices:before {
117 |   content: "\e702";
118 | }
119 | 
120 | .hero-all-fill:before {
121 |   content: "\e718";
122 | }
123 | 
124 | .hero-favorites-fill:before {
125 |   content: "\e721";
126 | }
127 | 
128 | .hero-integral-fill:before {
129 |   content: "\e726";
130 | }
131 | 
132 | .hero-namecard-fill:before {
133 |   content: "\e72a";
134 | }
135 | 
136 | .hero-pic-fill:before {
137 |   content: "\e72e";
138 | }
139 | 
140 | .hero-play-fill:before {
141 |   content: "\e72f";
142 | }
143 | 
144 | .hero-prompt-fill:before {
145 |   content: "\e730";
146 | }
147 | 
148 | .hero-stop-fill:before {
149 |   content: "\e738";
150 | }
151 | 
152 | .hero-add:before {
153 |   content: "\e742";
154 | }
155 | 
156 | .hero-add-cart:before {
157 |   content: "\e743";
158 | }
159 | 
160 | .hero-arrow-right:before {
161 |   content: "\e744";
162 | }
163 | 
164 | .hero-arrow-left:before {
165 |   content: "\e745";
166 | }
167 | 
168 | .hero-all1:before {
169 |   content: "\e746";
170 | }
171 | 
172 | .hero-arrow-up:before {
173 |   content: "\e747";
174 | }
175 | 
176 | .hero-ashbin:before {
177 |   content: "\e748";
178 | }
179 | 
180 | .hero-bad:before {
181 |   content: "\e749";
182 | }
183 | 
184 | .hero-attachent:before {
185 |   content: "\e74a";
186 | }
187 | 
188 | .hero-browse:before {
189 |   content: "\e74b";
190 | }
191 | 
192 | .hero-calendar:before {
193 |   content: "\e74c";
194 | }
195 | 
196 | .hero-calculator:before {
197 |   content: "\e74d";
198 | }
199 | 
200 | .hero-category:before {
201 |   content: "\e74e";
202 | }
203 | 
204 | .hero-close:before {
205 |   content: "\e74f";
206 | }
207 | 
208 | .hero-cart-Empty:before {
209 |   content: "\e750";
210 | }
211 | 
212 | .hero-color:before {
213 |   content: "\e751";
214 | }
215 | 
216 | .hero-conditions:before {
217 |   content: "\e752";
218 | }
219 | 
220 | .hero-confirm:before {
221 |   content: "\e753";
222 | }
223 | 
224 | .hero-company:before {
225 |   content: "\e754";
226 | }
227 | 
228 | .hero-copy1:before {
229 |   content: "\e755";
230 | }
231 | 
232 | .hero-credit-level:before {
233 |   content: "\e756";
234 | }
235 | 
236 | .hero-coupons:before {
237 |   content: "\e757";
238 | }
239 | 
240 | .hero-connections:before {
241 |   content: "\e758";
242 | }
243 | 
244 | .hero-clock:before {
245 |   content: "\e759";
246 | }
247 | 
248 | .hero-cut:before {
249 |   content: "\e75a";
250 | }
251 | 
252 | .hero-descending:before {
253 |   content: "\e75b";
254 | }
255 | 
256 | .hero-double-arro-right:before {
257 |   content: "\e75c";
258 | }
259 | 
260 | .hero-double-arrow-left:before {
261 |   content: "\e75d";
262 | }
263 | 
264 | .hero-discount:before {
265 |   content: "\e75e";
266 | }
267 | 
268 | .hero-download:before {
269 |   content: "\e75f";
270 | }
271 | 
272 | .hero-etrical-equipm:before {
273 |   content: "\e760";
274 | }
275 | 
276 | .hero-email:before {
277 |   content: "\e761";
278 | }
279 | 
280 | .hero-falling:before {
281 |   content: "\e762";
282 | }
283 | 
284 | .hero-earth:before {
285 |   content: "\e763";
286 | }
287 | 
288 | .hero-folder:before {
289 |   content: "\e764";
290 | }
291 | 
292 | .hero-help:before {
293 |   content: "\e765";
294 | }
295 | 
296 | .hero-good:before {
297 |   content: "\e766";
298 | }
299 | 
300 | .hero-gift1:before {
301 |   content: "\e767";
302 | }
303 | 
304 | .hero-leftbutton:before {
305 |   content: "\e768";
306 | }
307 | 
308 | .hero-ipad:before {
309 |   content: "\e769";
310 | }
311 | 
312 | .hero-leftarrow:before {
313 |   content: "\e76a";
314 | }
315 | 
316 | .hero-link:before {
317 |   content: "\e76b";
318 | }
319 | 
320 | .hero-listing-content:before {
321 |   content: "\e76c";
322 | }
323 | 
324 | .hero-lights:before {
325 |   content: "\e76d";
326 | }
327 | 
328 | .hero-move:before {
329 |   content: "\e76e";
330 | }
331 | 
332 | .hero-namecard:before {
333 |   content: "\e76f";
334 | }
335 | 
336 | .hero-map:before {
337 |   content: "\e770";
338 | }
339 | 
340 | .hero-notice:before {
341 |   content: "\e771";
342 | }
343 | 
344 | .hero-Notvisible1:before {
345 |   content: "\e772";
346 | }
347 | 
348 | .hero-operation:before {
349 |   content: "\e773";
350 | }
351 | 
352 | .hero-product:before {
353 |   content: "\e774";
354 | }
355 | 
356 | .hero-reduce:before {
357 |   content: "\e775";
358 | }
359 | 
360 | .hero-return:before {
361 |   content: "\e776";
362 | }
363 | 
364 | .hero-Rightbutton:before {
365 |   content: "\e777";
366 | }
367 | 
368 | .hero-success:before {
369 |   content: "\e778";
370 | }
371 | 
372 | .hero-text:before {
373 |   content: "\e779";
374 | }
375 | 
376 | .hero-Top:before {
377 |   content: "\e77a";
378 | }
379 | 
380 | .hero-tradealert:before {
381 |   content: "\e77b";
382 | }
383 | 
384 | .hero-upload:before {
385 |   content: "\e77c";
386 | }
387 | 
388 | .hero-viewlarger:before {
389 |   content: "\e77d";
390 | }
391 | 
392 | .hero-set:before {
393 |   content: "\e77e";
394 | }
395 | 
396 | .hero-sport:before {
397 |   content: "\e77f";
398 | }
399 | 
400 | .hero-contacts:before {
401 |   content: "\e780";
402 | }
403 | 
404 | .hero-discounts:before {
405 |   content: "\e781";
406 | }
407 | 
408 | .hero-unlock:before {
409 |   content: "\e782";
410 | }
411 | 
412 | .hero-landtransportation:before {
413 |   content: "\e783";
414 | }
415 | 
416 | .hero-topraning:before {
417 |   content: "\e7a0";
418 | }
419 | 
420 | .hero-add-select:before {
421 |   content: "\e7b0";
422 | }
423 | 
424 | .hero-sami-select:before {
425 |   content: "\e7b1";
426 | }
427 | 
428 | 


--------------------------------------------------------------------------------
/src/assets/fonts/iconfont.svg:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" standalone="no"?>
  2 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
  3 | <!--
  4 | 2013-9-30: Created.
  5 | -->
  6 | <svg>
  7 | <metadata>
  8 | Created by iconfont
  9 | </metadata>
 10 | <defs>
 11 | 
 12 | <font id="iconfont" horiz-adv-x="1024" >
 13 |   <font-face
 14 |     font-family="iconfont"
 15 |     font-weight="500"
 16 |     font-stretch="normal"
 17 |     units-per-em="1024"
 18 |     ascent="896"
 19 |     descent="-128"
 20 |   />
 21 |     <missing-glyph />
 22 |     
 23 |     <glyph glyph-name="full-screen" unicode="&#58993;" d="M835.1490294-11.434553179999966H645.85587572v71.4701821h189.29315368V244.05948378000005H907.49539958v-186.99924391a68.08712258 68.08712258 0 0 0-21.35708662-49.51680101 69.81516035 69.81516035 0 0 0-50.98928356-18.97190801zM426.80883229-11.495399580000026H184.8592037C147.09792691-11.495399580000026 116.4921875 19.110339830000044 116.4921875 56.87161662999995V298.82124522000004h71.33632047v-241.35941892h237.78773463L426.80883229-11.495399580000026z m480.68656729 480.68656729h-72.5289094V710.87915706H597.17875478V779.5078125h241.35941892c37.52397519-0.32857042 67.77072175-30.95864902 67.77072098-68.62865544L907.49539958 469.19116771zM189.16712888 523.95292837H116.4921875V710.84264906C116.81467314 748.62826427 147.29872051 779.18532686 184.99915014 779.5078125H372.04707163v-71.65272208H184.99915014L189.16712888 523.95292837z"  horiz-adv-x="1024" />
 24 | 
 25 |     
 26 |     <glyph glyph-name="full-screen-zoom" unicode="&#59011;" d="M693.333333 234.66666699999996h170.666667a32 32 0 0 0 4.352-63.701334L864 170.66666699999996H725.333333v-138.666667a32 32 0 0 0-63.701333-4.352l-0.298667 4.352v170.666667a32 32 0 0 0 27.648 31.701333l4.352 0.298667h170.666667-170.666667z m-533.333333 0h170.666667a32 32 0 0 0 31.701333-27.648l0.298667-4.352v-170.666667a32 32 0 0 0-63.701334-4.352L298.666667 32V170.66666699999996H160a32 32 0 0 0-4.352 63.701333l4.352 0.298667h170.666667-170.666667z m170.666667 533.333333a32 32 0 0 0 31.701333-27.648l0.298667-4.352v-170.666667a32 32 0 0 0-27.648-31.701333L330.666667 533.333333h-170.666667a32 32 0 0 0-4.352 63.701334L160 597.333333H298.666667V736A32 32 0 0 0 330.666667 768z m362.666666 0a32 32 0 0 0 31.701334-27.648L725.333333 736V597.333333h138.666667a32 32 0 0 0 4.352-63.701333l-4.352-0.298667h-170.666667a32 32 0 0 0-31.701333 27.648L661.333333 565.333333v170.666667a32 32 0 0 0 32 32z"  horiz-adv-x="1024" />
 27 | 
 28 |     
 29 |     <glyph glyph-name="auto" unicode="&#59115;" d="M689.536 704c26.816 0 50.794667-16.64 60.202667-41.706667l78.08-207.978666 67.754666 39.125333 27.562667-47.786667-50.709333-29.269333a64.213333 64.213333 0 0 0 27.157333-52.522667v-202.368a64.298667 64.298667 0 0 0-64.298667-64.298666h-27.648V21.333333h-55.146666v75.861334H255.957333V21.333333H200.853333v75.861334H173.184a64.298667 64.298667 0 0 0-64.32 64.298666v202.368a64.213333 64.213333 0 0 0 27.2 52.522667L85.333333 445.653333l27.584 47.786667 67.733334-39.104 78.08 207.957333A64.298667 64.298667 0 0 0 318.933333 704h370.602667z m145.728-342.954667H173.184v-199.552h662.101333v199.552z m-556.288-50.090666a41.386667 41.386667 0 1 0 0-82.752 41.386667 41.386667 0 0 0 0 82.752z m455.125333 0a41.386667 41.386667 0 1 0 0-82.752 41.386667 41.386667 0 0 0 0 82.752z m-44.565333 328.746666H318.933333l-79.402666-211.52h529.386666l-79.36 211.52z m-79.573333-46.037333v-62.058667h-206.869334v62.08h206.869334z"  horiz-adv-x="1024" />
 30 | 
 31 |     
 32 |     <glyph glyph-name="all" unicode="&#59119;" d="M490.666667 362.666667v-256a64 64 0 0 0-64-64h-192a64 64 0 0 0-64 64v192a64 64 0 0 0 64 64h256z m298.666666 0a64 64 0 0 0 64-64v-192a64 64 0 0 0-64-64h-192a64 64 0 0 0-64 64V362.666667h256z m-362.666666-64h-192v-192h192v192z m362.666666 0h-192v-192h192v192zM426.666667 725.333333a64 64 0 0 0 64-64v-256H234.666667a64 64 0 0 0-64 64v192a64 64 0 0 0 64 64h192z m266.666666 0a160 160 0 1 0 0-320 160 160 0 0 0 0 320zM426.666667 661.333333h-192v-192h192v192z m266.666666 0a96 96 0 1 1 0-192 96 96 0 0 1 0 192z"  horiz-adv-x="1024" />
 33 | 
 34 |     
 35 |     <glyph glyph-name="bussiness-man" unicode="&#59120;" d="M644.8 314.432l160.64-187.456A64 64 0 0 0 756.842667 21.333333H267.157333a64 64 0 0 0-48.597333 105.642667l160.661333 187.434667c18.922667-11.52 39.466667-20.629333 61.205334-26.944L267.157333 85.333333H480v128h64v-128h212.842667l-173.269334 202.133334a254.613333 254.613333 0 0 1 61.226667 26.965333zM512 746.666667c117.824 0 213.333333-95.509333 213.333333-213.333334s-95.509333-213.333333-213.333333-213.333333-213.333333 95.509333-213.333333 213.333333S394.176 746.666667 512 746.666667z m0-64a149.333333 149.333333 0 1 1 0-298.666667 149.333333 149.333333 0 0 1 0 298.666667z"  horiz-adv-x="1024" />
 36 | 
 37 |     
 38 |     <glyph glyph-name="component" unicode="&#59122;" d="M516.757333 746.666667a120.896 120.896 0 0 0 114.005334-161.173334h104.064a64 64 0 0 0 64-64V85.333333a64 64 0 0 0-64-64H298.666667a64 64 0 0 0-64 64v87.104c0 15.701333 11.989333 28.629333 27.306666 30.08l2.922667 0.149334a90.666667 90.666667 0 0 1 4.394667 181.226666L264.896 384a30.229333 30.229333 0 0 0-30.08 27.306667L234.666667 414.250667v107.242666a64 64 0 0 0 64 64h104.064a120.704 120.704 0 0 0-6.869334 40.32C395.861333 711.253333 431.274667 746.666667 516.757333 746.666667z m0-64a56.896 56.896 0 0 1-53.674666-75.861334l30.144-85.312H298.666667v-77.184a154.730667 154.730667 0 0 0 5.162666-300.693333l-5.162666-1.258667V85.333333h436.16V521.472l-194.56 0.021333 30.144 85.333334A56.896 56.896 0 0 1 516.736 682.666667z"  horiz-adv-x="1024" />
 39 | 
 40 |     
 41 |     <glyph glyph-name="code" unicode="&#59123;" d="M541.141333 627.136l61.717334-16.938667-132.394667-482.474666-61.717333 16.938666 132.394666 482.474667zM329.002667 597.333333l44.885333-45.610666-175.36-172.586667 175.04-167.573333-44.266667-46.229334L106.666667 378.496 329.002667 597.333333z m355.882666 0l222.336-218.837333L684.586667 165.333333l-44.266667 46.229334 175.018667 167.573333L640 551.722667 684.885333 597.333333z"  horiz-adv-x="1024" />
 42 | 
 43 |     
 44 |     <glyph glyph-name="copy" unicode="&#59124;" d="M576 512a64 64 0 0 0 64-64v-341.333333a64 64 0 0 0-64-64H234.666667a64 64 0 0 0-64 64V448a64 64 0 0 0 64 64h341.333333z m0-64H234.666667v-341.333333h341.333333V448z m-64-192v-64H298.666667v64h213.333333zM789.333333 725.333333a64 64 0 0 0 64-64v-341.333333a64 64 0 0 0-64-64h-106.666666v64h106.666666V661.333333H448v-106.666666h-64v106.666666a64 64 0 0 0 64 64h341.333333zM512 362.666667v-64H298.666667v64h213.333333z"  horiz-adv-x="1024" />
 45 | 
 46 |     
 47 |     <glyph glyph-name="dollar" unicode="&#59125;" d="M545.024 720v-66.645333l4.544-0.682667c28.16-4.202667 50.986667-12.778667 68.736-25.813333 15.658667-11.52 30.72-28.522667 45.184-50.901334l3.2-4.906666-62.293333-32.469334-2.645334 3.968c-21.888 32.853333-49.984 49.322667-84.032 49.322667-22.890667 0-42.048-6.442667-57.173333-19.157333-15.466667-13.013333-23.274667-29.376-23.274667-48.810667 0-17.706667 6.421333-32.682667 19.029334-44.458667 10.24-9.557333 29.12-20.416 57.344-32.938666l21.546666-9.301334c25.877333-11.264 47.253333-21.738667 64.341334-31.530666 18.944-10.922667 33.130667-21.354667 42.453333-31.210667 26.922667-27.093333 40.277333-59.52 40.277333-97.792 0-37.674667-12.117333-70.848-36.352-99.648-24-28.693333-56.192-48-96.64-58.069333l-4.053333-1.002667v-69.952h-53.802667v68.330667l-4.522666 0.704c-47.018667 7.210667-82.858667 22.229333-107.306667 45.056-22.613333 21.12-39.786667 53.034667-51.541333 95.637333l-1.536 5.546667 70.826666 13.824 1.514667-4.373334c10.816-31.146667 23.808-53.76 38.848-67.797333 17.92-15.317333 41.301333-22.933333 70.485333-22.933333 28.352 0 52.138667 8.597333 71.296 25.728 19.050667 17.130667 28.672 39.338667 28.672 66.218666 0 24.170667-8.106667 43.776-24.064 58.453334-7.893333 6.954667-19.242667 14.570667-34.773333 23.36a541.333333 541.333333 0 0 1-48.896 23.893333l-15.786667 6.784c-42.709333 18.474667-71.168 35.413333-84.672 50.474667-23.082667 24.192-34.517333 52.8-34.517333 86.293333 0 15.808 2.688 30.528 8.106667 44.224a123.157333 123.157333 0 0 0 23.488 36.992c10.176 10.922667 22.890667 20.629333 37.994666 28.970667 14.997333 8.106667 32.384 14.570667 52.096 19.392l4.053334 1.002666V720h53.845333z"  horiz-adv-x="1024" />
 48 | 
 49 |     
 50 |     <glyph glyph-name="history" unicode="&#59128;" d="M512 736c194.410667 0 352-157.589333 352-352S706.410667 32 512 32l-2.538667 0.106667c-91.477333 7.274667-165.738667 38.08-221.44 91.989333L288 53.333333h-64V256H405.333333v-64h-92.842666c46.250667-56.917333 112.490667-88.725333 200.768-96l6.677333 0.106667C675.328 100.309333 800 227.605333 800 384c0 159.061333-128.938667 288-288 288S224 543.061333 224 384h-64c0 194.410667 157.589333 352 352 352zM469.333333 576h64v-160h160v-64H469.333333V576z"  horiz-adv-x="1024" />
 51 | 
 52 |     
 53 |     <glyph glyph-name="editor" unicode="&#59126;" d="M694.037333 682.666667v-64H234.666667v-469.333334h512V384h64v-234.666667a64 64 0 0 0-64-64H234.666667a64 64 0 0 0-64 64V618.666667a64 64 0 0 0 64 64h459.370666z m136.746667-24.234667l45.098667-45.397333-343.722667-341.290667 0.128-0.128-46.592-1.578667 1.322667 47.274667 0.085333-0.106667 343.68 341.226667z"  horiz-adv-x="1024" />
 54 | 
 55 |     
 56 |     <glyph glyph-name="data" unicode="&#59129;" d="M469.333333 744.192v-64.554667c-144.746667-20.693333-256-145.173333-256-295.637333 0-164.949333 133.717333-298.666667 298.666667-298.666667 150.464 0 274.944 111.253333 295.637333 256h64.554667c-21.12-180.181333-174.336-320-360.192-320-200.298667 0-362.666667 162.368-362.666667 362.666667 0 185.856 139.818667 339.072 320 360.192zM512 746.666667c197.973333 0 358.933333-158.656 362.602667-355.776L874.666667 384H512V746.666667z m64-70.869334V448h227.797333a299.093333 299.093333 0 0 1-220.885333 226.197333L576 675.797333z"  horiz-adv-x="1024" />
 57 | 
 58 |     
 59 |     <glyph glyph-name="gift" unicode="&#59130;" d="M592.234667 746.666667l6.784-0.106667a111.146667 111.146667 0 0 0 95.872-158.421333h133.077333a64 64 0 0 0 64-64v-75.797334a64 64 0 0 0-64-64h-3.946667v-298.346666a64 64 0 0 0-64-64h-483.413333a64 64 0 0 0-64 64l-0.021333 298.346666H208.64a64 64 0 0 0-64 64v75.797334a64 64 0 0 0 64 64h122.410667a111.146667 111.146667 0 0 0 95.872 158.442666L433.706667 746.666667a112.853333 112.853333 0 0 0 79.253333-32.384A112.810667 112.810667 0 0 0 592.234667 746.666667z m-107.904-362.325334h-207.744v-298.346666l207.744 0.021333V384.341333z m275.690666 0h-207.744v-298.325333h207.744V384.32zM484.330667 524.16H208.64v-75.818667h3.925333v1.941334l271.744 0.021333V524.16z m343.637333 0H552.277333v-73.856l271.744-0.021333v-1.941334h3.946667v75.797334zM433.706667 682.666667h-2.090667a47.146667 47.146667 0 0 1 0-94.293334h47.36v45.056c0 5.546667 0.426667 10.986667 1.173333 16.298667A49.216 49.216 0 0 1 433.728 682.666667z m160.597333 0h-2.090667a49.258667 49.258667 0 0 1-46.464-32.96c0.789333-5.290667 1.173333-10.730667 1.173334-16.277334v-45.056h47.36a47.146667 47.146667 0 0 1 47.04 43.776l0.128 3.370667c0 26.026667-21.12 47.146667-47.146667 47.146667z"  horiz-adv-x="1024" />
 60 | 
 61 |     
 62 |     <glyph glyph-name="integral" unicode="&#59131;" d="M168.106667 274.56l120.746666-57.962667 223.274667-108.138666 215.317333 104.32 128.768 61.674666a64 64 0 0 0-29.952-84.970666l-286.229333-138.624a64 64 0 0 0-55.808 0L197.994667 189.482667A64 64 0 0 0 168.106667 274.56z m687.829333 133.930667a64 64 0 0 0-29.674667-85.546667L540.010667 184.32a64 64 0 0 0-55.808 0L197.994667 322.944A64 64 0 0 0 166.826667 405.12l317.013333-149.525333 28.288-13.696 286.229333 138.624-0.149333 0.064 57.728 27.882666zM540.032 710.208l286.208-138.602667a64 64 0 0 0 0-115.2l-286.208-138.624a64 64 0 0 0-55.808 0L197.994667 456.405333a64 64 0 0 0 0 115.2L484.224 710.186667a64 64 0 0 0 55.808 0z m-27.904-57.6l-286.229333-138.602667 286.229333-138.624 286.229333 138.624-286.229333 138.602667z"  horiz-adv-x="1024" />
 63 | 
 64 |     
 65 |     <glyph glyph-name="nav-list" unicode="&#59133;" d="M789.333333 320v-85.333333h85.333334v-64h-85.333334v-85.333334h-64v85.333334h-85.333333v64h85.333333v85.333333h64z m-533.333333-158.101333v-64H170.666667v64h85.333333z m341.333333 0v-64H298.666667v64h298.666666zM256 402.837333v-64H170.666667v64h85.333333z m426.666667 0v-64H298.666667v64h384zM256 643.776v-64H170.666667v64h85.333333z m597.333333 0v-64H298.666667v64h554.666666z"  horiz-adv-x="1024" />
 66 | 
 67 |     
 68 |     <glyph glyph-name="pic" unicode="&#59135;" d="M817.365333 682.666667a64 64 0 0 0 64-64v-469.333334a64 64 0 0 0-64-64h-597.333333a64 64 0 0 0-64 64V618.666667a64 64 0 0 0 64 64h597.333333z m0-64h-597.333333v-469.333334h597.333333V618.666667zM746.666667 524.885333v-63.957333c-100.608 1.450667-163.306667-30.293333-193.493334-94.229333l-2.304-5.12-2.858666-6.357334c-44.010667-95.146667-129.088-142.464-249.322667-140.842666v64c96.234667-1.6 157.930667 32.384 190.933333 103.04l2.538667 5.632 2.624 5.845333c41.664 89.664 127.488 133.333333 251.882667 131.989333z m-397.696 17.237334a42.666667 42.666667 0 1 0 0-85.333334 42.666667 42.666667 0 0 0 0 85.333334z"  horiz-adv-x="1024" />
 69 | 
 70 |     
 71 |     <glyph glyph-name="Notvisible" unicode="&#59134;" d="M786.645333 714.581333l45.269334-45.269333-573.226667-573.226667-45.269333 45.269334 573.226666 573.226666z m-18.794666-167.637333c36.138667-34.56 71.146667-76.949333 105.024-127.146667a64 64 0 0 0 2.410666-67.712l-2.410666-3.882666-6.058667-8.853334C759.786667 184.234667 641.493333 106.666667 512 106.666667c-51.136 0-100.501333 12.096-148.138667 36.266666l48.213334 48.213334c32.768-13.738667 66.069333-20.48 99.925333-20.48 105.770667 0 206.037333 65.749333 301.952 204.757333l5.866667 8.576-5.888 8.597333c-29.994667 43.477333-60.416 79.786667-91.306667 109.12l45.226667 45.226667zM512 661.333333c45.013333 0 88.64-9.365333 130.944-28.096l-49.408-49.429333A253.226667 253.226667 0 0 1 512 597.333333c-105.770667 0-206.037333-65.749333-301.952-204.757333L204.181333 384l5.888-8.597333c25.856-37.461333 52.010667-69.589333 78.506667-96.554667l-45.205333-45.205333c-31.616 32.106667-62.378667 70.293333-92.245334 114.56a64 64 0 0 0-2.410666 67.712l2.410666 3.882666 6.058667 8.853334C264.213333 583.765333 382.506667 661.333333 512 661.333333z m133.696-236.586666a141.482667 141.482667 0 0 0-180.074667-180.074667l56.96 56.96a77.525333 77.525333 0 0 1 66.176 66.176l56.938667 56.96zM512 519.872c5.610667 0 11.157333-0.32 16.597333-0.96l-157.098666-157.12A141.482667 141.482667 0 0 0 512 519.850667z"  horiz-adv-x="1024" />
 72 | 
 73 |     
 74 |     <glyph glyph-name="play" unicode="&#59137;" d="M512 746.666667c200.298667 0 362.666667-162.368 362.666667-362.666667s-162.368-362.666667-362.666667-362.666667S149.333333 183.701333 149.333333 384 311.701333 746.666667 512 746.666667z m0-64c-164.949333 0-298.666667-133.717333-298.666667-298.666667s133.717333-298.666667 298.666667-298.666667 298.666667 133.717333 298.666667 298.666667-133.717333 298.666667-298.666667 298.666667z m-64-141.312a42.666667 42.666667 0 0 0 22.741333-6.570667l176.533334-111.232a42.666667 42.666667 0 0 0 0.32-71.978667l-176.533334-113.429333A42.666667 42.666667 0 0 0 405.333333 274.026667v224.64a42.666667 42.666667 0 0 0 42.666667 42.666666z m21.333333-81.322667v-146.922667l115.456 74.176L469.333333 460.032z"  horiz-adv-x="1024" />
 75 | 
 76 |     
 77 |     <glyph glyph-name="rising" unicode="&#59139;" d="M553.173333 92.16h-64l0.021334 474.581333-224.021334-224-45.269333 45.226667L521.6 689.706667l301.717333-301.696-45.269333-45.269334-224.853333 224.896v-475.477333z"  horiz-adv-x="1024" />
 78 | 
 79 |     
 80 |     <glyph glyph-name="QRcode" unicode="&#59140;" d="M491.925333 363.925333V42.666667H170.666667V363.925333h321.258666zM597.333333 106.666667v-64h-64v64h64z m256 85.333333v-149.333333h-128v64h64v85.333333h64z m-425.408 107.925333H234.666667V106.666667h193.258666v193.258666zM661.333333 298.666667v-128h64v-64h-128v192h64z m-277.333333-42.666667v-106.666667h-106.666667v106.666667h106.666667z m405.333333 0v-64h-64v64h64z m64 106.666667v-106.666667h-64v42.666667h-64v64h128z m-256 0v-64h-64v64h64zM491.925333 725.333333v-321.258666H170.666667V725.333333h321.258666zM853.333333 725.333333v-321.258666H532.074667V725.333333H853.333333z m-425.408-64H234.666667v-193.258666h193.258666V661.333333zM789.333333 661.333333h-193.258666v-193.258666H789.333333V661.333333z m-405.333333-42.666666v-106.666667h-106.666667v106.666667h106.666667z m362.666667 0v-106.666667h-106.666667v106.666667h106.666667z"  horiz-adv-x="1024" />
 81 | 
 82 |     
 83 |     <glyph glyph-name="similar-product" unicode="&#59143;" d="M908.074667 277.333333a42.666667 42.666667 0 0 0 33.045333-69.674666l-67.2-82.197334V-12.8l-63.274667 16.981333v145.045334L863.082667 213.333333H712.96L768 149.546667v-133.909334l-63.765333 17.130667V125.44l-70.165334 81.322667A42.666667 42.666667 0 0 0 666.368 277.333333h241.706667zM540.373333 735.146667l258.346667-114.752a64 64 0 0 0 38.037333-58.496V320h-64v181.653333L556.437333 405.546667v-343.893334H554.666667v-22.4l-14.314667-6.357333a64 64 0 0 0-51.946667 0l-258.389333 114.730667A64 64 0 0 0 192 206.101333V561.898667a64 64 0 0 0 38.016 58.496l258.389333 114.730666a64 64 0 0 0 51.946667 0zM256 504.64v-298.56l236.437333-105.002667V406.848L256 504.661333z m258.368 171.968l-244.352-108.501333 256.213333-106.026667 235.498667 104.682667-247.36 109.866666z"  horiz-adv-x="1024" />
 84 | 
 85 |     
 86 |     <glyph glyph-name="Exportservices" unicode="&#59138;" d="M512 746.666667l6.890667-0.064h0.874666l6.186667-0.213334c39.168-1.472 76.714667-9.173333 111.722667-22.101333l-4.117334 1.493333c2.56-0.896 5.12-1.834667 7.658667-2.794666l-3.541333 1.301333a367.701333 367.701333 0 0 0 20.16-8.149333l-1.066667 0.469333c2.517333-1.088 5.013333-2.197333 7.488-3.349333l-6.4 2.901333c2.773333-1.237333 5.546667-2.496 8.277333-3.776l-1.877333 0.853333c2.986667-1.365333 5.973333-2.794667 8.917333-4.266666l-7.04 3.413333a361.813333 361.813333 0 0 0 32.917334-17.6v-0.021333a363.008 363.008 0 0 0 29.610666-19.904l-4.885333 3.584c2.026667-1.450667 4.053333-2.944 6.037333-4.437334l-1.152 0.853334c2.154667-1.6 4.309333-3.242667 6.442667-4.906667l-5.290667 4.053333c2.389333-1.813333 4.778667-3.626667 7.125334-5.504l-1.834667 1.450667c2.773333-2.176 5.504-4.373333 8.213333-6.613333l-6.378666 5.162666a364.8 364.8 0 0 0 21.696-18.602666l-1.322667 1.216c1.962667-1.813333 3.904-3.626667 5.845333-5.482667l-4.522666 4.266667a364.821333 364.821333 0 0 0 19.605333-19.626667l5.248-5.802667 0.298667-0.341333c14.144-16 26.88-33.237333 38.058666-51.562667l0.064-0.085333 4.309334-7.274667a361.834667 361.834667 0 0 0 20.352-41.002666l-2.432 5.653333a357.354667 357.354667 0 0 0 10.069333-25.472l-1.109333 3.114667c0.917333-2.517333 1.792-5.056 2.645333-7.594667l1.258667-3.754667 2.517333-8.106666a360.661333 360.661333 0 0 0 10.773333-47.573334c1.002667-6.4 1.834667-12.8 2.496-19.285333l-0.32 3.008c0.32-3.029333 0.64-6.058667 0.874667-9.109333l-0.554667 6.101333a367.68 367.68 0 0 0 0.576-68.266667l0.213334 2.538667-0.64-7.274667 0.426666 4.736a362.624 362.624 0 0 0-3.456-27.882666 359.936 359.936 0 0 0-16.746666-64.384c-2.048-5.632-4.202667-11.178667-6.506667-16.661334l1.024 2.496c-1.130667-2.794667-2.325333-5.568-3.541333-8.32v-0.021333a360.661333 360.661333 0 0 0-17.557334-34.730667l0.469334 0.810667a363.904 363.904 0 0 0-43.264-60.373333l-0.277334-0.298667-4.010666-4.437333-6.186667-6.613334a364.842667 364.842667 0 0 0-14.101333-13.866666l5.610666 5.333333a364.8 364.8 0 0 0-21.397333-19.242667l1.173333 1.002667c-2.624-2.176-5.248-4.330667-7.914666-6.442667l6.72 5.461334a363.968 363.968 0 0 0-24.085334-18.346667 362.325333 362.325333 0 0 0-33.685333-20.885333c-5.802667-3.157333-11.733333-6.186667-17.728-9.066667l1.685333 0.810667a360.618667 360.618667 0 0 0-18.645333-8.362667l6.848 2.944c-2.474667-1.109333-4.970667-2.154667-7.466667-3.2l0.597334 0.256c-3.157333-1.322667-6.357333-2.602667-9.6-3.84l9.002666 3.584c-3.306667-1.365333-6.656-2.688-10.026666-3.946667l1.045333 0.384c-2.986667-1.130667-5.973333-2.24-8.981333-3.285333l7.957333 2.901333c-2.986667-1.130667-6.016-2.24-9.045333-3.285333l1.066666 0.384a362.453333 362.453333 0 0 0-128.128-20.373333l-6.165333 0.170666a361.344 361.344 0 0 0-111.722667 22.122667l4.117334-1.493333c-2.56 0.896-5.12 1.834667-7.658667 2.794666l3.541333-1.301333a367.701333 367.701333 0 0 0-19.093333 7.68l8-3.392a360.554667 360.554667 0 0 0-9.066667 3.84l1.066667-0.448a360.704 360.704 0 0 0-7.488 3.349333l6.4-2.901333c-2.773333 1.237333-5.546667 2.496-8.277333 3.776l1.877333-0.853333c-2.986667 1.365333-5.973333 2.816-8.96 4.266666l7.082667-3.413333a361.813333 361.813333 0 0 0-32.917334 17.6v0.021333a363.008 363.008 0 0 0-29.610666 19.904l4.629333-3.413333c-2.048 1.493333-4.096 2.986667-6.122667 4.522667l1.493334-1.109334a364.16 364.16 0 0 0-7.381334 5.653334l5.888-4.544a364.224 364.224 0 0 0-6.826666 5.290666l0.938666-0.746666c-2.474667 1.941333-4.906667 3.925333-7.338666 5.930666l6.4-5.184a364.842667 364.842667 0 0 0-21.802667 18.709334l1.472-1.365334c-1.962667 1.813333-3.904 3.626667-5.845333 5.482667l4.373333-4.117333c-2.133333 1.962667-4.224 3.968-6.293333 5.973333v0.021333c-4.501333 4.373333-8.896 8.874667-13.162667 13.482667l-5.248 5.802667-0.298667 0.341333a363.733333 363.733333 0 0 0-62.869333 100.138667l2.517333-5.866667a357.034667 357.034667 0 0 0-10.133333 25.685333l1.130667-3.2a420.096 420.096 0 0 0-4.138667 12.096 360.682667 360.682667 0 0 0-13.162667 55.765334 362.816 362.816 0 0 0-2.474666 19.669333l0.426666-3.925333c-0.341333 2.88-0.618667 5.76-0.853333 8.682666l0.426667-4.757333a367.68 367.68 0 0 0-0.426667 66.922667l-0.213333-2.538667c0.213333 2.88 0.490667 5.76 0.768 8.618667l-0.554667-6.08a362.602667 362.602667 0 0 0 3.52 28.202666 359.936 359.936 0 0 0 16.746667 64.213334c2.026667 5.653333 4.202667 11.221333 6.506666 16.725333l-0.64-1.6a360.746667 360.746667 0 0 0 20.992 42.56l4.309334 7.296a364.202667 364.202667 0 0 0 38.122666 51.626667l0.277334 0.341333 5.077333 5.610667a364.906667 364.906667 0 0 0 15.786667 16.042666l-2.176-2.069333 4.906666 4.672c2.730667 2.56 5.504 5.077333 8.32 7.552l-2.133333-1.898667 3.925333 3.477334-1.792-1.578667c2.410667 2.133333 4.842667 4.202667 7.296 6.272l-5.504-4.693333c2.133333 1.834667 4.266667 3.669333 6.442667 5.461333l-0.938667-0.768c4.736 3.946667 9.557333 7.765333 14.506667 11.477333l-4.117333-3.136a366.250667 366.250667 0 0 0 12.629333 9.344h-0.021333a364.266667 364.266667 0 0 0 22.186666 14.506667l-6.421333-3.968a362.581333 362.581333 0 0 0 23.786667 13.802667l-0.810667-0.426667c2.176 1.173333 4.352 2.304 6.528 3.413333l-5.717333-2.986666c2.965333 1.578667 5.973333 3.114667 8.96 4.608l-3.242667-1.621334c3.264 1.664 6.549333 3.264 9.856 4.821334l-6.613333-3.2c2.922667 1.450667 5.845333 2.858667 8.789333 4.202666l-2.176-1.002666c2.496 1.173333 5.013333 2.325333 7.552 3.434666l-5.376-2.432c2.538667 1.173333 5.077333 2.325333 7.658667 3.434667l-2.282667-1.002667c6.08 2.709333 12.266667 5.226667 18.517333 7.594667l-7.829333-3.050667a359.808 359.808 0 0 0 25.130667 9.088A362.453333 362.453333 0 0 0 512 746.666667z m-142.933333-518.186667l-3.477334-1.365333a383.274667 383.274667 0 0 1-76.224-42.197334 298.368 298.368 0 0 1 160.298667-93.077333A448.064 448.064 0 0 0 369.066667 228.48000000000002z m285.888 0.021333l-0.32-0.832a447.701333 447.701333 0 0 0-80.32-135.829333 298.368 298.368 0 0 1 160.32 93.056 382.421333 382.421333 0 0 1-79.68 43.605333zM512 256c-28.010667 0-55.317333-2.986667-81.621333-8.682667A383.957333 383.957333 0 0 1 512 118.39999999999998a384.298667 384.298667 0 0 1 81.621333 128.896A384.533333 384.533333 0 0 1 512 256zM252.010667 531.114667l-2.986667-5.44A297.344 297.344 0 0 1 213.333333 384c0-53.482667 14.08-103.68 38.677334-147.114667a446.528 446.528 0 0 0 99.157333 53.376A448.512 448.512 0 0 0 341.333333 384c0 32.149333 3.392 63.530667 9.813334 93.76a445.866667 445.866667 0 0 0-99.136 53.354667z m519.978666 0l-4.48-3.157334a446.826667 446.826667 0 0 0-94.677333-50.218666C679.253333 447.530667 682.666667 416.149333 682.666667 384c0-32.149333-3.392-63.530667-9.813334-93.76a445.866667 445.866667 0 0 0 99.136-53.354667A297.365333 297.365333 0 0 1 810.666667 384c0 53.482667-14.08 103.68-38.677334 147.114667z m-160.64-72.042667l-4.650666-1.045333c-30.506667-6.570667-62.208-10.026667-94.698667-10.026667-34.133333 0-67.392 3.818667-99.349333 11.050667A386.432 386.432 0 0 1 405.333333 384c0-25.685333 2.517333-50.773333 7.338667-75.072A448.789333 448.789333 0 0 0 512 320c34.133333 0 67.392-3.818667 99.349333-11.050667 4.8 24.256 7.317333 49.365333 7.317334 75.050667 0 25.685333-2.517333 50.773333-7.338667 75.072zM512 649.6l-3.306667-3.498667a384.106667 384.106667 0 0 1-78.293333-125.397333c26.282667-5.696 53.589333-8.704 81.6-8.704 28.010667 0 55.317333 2.986667 81.621333 8.682667A383.957333 383.957333 0 0 1 512 649.6z m-62.293333 26.56l-2.624-0.576a298.432 298.432 0 0 1-157.717334-92.48 382.421333 382.421333 0 0 1 79.68-43.605333 447.914667 447.914667 0 0 0 80.64 136.661333z m124.629333 0l2.986667-3.52a447.573333 447.573333 0 0 0 77.610666-133.12 381.845333 381.845333 0 0 1 79.701334 43.562667 298.368 298.368 0 0 1-160.298667 93.077333z"  horiz-adv-x="1024" />
 87 | 
 88 |     
 89 |     <glyph glyph-name="all-fill" unicode="&#59160;" d="M490.666667 362.666667v-256a64 64 0 0 0-64-64h-192a64 64 0 0 0-64 64v192a64 64 0 0 0 64 64h256z m298.666666 0a64 64 0 0 0 64-64v-192a64 64 0 0 0-64-64h-192a64 64 0 0 0-64 64V362.666667h256zM426.666667 725.333333a64 64 0 0 0 64-64v-256H234.666667a64 64 0 0 0-64 64v192a64 64 0 0 0 64 64h192z m266.666666 0a160 160 0 1 0 0-320 160 160 0 0 0 0 320z"  horiz-adv-x="1024" />
 90 | 
 91 |     
 92 |     <glyph glyph-name="favorites-fill" unicode="&#59169;" d="M484.266667 623.978667l6.634666-6.72c5.973333-5.973333 13.013333-12.842667 21.098667-20.629334l9.194667 8.917334c7.253333 7.04 13.44 13.184 18.56 18.432a193.28 193.28 0 0 0 277.44 0c75.904-77.525333 76.629333-202.794667 2.133333-281.194667L512 42.666667 204.672 342.762667c-74.474667 78.421333-73.770667 203.690667 2.133333 281.216a193.28 193.28 0 0 0 277.44 0z"  horiz-adv-x="1024" />
 93 | 
 94 |     
 95 |     <glyph glyph-name="integral-fill" unicode="&#59174;" d="M168.106667 274.56l120.746666-57.962667 223.274667-108.138666 215.317333 104.32 128.768 61.674666a64 64 0 0 0-29.952-84.970666l-286.229333-138.624a64 64 0 0 0-55.808 0L197.994667 189.482667A64 64 0 0 0 168.106667 274.56z m687.829333 133.930667a64 64 0 0 0-29.674667-85.546667L540.010667 184.32a64 64 0 0 0-55.808 0L197.994667 322.944A64 64 0 0 0 166.826667 405.12l317.013333-149.525333 28.288-13.696 286.229333 138.624-0.149333 0.064 57.728 27.882666zM540.032 710.208l286.208-138.602667a64 64 0 0 0 0-115.2l-286.208-138.624a64 64 0 0 0-55.808 0L197.994667 456.405333a64 64 0 0 0 0 115.2L484.224 710.186667a64 64 0 0 0 55.808 0z"  horiz-adv-x="1024" />
 96 | 
 97 |     
 98 |     <glyph glyph-name="namecard-fill" unicode="&#59178;" d="M810.666667 661.333333a64 64 0 0 0 64-64v-426.666666a64 64 0 0 0-64-64H213.333333a64 64 0 0 0-64 64V597.333333a64 64 0 0 0 64 64h597.333334z m-42.666667-362.666666H256v-64h512v64zM469.333333 554.666667H256v-192h213.333333v192z m298.666667-128H512v-64h256v64z m-362.666667 64v-64h-85.333333v64h85.333333z"  horiz-adv-x="1024" />
 99 | 
100 |     
101 |     <glyph glyph-name="pic-fill" unicode="&#59182;" d="M817.365333 682.666667a64 64 0 0 0 64-64v-469.333334a64 64 0 0 0-64-64h-597.333333a64 64 0 0 0-64 64V618.666667a64 64 0 0 0 64 64h597.333333zM746.666667 524.885333c-124.394667 1.322667-210.218667-42.325333-251.882667-131.989333l-2.624-5.845333-2.56-5.653334c-32.981333-70.613333-94.677333-104.618667-190.912-103.04v-64c120.234667-1.6 205.312 45.696 249.322667 140.864l2.858666 6.357334 2.304 5.12c30.186667 63.936 92.885333 95.68 193.493334 94.229333z m-397.696 17.237334a42.666667 42.666667 0 1 1 0-85.333334 42.666667 42.666667 0 0 1 0 85.333334z"  horiz-adv-x="1024" />
102 | 
103 |     
104 |     <glyph glyph-name="play-fill" unicode="&#59183;" d="M512 746.666667c200.298667 0 362.666667-162.368 362.666667-362.666667s-162.368-362.666667-362.666667-362.666667S149.333333 183.701333 149.333333 384 311.701333 746.666667 512 746.666667z m-50.56-234.666667c-19.2 0-34.773333-15.573333-34.773333-34.773333v-182.997334a34.773333 34.773333 0 0 1 53.546666-29.248l143.808 92.394667a34.773333 34.773333 0 0 1-0.256 58.666667l-143.808 90.602666a34.773333 34.773333 0 0 1-18.538666 5.354667z"  horiz-adv-x="1024" />
105 | 
106 |     
107 |     <glyph glyph-name="prompt-fill" unicode="&#59184;" d="M512 746.666667c200.298667 0 362.666667-162.368 362.666667-362.666667s-162.368-362.666667-362.666667-362.666667S149.333333 183.701333 149.333333 384 311.701333 746.666667 512 746.666667z m32-298.666667h-64v-256h64V448z m0 106.666667h-64v-64h64v64z"  horiz-adv-x="1024" />
108 | 
109 |     
110 |     <glyph glyph-name="stop-fill" unicode="&#59192;" d="M512 746.666667c200.298667 0 362.666667-162.368 362.666667-362.666667s-162.368-362.666667-362.666667-362.666667S149.333333 183.701333 149.333333 384 311.701333 746.666667 512 746.666667z m53.333333-256h-106.666666a53.333333 53.333333 0 0 1-53.333334-53.333334v-106.666666a53.333333 53.333333 0 0 1 53.333334-53.333334h106.666666a53.333333 53.333333 0 0 1 53.333334 53.333334v106.666666a53.333333 53.333333 0 0 1-53.333334 53.333334z"  horiz-adv-x="1024" />
111 | 
112 |     
113 |     <glyph glyph-name="add" unicode="&#59202;" d="M512 746.666667c200.298667 0 362.666667-162.368 362.666667-362.666667s-162.368-362.666667-362.666667-362.666667S149.333333 183.701333 149.333333 384 311.701333 746.666667 512 746.666667z m0-64c-164.949333 0-298.666667-133.717333-298.666667-298.666667s133.717333-298.666667 298.666667-298.666667 298.666667 133.717333 298.666667 298.666667-133.717333 298.666667-298.666667 298.666667z m32-106.666667v-160H704v-64h-160V192h-64v160.021333L320 352v64l160 0.021333V576h64z"  horiz-adv-x="1024" />
114 | 
115 |     
116 |     <glyph glyph-name="add-cart" unicode="&#59203;" d="M330.666667 128a53.333333 53.333333 0 1 0 0-106.666667 53.333333 53.333333 0 0 0 0 106.666667z m384 0a53.333333 53.333333 0 1 0 0-106.666667 53.333333 53.333333 0 0 0 0 106.666667zM149.504 736a96 96 0 0 0 93.930667-76.181333L256.64 597.333333h0.213333l42.88-205.333333L332.224 234.666667h402.218667l61.653333 298.666666H313.813333l-13.376 64h495.68a64 64 0 0 0 62.677334-76.949333l-61.653334-298.666667A64 64 0 0 0 734.442667 170.666667H332.224a64 64 0 0 0-62.677333 51.050666l-60.586667 293.418667-0.405333-0.085333-27.733334 131.562666a32 32 0 0 1-31.317333 25.386667H94.762667v64zM565.333333 490.666667v-74.666667H640v-64h-74.666667V277.333333h-64v74.666667H426.666667v64h74.666666V490.666667h64z"  horiz-adv-x="1024" />
117 | 
118 |     
119 |     <glyph glyph-name="arrow-right" unicode="&#59204;" d="M593.450667 383.872L360.064 617.386667l45.290667 45.226666 278.613333-278.762666L405.333333 105.386667l-45.226666 45.269333z"  horiz-adv-x="1024" />
120 | 
121 |     
122 |     <glyph glyph-name="arrow-left" unicode="&#59205;" d="M641.28 617.386667l-45.226667 45.226666-278.634666-278.762666 278.613333-278.485334 45.248 45.269334-233.365333 233.237333z"  horiz-adv-x="1024" />
123 | 
124 |     
125 |     <glyph glyph-name="all1" unicode="&#59206;" d="M490.666667 362.666667v-256a64 64 0 0 0-64-64h-192a64 64 0 0 0-64 64v192a64 64 0 0 0 64 64h256z m298.666666 0a64 64 0 0 0 64-64v-192a64 64 0 0 0-64-64h-192a64 64 0 0 0-64 64V362.666667h256z m-362.666666-64h-192v-192h192v192z m362.666666 0h-192v-192h192v192zM426.666667 725.333333a64 64 0 0 0 64-64v-256H234.666667a64 64 0 0 0-64 64v192a64 64 0 0 0 64 64h192z m266.666666 0a160 160 0 1 0 0-320 160 160 0 0 0 0 320zM426.666667 661.333333h-192v-192h192v192z m266.666666 0a96 96 0 1 1 0-192 96 96 0 0 1 0 192z"  horiz-adv-x="1024" />
126 | 
127 |     
128 |     <glyph glyph-name="arrow-up" unicode="&#59207;" d="M500.8 434.090667L267.306667 200.704l-45.226667 45.269333 278.741333 278.613334L779.306667 245.973333l-45.248-45.226666z"  horiz-adv-x="1024" />
129 | 
130 |     
131 |     <glyph glyph-name="ashbin" unicode="&#59208;" d="M341.013333 501.333333l27.754667-393.450666h271.829333l27.733334 393.450666h64.106666L704.426667 103.381333a64 64 0 0 0-63.829334-59.498666H368.768a64 64 0 0 0-63.829333 59.52L276.885333 501.333333h64.128z m139.306667-19.818666v-298.666667h-64v298.666667h64z m117.013333 0v-298.666667h-64v298.666667h64zM181.333333 608h640v-64h-640v64z m453.482667 106.666667v-64h-256v64h256z"  horiz-adv-x="1024" />
132 | 
133 |     
134 |     <glyph glyph-name="bad" unicode="&#59209;" d="M581.674667 42.666667c6.72 0 18.538667 1.429333 27.584 4.352 44.544 14.442667 70.186667 61.76 59.797333 109.12l-1.066667 4.437333-39.701333 148.906667h157.269333c19.093333 0 37.973333 7.082667 50.773334 21.248a64.853333 64.853333 0 0 1 15.616 57.109333l-1.066667 4.352-82.922667 295.253333a51.882667 51.882667 0 0 1-46.08 37.76L718.037333 725.333333H298.666667v-400.832c84.949333-18.389333 209.194667-244.373333 209.194666-244.373333 17.664-23.957333 39.082667-37.461333 73.813334-37.461333zM234.666667 320V725.333333H170.666667v-405.333333h64z m347.008-213.333333c-9.6 0-13.546667 1.109333-18.453334 6.613333l-1.706666 2.005333-8.064 14.08-8.64 14.613334a1342.848 1342.848 0 0 1-63.189334 96.426666c-24.512 33.92-48.597333 63.146667-72.234666 86.464-15.722667 15.509333-31.146667 28.437333-46.72 38.464V661.333333h346.154666L789.333333 374.485333c0-0.277333-0.128-0.448-0.490666-0.853333 0.298667 0.341333-0.853333-0.149333-3.285334-0.149333H544.981333l61.162667-229.44c4.394667-16.426667-3.626667-31.936-16.597333-36.138667a46.016 46.016 0 0 0-7.893334-1.237333z"  horiz-adv-x="1024" />
135 | 
136 |     
137 |     <glyph glyph-name="attachent" unicode="&#59210;" d="M787.968 423.722667L505.173333 139.264a151.488 151.488 0 0 0-215.168 0c-59.52 59.882667-59.52 157.077333 0 216.96l287.018667 288.725333a91.349333 91.349333 0 0 0 129.770667 0 93.098667 93.098667 0 0 0 0-131.072L428.032 233.493333a31.701333 31.701333 0 0 0-45.098667 0 32.64 32.64 0 0 0 0 45.909334l250.133334 251.648-45.397334 45.12-250.133333-251.648a96.64 96.64 0 0 1 0-136.170667 95.701333 95.701333 0 0 1 135.893333 0l278.72 280.405333a157.098667 157.098667 0 0 1 0 221.312 155.349333 155.349333 0 0 1-220.522666 0L244.608 401.365333c-84.373333-84.864-84.373333-222.378667 0-307.221333a215.488 215.488 0 0 1 305.92 0l282.837333 284.458667-45.397333 45.12z"  horiz-adv-x="1024" />
138 | 
139 |     
140 |     <glyph glyph-name="browse" unicode="&#59211;" d="M512 661.333333c131.946667 0 252.245333-80.512 360.874667-241.536a64 64 0 0 0 2.410666-67.712l-2.410666-3.882666-6.058667-8.853334C759.786667 184.234667 641.493333 106.666667 512 106.666667c-131.946667 0-252.245333 80.512-360.874667 241.536a64 64 0 0 0-2.410666 67.712l2.410666 3.882666 6.058667 8.853334C264.213333 583.765333 382.506667 661.333333 512 661.333333z m0-64c-105.770667 0-206.037333-65.749333-301.952-204.757333L204.181333 384l5.888-8.597333C306.069333 236.352 406.314667 170.666667 512 170.666667c105.770667 0 206.037333 65.749333 301.952 204.757333l5.866667 8.576-5.888 8.597333C717.930667 531.648 617.685333 597.333333 512 597.333333z m0-77.482666a141.482667 141.482667 0 1 0 0-282.944 141.482667 141.482667 0 0 0 0 282.944z m0-64a77.482667 77.482667 0 1 1 0-154.944 77.482667 77.482667 0 0 1 0 154.944z"  horiz-adv-x="1024" />
141 | 
142 |     
143 |     <glyph glyph-name="calendar" unicode="&#59212;" d="M234.666667 682.666667h57.706666v-63.978667L234.666667 618.666667v-106.666667h554.666666v106.666667h-55.232v64H789.333333a64 64 0 0 0 64-64v-512a64 64 0 0 0-64-64H234.666667a64 64 0 0 0-64 64V618.666667a64 64 0 0 0 64 64z m554.666666-234.666667H234.666667v-341.333333h554.666666V448z m-384-192v-64h-106.666666v64h106.666666z m160 0v-64h-106.666666v64h106.666666z m160 0v-64h-106.666666v64h106.666666z m-320 128v-64h-106.666666v64h106.666666z m160 0v-64h-106.666666v64h106.666666z m160 0v-64h-106.666666v64h106.666666zM697.728 725.333333v-106.666666h-64.021333V725.333333h64z m-104.170667-42.666666v-64l-160.618666 0.021333V682.666667h160.618666z m-197.013333 42.666666v-106.666666h-64V725.333333h64z"  horiz-adv-x="1024" />
144 | 
145 |     
146 |     <glyph glyph-name="calculator" unicode="&#59213;" d="M789.333333 725.333333a64 64 0 0 0 64-64v-554.666666a64 64 0 0 0-64-64H234.666667a64 64 0 0 0-64 64V661.333333a64 64 0 0 0 64 64h554.666666z m0-277.333333H234.666667v-341.333333h554.666666V448zM565.333333 234.666667v-64H298.666667v64h266.666666z m160 0v-64h-106.666666v64h106.666666z m-320 128v-64h-106.666666v64h106.666666z m160 0v-64h-106.666666v64h106.666666z m160 0v-64h-106.666666v64h106.666666z m64 298.666666H234.666667v-149.333333h554.666666v149.333333z"  horiz-adv-x="1024" />
147 | 
148 |     
149 |     <glyph glyph-name="category" unicode="&#59214;" d="M256 161.898667v-64H170.666667v64h85.333333z m597.333333 0v-64H298.666667v64h554.666666zM256 402.816v-64H170.666667v64h85.333333z m597.333333 0v-64H298.666667v64h554.666666zM256 643.754667v-64H170.666667v64h85.333333z m597.333333 0v-64H298.666667v64h554.666666z"  horiz-adv-x="1024" />
150 | 
151 |     
152 |     <glyph glyph-name="close" unicode="&#59215;" d="M282.517333 682.624l-45.354666-45.162667L489.472 384 237.162667 130.538667l45.354666-45.162667L534.613333 338.645333l252.096-253.269333 45.354667 45.162667-252.288 253.44 252.288 253.482666-45.354667 45.162667L534.613333 429.376l-252.096 253.226667z"  horiz-adv-x="1045" />
153 | 
154 |     
155 |     <glyph glyph-name="cart-Empty" unicode="&#59216;" d="M330.666667 128a53.333333 53.333333 0 1 0 0-106.666667 53.333333 53.333333 0 0 0 0 106.666667z m384 0a53.333333 53.333333 0 1 0 0-106.666667 53.333333 53.333333 0 0 0 0 106.666667zM94.762667 736h54.741333a96 96 0 0 0 92.906667-71.786667l1.024-4.394666L256.64 597.333333h0.213333l42.88-205.333333L332.224 234.666667h402.218667l61.653333 298.666666H313.813333l-13.376 64h495.68a64 64 0 0 0 62.677334-76.949333l-61.653334-298.666667A64 64 0 0 0 734.442667 170.666667H332.224a64 64 0 0 0-62.677333 51.050666l-60.586667 293.418667-0.405333-0.085333-27.733334 131.562666a32 32 0 0 1-28.309333 25.237334l-2.986667 0.149333H94.741333v64h54.741334z"  horiz-adv-x="1024" />
156 | 
157 |     
158 |     <glyph glyph-name="color" unicode="&#59217;" d="M883.84 684.501333v-186.410666a96 96 0 0 0-96-96H534.826667v-49.173334h7.637333a64 64 0 0 0 64-64V85.333333a64 64 0 0 0-64-64h-79.253333a64 64 0 0 0-64 64v203.584a64 64 0 0 0 64 64h7.616v113.173334H787.84a32 32 0 0 1 32 32V684.501333h64zM542.485333 288.917333h-79.253333V85.333333h79.253333v203.584zM727.765333 746.666667a64 64 0 0 0 64-64v-120.682667a64 64 0 0 0-64-64H213.333333a64 64 0 0 0-64 64V682.666667a64 64 0 0 0 64 64h514.432z m0-64H213.333333v-120.682667h514.432V682.666667z"  horiz-adv-x="1024" />
159 | 
160 |     
161 |     <glyph glyph-name="conditions" unicode="&#59218;" d="M381.482667 222.122667a90.389333 90.389333 0 0 0 85.226666-60.245334H853.333333v-64H465.28a90.389333 90.389333 0 0 0-167.573333 0H170.666667v64h125.610666a90.389333 90.389333 0 0 0 85.205334 60.245334z m0-64a26.346667 26.346667 0 1 1 0-52.693334 26.346667 26.346667 0 0 1 0 52.693334z m261.034666 304.938666a90.389333 90.389333 0 0 0 85.205334-60.245333H853.333333v-64h-127.04a90.389333 90.389333 0 0 0-167.573333 0H170.666667v64h386.624a90.389333 90.389333 0 0 0 85.226666 60.245333z m0-64a26.346667 26.346667 0 1 1 0-52.693333 26.346667 26.346667 0 0 1 0 52.693333zM381.482667 704a90.389333 90.389333 0 0 0 85.226666-60.224H853.333333v-64H465.28a90.389333 90.389333 0 0 0-167.573333 0H170.666667v64h125.610666A90.389333 90.389333 0 0 0 381.482667 704z m0-64a26.346667 26.346667 0 1 1 0-52.693333 26.346667 26.346667 0 0 1 0 52.693333z"  horiz-adv-x="1024" />
162 | 
163 |     
164 |     <glyph glyph-name="confirm" unicode="&#59219;" d="M725.333333 682.666667v-64h21.312H234.666667v-469.333334h512V384.021333L810.666667 384v64.042667V149.333333a64 64 0 0 0-64-64H234.666667a64 64 0 0 0-64 64V618.666667a64 64 0 0 0 64 64h490.666666z m105.152-41.6l45.696-44.8-315.626666-322.090667-156.842667 161.365333 45.909333 44.608 111.125334-114.346666L830.485333 641.066667z m-41.173333 25.301333c0.896-0.789333 1.749333-1.6 2.581333-2.432l-2.56-2.581333v5.013333z"  horiz-adv-x="1024" />
165 | 
166 |     
167 |     <glyph glyph-name="company" unicode="&#59220;" d="M619.712 697.813333v-603.264h44.544v0.853334h102.762667V449.92l-102.762667 36.181333v67.818667l144.576-50.88c12.778667-8.298667 20.864-22.037333 22.037333-37.077333l0.149334-3.797334-0.021334-367.594666h48.917334v-64h-666.453334v64h48.64l0.021334 489.493333c0 16.810667 8.661333 32.426667 22.912 41.365333l260.053333 113.770667c32.490667 20.288 74.624-3.050667 74.624-41.344z m-64-23.850666l-229.589333-100.437334v-478.101333H555.733333V362.538667l-0.426666-0.192v29.610666l0.426666-1.002666V514.133333l-0.426666-0.192v29.525334l0.426666-0.981334v131.477334z m-43.392-260.138667v-69.226667l-142.762667-58.965333v69.248l142.762667 58.944z m0 151.36v-69.525333l-142.762667-60.757334v69.546667l142.762667 60.736z"  horiz-adv-x="1024" />
168 | 
169 |     
170 |     <glyph glyph-name="copy1" unicode="&#59221;" d="M576 512a64 64 0 0 0 64-64v-341.333333a64 64 0 0 0-64-64H234.666667a64 64 0 0 0-64 64V448a64 64 0 0 0 64 64h341.333333z m0-64H234.666667v-341.333333h341.333333V448z m-64-192v-64H298.666667v64h213.333333zM789.333333 725.333333a64 64 0 0 0 64-64v-341.333333a64 64 0 0 0-64-64h-106.666666v64h106.666666V661.333333H448v-106.666666h-64v106.666666a64 64 0 0 0 64 64h341.333333zM512 362.666667v-64H298.666667v64h213.333333z"  horiz-adv-x="1024" />
171 | 
172 |     
173 |     <glyph glyph-name="credit-level" unicode="&#59222;" d="M679.701333 682.666667a64 64 0 0 0 49.173334-23.04l2.496-3.2 131.136-179.413334a64 64 0 0 0-1.898667-78.016l-2.709333-3.136L554.261333 66.56a64 64 0 0 0-91.349333-2.816l-2.816 2.901333L163.093333 389.717333a64 64 0 0 0-7.296 77.013334l2.282667 3.413333 132.138667 185.642667a64 64 0 0 0 48 26.752l4.138666 0.128h337.344z m0-64H342.357333l-132.138666-185.642667 296.981333-323.093333L810.837333 439.253333 679.701333 618.666667zM640 490.666667v-64H384v64h256z"  horiz-adv-x="1024" />
174 | 
175 |     
176 |     <glyph glyph-name="coupons" unicode="&#59223;" d="M148.010667 290.709333c50.069333 0 90.666667 40.874667 90.666666 91.285334 0 49.962667-39.893333 90.538667-89.344 91.264V618.666667a64 64 0 0 0 64 64h597.333334a64 64 0 0 0 64-64l-0.021334-145.450667-3.050666-0.064c-48.021333-2.304-86.272-42.24-86.272-91.157333 0-49.962667 39.872-90.56 89.322666-91.285334V149.333333a64 64 0 0 0-64-64H213.333333a64 64 0 0 0-64 64v141.397334l-1.322666-0.021334zM213.333333 241.216V149.333333h597.333334v91.861334a155.370667 155.370667 0 0 0-89.344 140.8A154.837333 154.837333 0 0 0 810.666667 522.432V618.666667H213.333333v-95.893334a155.370667 155.370667 0 0 0 89.322667-140.8 155.370667 155.370667 0 0 0-84.266667-138.282666l-5.056-2.496zM384 298.666667h68.010667v-85.333334H384v85.333334z m0 128h68.010667v-85.333334H384v85.333334z m0 128h68.010667v-85.333334H384v85.333334z"  horiz-adv-x="1024" />
177 | 
178 |     
179 |     <glyph glyph-name="connections" unicode="&#59224;" d="M568.896 746.666667a64 64 0 0 0 64-64v-113.770667a64 64 0 0 0-64-64H544v-48.597333h140.501333a96 96 0 0 0 95.893334-91.477334l0.106666-4.522666-0.021333-79.402667H810.666667a64 64 0 0 0 64-64v-113.792a64 64 0 0 0-64-64h-113.770667a64 64 0 0 0-64 64v113.792a64 64 0 0 0 64 64h19.584l0.021333 79.125333-0.149333 3.349334a32 32 0 0 1-31.850667 28.928l-348.864-0.021334c-17.664-0.746667-31.36-15.68-30.592-34.688l-0.021333-76.693333h22.08a64 64 0 0 0 64-64v-113.792a64 64 0 0 0-64-64H213.333333a64 64 0 0 0-64 64v113.792a64 64 0 0 0 64 64h27.690667l0.042667 75.349333a96 96 0 0 0 87.36 99.669334l4.501333 0.298666a96 96 0 0 0 4.053333 0.085334H480v48.597333h-24.896a64 64 0 0 0-64 64V682.666667a64 64 0 0 0 64 64h113.792zM327.104 216.896H213.333333v-113.792h113.770667v113.792z m483.562667 0h-113.770667v-113.792H810.666667v113.792zM568.896 682.666667h-113.792v-113.770667h113.792V682.666667z"  horiz-adv-x="1024" />
180 | 
181 |     
182 |     <glyph glyph-name="clock" unicode="&#59225;" d="M512 746.666667c200.298667 0 362.666667-162.368 362.666667-362.666667s-162.368-362.666667-362.666667-362.666667S149.333333 183.701333 149.333333 384 311.701333 746.666667 512 746.666667z m0-64c-164.949333 0-298.666667-133.717333-298.666667-298.666667s133.717333-298.666667 298.666667-298.666667 298.666667 133.717333 298.666667 298.666667-133.717333 298.666667-298.666667 298.666667z m32-78.485334v-201.130666h140.757333v-64H512a32 32 0 0 0-32 32V604.16h64z"  horiz-adv-x="1024" />
183 | 
184 |     
185 |     <glyph glyph-name="cut" unicode="&#59226;" d="M309.056 705.066667l212.992-298.090667 0.213333 0.277333 39.210667-54.848-0.213333-0.298666 69.013333-96.64a125.162667 125.162667 0 1 0-31.552-65.92l-77.162667 108.032-80.298666-110.357334c0.490667-3.84 0.810667-7.744 0.96-11.690666l0.085333-4.693334a125.162667 125.162667 0 1 0-31.594667 83.157334l71.637334 98.453333-225.365334 315.413333 52.074667 37.205334z m413.44-473.066667a61.162667 61.162667 0 1 1 0-122.304 61.162667 61.162667 0 0 1 0 122.304z m-405.333333 0a61.162667 61.162667 0 1 1 0-122.304 61.162667 61.162667 0 0 1 0 122.304zM739.328 705.301333l51.733333-37.674666-203.093333-278.890667-39.232 54.869333L739.328 705.28z"  horiz-adv-x="1024" />
186 | 
187 |     
188 |     <glyph glyph-name="descending" unicode="&#59227;" d="M427.968 704v-644.202667l-0.810667-5.781333c-1.152-7.210667-2.304-8.704-8.64-17.002667l-7.168-3.925333c-15.914667-8.490667-18.282667-7.168-38.4 3.925333L138.666667 271.466667l45.269333 45.226666 180.032-180.138666V704h64zM842.666667 181.333333v-64h-320v64h320z m-64 149.333334v-64h-256v64h256z m-64 149.333333v-64h-192v64h192z m-64 149.333333v-64h-128v64h128z"  horiz-adv-x="1024" />
189 | 
190 |     
191 |     <glyph glyph-name="double-arro-right" unicode="&#59228;" d="M533.333333 662.613333l278.613334-278.485333L533.333333 105.386667l-45.248 45.226666 233.386667 233.514667-233.386667 233.258667L533.333333 662.613333z m-234.666666 0l278.613333-278.485333L298.666667 105.386667l-45.248 45.226666 233.386666 233.514667-233.386666 233.258667L298.666667 662.613333z"  horiz-adv-x="1024" />
192 | 
193 |     
194 |     <glyph glyph-name="double-arrow-left" unicode="&#59229;" d="M724.053333 662.613333l45.226667-45.248-233.365333-233.258666 233.386666-233.493334-45.269333-45.226666-278.613333 278.741333 278.613333 278.485333z m-234.666666 0l45.226666-45.248-233.365333-233.258666 233.386667-233.493334-45.269334-45.226666L210.773333 384.106667l278.613334 278.485333z"  horiz-adv-x="1024" />
195 | 
196 |     
197 |     <glyph glyph-name="discount" unicode="&#59230;" d="M599.253333 761.28l220.842667-23.808a64 64 0 0 0 56.789333-56.768l23.786667-220.842667a64 64 0 0 0-18.368-52.096L510.933333 36.416a64 64 0 0 0-90.517333 0L175.808 281.045333a64 64 0 0 0 0 90.496L547.157333 742.890667a64 64 0 0 0 52.117334 18.389333z m-6.826666-63.637333L221.034667 326.293333 465.706667 81.664l371.328 371.349333-23.786667 220.821334-220.842667 23.808zM652.309333 618.666667a96 96 0 1 0 0-192 96 96 0 0 0 0 192z m0-64a32 32 0 1 1 0-64 32 32 0 0 1 0 64z"  horiz-adv-x="1045" />
198 | 
199 |     
200 |     <glyph glyph-name="download" unicode="&#59231;" d="M704 554.666667h64a64 64 0 0 0 64-64v-362.666667a64 64 0 0 0-64-64H256a64 64 0 0 0-64 64V490.666667a64 64 0 0 0 64 64h64v-64h-64v-362.666667h512V490.666667h-64v64z m-154.794667 212.266666l0.042667-347.456 74.005333 74.026667 45.226667-45.248-150.826667-150.848-150.848 150.826667 45.248 45.269333 73.173334-73.173333V766.933333h64z"  horiz-adv-x="1024" />
201 | 
202 |     
203 |     <glyph glyph-name="etrical-equipm" unicode="&#59232;" d="M426.666667 661.333333v-42.666666h170.666666v42.666666h64v-42.666666h128a64 64 0 0 0 64-64v-426.666667a64 64 0 0 0-64-64H234.666667a64 64 0 0 0-64 64V554.666667a64 64 0 0 0 64 64h128v42.666666h64z m362.666666-106.666666H234.666667v-426.666667h554.666666V554.666667z m-373.333333-106.666667v-74.666667H490.666667v-64h-74.666667V234.666667h-64v74.666666H277.333333v64h74.666667V448h64zM746.666667 373.333333v-64H533.333333v64h213.333334z"  horiz-adv-x="1024" />
204 | 
205 |     
206 |     <glyph glyph-name="email" unicode="&#59233;" d="M874.666667 520.810667V149.333333a64 64 0 0 0-64-64H213.333333a64 64 0 0 0-64 64V520.810667l64-54.250667V149.333333h597.333334V466.56l64 54.250667zM810.666667 682.666667a64.789333 64.789333 0 0 0 22.826666-4.181334 63.616 63.616 0 0 0 26.794667-19.413333 64.32 64.32 0 0 0 9.344-15.466667c2.773333-6.570667 4.48-13.696 4.906667-21.184L874.666667 618.666667v-21.333334L553.536 323.413333a64 64 0 0 0-79.893333-2.538666l-3.178667 2.56L149.333333 597.333333v21.333334a63.786667 63.786667 0 0 0 35.136 57.130666A63.872 63.872 0 0 0 213.333333 682.666667h597.333334z m-9.6-64h-578.133334L512 372.117333 801.066667 618.666667z"  horiz-adv-x="1024" />
207 | 
208 |     
209 |     <glyph glyph-name="falling" unicode="&#59234;" d="M553.173333 657.685333h-64l0.021334-474.602666-224.021334 224-45.269333-45.226667L521.6 60.138667l301.717333 301.717333-45.269333 45.226667-224.853333-224.853334V657.664z"  horiz-adv-x="1024" />
210 | 
211 |     
212 |     <glyph glyph-name="earth" unicode="&#59235;" d="M512 725.333333c200.362667 0 362.666667-162.304 362.666667-362.666666s-162.304-362.666667-362.666667-362.666667S149.333333 162.304 149.333333 362.666667 311.637333 725.333333 512 725.333333z m0-64c-143.893333 0-263.914667-101.610667-292.309333-237.013333h34.730666c8.597333-0.128 16.554667-0.853333 30.144-2.624l30.442667-4.074667c7.786667-0.96 13.610667-1.493333 18.602667-1.642666l4.757333-0.064c3.712 0.042667 6.485333 0.341333 8.213333 0.746666l-0.277333-0.021333 1.536 1.429333c29.248 25.706667 82.666667 24.533333 120.042667 4.032l4.224-2.453333c13.909333-8.490667 21.994667-18.496 35.648-39.552l4.309333-6.634667c10.133333-15.36 14.293333-19.370667 15.552-19.370666 51.605333 0 101.717333-36.501333 101.717333-84.928 0-23.978667-15.850667-37.930667-37.098666-43.648-6.016-1.621333-11.370667-2.56-19.008-3.285334l-8.533334-0.682666-21.76-1.386667-6.186666-0.576-4.928-0.64c-2.154667-63.936-23.466667-115.285333-76.373334-115.285333-12.288 0-21.333333 1.216-35.306666 4.053333l-10.602667 2.005333c-10.602667 1.642667-17.941333 0.810667-31.36-4.096l-6.549333-2.24c-1.728-0.554667-3.477333-1.066667-5.226667-1.578666A297.322667 297.322667 0 0 1 512 64c165.034667 0 298.666667 133.632 298.666667 298.666667 0 19.242667-1.813333 38.037333-5.290667 56.277333-3.477333-1.450667-7.04-2.581333-10.666667-3.413333-1.024-3.754667-2.197333-8.768-3.626666-15.509334l-3.584-16.96-3.072-13.333333c-11.904-47.701333-28.650667-73.045333-68.458667-73.045333-47.957333 0-68.714667 33.024-71.04 79.466666a205.738667 205.738667 0 0 0-0.234667 8.704l0.085334 9.386667 0.405333 11.285333c-3.946667 2.197333-12.714667 6.997333-19.2 10.688l-5.44 3.2c-34.986667 21.653333-55.210667 50.944-55.210667 95.658667 0 46.890667 24.832 86.4 71.744 118.890667A297.514667 297.514667 0 0 1 512 661.333333z m-73.194667-296.32c-16.085333 9.813333-43.434667 10.453333-48.576 5.12-17.6-18.282667-35.754667-21.248-74.517333-17.045333l-11.093333 1.322667-31.317334 4.202666a215.466667 215.466667 0 0 1-16.512 1.6l-4.970666 0.106667-38.464 0.021333 0.042666-4.352a297.493333 297.493333 0 0 1 73.813334-190.037333c25.514667-7.936 48.149333-7.872 68.949333-0.234667 26.325333 9.642667 45.354667 10.709333 68.885333 6.272l11.861334-2.346666c7.637333-1.450667 12.437333-1.984 18.56-1.984 2.730667 0 12.522667 27.264 12.522666 62.4 0 24.234667 15.104 40.533333 36.842667 48 11.456 3.925333 22.634667 5.354667 41.92 6.506666l3.2 0.213334c-6.378667 3.114667-14.186667 5.333333-22.336 5.333333-32.170667 0-47.68 15.168-71.381333 51.797333l-5.994667 9.130667c-5.845333 8.661333-9.216 12.586667-11.434667 13.952z m274.922667-4.096c0.042667-0.298667 0.213333-0.362667 0.448-0.362666l0.810667 0.170666-0.853334 0.085334-0.405333 0.106666z m-15.573333 235.392l-0.917334-0.490666c-46.72-24.896-67.904-52.010667-67.904-80.746667 0-19.861333 7.189333-30.272 24.896-41.216l1.066667-0.64 25.152-14.165333c18.048-11.029333 29.013333-23.466667 29.013333-44.138667l-0.042666-2.496-0.704-22.4v-5.610667l0.149333-5.077333c0.661333-13.397333 1.536-17.28 4.48-18.304l0.384-0.106667 0.042667 0.213334a3.626667 3.626667 0 0 0 0.213333 0.576l0.426667 0.853333 1.152 2.197333c2.986667 6.272 5.824 15.68 8.853333 29.397334l5.12 24.106666c2.773333 12.608 5.056 20.736 8.277333 28.437334 7.68 18.197333 20.181333 31.061333 41.258667 31.061333 1.386667 0 3.434667 0.768 6.72 3.221333a35.2 35.2 0 0 1 0.384 0.298667 299.178667 299.178667 0 0 1-88.042667 115.029333z m-351.36-179.626666l-0.213334-0.021334-0.277333-0.021333-1.258667-1.237333 1.344 1.066666 0.405334 0.213334z"  horiz-adv-x="1024" />
213 | 
214 |     
215 |     <glyph glyph-name="folder" unicode="&#59236;" d="M460.650667 704a64 64 0 0 0 62.485333-50.133333l3.093333-13.866667H789.333333a64 64 0 0 0 64-64v-448a64 64 0 0 0-64-64H234.666667a64 64 0 0 0-64 64V640a64 64 0 0 0 64 64h225.984z m0-64H234.666667v-512h554.666666V469.333333H498.602667l-37.952 170.666667zM746.666667 256v-64H277.333333v64h469.333334z m42.666666 320H540.437333l9.493334-42.666667H789.333333v42.666667z"  horiz-adv-x="1024" />
216 | 
217 |     
218 |     <glyph glyph-name="help" unicode="&#59237;" d="M512 746.666667c200.298667 0 362.666667-162.368 362.666667-362.666667s-162.368-362.666667-362.666667-362.666667S149.333333 183.701333 149.333333 384 311.701333 746.666667 512 746.666667z m0-64c-164.949333 0-298.666667-133.717333-298.666667-298.666667s133.717333-298.666667 298.666667-298.666667 298.666667 133.717333 298.666667 298.666667-133.717333 298.666667-298.666667 298.666667z m39.658667-426.666667v-64h-59.946667l-0.021333 64h59.968z m-3.541334 316.757333c38.72-7.808 84.778667-44.736 84.778667-98.453333 0-53.738667-43.882667-74.069333-59.605333-84.117333-14.506667-9.28-20.672-19.882667-21.525334-31.189334l-0.106666-2.816V298.666667h-59.968v79.338666c0 18.816 6.037333 32 22.826666 43.648l3.776 2.496 33.685334 22.4c21.482667 14.464 21.184 43.498667 7.893333 56.32a60.373333 60.373333 0 0 1-52.842667 13.546667c-37.376-7.338667-41.685333-33.706667-41.941333-59.306667v-14.485333H405.333333c0 49.834667 5.717333 72.426667 32.298667 100.970667 29.781333 31.893333 71.744 37.013333 110.485333 29.162666z"  horiz-adv-x="1024" />
219 | 
220 |     
221 |     <glyph glyph-name="good" unicode="&#59238;" d="M581.674667 725.333333c6.72 0 18.538667-1.429333 27.584-4.352 44.544-14.442667 70.186667-61.76 59.797333-109.12l-1.066667-4.437333-39.701333-148.906667h157.269333c19.093333 0 37.973333-7.082667 50.773334-21.248 14.293333-15.829333 19.861333-36.778667 15.616-57.109333l-1.066667-4.352-82.922667-295.253333a51.882667 51.882667 0 0 0-46.08-37.76l-3.84-0.128H298.666667V443.498667c84.949333 18.389333 209.194667 244.373333 209.194666 244.373333C525.525333 711.829333 546.944 725.333333 581.674667 725.333333zM234.666667 448v-405.333333H170.666667V448h64z m347.008 213.333333c-9.6 0-13.546667-1.109333-18.453334-6.613333l-1.706666-2.005333-8.064-14.08-8.64-14.613334a1342.848 1342.848 0 0 0-63.189334-96.426666c-24.512-33.92-48.597333-63.146667-72.234666-86.464-15.722667-15.509333-31.146667-28.437333-46.72-38.464V106.666667h346.154666L789.333333 393.514667c0 0.277333-0.128 0.448-0.490666 0.853333 0.298667-0.341333-0.853333 0.149333-3.285334 0.149333H544.981333l61.162667 229.44c4.394667 16.426667-3.626667 31.936-16.597333 36.138667a46.016 46.016 0 0 1-7.893334 1.237333z"  horiz-adv-x="1024" />
222 | 
223 |     
224 |     <glyph glyph-name="gift1" unicode="&#59239;" d="M592.234667 746.666667l6.784-0.106667a111.146667 111.146667 0 0 0 95.872-158.421333h133.077333a64 64 0 0 0 64-64v-75.797334a64 64 0 0 0-64-64h-3.946667v-298.346666a64 64 0 0 0-64-64h-483.413333a64 64 0 0 0-64 64l-0.021333 298.346666H208.64a64 64 0 0 0-64 64v75.797334a64 64 0 0 0 64 64h122.410667a111.146667 111.146667 0 0 0 95.872 158.442666L433.706667 746.666667a112.853333 112.853333 0 0 0 79.253333-32.384A112.810667 112.810667 0 0 0 592.234667 746.666667z m-107.904-362.325334h-207.744v-298.346666l207.744 0.021333V384.341333z m275.690666 0h-207.744v-298.325333h207.744V384.32zM484.330667 524.16H208.64v-75.818667h3.925333v1.941334l271.744 0.021333V524.16z m343.637333 0H552.277333v-73.856l271.744-0.021333v-1.941334h3.946667v75.797334zM433.706667 682.666667h-2.090667a47.146667 47.146667 0 0 1 0-94.293334h47.36v45.056c0 5.546667 0.426667 10.986667 1.173333 16.298667A49.216 49.216 0 0 1 433.728 682.666667z m160.597333 0h-2.090667a49.258667 49.258667 0 0 1-46.464-32.96c0.789333-5.290667 1.173333-10.730667 1.173334-16.277334v-45.056h47.36a47.146667 47.146667 0 0 1 47.04 43.776l0.128 3.370667c0 26.026667-21.12 47.146667-47.146667 47.146667z"  horiz-adv-x="1024" />
225 | 
226 |     
227 |     <glyph glyph-name="leftbutton" unicode="&#59240;" d="M512 746.666667c200.298667 0 362.666667-162.368 362.666667-362.666667s-162.368-362.666667-362.666667-362.666667S149.333333 183.701333 149.333333 384 311.701333 746.666667 512 746.666667z m0-64c-164.949333 0-298.666667-133.717333-298.666667-298.666667s133.717333-298.666667 298.666667-298.666667 298.666667 133.717333 298.666667 298.666667-133.717333 298.666667-298.666667 298.666667z m42.666667-104.085334L599.914667 533.333333l-149.333334-149.333333 149.333334-149.333333L554.666667 189.418667 360.085333 384 554.666667 578.581333z"  horiz-adv-x="1024" />
228 | 
229 |     
230 |     <glyph glyph-name="ipad" unicode="&#59241;" d="M746.666667 746.666667a64 64 0 0 0 64-64v-597.333334a64 64 0 0 0-64-64H277.333333a64 64 0 0 0-64 64V682.666667a64 64 0 0 0 64 64h469.333334z m0-64H277.333333v-597.333334h469.333334V682.666667zM512 213.333333a42.666667 42.666667 0 1 0 0-85.333333 42.666667 42.666667 0 0 0 0 85.333333z m192 426.666667v-405.333333H320V640h384z m-64-64H384v-277.333333h256V576z"  horiz-adv-x="1024" />
231 | 
232 |     
233 |     <glyph glyph-name="leftarrow" unicode="&#59242;" d="M783.872 353.877333l-0.042667 64.405334-477.610666 0.298666 225.28 225.322667-45.568 45.568L182.506667 386.048l303.829333-303.829333 45.525333 45.504-226.474666 226.453333 478.506666-0.298667z"  horiz-adv-x="1024" />
234 | 
235 |     
236 |     <glyph glyph-name="link" unicode="&#59243;" d="M618.24 456.618667a152.746667 152.746667 0 0 0 0-216l-135.893333-135.893334a163.370667 163.370667 0 1 0-231.04 231.04l66.922666 66.944 45.269334-45.269333-66.944-66.944a99.370667 99.370667 0 1 1 140.522666-140.522667l135.893334 135.893334a88.746667 88.746667 0 0 1 0 125.482666z m182.528 197.589333a163.370667 163.370667 0 0 0 0-231.04L733.866667 356.224l-45.269334 45.248 66.944 66.944a99.370667 99.370667 0 1 1-140.522666 140.522667l-135.893334-135.893334a88.746667 88.746667 0 0 1 0-125.482666l-45.269333-45.269334a152.746667 152.746667 0 0 0 0 216l135.893333 135.893334a163.370667 163.370667 0 0 0 231.04 0z"  horiz-adv-x="1024" />
237 | 
238 |     
239 |     <glyph glyph-name="listing-content" unicode="&#59244;" d="M515.562667 727.082667c159.061333 0 288-128.938667 288-288v-22.250667A85.354667 85.354667 0 0 0 874.666667 332.693333v-93.994666a85.333333 85.333333 0 0 0-85.333334-85.333334h-116.138666V418.026667h66.346666v21.056c0 121.685333-97.002667 220.693333-217.92 223.914666l-6.058666 0.085334h-7.125334c-123.712 0-224-100.288-224-224v-21.056h66.368v-264.661334H234.666667a85.333333 85.333333 0 0 0-85.333334 85.333334v93.994666a85.354667 85.354667 0 0 0 71.104 84.138667v22.250667c0 159.061333 128.938667 288 288 288z m27.52-313.813334v-256h-62.165334v256h62.165334z m103.616-42.666666v-192H584.533333v192h62.165334z m-207.232 0v-192h-62.165334v192H439.466667z m-152.661334-16.576H234.666667a21.333333 21.333333 0 0 1-21.333334-21.333334v-93.994666a21.333333 21.333333 0 0 1 21.333334-21.333334h52.138666v136.661334z m502.528 0h-52.138666v-136.661334H789.333333a21.333333 21.333333 0 0 1 21.333334 21.333334v93.994666a21.333333 21.333333 0 0 1-21.333334 21.333334z"  horiz-adv-x="1024" />
240 | 
241 |     
242 |     <glyph glyph-name="lights" unicode="&#59245;" d="M620.010667 89.322667V21.333333H393.344v68.010667h226.666667zM506.666667 746.666667c150.229333 0 272-121.770667 272-272 0-100.672-54.698667-188.565333-135.978667-235.605334l-0.021333-40.384a64 64 0 0 0-64-64h-144a64 64 0 0 0-64 64v40.384A271.893333 271.893333 0 0 0 234.666667 474.666667C234.666667 624.896 356.437333 746.666667 506.666667 746.666667z m0-64C391.786667 682.666667 298.666667 589.546667 298.666667 474.666667a207.850667 207.850667 0 0 1 104.042666-180.202667l31.957334-18.496v-77.290667h144l0.042666 77.312 31.936 18.474667A207.850667 207.850667 0 0 1 714.666667 474.666667c0 114.88-93.12 208-208 208z m33.152-72.085334l44.864-45.653333-67.818667-66.645333h53.205333c28.842667 0 42.965333-35.178667 22.122667-55.125334l-120.213333-114.986666-44.245334 46.250666 62.592 59.861334h-51.669333c-28.629333 0-42.837333 34.752-22.421333 54.826666l123.584 121.472z"  horiz-adv-x="1024" />
243 | 
244 |     
245 |     <glyph glyph-name="move" unicode="&#59246;" d="M545.28 277.333333v-135.04l51.093333 49.578667 44.586667-45.909333-126.442667-122.752-128.682666 122.517333 44.117333 46.357333 51.349333-48.853333-0.021333 134.122667h64z m204.757333 235.626667l122.752-126.442667-122.517333-128.682666-46.357333 44.117333 48.853333 51.349333H618.666667v64h135.04l-49.578667 51.072 45.909333 44.586667z m-476.202666 0l45.909333-44.586667-49.6-51.072H405.333333v-64h-134.229333l48.853333-51.349333-46.336-44.117333-122.517333 128.682666 122.730667 126.442667zM514.517333 744.789333l126.442667-122.752-44.586667-45.909333-51.072 49.578667L545.28 490.666667h-64v134.101333l-51.328-48.853333-44.117333 46.357333 128.682666 122.517333z"  horiz-adv-x="1024" />
246 | 
247 |     
248 |     <glyph glyph-name="namecard" unicode="&#59247;" d="M810.666667 661.333333a64 64 0 0 0 64-64v-426.666666a64 64 0 0 0-64-64H213.333333a64 64 0 0 0-64 64V597.333333a64 64 0 0 0 64 64h597.333334z m0-64H213.333333v-426.666666h597.333334V597.333333z m-42.666667-298.666666v-64H256v64h512zM469.333333 554.666667v-192H256v192h213.333333z m298.666667-128v-64H512v64h256z m-362.666667 64h-85.333333v-64h85.333333v64z"  horiz-adv-x="1024" />
249 | 
250 |     
251 |     <glyph glyph-name="map" unicode="&#59248;" d="M512 768c164.949333 0 298.666667-129.941333 298.666667-290.261333 0-3.392-0.064-6.784-0.213334-10.24-3.669333-95.914667-58.24-203.776-147.797333-313.173334a1260.714667 1260.714667 0 0 0-139.818667-144.768l-10.837333-9.322666-10.837333 9.322666-13.013334 11.626667a1260.714667 1260.714667 0 0 0-126.805333 133.162667c-89.557333 109.376-144.128 217.237333-147.818667 313.173333-0.128 3.413333-0.192 6.826667-0.192 10.24 0 158.08 130.069333 286.677333 291.904 290.176L512 768z m0-64c-130.005333 0-234.666667-101.717333-234.666667-226.261333 0-2.56 0.042667-5.141333 0.149334-7.765334 2.944-76.608 48.554667-171.52 133.376-275.093333a1184.682667 1184.682667 0 0 1 86.613333-94.506667l14.528-14.016 14.506667 14.016a1184.682667 1184.682667 0 0 1 86.634666 94.506667c84.821333 103.573333 130.432 198.485333 133.376 275.093333 0.106667 2.624 0.149333 5.205333 0.149334 7.765334C746.666667 602.282667 642.005333 704 512 704z m0-74.666667a149.333333 149.333333 0 1 0 0-298.666666 149.333333 149.333333 0 0 0 0 298.666666z m0-64a85.333333 85.333333 0 1 1 0-170.666666 85.333333 85.333333 0 0 1 0 170.666666z"  horiz-adv-x="1024" />
252 | 
253 |     
254 |     <glyph glyph-name="notice" unicode="&#59249;" d="M641.770667 673.898667V127.786667c0-43.626667-53.866667-64.789333-84.053334-33.024l-140.309333 149.418666-12.074667 0.021334V149.333333a64 64 0 0 0-64-64h-64a64 64 0 0 0-64 64v94.890667H182.058667a64 64 0 0 0-64 64v192.362667a64 64 0 0 0 60.224 63.893333l4.608 0.106667 236.672-3.114667 138.176 145.450667c30.165333 31.786667 84.053333 10.602667 84.053333-33.024z m127.68-12.309334c92.544-47.082667 158.229333-139.392 167.957333-247.829333v-56.021333c-9.450667-105.472-71.850667-195.690667-160.426667-243.882667L747.456 170.666667A245.269333 245.269333 0 0 1 874.666667 385.749333a245.333333 245.333333 0 0 1-134.698667 219.029334l29.482667 56.810666z m-191.68-26.496l-131.072-137.984-264.64 3.477334v-192.384l95.253333 0.042666L277.333333 149.333333h64v158.976l103.786667-0.128 132.650667-141.248V635.093333z m137.770666-77.418666a191.466667 191.466667 0 0 0 94.442667-165.418667 191.466667 191.466667 0 0 0-92.416-164.202667l-29.653333 56.96a127.488 127.488 0 0 1 58.069333 107.242667 127.488 127.488 0 0 1-60.010667 108.501333l29.568 56.917334z"  horiz-adv-x="1024" />
255 | 
256 |     
257 |     <glyph glyph-name="Notvisible1" unicode="&#59250;" d="M786.645333 714.581333l45.269334-45.269333-573.226667-573.226667-45.269333 45.269334 573.226666 573.226666z m-18.794666-167.637333c36.138667-34.56 71.146667-76.949333 105.024-127.146667a64 64 0 0 0 2.410666-67.712l-2.410666-3.882666-6.058667-8.853334C759.786667 184.234667 641.493333 106.666667 512 106.666667c-51.136 0-100.501333 12.096-148.138667 36.266666l48.213334 48.213334c32.768-13.738667 66.069333-20.48 99.925333-20.48 105.770667 0 206.037333 65.749333 301.952 204.757333l5.866667 8.576-5.888 8.597333c-29.994667 43.477333-60.416 79.786667-91.306667 109.12l45.226667 45.226667zM512 661.333333c45.013333 0 88.64-9.365333 130.944-28.096l-49.408-49.429333A253.226667 253.226667 0 0 1 512 597.333333c-105.770667 0-206.037333-65.749333-301.952-204.757333L204.181333 384l5.888-8.597333c25.856-37.461333 52.010667-69.589333 78.506667-96.554667l-45.205333-45.205333c-31.616 32.106667-62.378667 70.293333-92.245334 114.56a64 64 0 0 0-2.410666 67.712l2.410666 3.882666 6.058667 8.853334C264.213333 583.765333 382.506667 661.333333 512 661.333333z m133.696-236.586666a141.482667 141.482667 0 0 0-180.074667-180.074667l56.96 56.96a77.525333 77.525333 0 0 1 66.176 66.176l56.938667 56.96zM512 519.872c5.610667 0 11.157333-0.32 16.597333-0.96l-157.098666-157.12A141.482667 141.482667 0 0 0 512 519.850667z"  horiz-adv-x="1024" />
258 | 
259 |     
260 |     <glyph glyph-name="operation" unicode="&#59251;" d="M494.122667 618.666667a98.026667 98.026667 0 0 0 98.026666-98.026667v-186.24h166.613334a64 64 0 0 0 64-64v-249.642667H376.533333l-126.72 108.629334a103.146667 103.146667 0 0 0-14.464 141.44l3.946667 4.778666a103.381333 103.381333 0 0 0 141.930667 13.013334l4.565333-3.84 10.346667-9.173334V520.64A98.026667 98.026667 0 0 0 494.122667 618.666667z m0-64c-18.773333 0-34.005333-15.232-34.005334-34.026667v-387.562667l-116.864 103.893334-3.029333 2.432a39.381333 39.381333 0 0 1-52.778667-5.952l-2.453333-3.093334a39.146667 39.146667 0 0 1 6.442667-52.394666l95.893333-82.197334L466.005333 21.333333h292.906667v85.333334h-0.149333v163.754666h-230.613334v250.24c0 18.773333-15.232 34.005333-34.026666 34.005334zM490.666667 746.666667c117.824 0 213.333333-95.509333 213.333333-213.333334a212.693333 212.693333 0 0 0-63.594667-151.957333V533.333333H640a149.333333 149.333333 0 1 1-298.538667-6.4l0.021334-146.112A212.693333 212.693333 0 0 0 277.333333 533.333333c0 117.824 95.509333 213.333333 213.333334 213.333334z"  horiz-adv-x="1024" />
261 | 
262 |     
263 |     <glyph glyph-name="product" unicode="&#59252;" d="M537.984 756.48l277.333333-123.178667A64 64 0 0 0 853.333333 574.805333v-381.610666a64 64 0 0 0-38.016-58.496l-277.333333-123.157334a64 64 0 0 0-51.968 0l-277.333333 123.157334A64 64 0 0 0 170.666667 193.194667V574.805333a64 64 0 0 0 38.016 58.496l277.333333 123.157334a64 64 0 0 0 51.968 0zM234.666667 514.56v-321.365333l250.666666-111.317334V407.146667L234.666667 514.56z m554.666666-2.304l-240-102.826667V86.613333L789.333333 193.194667V512.256zM512 697.962667l-266.581333-118.378667 269.290666-115.413333 266.517334 114.24L512 697.962667z"  horiz-adv-x="1024" />
264 | 
265 |     
266 |     <glyph glyph-name="reduce" unicode="&#59253;" d="M512 746.666667c200.298667 0 362.666667-162.368 362.666667-362.666667s-162.368-362.666667-362.666667-362.666667S149.333333 183.701333 149.333333 384 311.701333 746.666667 512 746.666667z m0-64c-164.949333 0-298.666667-133.717333-298.666667-298.666667s133.717333-298.666667 298.666667-298.666667 298.666667 133.717333 298.666667 298.666667-133.717333 298.666667-298.666667 298.666667z m-192-266.666667h384v-64H320v64z"  horiz-adv-x="1024" />
267 | 
268 |     
269 |     <glyph glyph-name="return" unicode="&#59254;" d="M486.592 401.472l-45.226667-45.269333-171.989333 171.882666 171.946667 172.032 45.269333-45.226666-86.826667-86.869334h195.413334c122.88 0 222.826667-97.962667 226.069333-220.032l0.085333-6.122666c0-124.885333-101.248-226.133333-226.133333-226.133334H199.466667v64H595.2a162.133333 162.133333 0 1 1 0 324.266667l-211.2 0.021333 102.592-102.549333z"  horiz-adv-x="1024" />
270 | 
271 |     
272 |     <glyph glyph-name="Rightbutton" unicode="&#59255;" d="M512 746.666667c200.298667 0 362.666667-162.368 362.666667-362.666667s-162.368-362.666667-362.666667-362.666667S149.333333 183.701333 149.333333 384 311.701333 746.666667 512 746.666667z m0-64c-164.949333 0-298.666667-133.717333-298.666667-298.666667s133.717333-298.666667 298.666667-298.666667 298.666667 133.717333 298.666667 298.666667-133.717333 298.666667-298.666667 298.666667z m-42.666667-104.085334L663.914667 384 469.333333 189.418667 424.085333 234.666667l149.333334 149.333333-149.333334 149.333333L469.333333 578.581333z"  horiz-adv-x="1024" />
273 | 
274 |     
275 |     <glyph glyph-name="success" unicode="&#59256;" d="M512 746.666667c200.298667 0 362.666667-162.368 362.666667-362.666667s-162.368-362.666667-362.666667-362.666667S149.333333 183.701333 149.333333 384 311.701333 746.666667 512 746.666667z m0-64c-164.949333 0-298.666667-133.717333-298.666667-298.666667s133.717333-298.666667 298.666667-298.666667 298.666667 133.717333 298.666667 298.666667-133.717333 298.666667-298.666667 298.666667z m169.045333-127.04l45.909334-44.586667-271.829334-279.722667-136.832 141.952 46.08 44.416 90.944-94.336 225.728 232.277334z"  horiz-adv-x="1024" />
276 | 
277 |     
278 |     <glyph glyph-name="text" unicode="&#59257;" d="M725.333333 672V554.666667h-64v53.333333h-181.333333V128H554.666667v-64H341.333333v64h74.666667V608h-192V554.666667h-64v117.333333H725.333333zM853.333333 128v-64H597.333333v64h256z m0 128v-64H597.333333v64h256z m0 128v-64H597.333333v64h256z"  horiz-adv-x="1024" />
279 | 
280 |     
281 |     <glyph glyph-name="Top" unicode="&#59258;" d="M512 746.666667c200.298667 0 362.666667-162.368 362.666667-362.666667s-162.368-362.666667-362.666667-362.666667S149.333333 183.70133299999998 149.333333 384 311.701333 746.666667 512 746.666667z m0-64c-164.949333 0-298.666667-133.717333-298.666667-298.666667s133.717333-298.666667 298.666667-298.666667 298.666667 133.717333 298.666667 298.666667-133.717333 298.666667-298.666667 298.666667z m5.333333-168.085334L711.914667 320l-45.248-45.248-149.333334 149.333333-149.333333-149.333333L322.752 320l194.581333 194.581333z"  horiz-adv-x="1024" />
282 | 
283 |     
284 |     <glyph glyph-name="tradealert" unicode="&#59259;" d="M746.666667 746.666667a64 64 0 0 0 64-64v-181.333334a64 64 0 0 0 64-64v-49.664l-64-58.496v87.573334l-239.104-197.376a95.978667 95.978667 0 0 0-117.632-3.050667l-3.84 2.986667-236.757334 192V96h372.330667l62.805333-64H213.333333a64 64 0 0 0-64 64v341.333333a64 64 0 0 0 64 64V682.666667a64 64 0 0 0 64 64h469.333334z m126.869333-467.861334l44.928-45.610666-174.08-171.456-105.536 104.106666 44.970667 45.568 60.586666-59.818666 129.130667 127.210666zM746.666667 682.666667H277.333333v-240.853334l213.184-172.906666a32 32 0 0 1 37.845334-1.984l2.56 1.92L746.666667 446.890667V682.666667z m-149.333334-192v-64H362.666667v64h234.666666z m64 128v-64H362.666667v64h298.666666z"  horiz-adv-x="1024" />
285 | 
286 |     
287 |     <glyph glyph-name="upload" unicode="&#59260;" d="M704 554.666667h64a64 64 0 0 0 64-64v-362.666667a64 64 0 0 0-64-64H256a64 64 0 0 0-64 64V490.666667a64 64 0 0 0 64 64h64v-64h-64v-362.666667h512V490.666667h-64v64zM517.653333 771.370667l150.826667-150.826667-45.226667-45.269333-74.026666 74.005333v-304.768h-64V648.384l-73.173334-73.130667-45.248 45.248 150.826667 150.848z"  horiz-adv-x="1024" />
288 | 
289 |     
290 |     <glyph glyph-name="viewlarger" unicode="&#59261;" d="M469.333333 704c153.173333 0 277.333333-124.16 277.333334-277.333333 0-68.053333-24.533333-130.410667-65.216-178.688l164.885333-170.218667-48.341333-49.877333-167.594667 172.992A276.053333 276.053333 0 0 0 469.333333 149.333333c-153.173333 0-277.333333 124.16-277.333333 277.333334S316.16 704 469.333333 704z m0-64c-117.824 0-213.333333-95.509333-213.333333-213.333333s95.509333-213.333333 213.333333-213.333334 213.333333 95.509333 213.333334 213.333334-95.509333 213.333333-213.333334 213.333333z m32-85.333333v-96H597.333333v-64h-96V298.666667h-64v96.021333L341.333333 394.666667v64l96 0.021333V554.666667h64z"  horiz-adv-x="1024" />
291 | 
292 |     
293 |     <glyph glyph-name="set" unicode="&#59262;" d="M448.362667 729.173333l113.6-0.170666a64 64 0 0 0 63.893333-63.914667l0.042667-18.517333a301.461333 301.461333 0 0 0 62.101333-34.88l15.210667 8.746666a64 64 0 0 0 87.296-23.381333l56.938666-98.304a64 64 0 0 0-19.989333-85.397333l-3.477333-2.133334-15.274667-8.810666c2.624-24.234667 2.304-48.853333-1.130667-73.322667l10.794667-6.250667a64 64 0 0 0 25.216-84.117333l-1.770667-3.306667-53.333333-92.373333a64 64 0 0 0-84.117333-25.216l-3.328 1.792-14.741334 8.533333a298.538667 298.538667 0 0 0-59.626666-33.28v-25.386666a64 64 0 0 0-59.989334-63.957334l-4.074666-0.128-113.6 0.170667a64 64 0 0 0-63.893334 63.893333l-0.064 30.613334a302.613333 302.613333 0 0 0-50.069333 29.696l-27.221333-15.658667a64 64 0 0 0-87.296 23.402667l-56.938667 98.282666a64 64 0 0 0 19.989333 85.418667l3.477334 2.133333 27.690666 15.936c-2.133333 20.266667-2.24 40.768-0.192 61.226667l-30.741333 17.770667A64 64 0 0 0 158.506667 502.4l1.792 3.306667 53.333333 92.373333a64 64 0 0 0 84.117333 25.216l3.306667-1.792 26.794667-15.466667a297.984 297.984 0 0 0 56.426666 34.666667v24.362667a64 64 0 0 0 59.989334 63.978666l4.074666 0.128z m-0.085334-64l0.064-65.066666-36.778666-17.301334c-15.744-7.402667-30.613333-16.533333-44.309334-27.221333l-34.005333-26.538667-62.570667 36.138667-1.6 0.896-53.333333-92.373333 66.56-38.421334-4.138667-41.152c-1.6-15.978667-1.536-32.106667 0.149334-48.085333l4.394666-41.429333-63.786666-36.736 56.917333-98.282667 63.338667 36.416 33.6-24.597333a237.994667 237.994667 0 0 1 39.466666-23.424l36.736-17.258667 0.128-71.168 113.578667-0.170667-0.064 68.16 39.466667 16.426667a234.538667 234.538667 0 0 1 46.826666 26.112l33.578667 24.128 50.56-29.184 53.290667 92.394667-48.128 27.818666 5.973333 42.688c2.666667 19.093333 2.965333 38.421333 0.896 57.6l-4.48 41.450667 51.456 29.696-56.938667 98.282667-51.2-29.504-33.621333 24.512a238.037333 238.037333 0 0 1-48.938667 27.498666l-39.381333 16.341334-0.128 61.184-113.578667 0.170666z m127.381334-183.722666a128.170667 128.170667 0 0 0 46.890666-174.933334 127.829333 127.829333 0 0 0-174.762666-46.848 128.170667 128.170667 0 0 0-46.869334 174.933334 127.829333 127.829333 0 0 0 174.741334 46.848z m-119.317334-78.805334a64.170667 64.170667 0 0 1 23.466667-87.573333 63.829333 63.829333 0 0 1 87.296 23.402667 64.170667 64.170667 0 0 1-20.266667 85.589333l-3.2 1.984-3.306666 1.770667a63.829333 63.829333 0 0 1-83.989334-25.173334z"  horiz-adv-x="1024" />
294 | 
295 |     
296 |     <glyph glyph-name="sport" unicode="&#59263;" d="M512 746.666667c200.298667 0 362.666667-162.368 362.666667-362.666667s-162.368-362.666667-362.666667-362.666667S149.333333 183.701333 149.333333 384 311.701333 746.666667 512 746.666667z m9.536-661.184L512 85.333333c3.2 0 6.357333 0.042667 9.536 0.149334z m-36.394667 164.906666l-1.706666-0.981333a434.944 434.944 0 0 0-200.426667-57.109333 297.898667 297.898667 0 0 1 222.314667-106.88l0.853333-0.021334c3.84 17.130667 5.824 34.986667 5.824 53.269334 0 40.234667-9.685333 78.208-26.858667 111.722666z m47.146667-164.373333l-9.386667-0.490667c3.157333 0.106667 6.272 0.277333 9.386667 0.490667z m8.405333 0.682667l-7.04-0.597334c2.346667 0.170667 4.693333 0.362667 7.04 0.597334z m11.84 1.365333l-8.682666-1.066667c2.901333 0.32 5.802667 0.661333 8.682666 1.066667z m9.578667 1.450667l-9.109333-1.386667c3.050667 0.426667 6.08 0.874667 9.109333 1.386667z m41.024 260.394666a441.045333 441.045333 0 0 0-64.746667-63.274666A308.010667 308.010667 0 0 0 576 138.666667c0-16.042667-1.216-31.808-3.584-47.189334l-9.6-1.834666a298.965333 298.965333 0 0 1 242.56 238.165333c-22.314667-5.12-45.525333-7.808-69.376-7.808-47.573333 0-92.608 10.730667-132.864 29.909333z m-331.093333-143.786666l0.384-0.512c2.944-3.925333 5.973333-7.765333 9.066666-11.541334l1.472-1.770666c-3.776 4.48-7.402667 9.109333-10.901333 13.824z m-5.333334 7.466666l2.069334-2.965333a299.52 299.52 0 0 0-2.069334 2.944z m-16.213333 26.026667l1.536-2.773333c4.096-7.210667 8.512-14.272 13.184-21.12l-4.906667 7.445333a298.709333 298.709333 0 0 0-9.813333 16.426667zM266.666667 384c-18.282667 0-36.117333-2.005333-53.248-5.802667L213.333333 384a297.344 297.344 0 0 1 28.330667-127.146667 371.626667 371.626667 0 0 1 206.890667 46.378667A244.522667 244.522667 0 0 1 266.666667 384z m541.994666-34.752l-1.386666-10.453333a297.728 297.728 0 0 0 1.386666 10.453333zM429.461333 671.146667l-0.938666-0.277334a299.178667 299.178667 0 0 1-208.106667-221.930666l-0.981333-4.522667C234.88 446.784 250.624 448 266.666667 448c94.208 0 178.56-42.112 235.306666-108.522667a375.04 375.04 0 0 1 45.909334 44.288A308.778667 308.778667 0 0 0 426.666667 629.333333c0 14.165333 0.96 28.117333 2.794666 41.792zM809.770667 360.746667l-1.002667-10.56c0.405333 3.498667 0.725333 7.04 1.002667 10.56z m0.128 1.770666l0.106666 1.578667a303.146667 303.146667 0 0 1-0.106666-1.578667z m-106.197334 250.517334a434.986667 434.986667 0 0 0-62.72-209.962667c29.226667-12.288 61.333333-19.072 95.018667-19.072 25.941333 0 50.965333 4.032 74.453333 11.498667a297.984 297.984 0 0 1-106.752 217.536z m-488.96-199.722667l-0.256-2.858667A302.506667 302.506667 0 0 1 213.333333 384.213333V384c0 9.877333 0.490667 19.669333 1.429334 29.312z m1.194667 10.325333c0-0.128 0-0.064 0 0z m1.344 9.024l-0.426667-2.773333 0.426667 2.773333zM512 682.666667c-5.226667 0-10.453333-0.128-15.616-0.405334-3.733333-17.066667-5.717333-34.773333-5.717333-52.928a244.906667 244.906667 0 0 1 95.061333-193.941333A371.605333 371.605333 0 0 1 640 629.333333c0 8.384-0.277333 16.725333-0.832 24.96A297.429333 297.429333 0 0 1 512 682.666667zM219.349333 443.946667l-0.256-1.322667 0.256 1.322667z m470.037334 180.352l6.869333-5.226667a300.224 300.224 0 0 0-6.869333 5.226667z m-16.234667 11.2l7.68-5.098667a299.904 299.904 0 0 0-7.68 5.12z m-15.914667 9.536l7.445334-4.266667a299.370667 299.370667 0 0 0-7.445334 4.266667z m-7.786666 4.202666l5.930666-3.178666-5.930666 3.178666z m-8.768 4.373334l1.856-0.917334z m-210.56 17.706666l4.522666 1.237334z m17.472 4.394667l-0.512-0.128 0.490666 0.128z m9.173333 1.856l-3.392-0.64 3.413333 0.64z m9.941333 1.706667l-0.597333-0.106667 0.597333 0.085333z m8.554667 1.152l-2.709333-0.341334 2.709333 0.341334z m10.944 1.152l-0.661333-0.064 0.682666 0.064z m8.746667 0.618666l-2.858667-0.192 2.88 0.192z"  horiz-adv-x="1024" />
297 | 
298 |     
299 |     <glyph glyph-name="contacts" unicode="&#59264;" d="M746.666667 725.333333a64 64 0 0 0 64-64v-554.666666a64 64 0 0 0-64-64H320a64 64 0 0 0-64 64v42.666666h-42.666667v64h149.333334v-64h-42.666667v-42.666666h426.666667V661.333333H320v-42.666666h42.666667v-64h-149.333334v64h42.666667v42.666666a64 64 0 0 0 64 64h426.666667z m-56.597334-106.666666v-469.333334h-64V618.666667h64zM320 512v-256h-64V512h64z"  horiz-adv-x="1024" />
300 | 
301 |     
302 |     <glyph glyph-name="discounts" unicode="&#59265;" d="M793.429333 546.688V106.666667a64 64 0 0 0-64-64h-426.666666a64 64 0 0 0-64 64V546.688l64-26.666667V106.666667h426.666666V520.021333l64 26.666667z m-219.946666-97.386667l45.248-45.269333-49.408-49.365333h66.773333v-64h-88V266.666667h88v-64h-88v-56h-64V202.666667h-88v64h88v24h-88v64h66.752l-49.365333 49.365333 45.248 45.269333 57.386666-57.386666 57.365334 57.386666z m-270.72 116.928v-0.512l-64 26.176V661.333333a64 64 0 0 0 64 64h426.666666a64 64 0 0 0 64-64v-68.928l-64-26.304v0.128l-213.333333-88.896-268.309333 111.786667 54.976-22.890667z m426.666666 95.104h-426.666666l-0.021334-25.749333 213.354667-88.917333 243.690667 101.546666-30.357334-12.650666V661.333333z"  horiz-adv-x="1024" />
303 | 
304 |     
305 |     <glyph glyph-name="unlock" unicode="&#59266;" d="M522.666667 789.333333a181.333333 181.333333 0 0 0 181.333333-181.333333v-10.666667h-64v10.666667a117.333333 117.333333 0 0 1-234.666667 0V554.666667h384a64 64 0 0 0 64-64v-384a64 64 0 0 0-64-64H234.666667a64 64 0 0 0-64 64V490.666667a64 64 0 0 0 64 64h106.666666v53.333333A181.333333 181.333333 0 0 0 522.666667 789.333333zM789.333333 490.666667H234.666667v-384h554.666666V490.666667z m-234.666666-106.666667v-170.666667h-64v170.666667h64z"  horiz-adv-x="1024" />
306 | 
307 |     
308 |     <glyph glyph-name="landtransportation" unicode="&#59267;" d="M709.824 199.10400000000004c1.237333 0 2.453333-0.042667 3.669333-0.106667l-3.669333 0.106667a55.701333 55.701333 0 0 0 13.525333-1.664l1.088-0.298667a54.528 54.528 0 0 0 27.477334-17.664 55.210667 55.210667 0 0 0 11.733333-24.32 54.954667 54.954667 0 1 0-107.690667 0.021334l0.213334 1.002666 0.554666 2.218667-0.746666-3.242667a54.570667 54.570667 0 0 0 16.917333 29.696 55.189333 55.189333 0 0 0 29.568 13.76 55.04 55.04 0 0 0 7.36 0.490667z m-351.68 0c1.237333 0 2.453333-0.042667 3.669333-0.106667l-3.669333 0.106667a55.701333 55.701333 0 0 0 22.208-4.672 54.485333 54.485333 0 0 0 19.882667-14.933333 55.210667 55.210667 0 0 0 11.754666-24.32 54.954667 54.954667 0 1 0-107.690666 0.021333v-0.042667l0.213333 1.024 0.533333 2.218667-0.746666-3.242667a54.570667 54.570667 0 0 0 14.954666 27.84 55.338667 55.338667 0 0 0 28.053334 15.04 54.826667 54.826667 0 0 0 3.946666 0.64l3.114667 0.298667a58.581333 58.581333 0 0 0 3.776 0.128zM874.666667 405.333333h64v-64h-64v-122.176a64 64 0 0 0-64-64h-3.84a97.450667 97.450667 0 0 1-34.538667 64H810.666667L810.645333 341.33333300000004H746.666667v64h128z m-64 277.333334a64 64 0 0 0 64-64v-170.666667l-21.333334 0.021333V448h-192v64h149.312L810.666667 618.666667H411.157333l-0.042666-144.789334h1.002666v-174.890666L213.333333 299.00800000000004 213.333333 219.157333h82.325334a97.450667 97.450667 0 0 1-34.517334-64H213.333333a64 64 0 0 0-64 64v177.386667a64 64 0 0 0 41.536 59.925333l156.266667 58.602667V618.666667a64 64 0 0 0 64 64H810.666667z m-163.328-463.488a97.450667 97.450667 0 0 1-34.517334-64h-157.674666a97.386667 97.386667 0 0 1-30.848 60.757333l-3.690667 3.242667h226.730667zM348.117333 447.104L213.333333 396.544l-0.021333-33.536h134.826667l-0.021334 84.096z"  horiz-adv-x="1024" />
309 | 
310 |     
311 |     <glyph glyph-name="topraning" unicode="&#59296;" d="M689.130667 704c26.88 0 49.898667-16.576 59.370666-40.064H789.333333a64 64 0 0 0 64-64v-96.341333a160.384 160.384 0 0 0-115.989333-154.112A230.677333 230.677333 0 0 0 554.666667 205.205333L554.666667 174.869333h58.176l4.821333-0.106666c57.536-2.432 104.170667-48.32 107.221333-106.965334l0.981334-37.098666h-405.546667v32a112.170667 112.170667 0 0 0 112.170667 112.170666H490.666667v30.314667a230.741333 230.741333 0 0 0-182.698667 144.298667A160.384 160.384 0 0 0 192 503.594667v96.32a64 64 0 0 0 64 64l40.832 0.021333A64.021333 64.021333 0 0 0 356.202667 704h332.928z m-76.288-593.130667h-180.352c-14.314667 0-27.178667-6.250667-36.010667-16.170666h252.373333l-2.517333 2.624a48.064 48.064 0 0 1-33.493333 13.546666z m-256.64 322.581334a167.125333 167.125333 0 0 1 4.352-37.994667l-0.661334 3.008a165.333333 165.333333 0 0 1 3.306667-12.906667l-1.386667 4.842667a165.248 165.248 0 0 1 6.4-19.178667l-1.813333 4.714667c0.810667-2.176 1.642667-4.330667 2.538667-6.442667l-0.725334 1.749334c1.045333-2.56 2.133333-5.12 3.306667-7.616l-2.581333 5.866666c1.002667-2.432 2.069333-4.821333 3.2-7.168l-0.64 1.28c1.002667-2.133333 2.026667-4.224 3.114666-6.314666l-2.496 5.034666c1.024-2.133333 2.069333-4.266667 3.178667-6.336l-0.682667 1.301334c2.474667-4.821333 5.184-9.493333 8.106667-14.037334l0.554667-0.810666a166.314667 166.314667 0 0 1 139.392-75.456 166.314667 166.314667 0 0 1 139.392 75.456l0.554666 0.810666a166.336 166.336 0 0 1 8.106667 14.037334l-0.682667-1.301334c1.109333 2.090667 2.176 4.202667 3.2 6.357334l-2.517333-5.056a165.76 165.76 0 0 1 3.093333 6.314666l-0.597333-1.28a165.546667 165.546667 0 0 1 3.178667 7.146667l-2.581334-5.866667c1.173333 2.517333 2.261333 5.056 3.306667 7.658667l-0.725333-1.792c0.874667 2.133333 1.728 4.288 2.538666 6.464l-1.813333-4.693333c1.877333 4.693333 3.562667 9.450667 5.013333 14.314666l-0.469333-1.536c0.64 2.112 1.28 4.224 1.856 6.4l-1.386667-4.864a165.205333 165.205333 0 0 1 3.306667 12.906667l-0.661333-2.986667c0.426667 1.770667 0.810667 3.584 1.173333 5.397334l-0.512-2.410667c0.576 2.688 1.088 5.376 1.536 8.106667l-1.024-5.696a167.253333 167.253333 0 0 1 3.178667 32.576V640H356.202667v-206.549333z m-64.021334 166.485333H256v-96.341333c0-30.485333 14.144-57.642667 36.245333-75.306667l-0.042666 5.162667-0.021334 166.485333z m460.949334-166.485333l-0.042667-5.141334A96.149333 96.149333 0 0 1 789.333333 503.616V599.893333l-36.202666 0.021334v-166.485334z"  horiz-adv-x="1024" />
312 | 
313 |     
314 |     <glyph glyph-name="add-select" unicode="&#59312;" d="M544 682.666667v-266.666667H810.666667v-64H544V85.33333300000004h-64V352H213.333333v64h266.666667V682.666667z"  horiz-adv-x="1024" />
315 | 
316 |     
317 |     <glyph glyph-name="sami-select" unicode="&#59313;" d="M810.666667 416v-64H213.333333v64z"  horiz-adv-x="1024" />
318 | 
319 |     
320 | 
321 | 
322 |   </font>
323 | </defs></svg>
324 | 


--------------------------------------------------------------------------------