Commit 7ccf1ed3 by crushh

update: temp

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