Skip to content

H
haoban-3
Commit 7ccf1ed3 by crushh
Options

update: temp

parent 1e677e52
Showing with 415 additions and 367 deletions
src/components/vue-office-header.vue
......@@ -78,13 +78,13 @@ export default {
parentCode: null,
project: 'office'
},
{
menuCode: null,
rightName: '审核中心',
url: '/unreview?/reviewed/reviewSet',
parentCode: null,
project: 'office'
},
// {
// menuCode: null,
// rightName: '审核中心',
// url: '/unreview?/reviewed/reviewSet',
// parentCode: null,
// project: 'office'
// },
{
menuCode: null,
rightName: '企业设置',
......
src/router/index.js
......@@ -132,6 +132,35 @@ export const constantRouterMap = [{
path: '/salutatorySet',
name: '欢迎语',
component: _import('enterprise', 'salutatorySet')
},
{
path: '/setting',
name: '操作设置',
component: _import('setting', 'index')
},
{
// 审核中心
path: '/reviewCenter',
name: '审核中心',
redirect: '/unreview',
component: _import('reviewCenter', 'index'),
children: [
{
path: '/unreview',
name: '未审核',
component: _import('reviewCenter', 'unreview')
},
{
path: '/reviewed',
name: '已审核',
component: _import('reviewCenter', 'reviewed')
},
{
path: '/reviewSet',
name: '审核设置',
component: _import('reviewCenter', 'reviewSet')
}
]
}
]
},
......@@ -518,29 +547,29 @@ export const constantRouterMap = [{
}
]
},
{
// 审核中心
path: '/reviewCenter',
name: '审核中心',
redirect: 'unreview',
component: _import('reviewCenter', 'index'),
children: [{
path: '/reviewed',
name: '已审核',
component: _import('reviewCenter', 'reviewed')
},
{
path: '/unreview',
name: '未审核',
component: _import('reviewCenter', 'unreview')
},
{
path: '/reviewSet',
name: '审核设置',
component: _import('reviewCenter', 'reviewSet')
}
]
},
// {
// // 审核中心
// path: '/reviewCenter',
// name: '审核中心',
// redirect: 'unreview',
// component: _import('reviewCenter', 'index'),
// children: [{
// path: '/reviewed',
// name: '已审核',
// component: _import('reviewCenter', 'reviewed')
// },
// {
// path: '/unreview',
// name: '未审核',
// component: _import('reviewCenter', 'unreview')
// },
// {
// path: '/reviewSet',
// name: '审核设置',
// component: _import('reviewCenter', 'reviewSet')
// }
// ]
// },
{
path: '/gic-error',
......
src/views/enterprise/index.vue
......@@ -65,6 +65,16 @@ export default {
tabId: '4',
tabName: '欢迎语',
icon: 'iconhuanyingci'
},
{
tabId: '5',
tabName: '审核中心',
icon: 'iconshenhezhongxin'
},
{
tabId: '6',
tabName: '操作设置',
icon: 'iconshezhi'
}
],
activeBrand: '', // 商户(品牌) id
......@@ -96,11 +106,11 @@ export default {
/**
* 返回 的 brandId
*/
selectBrandId(id, groupId) {
let that = this;
that.activeBrand = id;
that.activeGroup = groupId;
},
// selectBrandId(id, groupId) {
// let that = this;
// that.activeBrand = id;
// that.activeGroup = groupId;
// },
/**
* 选择后返回tabId，做各路由判断
......@@ -108,6 +118,7 @@ export default {
setSelectTab(item) {
let that = this;
that.activeTab = item.tabId;
console.log(that.activeTab);
switch (item.tabId) {
case '1':
that.changeRoute(`enterpriseSet`);
......@@ -121,6 +132,12 @@ export default {
case '4':
that.changeRoute(`salutatory`);
break;
case '5':
that.changeRoute(`reviewCenter`);
break;
case '6':
that.changeRoute(`setting`);
break;
}
},
......@@ -131,6 +148,8 @@ export default {
let that = this;
that.activeTab = id;
that.activeSelTab = id;
console.log(that.activeTab);
console.log(that.activeSelTab);
that.tabListData.forEach(ele => {
if (ele.tabId == id) {
ele.onlyIconActive = false;
......
src/views/reviewCenter/index.vue
......@@ -7,44 +7,26 @@
* @LastEditTime: 2020-05-11 15:16:06
-->
<template>
<div class="review-wrap">
<!-- 公共头部菜单插件 -->
<vue-office-header :projectName="projectName" @collapseTag="collapseTag" @toRouterView="toRouterView"> </vue-office-header>
<div class="setting-wrap__body">
<div id="content" class="content">
<div class="content-body">
<div class="content-body-inner flex border-box">
<div class="apps-content-left w-157" style="min-height: calc(100vh - 86px);">
<common-detail-left :tabListData="tabListData" :activeSelTab="activeSelTab" @setSelectTab="setSelectTab"></common-detail-left>
</div>
<div class="apps-content-right border-box">
<div class="daily-set-wrap">
<div class="daily-set-content border-box">
<el-tabs v-model="activeTab" @tab-click="handleClick">
<el-tab-pane :label="item.tabName" :name="item.tabId" v-for="item in tabListData" :key="item.tabId">
<div class="border-box">
<transition name="fade" mode="out-in">
<router-view :brandId="activeBrand" :activeGroupId="activeGroup" :tabType="activeTab" @showTab="showTab"></router-view>
<router-view></router-view>
</transition>
</div>
</div>
</div>
</div>
</el-tab-pane>
</el-tabs>
</div>
</div>
</template>
<script>
import vueOfficeHeader from '@/components/vue-office-header';
import commonDetailLeft from '@/components/app/app-detail-left.vue';
export default {
name: 'reviewed',
components: {
vueOfficeHeader,
commonDetailLeft
},
data() {
return {
projectName: 'haoban-manage-web', // 当前项目名
collapseFlag: false, // 折叠参数
contentHeight: '0px', //页面内容高度
activeSelTab: '1',
activeTab: '1',
tabListData: [
{
tabId: '1',
......@@ -66,75 +48,19 @@ export default {
},
computed: {},
methods: {
/**
* 路由跳转
*/
changeRoute(path) {
this.$router.push(path);
},
/**
* 选择后返回tabId，做各路由判断
*/
setSelectTab(item) {
let that = this;
that.activeTab = item.tabId;
switch (item.tabId) {
handleClick(tab, event) {
switch (tab.name) {
case '1':
that.changeRoute(`unreview`);
this.$router.push(`unreview`);
break;
case '2':
that.changeRoute(`reviewed`);
this.$router.push(`reviewed`);
break;
case '3':
that.changeRoute(`reviewSet`);
this.$router.push(`reviewSet`);
break;
}
},
/**
* 各路由返回 tabId
*/
showTab(id) {
let that = this;
that.activeTab = id;
that.activeSelTab = id;
that.tabListData.forEach(ele => {
if (ele.tabId == id) {
ele.onlyIconActive = false;
}
if (!!ele.children) {
ele.children.forEach(el => {
if (el.tabId == id) {
ele.onlyIconActive = true;
}
if (!!el.children) {
el.children.forEach(item => {
if (item.tabId == id) {
ele.onlyIconActive = true;
}
});
}
});
}
});
},
// 处理路由跳转
toRouterView(val) {
const that = this;
// 模拟检查数据,有两个参数
/*{
name:,
path:
}*/
that.$router.push({
path: val.path
});
},
// 折叠事件
collapseTag(val) {
const that = this;
that.collapseFlag = val;
console.log(tab, event);
}
},
watch: {
......@@ -147,81 +73,19 @@ export default {
}
},
mounted() {
const that = this;
that.contentHeight = (document.documentElement.clientHeight || document.body.clientHeight) - 64 + 'px';
this.$emit('showTab', 5);
document.documentElement.style.backgroundColor = '#f0f2f5';
},
destroyed() {
document.documentElement.style.backgroundColor = '#fff';
}
};
</script>
<style lang="scss">
.review-wrap {
background-color: #f0f2f5;
}
.setting-wrap__body {
.content {
padding-top: 46px;
/* height: calc(100% - 64px);
overflow-y: auto;*/
min-width: 1400px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
.content-body {
.content-body-inner {
padding: 20px;
min-height: calc(100% - 86px);
}
.apps-content-left {
min-width: 157px;
// height: 100%;
background: #fff;
overflow-x: hidden;
overflow-y: auto;
}
.apps-content-right {
width: calc(100% - 157px);
padding-left: 10px;
background: #f0f2f5;
}
.common-set-wrap {
position: relative;
width: 100%;
<style type="text/scss" lang="scss" scoped>
.daily-set-wrap {
height: 100%;
overflow-y: auto;
.right-content {
/*width: 100%;*/
min-height: calc(100% - 86px);
.right-box {
background: #fff;
.daily-set-content {
padding: 20px;
}
}
}
}
}
}
.el-table__body-wrapper .el-table__empty-block {
height: 256px;
}
.el-table__empty-text {
width: auto;
margin-bottom: 80px;
&::before {
content: ' ';
display: block;
width: 60px;
height: 60px;
background: url(../../assets/no-data_icon.png) no-repeat center;
margin: 0px auto 22px auto;
}
}
.el-table__empty-text {
margin-bottom: 0;
}
</style>
static/font/demo_index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>iconfont Demo</title>
<link rel="shortcut icon" href="//img.alicdn.com/imgextra/i2/O1CN01ZyAlrn1MwaMhqz36G_!!6000000001499-73-tps-64-64.ico" type="image/x-icon" />
<link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01EYTRnJ297D6vehehJ_!!6000000008020-55-tps-64-64.svg" />
<meta charset="utf-8"/>
<title>Iconfont Demo</title>
<link rel="shortcut icon" href="//img.alicdn.com/imgextra/i2/O1CN01ZyAlrn1MwaMhqz36G_!!6000000001499-73-tps-64-64.ico" type="image/x-icon"/>
<link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01EYTRnJ297D6vehehJ_!!6000000008020-55-tps-64-64.svg"/>
<link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
<link rel="stylesheet" href="demo.css">
<link rel="stylesheet" href="iconfont.css">
......@@ -35,15 +34,12 @@
}
</style>
</head>
<body>
<div class="main">
<h1 class="logo">
<a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
<h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
<img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
</a>
</h1>
</a></h1>
<div class="nav-tabs">
<ul id="tabs" class="dib-box">
<li class="dib active"><span>Unicode</span></li>
......@@ -59,415 +55,439 @@
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont">&#xe625;</span>
<span class="icon iconfont-hb3">&#xe688;</span>
<div class="name">操作-设置</div>
<div class="code-name">&amp;#xe688;</div>
</li>
<li class="dib">
<span class="icon iconfont-hb3">&#xe627;</span>
<div class="name">审核中心</div>
<div class="code-name">&amp;#xe627;</div>
</li>
<li class="dib">
<span class="icon iconfont-hb3">&#xe64c;</span>
<div class="name">空标签</div>
<div class="code-name">&amp;#xe64c;</div>
</li>
<li class="dib">
<span class="icon iconfont-hb3">&#xe654;</span>
<div class="name">订单_评价</div>
<div class="code-name">&amp;#xe654;</div>
</li>
<li class="dib">
<span class="icon iconfont-hb3">&#xe625;</span>
<div class="name">小程序</div>
<div class="code-name">&amp;#xe625;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe641;</span>
<span class="icon iconfont-hb3">&#xe641;</span>
<div class="name">pre</div>
<div class="code-name">&amp;#xe641;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe640;</span>
<span class="icon iconfont-hb3">&#xe640;</span>
<div class="name">next</div>
<div class="code-name">&amp;#xe640;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe60d;</span>
<span class="icon iconfont-hb3">&#xe60d;</span>
<div class="name">欢迎辞</div>
<div class="code-name">&amp;#xe60d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe61d;</span>
<span class="icon iconfont-hb3">&#xe61d;</span>
<div class="name">new</div>
<div class="code-name">&amp;#xe61d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xeae0;</span>
<span class="icon iconfont-hb3">&#xeae0;</span>
<div class="name">明细备份</div>
<div class="code-name">&amp;#xeae0;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe60b;</span>
<span class="icon iconfont-hb3">&#xe60b;</span>
<div class="name">商品设置</div>
<div class="code-name">&amp;#xe60b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe60a;</span>
<span class="icon iconfont-hb3">&#xe60a;</span>
<div class="name">我的顾客 icon</div>
<div class="code-name">&amp;#xe60a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe613;</span>
<span class="icon iconfont-hb3">&#xe613;</span>
<div class="name">刷新</div>
<div class="code-name">&amp;#xe613;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe606;</span>
<span class="icon iconfont-hb3">&#xe606;</span>
<div class="name">勾</div>
<div class="code-name">&amp;#xe606;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe687;</span>
<span class="icon iconfont-hb3">&#xe687;</span>
<div class="name">授权验证</div>
<div class="code-name">&amp;#xe687;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe62a;</span>
<span class="icon iconfont-hb3">&#xe62a;</span>
<div class="name">手机</div>
<div class="code-name">&amp;#xe62a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xeab6;</span>
<span class="icon iconfont-hb3">&#xeab6;</span>
<div class="name">素材库</div>
<div class="code-name">&amp;#xeab6;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xeaae;</span>
<span class="icon iconfont-hb3">&#xeaae;</span>
<div class="name">文件</div>
<div class="code-name">&amp;#xeaae;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xeaad;</span>
<span class="icon iconfont-hb3">&#xeaad;</span>
<div class="name">播放</div>
<div class="code-name">&amp;#xeaad;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe612;</span>
<span class="icon iconfont-hb3">&#xe612;</span>
<div class="name">表情</div>
<div class="code-name">&amp;#xe612;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe611;</span>
<span class="icon iconfont-hb3">&#xe611;</span>
<div class="name">文字</div>
<div class="code-name">&amp;#xe611;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6bc;</span>
<span class="icon iconfont-hb3">&#xe6bc;</span>
<div class="name">代码</div>
<div class="code-name">&amp;#xe6bc;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe73a;</span>
<span class="icon iconfont-hb3">&#xe73a;</span>
<div class="name">图片</div>
<div class="code-name">&amp;#xe73a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe62d;</span>
<span class="icon iconfont-hb3">&#xe62d;</span>
<div class="name">文件</div>
<div class="code-name">&amp;#xe62d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe605;</span>
<span class="icon iconfont-hb3">&#xe605;</span>
<div class="name">视频</div>
<div class="code-name">&amp;#xe605;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe61c;</span>
<span class="icon iconfont-hb3">&#xe61c;</span>
<div class="name">拖拽open</div>
<div class="code-name">&amp;#xe61c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe845;</span>
<span class="icon iconfont-hb3">&#xe845;</span>
<div class="name">投放</div>
<div class="code-name">&amp;#xe845;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xeaa9;</span>
<span class="icon iconfont-hb3">&#xeaa9;</span>
<div class="name">策略</div>
<div class="code-name">&amp;#xeaa9;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe619;</span>
<span class="icon iconfont-hb3">&#xe619;</span>
<div class="name">模板</div>
<div class="code-name">&amp;#xe619;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe64e;</span>
<span class="icon iconfont-hb3">&#xe64e;</span>
<div class="name">通讯录</div>
<div class="code-name">&amp;#xe64e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6bb;</span>
<span class="icon iconfont-hb3">&#xe6bb;</span>
<div class="name">卡券记录</div>
<div class="code-name">&amp;#xe6bb;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe678;</span>
<span class="icon iconfont-hb3">&#xe678;</span>
<div class="name">会话精灵icon-166</div>
<div class="code-name">&amp;#xe678;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe60e;</span>
<span class="icon iconfont-hb3">&#xe60e;</span>
<div class="name">失败</div>
<div class="code-name">&amp;#xe60e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe63c;</span>
<span class="icon iconfont-hb3">&#xe63c;</span>
<div class="name">成功 (1)</div>
<div class="code-name">&amp;#xe63c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe628;</span>
<span class="icon iconfont-hb3">&#xe628;</span>
<div class="name">企业微信</div>
<div class="code-name">&amp;#xe628;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe629;</span>
<span class="icon iconfont-hb3">&#xe629;</span>
<div class="name">男</div>
<div class="code-name">&amp;#xe629;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe66b;</span>
<span class="icon iconfont-hb3">&#xe66b;</span>
<div class="name">性别女</div>
<div class="code-name">&amp;#xe66b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7a5;</span>
<span class="icon iconfont-hb3">&#xe7a5;</span>
<div class="name">任务指派</div>
<div class="code-name">&amp;#xe7a5;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xea6c;</span>
<span class="icon iconfont-hb3">&#xea6c;</span>
<div class="name">完成任务</div>
<div class="code-name">&amp;#xea6c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6a4;</span>
<span class="icon iconfont-hb3">&#xe6a4;</span>
<div class="name">导购微商城</div>
<div class="code-name">&amp;#xe6a4;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe918;</span>
<span class="icon iconfont-hb3">&#xe918;</span>
<div class="name">定位</div>
<div class="code-name">&amp;#xe918;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xea5b;</span>
<span class="icon iconfont-hb3">&#xea5b;</span>
<div class="name">更多</div>
<div class="code-name">&amp;#xea5b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xea7a;</span>
<span class="icon iconfont-hb3">&#xea7a;</span>
<div class="name">企业信息</div>
<div class="code-name">&amp;#xea7a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xea79;</span>
<span class="icon iconfont-hb3">&#xea79;</span>
<div class="name">加</div>
<div class="code-name">&amp;#xea79;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe604;</span>
<span class="icon iconfont-hb3">&#xe604;</span>
<div class="name">待审核</div>
<div class="code-name">&amp;#xe604;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe607;</span>
<span class="icon iconfont-hb3">&#xe607;</span>
<div class="name">审核</div>
<div class="code-name">&amp;#xe607;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe772;</span>
<span class="icon iconfont-hb3">&#xe772;</span>
<div class="name">审核</div>
<div class="code-name">&amp;#xe772;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe68c;</span>
<span class="icon iconfont-hb3">&#xe68c;</span>
<div class="name">更多</div>
<div class="code-name">&amp;#xe68c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe634;</span>
<span class="icon iconfont-hb3">&#xe634;</span>
<div class="name">减</div>
<div class="code-name">&amp;#xe634;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe609;</span>
<span class="icon iconfont-hb3">&#xe609;</span>
<div class="name">管理员列表</div>
<div class="code-name">&amp;#xe609;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xea78;</span>
<span class="icon iconfont-hb3">&#xea78;</span>
<div class="name">部门</div>
<div class="code-name">&amp;#xea78;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe64a;</span>
<span class="icon iconfont-hb3">&#xe64a;</span>
<div class="name">下发</div>
<div class="code-name">&amp;#xe64a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe603;</span>
<span class="icon iconfont-hb3">&#xe603;</span>
<div class="name">更多</div>
<div class="code-name">&amp;#xe603;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe618;</span>
<span class="icon iconfont-hb3">&#xe618;</span>
<div class="name">模板设置</div>
<div class="code-name">&amp;#xe618;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe750;</span>
<span class="icon iconfont-hb3">&#xe750;</span>
<div class="name">日报</div>
<div class="code-name">&amp;#xe750;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7f4;</span>
<span class="icon iconfont-hb3">&#xe7f4;</span>
<div class="name">日报设置</div>
<div class="code-name">&amp;#xe7f4;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe77a;</span>
<span class="icon iconfont-hb3">&#xe77a;</span>
<div class="name">任务</div>
<div class="code-name">&amp;#xe77a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe610;</span>
<span class="icon iconfont-hb3">&#xe610;</span>
<div class="name">指标</div>
<div class="code-name">&amp;#xe610;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe601;</span>
<span class="icon iconfont-hb3">&#xe601;</span>
<div class="name">话务技能组配置</div>
<div class="code-name">&amp;#xe601;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7f6;</span>
<span class="icon iconfont-hb3">&#xe7f6;</span>
<div class="name">不良评价设置</div>
<div class="code-name">&amp;#xe7f6;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe600;</span>
<span class="icon iconfont-hb3">&#xe600;</span>
<div class="name">话务数据</div>
<div class="code-name">&amp;#xe600;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe61b;</span>
<span class="icon iconfont-hb3">&#xe61b;</span>
<div class="name">刷新</div>
<div class="code-name">&amp;#xe61b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6b6;</span>
<span class="icon iconfont-hb3">&#xe6b6;</span>
<div class="name">卡券</div>
<div class="code-name">&amp;#xe6b6;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe65e;</span>
<span class="icon iconfont-hb3">&#xe65e;</span>
<div class="name">基础设置</div>
<div class="code-name">&amp;#xe65e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe81a;</span>
<span class="icon iconfont-hb3">&#xe81a;</span>
<div class="name">添加 加号 无边框</div>
<div class="code-name">&amp;#xe81a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe61a;</span>
<span class="icon iconfont-hb3">&#xe61a;</span>
<div class="name">成员1</div>
<div class="code-name">&amp;#xe61a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe62f;</span>
<span class="icon iconfont-hb3">&#xe62f;</span>
<div class="name">navigate_next</div>
<div class="code-name">&amp;#xe62f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe617;</span>
<span class="icon iconfont-hb3">&#xe617;</span>
<div class="name">修改，笔</div>
<div class="code-name">&amp;#xe617;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe730;</span>
<span class="icon iconfont-hb3">&#xe730;</span>
<div class="name">企业-填充</div>
<div class="code-name">&amp;#xe730;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe635;</span>
<span class="icon iconfont-hb3">&#xe635;</span>
<div class="name">组织架构管理</div>
<div class="code-name">&amp;#xe635;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe602;</span>
<span class="icon iconfont-hb3">&#xe602;</span>
<div class="name">店铺-块</div>
<div class="code-name">&amp;#xe602;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe608;</span>
<span class="icon iconfont-hb3">&#xe608;</span>
<div class="name">下拉</div>
<div class="code-name">&amp;#xe608;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe65a;</span>
<span class="icon iconfont-hb3">&#xe65a;</span>
<div class="name">日志服务</div>
<div class="code-name">&amp;#xe65a;</div>
</li>
......@@ -487,18 +507,18 @@
</blockquote>
<p>Unicode 使用步骤如下：</p>
<h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
<pre><code class="language-css"
>@font-face {
font-family: 'iconfont';
src: url('iconfont.woff2?t=1621413599446') format('woff2'),
url('iconfont.woff?t=1621413599446') format('woff'),
url('iconfont.ttf?t=1621413599446') format('truetype');
font-family: 'iconfont-hb3';
src: url('iconfont.woff2?t=1629273628322') format('woff2'),
url('iconfont.woff?t=1629273628322') format('woff'),
url('iconfont.ttf?t=1629273628322') format('truetype');
}
</code></pre>
<h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
font-family: "iconfont" !important;
<pre><code class="language-css"
>.iconfont-hb3 {
font-family: "iconfont-hb3" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
......@@ -506,12 +526,12 @@
}
</code></pre>
<h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
>&lt;span class="iconfont-hb3"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
<blockquote>
<p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
<p>"iconfont-hb3" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
</blockquote>
</div>
</div>
......@@ -519,7 +539,43 @@
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont iconxiaochengxu"></span>
<span class="icon iconfont-hb3 iconshezhi"></span>
<div class="name">
操作-设置
</div>
<div class="code-name">.iconshezhi
</div>
</li>
<li class="dib">
<span class="icon iconfont-hb3 iconshenhezhongxin"></span>
<div class="name">
审核中心
</div>
<div class="code-name">.iconshenhezhongxin
</div>
</li>
<li class="dib">
<span class="icon iconfont-hb3 iconkongbiaoqian"></span>
<div class="name">
空标签
</div>
<div class="code-name">.iconkongbiaoqian
</div>
</li>
<li class="dib">
<span class="icon iconfont-hb3 icondingdan_pingjia"></span>
<div class="name">
订单_评价
</div>
<div class="code-name">.icondingdan_pingjia
</div>
</li>
<li class="dib">
<span class="icon iconfont-hb3 iconxiaochengxu"></span>
<div class="name">
小程序
</div>
......@@ -528,7 +584,7 @@
</li>
<li class="dib">
<span class="icon iconfont iconpre"></span>
<span class="icon iconfont-hb3 iconpre"></span>
<div class="name">
pre
</div>
......@@ -537,7 +593,7 @@
</li>
<li class="dib">
<span class="icon iconfont iconnext"></span>
<span class="icon iconfont-hb3 iconnext"></span>
<div class="name">
next
</div>
......@@ -546,7 +602,7 @@
</li>
<li class="dib">
<span class="icon iconfont iconhuanyingci"></span>
<span class="icon iconfont-hb3 iconhuanyingci"></span>
<div class="name">
欢迎辞
</div>
......@@ -555,7 +611,7 @@
</li>
<li class="dib">
<span class="icon iconfont iconnew"></span>
<span class="icon iconfont-hb3 iconnew"></span>
<div class="name">
new
</div>
......@@ -564,7 +620,7 @@
</li>
<li class="dib">
<span class="icon iconfont iconmingxibeifen"></span>
<span class="icon iconfont-hb3 iconmingxibeifen"></span>
<div class="name">
明细备份
</div>
......@@ -573,7 +629,7 @@
</li>
<li class="dib">
<span class="icon iconfont iconshangpinshezhi"></span>
<span class="icon iconfont-hb3 iconshangpinshezhi"></span>
<div class="name">
商品设置
</div>
......@@ -582,7 +638,7 @@
</li>
<li class="dib">
<span class="icon iconfont icongukeguanliicon"></span>
<span class="icon iconfont-hb3 icongukeguanliicon"></span>
<div class="name">
我的顾客 icon
</div>
......@@ -591,7 +647,7 @@
</li>
<li class="dib">
<span class="icon iconfont iconshuaxin1"></span>
<span class="icon iconfont-hb3 iconshuaxin1"></span>
<div class="name">
刷新
</div>
......@@ -600,7 +656,7 @@
</li>
<li class="dib">
<span class="icon iconfont icongou"></span>
<span class="icon iconfont-hb3 icongou"></span>
<div class="name">
勾
</div>
......@@ -609,7 +665,7 @@
</li>
<li class="dib">
<span class="icon iconfont iconshouquanyanzheng"></span>
<span class="icon iconfont-hb3 iconshouquanyanzheng"></span>
<div class="name">
授权验证
</div>
......@@ -618,7 +674,7 @@
</li>
<li class="dib">
<span class="icon iconfont iconhuaban"></span>
<span class="icon iconfont-hb3 iconhuaban"></span>
<div class="name">
手机
</div>
......@@ -627,7 +683,7 @@
</li>
<li class="dib">
<span class="icon iconfont iconsucaiku"></span>
<span class="icon iconfont-hb3 iconsucaiku"></span>
<div class="name">
素材库
</div>
......@@ -636,7 +692,7 @@
</li>
<li class="dib">
<span class="icon iconfont iconwenjian1"></span>
<span class="icon iconfont-hb3 iconwenjian1"></span>
<div class="name">
文件
</div>
......@@ -645,7 +701,7 @@
</li>
<li class="dib">
<span class="icon iconfont iconbofang1"></span>
<span class="icon iconfont-hb3 iconbofang1"></span>
<div class="name">
播放
</div>
......@@ -654,7 +710,7 @@
</li>
<li class="dib">
<span class="icon iconfont iconbiaoqing"></span>
<span class="icon iconfont-hb3 iconbiaoqing"></span>
<div class="name">
表情
</div>
......@@ -663,7 +719,7 @@
</li>
<li class="dib">
<span class="icon iconfont iconwenzi"></span>
<span class="icon iconfont-hb3 iconwenzi"></span>
<div class="name">
文字
</div>
......@@ -672,7 +728,7 @@
</li>
<li class="dib">
<span class="icon iconfont icondaima"></span>
<span class="icon iconfont-hb3 icondaima"></span>
<div class="name">
代码
</div>
......@@ -681,7 +737,7 @@
</li>
<li class="dib">
<span class="icon iconfont icontupian"></span>
<span class="icon iconfont-hb3 icontupian"></span>
<div class="name">
图片
</div>
......@@ -690,7 +746,7 @@
</li>
<li class="dib">
<span class="icon iconfont iconwenjian"></span>
<span class="icon iconfont-hb3 iconwenjian"></span>
<div class="name">
文件
</div>
......@@ -699,7 +755,7 @@
</li>
<li class="dib">
<span class="icon iconfont iconshipin"></span>
<span class="icon iconfont-hb3 iconshipin"></span>
<div class="name">
视频
</div>
......@@ -708,7 +764,7 @@
</li>
<li class="dib">
<span class="icon iconfont icontuozhuaiopen"></span>
<span class="icon iconfont-hb3 icontuozhuaiopen"></span>
<div class="name">
拖拽open
</div>
......@@ -717,7 +773,7 @@
</li>
<li class="dib">
<span class="icon iconfont icontoufang2"></span>
<span class="icon iconfont-hb3 icontoufang2"></span>
<div class="name">
投放
</div>
......@@ -726,7 +782,7 @@
</li>
<li class="dib">
<span class="icon iconfont iconcelve"></span>
<span class="icon iconfont-hb3 iconcelve"></span>
<div class="name">
策略
</div>
......@@ -735,7 +791,7 @@
</li>
<li class="dib">
<span class="icon iconfont iconmoban"></span>
<span class="icon iconfont-hb3 iconmoban"></span>
<div class="name">
模板
</div>
......@@ -744,7 +800,7 @@
</li>
<li class="dib">
<span class="icon iconfont icontongxunlu"></span>
<span class="icon iconfont-hb3 icontongxunlu"></span>
<div class="name">
通讯录
</div>
......@@ -753,7 +809,7 @@
</li>
<li class="dib">
<span class="icon iconfont iconwodeqiaquan-"></span>
<span class="icon iconfont-hb3 iconwodeqiaquan-"></span>
<div class="name">
卡券记录
</div>
......@@ -762,7 +818,7 @@
</li>
<li class="dib">
<span class="icon iconfont iconhuihuajinglingicon-"></span>
<span class="icon iconfont-hb3 iconhuihuajinglingicon-"></span>
<div class="name">
会话精灵icon-166
</div>
......@@ -771,7 +827,7 @@
</li>
<li class="dib">
<span class="icon iconfont iconshibai"></span>
<span class="icon iconfont-hb3 iconshibai"></span>
<div class="name">
失败
</div>
......@@ -780,7 +836,7 @@
</li>
<li class="dib">
<span class="icon iconfont iconchenggong"></span>
<span class="icon iconfont-hb3 iconchenggong"></span>
<div class="name">
成功 (1)
</div>
......@@ -789,7 +845,7 @@
</li>
<li class="dib">
<span class="icon iconfont iconqiyeweixin"></span>
<span class="icon iconfont-hb3 iconqiyeweixin"></span>
<div class="name">
企业微信
</div>
......@@ -798,7 +854,7 @@
</li>
<li class="dib">
<span class="icon iconfont iconnan"></span>
<span class="icon iconfont-hb3 iconnan"></span>
<div class="name">
男
</div>
......@@ -807,7 +863,7 @@
</li>
<li class="dib">
<span class="icon iconfont iconxingbienv"></span>
<span class="icon iconfont-hb3 iconxingbienv"></span>
<div class="name">
性别女
</div>
......@@ -816,7 +872,7 @@
</li>
<li class="dib">
<span class="icon iconfont iconrenwuzhipai"></span>
<span class="icon iconfont-hb3 iconrenwuzhipai"></span>
<div class="name">
任务指派
</div>
......@@ -825,7 +881,7 @@
</li>
<li class="dib">
<span class="icon iconfont iconwanchengrenwu"></span>
<span class="icon iconfont-hb3 iconwanchengrenwu"></span>
<div class="name">
完成任务
</div>
......@@ -834,7 +890,7 @@
</li>
<li class="dib">
<span class="icon iconfont iconziyuan1"></span>
<span class="icon iconfont-hb3 iconziyuan1"></span>
<div class="name">
导购微商城
</div>
......@@ -843,7 +899,7 @@
</li>
<li class="dib">
<span class="icon iconfont icondingwei"></span>
<span class="icon iconfont-hb3 icondingwei"></span>
<div class="name">
定位
</div>
......@@ -852,7 +908,7 @@
</li>
<li class="dib">
<span class="icon iconfont icongengduo2"></span>
<span class="icon iconfont-hb3 icongengduo2"></span>
<div class="name">
更多
</div>
......@@ -861,7 +917,7 @@
</li>
<li class="dib">
<span class="icon iconfont iconqiyexinxi"></span>
<span class="icon iconfont-hb3 iconqiyexinxi"></span>
<div class="name">
企业信息
</div>
......@@ -870,7 +926,7 @@
</li>
<li class="dib">
<span class="icon iconfont iconjia"></span>
<span class="icon iconfont-hb3 iconjia"></span>
<div class="name">
加
</div>
......@@ -879,7 +935,7 @@
</li>
<li class="dib">
<span class="icon iconfont icondaishenhe_orange"></span>
<span class="icon iconfont-hb3 icondaishenhe_orange"></span>
<div class="name">
待审核
</div>
......@@ -888,7 +944,7 @@
</li>
<li class="dib">
<span class="icon iconfont iconrenwu1"></span>
<span class="icon iconfont-hb3 iconrenwu1"></span>
<div class="name">
审核
</div>
......@@ -897,7 +953,7 @@
</li>
<li class="dib">
<span class="icon iconfont iconshenhe"></span>
<span class="icon iconfont-hb3 iconshenhe"></span>
<div class="name">
审核
</div>
......@@ -906,7 +962,7 @@
</li>
<li class="dib">
<span class="icon iconfont icongengduo1"></span>
<span class="icon iconfont-hb3 icongengduo1"></span>
<div class="name">
更多
</div>
......@@ -915,7 +971,7 @@
</li>
<li class="dib">
<span class="icon iconfont iconjian"></span>
<span class="icon iconfont-hb3 iconjian"></span>
<div class="name">
减
</div>
......@@ -924,7 +980,7 @@
</li>
<li class="dib">
<span class="icon iconfont iconguanliyuanliebiao"></span>
<span class="icon iconfont-hb3 iconguanliyuanliebiao"></span>
<div class="name">
管理员列表
</div>
......@@ -933,7 +989,7 @@
</li>
<li class="dib">
<span class="icon iconfont iconbumen"></span>
<span class="icon iconfont-hb3 iconbumen"></span>
<div class="name">
部门
</div>
......@@ -942,7 +998,7 @@
</li>
<li class="dib">
<span class="icon iconfont iconxiafa"></span>
<span class="icon iconfont-hb3 iconxiafa"></span>
<div class="name">
下发
</div>
......@@ -951,7 +1007,7 @@
</li>
<li class="dib">
<span class="icon iconfont icongengduo"></span>
<span class="icon iconfont-hb3 icongengduo"></span>
<div class="name">
更多
</div>
......@@ -960,7 +1016,7 @@
</li>
<li class="dib">
<span class="icon iconfont iconxitongguanlitubiao_mobanshezhi"></span>
<span class="icon iconfont-hb3 iconxitongguanlitubiao_mobanshezhi"></span>
<div class="name">
模板设置
</div>
......@@ -969,7 +1025,7 @@
</li>
<li class="dib">
<span class="icon iconfont iconribao"></span>
<span class="icon iconfont-hb3 iconribao"></span>
<div class="name">
日报
</div>
......@@ -978,7 +1034,7 @@
</li>
<li class="dib">
<span class="icon iconfont iconribaoshezhi"></span>
<span class="icon iconfont-hb3 iconribaoshezhi"></span>
<div class="name">
日报设置
</div>
......@@ -987,7 +1043,7 @@
</li>
<li class="dib">
<span class="icon iconfont iconrenwu"></span>
<span class="icon iconfont-hb3 iconrenwu"></span>
<div class="name">
任务
</div>
......@@ -996,7 +1052,7 @@
</li>
<li class="dib">
<span class="icon iconfont iconzhibiao"></span>
<span class="icon iconfont-hb3 iconzhibiao"></span>
<div class="name">
指标
</div>
......@@ -1005,7 +1061,7 @@
</li>
<li class="dib">
<span class="icon iconfont iconhuawujinengzupeizhi"></span>
<span class="icon iconfont-hb3 iconhuawujinengzupeizhi"></span>
<div class="name">
话务技能组配置
</div>
......@@ -1014,7 +1070,7 @@
</li>
<li class="dib">
<span class="icon iconfont iconbuliangpingjiashezhi"></span>
<span class="icon iconfont-hb3 iconbuliangpingjiashezhi"></span>
<div class="name">
不良评价设置
</div>
......@@ -1023,7 +1079,7 @@
</li>
<li class="dib">
<span class="icon iconfont iconhuawushuju"></span>
<span class="icon iconfont-hb3 iconhuawushuju"></span>
<div class="name">
话务数据
</div>
......@@ -1032,7 +1088,7 @@
</li>
<li class="dib">
<span class="icon iconfont iconshuaxin"></span>
<span class="icon iconfont-hb3 iconshuaxin"></span>
<div class="name">
刷新
</div>
......@@ -1041,7 +1097,7 @@
</li>
<li class="dib">
<span class="icon iconfont iconqiaquan"></span>
<span class="icon iconfont-hb3 iconqiaquan"></span>
<div class="name">
卡券
</div>
......@@ -1050,7 +1106,7 @@
</li>
<li class="dib">
<span class="icon iconfont iconjichushezhi"></span>
<span class="icon iconfont-hb3 iconjichushezhi"></span>
<div class="name">
基础设置
</div>
......@@ -1059,7 +1115,7 @@
</li>
<li class="dib">
<span class="icon iconfont icontianjiajiahaowubiankuang"></span>
<span class="icon iconfont-hb3 icontianjiajiahaowubiankuang"></span>
<div class="name">
添加 加号 无边框
</div>
......@@ -1068,7 +1124,7 @@
</li>
<li class="dib">
<span class="icon iconfont iconchengyuan"></span>
<span class="icon iconfont-hb3 iconchengyuan"></span>
<div class="name">
成员1
</div>
......@@ -1077,7 +1133,7 @@
</li>
<li class="dib">
<span class="icon iconfont iconnavigate_next"></span>
<span class="icon iconfont-hb3 iconnavigate_next"></span>
<div class="name">
navigate_next
</div>
......@@ -1086,7 +1142,7 @@
</li>
<li class="dib">
<span class="icon iconfont iconchangyongicon-"></span>
<span class="icon iconfont-hb3 iconchangyongicon-"></span>
<div class="name">
修改，笔
</div>
......@@ -1095,7 +1151,7 @@
</li>
<li class="dib">
<span class="icon iconfont iconqiye-tianchong"></span>
<span class="icon iconfont-hb3 iconqiye-tianchong"></span>
<div class="name">
企业-填充
</div>
......@@ -1104,7 +1160,7 @@
</li>
<li class="dib">
<span class="icon iconfont iconzuzhijiagouguanli"></span>
<span class="icon iconfont-hb3 iconzuzhijiagouguanli"></span>
<div class="name">
组织架构管理
</div>
......@@ -1113,7 +1169,7 @@
</li>
<li class="dib">
<span class="icon iconfont icondianpu-kuai"></span>
<span class="icon iconfont-hb3 icondianpu-kuai"></span>
<div class="name">
店铺-块
</div>
......@@ -1122,7 +1178,7 @@
</li>
<li class="dib">
<span class="icon iconfont iconxiala"></span>
<span class="icon iconfont-hb3 iconxiala"></span>
<div class="name">
下拉
</div>
......@@ -1131,7 +1187,7 @@
</li>
<li class="dib">
<span class="icon iconfont iconrizhifuwu"></span>
<span class="icon iconfont-hb3 iconrizhifuwu"></span>
<div class="name">
日志服务
</div>
......@@ -1152,13 +1208,14 @@
</ul>
<p>使用步骤如下：</p>
<h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
<h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont iconxxx"&gt;&lt;/span&gt;
<pre><code class="language-html">&lt;span class="iconfont-hb3 iconxxx"&gt;&lt;/span&gt;
</code></pre>
<blockquote>
<p>" iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
<p>"
iconfont-hb3" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
</blockquote>
</div>
</div>
......@@ -1167,6 +1224,38 @@
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconshezhi"></use>
</svg>
<div class="name">操作-设置</div>
<div class="code-name">#iconshezhi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconshenhezhongxin"></use>
</svg>
<div class="name">审核中心</div>
<div class="code-name">#iconshenhezhongxin</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconkongbiaoqian"></use>
</svg>
<div class="name">空标签</div>
<div class="code-name">#iconkongbiaoqian</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icondingdan_pingjia"></use>
</svg>
<div class="name">订单_评价</div>
<div class="code-name">#icondingdan_pingjia</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconxiaochengxu"></use>
</svg>
<div class="name">小程序</div>
......@@ -1722,7 +1811,8 @@
<h2 id="symbol-">Symbol 引用</h2>
<hr>
<p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a> 这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
<p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
<ul>
<li>支持多色图标了，不再受单色限制。</li>
<li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
......@@ -1731,10 +1821,10 @@
</ul>
<p>使用步骤如下：</p>
<h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
<h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
<pre><code class="language-html">&lt;style&gt;
.icon {
width: 1em;
height: 1em;
......@@ -1745,7 +1835,7 @@
&lt;/style&gt;
</code></pre>
<h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
&lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
......@@ -1755,10 +1845,10 @@
</div>
</div>
<script>
$(document).ready(function() {
$(document).ready(function () {
$('.tab-container .content:first').show()
$('#tabs li').click(function(e) {
$('#tabs li').click(function (e) {
var tabContent = $('.tab-container .content')
var index = $(this).index()
......@@ -1774,5 +1864,4 @@
})
</script>
</body>
</html>
static/font/iconfont.css
@font-face {
font-family: "iconfont";
/* Project id 1628375 */
src: url('iconfont.woff2?t=1621413599446') format('woff2'), url('iconfont.woff?t=1621413599446') format('woff'), url('iconfont.ttf?t=1621413599446') format('truetype');
font-family: "iconfont"; /* Project id 1628375 */
src: url('iconfont.woff2?t=1629273628322') format('woff2'),
url('iconfont.woff?t=1629273628322') format('woff'),
url('iconfont.ttf?t=1629273628322') format('truetype');
}
.iconfont {
......@@ -12,6 +13,22 @@
-moz-osx-font-smoothing: grayscale;
}
.iconshezhi:before {
content: "\e688";
}
.iconshenhezhongxin:before {
content: "\e627";
}
.iconkongbiaoqian:before {
content: "\e64c";
}
.icondingdan_pingjia:before {
content: "\e654";
}
.iconxiaochengxu:before {
content: "\e625";
}
......@@ -287,3 +304,4 @@
.iconrizhifuwu:before {
content: "\e65a";
}
static/font/iconfont.js
This source diff could not be displayed because it is too large. You can view the blob instead.
static/font/iconfont.json
{
"id": "1628375",
"name": "好办后台3.0",
"font_family": "iconfont",
"font_family": "iconfont-hb3",
"css_prefix_text": "icon",
"description": "",
"glyphs": [{
"glyphs": [
{
"icon_id": "1766318",
"name": "操作-设置",
"font_class": "shezhi",
"unicode": "e688",
"unicode_decimal": 59016
},
{
"icon_id": "7853243",
"name": "审核中心",
"font_class": "shenhezhongxin",
"unicode": "e627",
"unicode_decimal": 58919
},
{
"icon_id": "23164302",
"name": "空标签",
"font_class": "kongbiaoqian",
"unicode": "e64c",
"unicode_decimal": 58956
},
{
"icon_id": "8651336",
"name": "订单_评价",
"font_class": "dingdan_pingjia",
"unicode": "e654",
"unicode_decimal": 58964
},
{
"icon_id": "16514068",
"name": "小程序",
"font_class": "xiaochengxu",
......
static/font/iconfont.ttf
No preview for this file type
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment