Skip to content

C
city-portal-ui
Commit 07ca73da authored by 张罗鹏's avatar 张罗鹏
Browse files
Options

上传

parent 13e9ae85
Show whitespace changes
Inline Side-by-side
Showing with 1282 additions and 3121 deletions
public/css/base.less
View file @ 07ca73da
...@@ -23,7 +23,7 @@ body, div, h1, h2, h3, h4, h5, h6, html, li, p, ul { ...@@ -23,7 +23,7 @@ body, div, h1, h2, h3, h4, h5, h6, html, li, p, ul {
body { body {
margin: 0; margin: 0;
color: rgba(0,0,0,.65); color: rgba(0,0,0,.65);
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol; font-family: Microsoft YaHei;
font-variant: tabular-nums; font-variant: tabular-nums;
line-height: 1.5; line-height: 1.5;
background-color: #fff; background-color: #fff;
...@@ -45,244 +45,6 @@ body { ...@@ -45,244 +45,6 @@ body {
} }
} }
.el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar{
width:10px;
height:10px;
}
.el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-track{
background: rgba(239, 239, 239,0.5);
border-radius:2px;
}
.el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-thumb{
background: #bfbfbf;
border-radius:10px;
}
.el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-thumb:hover{
background: #ccc;
}
@media screen and (max-width: 1236px) and (min-width: 10px){
body {
font-size: 12px;
}
.tab-item {
font-size: 12px!important;
.iconfont {
font-size: 16px!important;
}
}
.gov-content h3 {
font-size: 16px!important;
}
.dh-content-left h2 {
font-size: 15px!important;
}
.dh-content-right h2 {
font-size: 15px!important;
}
.dh-content-wrap .dh-content-left .task-title {
font-size: 13px!important;
}
.ant-menu-inline .ant-menu-submenu-title {
// padding: 0 5px!important;
}
.ant-menu-item {
// padding: 0 5px!important;
}
.header .nav .back .dh-door {
font-size: 12px!important;
}
.seach .text {
font-size: 12px!important;
}
.dh-content-left {
width: 1.46364rem!important;
}
.nav .title {
font-size: 23px;
}
.blank-content img {
width: 100%!important;
}
.gov .gov-content-wrap .gov-item-wrap {
flex-flow: wrap!important;
}
.gov-item {
flex: auto!important;
width: 40%!important;
}
.gov-item h3 {
font-size: 14px!important;
}
.gov-item h3::before {
width: 4px!important;
height: 19px!important;
}
.epidemic_inoculation .vaccines-wrap .vaccines-item-wrap {
flex-wrap: wrap!important;
}
.epidemic_inoculation .vaccines-wrap .vaccines-item {
flex: auto!important;
width: 100%!important;
}
.persuit-item-boss {
width: 100%;
overflow: auto;
}
.trace .persuit-content .persuit-item {
width: 1200px;
}
.epidemic {
h3 {
font-size: 14px!important;
}
}
h4 {
font-size: 14px!important;
}
.trace .persuit-content .inoculate-info .user-info {
flex-flow: wrap;
}
.user-info-box {
width: 50%;
flex: auto!important;
margin-top: 10px;
}
.multiplication .gov-content .gov-item .high-company-list .high-company-detail li {
font-size: 12px!important;
}
.admin-name {
font-size: 16px;
}
.item-dt {
font-size: 14px;
}
.item-dd {
font-size: 12px;
}
.domestic .content-table .item-dt {
background-size: 20px 20px!important;
padding: 0 0 0.06494rem 25px!important;
}
.domestic .circle-content-wrap .circle-content .main-header .main-header-item li {
font-size: 12px!important;
}
.liangshi {
display: flex;
flex-wrap: wrap;
margin-top: 0!important;
.gov-item {
width: 100%!important;
margin: 20px!important;
}
}
.survey .characteristic .characteristic_detail .characteristic_title {
width: 190px!important;
height: 27px!important;
font-size: 14px!important;
background-position: 0% 100%!important;
background-size: 100% 100%!important;
}
.survey .characteristic .characteristic_detail .characteristic_title_blue {
background-position: 0% 100%!important;
background-size: 100% 100%!important;
}
.characteristic_all {
justify-content: space-around;
}
.characteristic {
flex-wrap: wrap;
}
.survey .characteristic .characteristic_detail{
flex: auto!important;
max-width: 50%!important;
width: 50%!important;
}
.survey .characteristic .characteristic_detail_boss {
width: 100%!important;
max-width: 100%!important;
}
.epidemic_inoculation .eco-wrap .eco-item .eco-item-detail .qualilty-wrap-item .item-title {
font-size: 12px!important;
}
.epidemic_inoculation .eco-wrap .eco-item .eco-item-detail .qualilty-wrap-item .item-box {
flex-wrap: wrap;
}
.epidemic_inoculation .eco-wrap-right .eco-item-wrap .item-right .to-do-task-cards .to-do-task-card {
width: 100%!important;
}
.epidemic_inoculation .eco-wrap-right {
overflow: auto;
margin-left: 10px!important;
}
.air {
flex-wrap: wrap;
.air_div {
width: 100%!important;
margin-left: 0!important;
margin-bottom: 20px;
.data-wrap {
// flex: 1!important;
}
}
}
.epidemic_inoculation .eco-wrap .eco-item .air-quality-up-content {
justify-content: space-between!important;
}
.chart {
width: 60%!important;
height: 200px!important;
// flex: 1;
// margin-left: 30px;
}
.meili .complete-box {
width: 31%!important;
}
.survey .infomation div {
font-size: 14px!important;
}
.gov-content {
flex-wrap: wrap;
}
.major-right-table {
width: 1200px!important;
}
.flex-wrap {
flex-wrap: wrap;
.width-50:last-child {
margin-left: 0!important;
}
}
.width-50 {
width: 48%!important;
margin-bottom: 20px!important;
}
.main_txt {
font-size: 12px!important;
}
.epidemic_inoculation .eco-wrap .eco-item .chart_main .main_l {
font-size: 12px;
}
.epidemic_inoculation .eco-wrap .eco-item .chart_main .main_l .main-bar {
font-size: 14px!important;
}
.max-width .dh-top-icon .icon::before {
margin-right: 0!important;
}
.survey-title-text span {
font-size: 14px!important;
}
.pic-price .gov-item {
width: 100%!important;
}
.chart_view {
height: 200px!important;
}
.gov-item {
margin-right: 0!important;
}
}
@font-face { @font-face {
font-family: iconfont; font-family: iconfont;
src: url(../fonts/iconfont.08e8a39c.woff2) format("woff2"), url(../fonts/iconfont.0e3edd63.woff) format("woff"), url(../fonts/iconfont.901c8517.ttf) format("truetype") src: url(../fonts/iconfont.08e8a39c.woff2) format("woff2"), url(../fonts/iconfont.0e3edd63.woff) format("woff"), url(../fonts/iconfont.901c8517.ttf) format("truetype")
......
public/css/demo_index.html
View file @ 07ca73da
...@@ -2,8 +2,9 @@ ...@@ -2,8 +2,9 @@
<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="https://gtms04.alicdn.com/tps/i4/TB1_oz6GVXXXXaFXpXXJDFnIXXX-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="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">
...@@ -12,10 +13,33 @@ ...@@ -12,10 +13,33 @@
<script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script> <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
<!-- 代码高亮 --> <!-- 代码高亮 -->
<script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script> <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
<style>
.main .logo {
margin-top: 0;
height: auto;
}
.main .logo a {
display: flex;
align-items: center;
}
.main .logo .sub-title {
margin-left: 0.5em;
font-size: 22px;
color: #fff;
background: linear-gradient(-45deg, #3967FF, #B500FE);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
</style>
</head> </head>
<body> <body>
<div class="main"> <div class="main">
<h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">&#xe86b;</a></h1> <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>
<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>
...@@ -23,7 +47,7 @@ ...@@ -23,7 +47,7 @@
<li class="dib"><span>Symbol</span></li> <li class="dib"><span>Symbol</span></li>
</ul> </ul>
<a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=878660" target="_blank" class="nav-more">查看项目</a> <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=2944483" target="_blank" class="nav-more">查看项目</a>
</div> </div>
<div class="tab-container"> <div class="tab-container">
...@@ -31,2405 +55,467 @@ ...@@ -31,2405 +55,467 @@
<ul class="icon_lists dib-box"> <ul class="icon_lists dib-box">
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe618;</span>
<div class="name">划</div>
<div class="code-name">&amp;#xe618;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe616;</span>
<div class="name">外</div>
<div class="code-name">&amp;#xe616;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe683;</span>
<div class="name">清除</div>
<div class="code-name">&amp;#xe683;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8f4;</span>
<div class="name">收银</div>
<div class="code-name">&amp;#xe8f4;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe607;</span>
<div class="name">退单</div>
<div class="code-name">&amp;#xe607;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe63f;</span>
<div class="name">品牌管理</div>
<div class="code-name">&amp;#xe63f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe615;</span>
<div class="name">用餐</div>
<div class="code-name">&amp;#xe615;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe717;</span>
<div class="name">换桌</div>
<div class="code-name">&amp;#xe717;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6e5;</span>
<div class="name">完成</div>
<div class="code-name">&amp;#xe6e5;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe62b;</span>
<div class="name">积分兑换</div>
<div class="code-name">&amp;#xe62b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe631;</span>
<div class="name">密码</div>
<div class="code-name">&amp;#xe631;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7a5;</span>
<div class="name">收银</div>
<div class="code-name">&amp;#xe7a5;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe62d;</span>
<div class="name">等待</div>
<div class="code-name">&amp;#xe62d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe637;</span>
<div class="name">确认订单</div>
<div class="code-name">&amp;#xe637;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe704;</span>
<div class="name">地址</div>
<div class="code-name">&amp;#xe704;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe609;</span>
<div class="name">开单</div>
<div class="code-name">&amp;#xe609;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe633;</span>
<div class="name">设置</div>
<div class="code-name">&amp;#xe633;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe626;</span>
<div class="name">等待</div>
<div class="code-name">&amp;#xe626;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe829;</span>
<div class="name">沽清</div>
<div class="code-name">&amp;#xe829;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe649;</span>
<div class="name">打印</div>
<div class="code-name">&amp;#xe649;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe604;</span>
<div class="name">优惠</div>
<div class="code-name">&amp;#xe604;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe632;</span>
<div class="name">正确</div>
<div class="code-name">&amp;#xe632;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe641;</span>
<div class="name">会员</div>
<div class="code-name">&amp;#xe641;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe63e;</span>
<div class="name">等待</div>
<div class="code-name">&amp;#xe63e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe613;</span>
<div class="name">反结算</div>
<div class="code-name">&amp;#xe613;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe60e;</span>
<div class="name">消费记录</div>
<div class="code-name">&amp;#xe60e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7a9;</span>
<div class="name">修改信息</div>
<div class="code-name">&amp;#xe7a9;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe60a;</span>
<div class="name">钱</div>
<div class="code-name">&amp;#xe60a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe677;</span>
<div class="name">美团</div>
<div class="code-name">&amp;#xe677;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe61c;</span>
<div class="name">送</div>
<div class="code-name">&amp;#xe61c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe605;</span>
<div class="name">新增</div>
<div class="code-name">&amp;#xe605;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe69a;</span>
<div class="name">完成</div>
<div class="code-name">&amp;#xe69a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe62c;</span>
<div class="name">会员</div>
<div class="code-name">&amp;#xe62c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe61e;</span>
<div class="name">无商品</div>
<div class="code-name">&amp;#xe61e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe602;</span> <span class="icon iconfont">&#xe602;</span>
<div class="name">并台@1x</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">&#xe681;</span> <span class="icon iconfont">&#xe681;</span>
<div class="name">回删</div> <div class="name">安全</div>
<div class="code-name">&amp;#xe681;</div> <div class="code-name">&amp;#xe681;</div>
</li> </li>
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe663;</span> <span class="icon iconfont">&#xe613;</span>
<div class="name">授权</div> <div class="name">企业文化</div>
<div class="code-name">&amp;#xe663;</div> <div class="code-name">&amp;#xe613;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe66b;</span>
<div class="name">返回</div>
<div class="code-name">&amp;#xe66b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6b2;</span>
<div class="name">批量</div>
<div class="code-name">&amp;#xe6b2;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe674;</span>
<div class="name">H5_商户号</div>
<div class="code-name">&amp;#xe674;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe623;</span>
<div class="name">退卡</div>
<div class="code-name">&amp;#xe623;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe634;</span>
<div class="name">开关 关</div>
<div class="code-name">&amp;#xe634;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe600;</span>
<div class="name">搜索</div>
<div class="code-name">&amp;#xe600;</div>
</li> </li>
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe8f2;</span> <span class="icon iconfont">&#xe60f;</span>
<div class="name"> 修改订单</div> <div class="name">太阳</div>
<div class="code-name">&amp;#xe8f2;</div> <div class="code-name">&amp;#xe60f;</div>
</li> </li>
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe61b;</span> <span class="icon iconfont">&#xe642;</span>
<div class="name">饿了么</div> <div class="name">社会</div>
<div class="code-name">&amp;#xe61b;</div> <div class="code-name">&amp;#xe642;</div>
</li> </li>
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe617;</span> <span class="icon iconfont">&#xe621;</span>
<div class="name">加菜</div> <div class="name">经济差</div>
<div class="code-name">&amp;#xe617;</div> <div class="code-name">&amp;#xe621;</div>
</li> </li>
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe645;</span> <span class="icon iconfont">&#xe60c;</span>
<div class="name">催单</div> <div class="name">智慧城市</div>
<div class="code-name">&amp;#xe645;</div> <div class="code-name">&amp;#xe60c;</div>
</li> </li>
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe749;</span> <span class="icon iconfont">&#xe700;</span>
<div class="name">备注</div> <div class="name">信用</div>
<div class="code-name">&amp;#xe749;</div> <div class="code-name">&amp;#xe700;</div>
</li> </li>
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe608;</span> <span class="icon iconfont">&#xe648;</span>
<div class="name">删 除</div> <div class="name">零售量</div>
<div class="code-name">&amp;#xe608;</div> <div class="code-name">&amp;#xe648;</div>
</li> </li>
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe670;</span> <span class="icon iconfont">&#xe600;</span>
<div class="name">现金</div> <div class="name">交通秩序</div>
<div class="code-name">&amp;#xe670;</div> <div class="code-name">&amp;#xe600;</div>
</li> </li>
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe644;</span> <span class="icon iconfont">&#xe610;</span>
<div class="name">取单</div> <div class="name">社区-漂亮小星星hover</div>
<div class="code-name">&amp;#xe644;</div> <div class="code-name">&amp;#xe610;</div>
</li> </li>
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe603;</span> <span class="icon iconfont">&#xe672;</span>
<div class="name">桌位</div> <div class="name">动态</div>
<div class="code-name">&amp;#xe603;</div> <div class="code-name">&amp;#xe672;</div>
</li> </li>
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe625;</span> <span class="icon iconfont">&#xe611;</span>
<div class="name">百度外卖</div> <div class="name">城市</div>
<div class="code-name">&amp;#xe625;</div> <div class="code-name">&amp;#xe611;</div>
</li> </li>
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe62a;</span> <span class="icon iconfont">&#xe653;</span>
<div class="name">首页</div> <div class="name">健康</div>
<div class="code-name">&amp;#xe62a;</div> <div class="code-name">&amp;#xe653;</div>
</li> </li>
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe606;</span> <span class="icon iconfont">&#xe601;</span>
<div class="name">电话</div> <div class="name">整体智治系统交办任务</div>
<div class="code-name">&amp;#xe606;</div> <div class="code-name">&amp;#xe601;</div>
</li> </li>
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe639;</span> <span class="icon iconfont">&#xe63a;</span>
<div class="name">开关 关</div> <div class="name">重要生态安全区</div>
<div class="code-name">&amp;#xe639;</div> <div class="code-name">&amp;#xe63a;</div>
</li> </li>
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe614;</span> <span class="icon iconfont">&#xfaec;</span>
<div class="name">微信支付</div> <div class="name">保护</div>
<div class="code-name">&amp;#xe614;</div> <div class="code-name">&amp;#xfaec;</div>
</li> </li>
<li class="dib"> </ul>
<span class="icon iconfont">&#xe621;</span> <div class="article markdown">
<div class="name">外卖</div> <h2 id="unicode-">Unicode 引用</h2>
<div class="code-name">&amp;#xe621;</div> <hr>
</li>
<li class="dib"> <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
<span class="icon iconfont">&#xe75c;</span> <ul>
<div class="name">补</div> <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
<div class="code-name">&amp;#xe75c;</div> <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
</li> </ul>
<blockquote>
<p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
</blockquote>
<p>Unicode 使用步骤如下：</p>
<h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
font-family: 'iconfont';
src: url('iconfont.woff2?t=1637560004981') format('woff2'),
url('iconfont.woff?t=1637560004981') format('woff'),
url('iconfont.ttf?t=1637560004981') format('truetype');
}
</code></pre>
<h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
</code></pre>
<h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
<blockquote>
<p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
</blockquote>
</div>
</div>
<div class="content font-class">
<ul class="icon_lists dib-box">
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe612;</span> <span class="icon iconfont icon-a-1-01"></span>
<div class="name">工号</div> <div class="name">
<div class="code-name">&amp;#xe612;</div> 富裕城市
</div>
<div class="code-name">.icon-a-1-01
</div>
</li> </li>
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe6e6;</span> <span class="icon iconfont icon-anquan"></span>
<div class="name">新增</div> <div class="name">
<div class="code-name">&amp;#xe6e6;</div> 安全
</div>
<div class="code-name">.icon-anquan
</div>
</li> </li>
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe61a;</span> <span class="icon iconfont icon-qiyewenhua"></span>
<div class="name">回收站</div> <div class="name">
<div class="code-name">&amp;#xe61a;</div> 企业文化
</div>
<div class="code-name">.icon-qiyewenhua
</div>
</li> </li>
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe65f;</span> <span class="icon iconfont icon-taiyang"></span>
<div class="name">下拉展开</div> <div class="name">
<div class="code-name">&amp;#xe65f;</div> 太阳
</div>
<div class="code-name">.icon-taiyang
</div>
</li> </li>
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe660;</span> <span class="icon iconfont icon-shehui"></span>
<div class="name">排行</div> <div class="name">
<div class="code-name">&amp;#xe660;</div> 社会
</div>
<div class="code-name">.icon-shehui
</div>
</li> </li>
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe60f;</span> <span class="icon iconfont icon-jinbi"></span>
<div class="name">充值</div> <div class="name">
<div class="code-name">&amp;#xe60f;</div> 经济差
</div>
<div class="code-name">.icon-jinbi
</div>
</li> </li>
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe728;</span> <span class="icon iconfont icon-zhihuichengshi"></span>
<div class="name">订单</div> <div class="name">
<div class="code-name">&amp;#xe728;</div> 智慧城市
</div>
<div class="code-name">.icon-zhihuichengshi
</div>
</li> </li>
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe611;</span> <span class="icon iconfont icon-xinyong"></span>
<div class="name">备案</div> <div class="name">
<div class="code-name">&amp;#xe611;</div> 信用
</div>
<div class="code-name">.icon-xinyong
</div>
</li> </li>
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe635;</span> <span class="icon iconfont icon-lingshouliang"></span>
<div class="name">银联</div> <div class="name">
<div class="code-name">&amp;#xe635;</div> 零售量
</div>
<div class="code-name">.icon-lingshouliang
</div>
</li> </li>
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe87f;</span> <span class="icon iconfont icon-orderly"></span>
<div class="name">切换</div> <div class="name">
<div class="code-name">&amp;#xe87f;</div> 交通秩序
</div>
<div class="code-name">.icon-orderly
</div>
</li> </li>
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe667;</span> <span class="icon iconfont icon-shequ-piaoliangxiaoxingxinghover"></span>
<div class="name">删除</div> <div class="name">
<div class="code-name">&amp;#xe667;</div> 社区-漂亮小星星hover
</div>
<div class="code-name">.icon-shequ-piaoliangxiaoxingxinghover
</div>
</li> </li>
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe6ad;</span> <span class="icon iconfont icon-dongtai"></span>
<div class="name">云马校园icon_电子餐券 副本 2</div> <div class="name">
<div class="code-name">&amp;#xe6ad;</div> 动态
</div>
<div class="code-name">.icon-dongtai
</div>
</li> </li>
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe62e;</span> <span class="icon iconfont icon-chengshi"></span>
<div class="name">锁定</div> <div class="name">
<div class="code-name">&amp;#xe62e;</div> 城市
</div>
<div class="code-name">.icon-chengshi
</div>
</li> </li>
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe638;</span> <span class="icon iconfont icon-jiankang"></span>
<div class="name">挂失</div> <div class="name">
<div class="code-name">&amp;#xe638;</div> 健康
</div>
<div class="code-name">.icon-jiankang
</div>
</li> </li>
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe610;</span> <span class="icon iconfont icon-zhengtizhizhixitongjiaobanrenwu"></span>
<div class="name">发卡</div> <div class="name">
<div class="code-name">&amp;#xe610;</div> 整体智治系统交办任务
</div>
<div class="code-name">.icon-zhengtizhizhixitongjiaobanrenwu
</div>
</li> </li>
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe68f;</span> <span class="icon iconfont icon-zhongyaoshengtaianquanqu"></span>
<div class="name">时间</div> <div class="name">
<div class="code-name">&amp;#xe68f;</div> 重要生态安全区
</div>
<div class="code-name">.icon-zhongyaoshengtaianquanqu
</div>
</li> </li>
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe61d;</span> <span class="icon iconfont icon-baohu"></span>
<div class="name">其他设置</div> <div class="name">
<div class="code-name">&amp;#xe61d;</div> 保护
</div>
<div class="code-name">.icon-baohu
</div>
</li> </li>
<li class="dib"> </ul>
<span class="icon iconfont">&#xe627;</span> <div class="article markdown">
<div class="name">会员卡</div> <h2 id="font-class-">font-class 引用</h2>
<div class="code-name">&amp;#xe627;</div> <hr>
</li>
<li class="dib"> <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
<span class="icon iconfont">&#xe622;</span> <p>与 Unicode 使用方式相比，具有如下特点：</p>
<div class="name">桌子</div>
<div class="code-name">&amp;#xe622;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe61f;</span>
<div class="name">退款</div>
<div class="code-name">&amp;#xe61f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6ac;</span>
<div class="name">减少</div>
<div class="code-name">&amp;#xe6ac;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe601;</span>
<div class="name">支付宝</div>
<div class="code-name">&amp;#xe601;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6b4;</span>
<div class="name">送</div>
<div class="code-name">&amp;#xe6b4;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe624;</span>
<div class="name">更改信息-01</div>
<div class="code-name">&amp;#xe624;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe671;</span>
<div class="name">会员</div>
<div class="code-name">&amp;#xe671;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe74f;</span>
<div class="name">账期</div>
<div class="code-name">&amp;#xe74f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6b3;</span>
<div class="name">新增</div>
<div class="code-name">&amp;#xe6b3;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe678;</span>
<div class="name">新增</div>
<div class="code-name">&amp;#xe678;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe62f;</span>
<div class="name">我的-更多订单</div>
<div class="code-name">&amp;#xe62f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe628;</span>
<div class="name">正确</div>
<div class="code-name">&amp;#xe628;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6f9;</span>
<div class="name">桌子</div>
<div class="code-name">&amp;#xe6f9;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe620;</span>
<div class="name">关 闭</div>
<div class="code-name">&amp;#xe620;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe636;</span>
<div class="name">解锁</div>
<div class="code-name">&amp;#xe636;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe630;</span>
<div class="name">挂单</div>
<div class="code-name">&amp;#xe630;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe619;</span>
<div class="name">已结账</div>
<div class="code-name">&amp;#xe619;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe69e;</span>
<div class="name">锁定</div>
<div class="code-name">&amp;#xe69e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe676;</span>
<div class="name">删 除</div>
<div class="code-name">&amp;#xe676;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe60b;</span>
<div class="name">打印测试页</div>
<div class="code-name">&amp;#xe60b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe629;</span>
<div class="name">联</div>
<div class="code-name">&amp;#xe629;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe60c;</span>
<div class="name">送达</div>
<div class="code-name">&amp;#xe60c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xec49;</span>
<div class="name">大小写</div>
<div class="code-name">&amp;#xec49;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe684;</span>
<div class="name">增加</div>
<div class="code-name">&amp;#xe684;</div>
</li>
</ul>
<div class="article markdown">
<h2 id="unicode-">Unicode 引用</h2>
<hr>
<p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
<ul> <ul>
<li>兼容性最好，支持 IE6+，及所有现代浏览器。</li> <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
<li>支持按字体的方式去动态调整图标大小，颜色等等。</li> <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
<li>但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。</li>
</ul> </ul>
<blockquote> <p>使用步骤如下：</p>
<p>注意：新版 iconfont 支持多色图标，这些多色图标在 Unicode 模式下将不能使用，如果有需求建议使用symbol 的引用方式</p> <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
</blockquote> <pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
<p>Unicode 使用步骤如下：</p>
<h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
font-family: 'iconfont';
src: url('iconfont.eot');
src: url('iconfont.eot?#iefix') format('embedded-opentype'),
url('iconfont.woff2') format('woff2'),
url('iconfont.woff') format('woff'),
url('iconfont.ttf') format('truetype'),
url('iconfont.svg#iconfont') format('svg');
}
</code></pre>
<h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
</code></pre> </code></pre>
<h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3> <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre> <pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre> </code></pre>
<blockquote> <blockquote>
<p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p> <p>"
iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
</blockquote> </blockquote>
</div> </div>
</div> </div>
<div class="content font-class"> <div class="content symbol">
<ul class="icon_lists dib-box"> <ul class="icon_lists dib-box">
<li class="dib"> <li class="dib">
<span class="icon iconfont icon-hua"></span>
<div class="name">
划
</div>
<div class="code-name">.icon-hua
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-wai"></span>
<div class="name">
外
</div>
<div class="code-name">.icon-wai
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-clear-outline"></span>
<div class="name">
清除
</div>
<div class="code-name">.icon-clear-outline
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shouyin"></span>
<div class="name">
收银
</div>
<div class="code-name">.icon-shouyin
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-tuidan"></span>
<div class="name">
退单
</div>
<div class="code-name">.icon-tuidan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-pinpaiguanli"></span>
<div class="name">
品牌管理
</div>
<div class="code-name">.icon-pinpaiguanli
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yongcan"></span>
<div class="name">
用餐
</div>
<div class="code-name">.icon-yongcan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-huanzhuo"></span>
<div class="name">
换桌
</div>
<div class="code-name">.icon-huanzhuo
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-wancheng"></span>
<div class="name">
完成
</div>
<div class="code-name">.icon-wancheng
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-jifenduihuan"></span>
<div class="name">
积分兑换
</div>
<div class="code-name">.icon-jifenduihuan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-mima"></span>
<div class="name">
密码
</div>
<div class="code-name">.icon-mima
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shouyin1"></span>
<div class="name">
收银
</div>
<div class="code-name">.icon-shouyin1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-dengdai"></span>
<div class="name">
等待
</div>
<div class="code-name">.icon-dengdai
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-queren"></span>
<div class="name">
确认订单
</div>
<div class="code-name">.icon-queren
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-dizhi"></span>
<div class="name">
地址
</div>
<div class="code-name">.icon-dizhi
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-kaidan"></span>
<div class="name">
开单
</div>
<div class="code-name">.icon-kaidan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shezhi"></span>
<div class="name">
设置
</div>
<div class="code-name">.icon-shezhi
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-dengdai1"></span>
<div class="name">
等待
</div>
<div class="code-name">.icon-dengdai1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-guqing"></span>
<div class="name">
沽清
</div>
<div class="code-name">.icon-guqing
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-dayin"></span>
<div class="name">
打印
</div>
<div class="code-name">.icon-dayin
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-youhui"></span>
<div class="name">
优惠
</div>
<div class="code-name">.icon-youhui
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-zhengque1"></span>
<div class="name">
正确
</div>
<div class="code-name">.icon-zhengque1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-huiyuan"></span>
<div class="name">
会员
</div>
<div class="code-name">.icon-huiyuan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-dengdai2"></span>
<div class="name">
等待
</div>
<div class="code-name">.icon-dengdai2
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-fanjiesuan"></span>
<div class="name">
反结算
</div>
<div class="code-name">.icon-fanjiesuan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xiaofeijilu"></span>
<div class="name">
消费记录
</div>
<div class="code-name">.icon-xiaofeijilu
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xiugaixinxi"></span>
<div class="name">
修改信息
</div>
<div class="code-name">.icon-xiugaixinxi
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-iconfontqian"></span>
<div class="name">
钱
</div>
<div class="code-name">.icon-iconfontqian
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-meituan"></span>
<div class="name">
美团
</div>
<div class="code-name">.icon-meituan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-song"></span>
<div class="name">
送
</div>
<div class="code-name">.icon-song
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xinzeng"></span>
<div class="name">
新增
</div>
<div class="code-name">.icon-xinzeng
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-wancheng1"></span>
<div class="name">
完成
</div>
<div class="code-name">.icon-wancheng1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-icon-test"></span>
<div class="name">
会员
</div>
<div class="code-name">.icon-icon-test
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-wushangpin"></span>
<div class="name">
无商品
</div>
<div class="code-name">.icon-wushangpin
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-bingtaix"></span>
<div class="name">
并台@1x
</div>
<div class="code-name">.icon-bingtaix
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-huishan"></span>
<div class="name">
回删
</div>
<div class="code-name">.icon-huishan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shouquan"></span>
<div class="name">
授权
</div>
<div class="code-name">.icon-shouquan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-fanhui"></span>
<div class="name">
返回
</div>
<div class="code-name">.icon-fanhui
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-piliang"></span>
<div class="name">
批量
</div>
<div class="code-name">.icon-piliang
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-H_shanghuhao"></span>
<div class="name">
H5_商户号
</div>
<div class="code-name">.icon-H_shanghuhao
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-tuiqia"></span>
<div class="name">
退卡
</div>
<div class="code-name">.icon-tuiqia
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-kaiguanguan-copy"></span>
<div class="name">
开关 关
</div>
<div class="code-name">.icon-kaiguanguan-copy
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-sousuo"></span>
<div class="name">
搜索
</div>
<div class="code-name">.icon-sousuo
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xiugaidingdan"></span>
<div class="name">
修改订单
</div>
<div class="code-name">.icon-xiugaidingdan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-eliaomo"></span>
<div class="name">
饿了么
</div>
<div class="code-name">.icon-eliaomo
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-jiacai"></span>
<div class="name">
加菜
</div>
<div class="code-name">.icon-jiacai
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-cuidan"></span>
<div class="name">
催单
</div>
<div class="code-name">.icon-cuidan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-beizhu"></span>
<div class="name">
备注
</div>
<div class="code-name">.icon-beizhu
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shanchu11"></span>
<div class="name">
删 除
</div>
<div class="code-name">.icon-shanchu11
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xianjin"></span>
<div class="name">
现金
</div>
<div class="code-name">.icon-xianjin
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-qudan"></span>
<div class="name">
取单
</div>
<div class="code-name">.icon-qudan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-zhuowei"></span>
<div class="name">
桌位
</div>
<div class="code-name">.icon-zhuowei
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-baiduwaimai"></span>
<div class="name">
百度外卖
</div>
<div class="code-name">.icon-baiduwaimai
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shouye"></span>
<div class="name">
首页
</div>
<div class="code-name">.icon-shouye
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-dianhua"></span>
<div class="name">
电话
</div>
<div class="code-name">.icon-dianhua
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-kaiguanguan"></span>
<div class="name">
开关 关
</div>
<div class="code-name">.icon-kaiguanguan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-weixinzhifu"></span>
<div class="name">
微信支付
</div>
<div class="code-name">.icon-weixinzhifu
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-waimai"></span>
<div class="name">
外卖
</div>
<div class="code-name">.icon-waimai
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-bu"></span>
<div class="name">
补
</div>
<div class="code-name">.icon-bu
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-gonghao"></span>
<div class="name">
工号
</div>
<div class="code-name">.icon-gonghao
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-ziyuan"></span>
<div class="name">
新增
</div>
<div class="code-name">.icon-ziyuan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-class"></span>
<div class="name">
回收站
</div>
<div class="code-name">.icon-class
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xialazhankai"></span>
<div class="name">
下拉展开
</div>
<div class="code-name">.icon-xialazhankai
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-paihang1"></span>
<div class="name">
排行
</div>
<div class="code-name">.icon-paihang1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-chongzhi"></span>
<div class="name">
充值
</div>
<div class="code-name">.icon-chongzhi
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-dingdan"></span>
<div class="name">
订单
</div>
<div class="code-name">.icon-dingdan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-beian"></span>
<div class="name">
备案
</div>
<div class="code-name">.icon-beian
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yinlian"></span>
<div class="name">
银联
</div>
<div class="code-name">.icon-yinlian
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-qiehuan"></span>
<div class="name">
切换
</div>
<div class="code-name">.icon-qiehuan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shanchu"></span>
<div class="name">
删除
</div>
<div class="code-name">.icon-shanchu
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yunmaxiaoyuanicon_dianzicanquanfuben"></span>
<div class="name">
云马校园icon_电子餐券 副本 2
</div>
<div class="code-name">.icon-yunmaxiaoyuanicon_dianzicanquanfuben
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-suoding"></span>
<div class="name">
锁定
</div>
<div class="code-name">.icon-suoding
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-guashi"></span>
<div class="name">
挂失
</div>
<div class="code-name">.icon-guashi
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-faqia"></span>
<div class="name">
发卡
</div>
<div class="code-name">.icon-faqia
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shijian"></span>
<div class="name">
时间
</div>
<div class="code-name">.icon-shijian
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-qitashezhi"></span>
<div class="name">
其他设置
</div>
<div class="code-name">.icon-qitashezhi
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-huiyuanqia"></span>
<div class="name">
会员卡
</div>
<div class="code-name">.icon-huiyuanqia
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-zhuozi"></span>
<div class="name">
桌子
</div>
<div class="code-name">.icon-zhuozi
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-tuikuan"></span>
<div class="name">
退款
</div>
<div class="code-name">.icon-tuikuan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-jianshao"></span>
<div class="name">
减少
</div>
<div class="code-name">.icon-jianshao
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-zhifubao"></span>
<div class="name">
支付宝
</div>
<div class="code-name">.icon-zhifubao
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-song1"></span>
<div class="name">
送
</div>
<div class="code-name">.icon-song1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-genggaixinxi-"></span>
<div class="name">
更改信息-01
</div>
<div class="code-name">.icon-genggaixinxi-
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-member"></span>
<div class="name">
会员
</div>
<div class="code-name">.icon-member
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-zhangqi"></span>
<div class="name">
账期
</div>
<div class="code-name">.icon-zhangqi
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xinzeng1"></span>
<div class="name">
新增
</div>
<div class="code-name">.icon-xinzeng1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xinzeng2"></span>
<div class="name">
新增
</div>
<div class="code-name">.icon-xinzeng2
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-wode-gengduodingdan"></span>
<div class="name">
我的-更多订单
</div>
<div class="code-name">.icon-wode-gengduodingdan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-zhengque"></span>
<div class="name">
正确
</div>
<div class="code-name">.icon-zhengque
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-zhuozi1"></span>
<div class="name">
桌子
</div>
<div class="code-name">.icon-zhuozi1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-guanbi"></span>
<div class="name">
关 闭
</div>
<div class="code-name">.icon-guanbi
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-ulock-line"></span>
<div class="name">
解锁
</div>
<div class="code-name">.icon-ulock-line
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-weibiaoti--"></span>
<div class="name">
挂单
</div>
<div class="code-name">.icon-weibiaoti--
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yijiezhang"></span>
<div class="name">
已结账
</div>
<div class="code-name">.icon-yijiezhang
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-suoding1"></span>
<div class="name">
锁定
</div>
<div class="code-name">.icon-suoding1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shanchu1"></span>
<div class="name">
删 除
</div>
<div class="code-name">.icon-shanchu1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-dayinceshiye"></span>
<div class="name">
打印测试页
</div>
<div class="code-name">.icon-dayinceshiye
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-lian"></span>
<div class="name">
联
</div>
<div class="code-name">.icon-lian
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-songda"></span>
<div class="name">
送达
</div>
<div class="code-name">.icon-songda
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-daxiaoxie"></span>
<div class="name">
大小写
</div>
<div class="code-name">.icon-daxiaoxie
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-zengjia"></span>
<div class="name">
增加
</div>
<div class="code-name">.icon-zengjia
</div>
</li>
</ul>
<div class="article markdown">
<h2 id="font-class-">font-class 引用</h2>
<hr>
<p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
<p>与 Unicode 使用方式相比，具有如下特点：</p>
<ul>
<li>兼容性良好，支持 IE8+，及所有现代浏览器。</li>
<li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
<li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
<li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li>
</ul>
<p>使用步骤如下：</p>
<h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
<h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
</code></pre>
<blockquote>
<p>"
iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
</blockquote>
</div>
</div>
<div class="content symbol">
<ul class="icon_lists dib-box">
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-hua"></use>
</svg>
<div class="name">划</div>
<div class="code-name">#icon-hua</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wai"></use>
</svg>
<div class="name">外</div>
<div class="code-name">#icon-wai</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-clear-outline"></use>
</svg>
<div class="name">清除</div>
<div class="code-name">#icon-clear-outline</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shouyin"></use>
</svg>
<div class="name">收银</div>
<div class="code-name">#icon-shouyin</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tuidan"></use>
</svg>
<div class="name">退单</div>
<div class="code-name">#icon-tuidan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-pinpaiguanli"></use>
</svg>
<div class="name">品牌管理</div>
<div class="code-name">#icon-pinpaiguanli</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yongcan"></use>
</svg>
<div class="name">用餐</div>
<div class="code-name">#icon-yongcan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-huanzhuo"></use>
</svg>
<div class="name">换桌</div>
<div class="code-name">#icon-huanzhuo</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wancheng"></use>
</svg>
<div class="name">完成</div>
<div class="code-name">#icon-wancheng</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-jifenduihuan"></use>
</svg>
<div class="name">积分兑换</div>
<div class="code-name">#icon-jifenduihuan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-mima"></use>
</svg>
<div class="name">密码</div>
<div class="code-name">#icon-mima</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shouyin1"></use>
</svg>
<div class="name">收银</div>
<div class="code-name">#icon-shouyin1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dengdai"></use>
</svg>
<div class="name">等待</div>
<div class="code-name">#icon-dengdai</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-queren"></use>
</svg>
<div class="name">确认订单</div>
<div class="code-name">#icon-queren</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dizhi"></use>
</svg>
<div class="name">地址</div>
<div class="code-name">#icon-dizhi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-kaidan"></use>
</svg>
<div class="name">开单</div>
<div class="code-name">#icon-kaidan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shezhi"></use>
</svg>
<div class="name">设置</div>
<div class="code-name">#icon-shezhi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dengdai1"></use>
</svg>
<div class="name">等待</div>
<div class="code-name">#icon-dengdai1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-guqing"></use>
</svg>
<div class="name">沽清</div>
<div class="code-name">#icon-guqing</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dayin"></use>
</svg>
<div class="name">打印</div>
<div class="code-name">#icon-dayin</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-youhui"></use>
</svg>
<div class="name">优惠</div>
<div class="code-name">#icon-youhui</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-zhengque1"></use>
</svg>
<div class="name">正确</div>
<div class="code-name">#icon-zhengque1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-huiyuan"></use>
</svg>
<div class="name">会员</div>
<div class="code-name">#icon-huiyuan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dengdai2"></use>
</svg>
<div class="name">等待</div>
<div class="code-name">#icon-dengdai2</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-fanjiesuan"></use>
</svg>
<div class="name">反结算</div>
<div class="code-name">#icon-fanjiesuan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xiaofeijilu"></use>
</svg>
<div class="name">消费记录</div>
<div class="code-name">#icon-xiaofeijilu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xiugaixinxi"></use>
</svg>
<div class="name">修改信息</div>
<div class="code-name">#icon-xiugaixinxi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-iconfontqian"></use>
</svg>
<div class="name">钱</div>
<div class="code-name">#icon-iconfontqian</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-meituan"></use>
</svg>
<div class="name">美团</div>
<div class="code-name">#icon-meituan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-song"></use>
</svg>
<div class="name">送</div>
<div class="code-name">#icon-song</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xinzeng"></use>
</svg>
<div class="name">新增</div>
<div class="code-name">#icon-xinzeng</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wancheng1"></use>
</svg>
<div class="name">完成</div>
<div class="code-name">#icon-wancheng1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-icon-test"></use>
</svg>
<div class="name">会员</div>
<div class="code-name">#icon-icon-test</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wushangpin"></use>
</svg>
<div class="name">无商品</div>
<div class="code-name">#icon-wushangpin</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-bingtaix"></use>
</svg>
<div class="name">并台@1x</div>
<div class="code-name">#icon-bingtaix</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-huishan"></use>
</svg>
<div class="name">回删</div>
<div class="code-name">#icon-huishan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shouquan"></use>
</svg>
<div class="name">授权</div>
<div class="code-name">#icon-shouquan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-fanhui"></use>
</svg>
<div class="name">返回</div>
<div class="code-name">#icon-fanhui</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-piliang"></use>
</svg>
<div class="name">批量</div>
<div class="code-name">#icon-piliang</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-H_shanghuhao"></use>
</svg>
<div class="name">H5_商户号</div>
<div class="code-name">#icon-H_shanghuhao</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tuiqia"></use>
</svg>
<div class="name">退卡</div>
<div class="code-name">#icon-tuiqia</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-kaiguanguan-copy"></use>
</svg>
<div class="name">开关 关</div>
<div class="code-name">#icon-kaiguanguan-copy</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-sousuo"></use>
</svg>
<div class="name">搜索</div>
<div class="code-name">#icon-sousuo</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xiugaidingdan"></use>
</svg>
<div class="name"> 修改订单</div>
<div class="code-name">#icon-xiugaidingdan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-eliaomo"></use>
</svg>
<div class="name">饿了么</div>
<div class="code-name">#icon-eliaomo</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-jiacai"></use>
</svg>
<div class="name">加菜</div>
<div class="code-name">#icon-jiacai</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cuidan"></use>
</svg>
<div class="name">催单</div>
<div class="code-name">#icon-cuidan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-beizhu"></use>
</svg>
<div class="name">备注</div>
<div class="code-name">#icon-beizhu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shanchu11"></use>
</svg>
<div class="name">删 除</div>
<div class="code-name">#icon-shanchu11</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xianjin"></use>
</svg>
<div class="name">现金</div>
<div class="code-name">#icon-xianjin</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-qudan"></use>
</svg>
<div class="name">取单</div>
<div class="code-name">#icon-qudan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-zhuowei"></use>
</svg>
<div class="name">桌位</div>
<div class="code-name">#icon-zhuowei</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-baiduwaimai"></use>
</svg>
<div class="name">百度外卖</div>
<div class="code-name">#icon-baiduwaimai</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shouye"></use>
</svg>
<div class="name">首页</div>
<div class="code-name">#icon-shouye</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dianhua"></use>
</svg>
<div class="name">电话</div>
<div class="code-name">#icon-dianhua</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-kaiguanguan"></use>
</svg>
<div class="name">开关 关</div>
<div class="code-name">#icon-kaiguanguan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-weixinzhifu"></use>
</svg>
<div class="name">微信支付</div>
<div class="code-name">#icon-weixinzhifu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-waimai"></use>
</svg>
<div class="name">外卖</div>
<div class="code-name">#icon-waimai</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-bu"></use>
</svg>
<div class="name">补</div>
<div class="code-name">#icon-bu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-gonghao"></use>
</svg>
<div class="name">工号</div>
<div class="code-name">#icon-gonghao</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-ziyuan"></use>
</svg>
<div class="name">新增</div>
<div class="code-name">#icon-ziyuan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-class"></use>
</svg>
<div class="name">回收站</div>
<div class="code-name">#icon-class</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xialazhankai"></use>
</svg>
<div class="name">下拉展开</div>
<div class="code-name">#icon-xialazhankai</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-paihang1"></use>
</svg>
<div class="name">排行</div>
<div class="code-name">#icon-paihang1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-chongzhi"></use>
</svg>
<div class="name">充值</div>
<div class="code-name">#icon-chongzhi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dingdan"></use>
</svg>
<div class="name">订单</div>
<div class="code-name">#icon-dingdan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-beian"></use>
</svg>
<div class="name">备案</div>
<div class="code-name">#icon-beian</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yinlian"></use>
</svg>
<div class="name">银联</div>
<div class="code-name">#icon-yinlian</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-qiehuan"></use>
</svg>
<div class="name">切换</div>
<div class="code-name">#icon-qiehuan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shanchu"></use>
</svg>
<div class="name">删除</div>
<div class="code-name">#icon-shanchu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yunmaxiaoyuanicon_dianzicanquanfuben"></use>
</svg>
<div class="name">云马校园icon_电子餐券 副本 2</div>
<div class="code-name">#icon-yunmaxiaoyuanicon_dianzicanquanfuben</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-suoding"></use>
</svg>
<div class="name">锁定</div>
<div class="code-name">#icon-suoding</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-guashi"></use>
</svg>
<div class="name">挂失</div>
<div class="code-name">#icon-guashi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-faqia"></use>
</svg>
<div class="name">发卡</div>
<div class="code-name">#icon-faqia</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shijian"></use>
</svg>
<div class="name">时间</div>
<div class="code-name">#icon-shijian</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-qitashezhi"></use>
</svg>
<div class="name">其他设置</div>
<div class="code-name">#icon-qitashezhi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-huiyuanqia"></use>
</svg>
<div class="name">会员卡</div>
<div class="code-name">#icon-huiyuanqia</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-zhuozi"></use>
</svg>
<div class="name">桌子</div>
<div class="code-name">#icon-zhuozi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tuikuan"></use>
</svg>
<div class="name">退款</div>
<div class="code-name">#icon-tuikuan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-jianshao"></use>
</svg>
<div class="name">减少</div>
<div class="code-name">#icon-jianshao</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-zhifubao"></use>
</svg>
<div class="name">支付宝</div>
<div class="code-name">#icon-zhifubao</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-song1"></use>
</svg>
<div class="name">送</div>
<div class="code-name">#icon-song1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-genggaixinxi-"></use>
</svg>
<div class="name">更改信息-01</div>
<div class="code-name">#icon-genggaixinxi-</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-member"></use>
</svg>
<div class="name">会员</div>
<div class="code-name">#icon-member</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true"> <svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-zhangqi"></use> <use xlink:href="#icon-a-1-01"></use>
</svg> </svg>
<div class="name">账期</div> <div class="name">富裕城市</div>
<div class="code-name">#icon-zhangqi</div> <div class="code-name">#icon-a-1-01</div>
</li> </li>
<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="#icon-xinzeng1"></use> <use xlink:href="#icon-anquan"></use>
</svg> </svg>
<div class="name">新增</div> <div class="name">安全</div>
<div class="code-name">#icon-xinzeng1</div> <div class="code-name">#icon-anquan</div>
</li> </li>
<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="#icon-xinzeng2"></use> <use xlink:href="#icon-qiyewenhua"></use>
</svg> </svg>
<div class="name">新增</div> <div class="name">企业文化</div>
<div class="code-name">#icon-xinzeng2</div> <div class="code-name">#icon-qiyewenhua</div>
</li> </li>
<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="#icon-wode-gengduodingdan"></use> <use xlink:href="#icon-taiyang"></use>
</svg> </svg>
<div class="name">我的-更多订单</div> <div class="name">太阳</div>
<div class="code-name">#icon-wode-gengduodingdan</div> <div class="code-name">#icon-taiyang</div>
</li> </li>
<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="#icon-zhengque"></use> <use xlink:href="#icon-shehui"></use>
</svg> </svg>
<div class="name">正确</div> <div class="name">社会</div>
<div class="code-name">#icon-zhengque</div> <div class="code-name">#icon-shehui</div>
</li> </li>
<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="#icon-zhuozi1"></use> <use xlink:href="#icon-jinbi"></use>
</svg> </svg>
<div class="name">桌子</div> <div class="name">经济差</div>
<div class="code-name">#icon-zhuozi1</div> <div class="code-name">#icon-jinbi</div>
</li> </li>
<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="#icon-guanbi"></use> <use xlink:href="#icon-zhihuichengshi"></use>
</svg> </svg>
<div class="name">关 闭</div> <div class="name">智慧城市</div>
<div class="code-name">#icon-guanbi</div> <div class="code-name">#icon-zhihuichengshi</div>
</li> </li>
<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="#icon-ulock-line"></use> <use xlink:href="#icon-xinyong"></use>
</svg> </svg>
<div class="name">解锁</div> <div class="name">信用</div>
<div class="code-name">#icon-ulock-line</div> <div class="code-name">#icon-xinyong</div>
</li> </li>
<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="#icon-weibiaoti--"></use> <use xlink:href="#icon-lingshouliang"></use>
</svg> </svg>
<div class="name">挂单</div> <div class="name">零售量</div>
<div class="code-name">#icon-weibiaoti--</div> <div class="code-name">#icon-lingshouliang</div>
</li> </li>
<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="#icon-yijiezhang"></use> <use xlink:href="#icon-orderly"></use>
</svg> </svg>
<div class="name">已结账</div> <div class="name">交通秩序</div>
<div class="code-name">#icon-yijiezhang</div> <div class="code-name">#icon-orderly</div>
</li> </li>
<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="#icon-suoding1"></use> <use xlink:href="#icon-shequ-piaoliangxiaoxingxinghover"></use>
</svg> </svg>
<div class="name">锁定</div> <div class="name">社区-漂亮小星星hover</div>
<div class="code-name">#icon-suoding1</div> <div class="code-name">#icon-shequ-piaoliangxiaoxingxinghover</div>
</li> </li>
<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="#icon-shanchu1"></use> <use xlink:href="#icon-dongtai"></use>
</svg> </svg>
<div class="name">删 除</div> <div class="name">动态</div>
<div class="code-name">#icon-shanchu1</div> <div class="code-name">#icon-dongtai</div>
</li> </li>
<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="#icon-dayinceshiye"></use> <use xlink:href="#icon-chengshi"></use>
</svg> </svg>
<div class="name">打印测试页</div> <div class="name">城市</div>
<div class="code-name">#icon-dayinceshiye</div> <div class="code-name">#icon-chengshi</div>
</li> </li>
<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="#icon-lian"></use> <use xlink:href="#icon-jiankang"></use>
</svg> </svg>
<div class="name">联</div> <div class="name">健康</div>
<div class="code-name">#icon-lian</div> <div class="code-name">#icon-jiankang</div>
</li> </li>
<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="#icon-songda"></use> <use xlink:href="#icon-zhengtizhizhixitongjiaobanrenwu"></use>
</svg> </svg>
<div class="name">送达</div> <div class="name">整体智治系统交办任务</div>
<div class="code-name">#icon-songda</div> <div class="code-name">#icon-zhengtizhizhixitongjiaobanrenwu</div>
</li> </li>
<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="#icon-daxiaoxie"></use> <use xlink:href="#icon-zhongyaoshengtaianquanqu"></use>
</svg> </svg>
<div class="name">大小写</div> <div class="name">重要生态安全区</div>
<div class="code-name">#icon-daxiaoxie</div> <div class="code-name">#icon-zhongyaoshengtaianquanqu</div>
</li> </li>
<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="#icon-zengjia"></use> <use xlink:href="#icon-baohu"></use>
</svg> </svg>
<div class="name">增加</div> <div class="name">保护</div>
<div class="code-name">#icon-zengjia</div> <div class="code-name">#icon-baohu</div>
</li> </li>
</ul> </ul>
......
public/css/iconfont.css
View file @ 07ca73da
@font-face {font-family: "iconfont"; @font-face {
src: url('iconfont.eot?t=1558335315332'); /* IE9 */ font-family: "iconfont"; /* Project id 2944483 */
src: url('iconfont.eot?t=1558335315332#iefix') format('embedded-opentype'), /* IE6-IE8 */ src: url('iconfont.woff2?t=1637560004981') format('woff2'),
url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'), url('iconfont.woff?t=1637560004981') format('woff'),
url('iconfont.woff?t=1558335315332') format('woff'), url('iconfont.ttf?t=1637560004981') format('truetype');
url('iconfont.ttf?t=1558335315332') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
url('iconfont.svg?t=1558335315332#iconfont') format('svg'); /* iOS 4.1- */
} }
.iconfont { .iconfont {
...@@ -15,407 +13,71 @@ ...@@ -15,407 +13,71 @@
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }
.icon-hua:before { .icon-a-1-01:before {
content: "\e618";
}
.icon-wai:before {
content: "\e616";
}
.icon-clear-outline:before {
content: "\e683";
}
.icon-shouyin:before {
content: "\e8f4";
}
.icon-tuidan:before {
content: "\e607";
}
.icon-pinpaiguanli:before {
content: "\e63f";
}
.icon-yongcan:before {
content: "\e615";
}
.icon-huanzhuo:before {
content: "\e717";
}
.icon-wancheng:before {
content: "\e6e5";
}
.icon-jifenduihuan:before {
content: "\e62b";
}
.icon-mima:before {
content: "\e631";
}
.icon-shouyin1:before {
content: "\e7a5";
}
.icon-dengdai:before {
content: "\e62d";
}
.icon-queren:before {
content: "\e637";
}
.icon-dizhi:before {
content: "\e704";
}
.icon-kaidan:before {
content: "\e609";
}
.icon-shezhi:before {
content: "\e633";
}
.icon-dengdai1:before {
content: "\e626";
}
.icon-guqing:before {
content: "\e829";
}
.icon-dayin:before {
content: "\e649";
}
.icon-youhui:before {
content: "\e604";
}
.icon-zhengque1:before {
content: "\e632";
}
.icon-huiyuan:before {
content: "\e641";
}
.icon-dengdai2:before {
content: "\e63e";
}
.icon-fanjiesuan:before {
content: "\e613";
}
.icon-xiaofeijilu:before {
content: "\e60e";
}
.icon-xiugaixinxi:before {
content: "\e7a9";
}
.icon-iconfontqian:before {
content: "\e60a";
}
.icon-meituan:before {
content: "\e677";
}
.icon-song:before {
content: "\e61c";
}
.icon-xinzeng:before {
content: "\e605";
}
.icon-wancheng1:before {
content: "\e69a";
}
.icon-icon-test:before {
content: "\e62c";
}
.icon-wushangpin:before {
content: "\e61e";
}
.icon-bingtaix:before {
content: "\e602"; content: "\e602";
} }
.icon-huishan:before { .icon-anquan:before {
content: "\e681"; content: "\e681";
} }
.icon-shouquan:before { .icon-qiyewenhua:before {
content: "\e663"; content: "\e613";
}
.icon-fanhui:before {
content: "\e66b";
}
.icon-piliang:before {
content: "\e6b2";
}
.icon-H_shanghuhao:before {
content: "\e674";
}
.icon-tuiqia:before {
content: "\e623";
}
.icon-kaiguanguan-copy:before {
content: "\e634";
}
.icon-sousuo:before {
content: "\e600";
}
.icon-xiugaidingdan:before {
content: "\e8f2";
}
.icon-eliaomo:before {
content: "\e61b";
}
.icon-jiacai:before {
content: "\e617";
}
.icon-cuidan:before {
content: "\e645";
}
.icon-beizhu:before {
content: "\e749";
}
.icon-shanchu11:before {
content: "\e608";
}
.icon-xianjin:before {
content: "\e670";
}
.icon-qudan:before {
content: "\e644";
}
.icon-zhuowei:before {
content: "\e603";
}
.icon-baiduwaimai:before {
content: "\e625";
}
.icon-shouye:before {
content: "\e62a";
}
.icon-dianhua:before {
content: "\e606";
}
.icon-kaiguanguan:before {
content: "\e639";
}
.icon-weixinzhifu:before {
content: "\e614";
}
.icon-waimai:before {
content: "\e621";
}
.icon-bu:before {
content: "\e75c";
}
.icon-gonghao:before {
content: "\e612";
}
.icon-ziyuan:before {
content: "\e6e6";
}
.icon-class:before {
content: "\e61a";
}
.icon-xialazhankai:before {
content: "\e65f";
}
.icon-paihang1:before {
content: "\e660";
} }
.icon-chongzhi:before { .icon-taiyang:before {
content: "\e60f"; content: "\e60f";
} }
.icon-dingdan:before { .icon-shehui:before {
content: "\e728"; content: "\e642";
}
.icon-beian:before {
content: "\e611";
} }
.icon-yinlian:before { .icon-jinbi:before {
content: "\e635"; content: "\e621";
}
.icon-qiehuan:before {
content: "\e87f";
} }
.icon-shanchu:before { .icon-zhihuichengshi:before {
content: "\e667"; content: "\e60c";
} }
.icon-yunmaxiaoyuanicon_dianzicanquanfuben:before { .icon-xinyong:before {
content: "\e6ad"; content: "\e700";
} }
.icon-suoding:before { .icon-lingshouliang:before {
content: "\e62e"; content: "\e648";
} }
.icon-guashi:before { .icon-orderly:before {
content: "\e638"; content: "\e600";
} }
.icon-faqia:before { .icon-shequ-piaoliangxiaoxingxinghover:before {
content: "\e610"; content: "\e610";
} }
.icon-shijian:before { .icon-dongtai:before {
content: "\e68f"; content: "\e672";
} }
.icon-qitashezhi:before { .icon-chengshi:before {
content: "\e61d"; content: "\e611";
}
.icon-huiyuanqia:before {
content: "\e627";
}
.icon-zhuozi:before {
content: "\e622";
}
.icon-tuikuan:before {
content: "\e61f";
} }
.icon-jianshao:before { .icon-jiankang:before {
content: "\e6ac"; content: "\e653";
} }
.icon-zhifubao:before { .icon-zhengtizhizhixitongjiaobanrenwu:before {
content: "\e601"; content: "\e601";
} }
.icon-song1:before { .icon-zhongyaoshengtaianquanqu:before {
content: "\e6b4"; content: "\e63a";
}
.icon-genggaixinxi-:before {
content: "\e624";
}
.icon-member:before {
content: "\e671";
}
.icon-zhangqi:before {
content: "\e74f";
}
.icon-xinzeng1:before {
content: "\e6b3";
}
.icon-xinzeng2:before {
content: "\e678";
}
.icon-wode-gengduodingdan:before {
content: "\e62f";
}
.icon-zhengque:before {
content: "\e628";
}
.icon-zhuozi1:before {
content: "\e6f9";
}
.icon-guanbi:before {
content: "\e620";
}
.icon-ulock-line:before {
content: "\e636";
}
.icon-weibiaoti--:before {
content: "\e630";
}
.icon-yijiezhang:before {
content: "\e619";
}
.icon-suoding1:before {
content: "\e69e";
}
.icon-shanchu1:before {
content: "\e676";
}
.icon-dayinceshiye:before {
content: "\e60b";
}
.icon-lian:before {
content: "\e629";
}
.icon-songda:before {
content: "\e60c";
}
.icon-daxiaoxie:before {
content: "\ec49";
} }
.icon-zengjia:before { .icon-baohu:before {
content: "\e684"; content: "\faec";
} }
public/css/iconfont.js
View file @ 07ca73da
This source diff could not be displayed because it is too large. You can view the blob instead.
public/css/iconfont.json 0 → 100644
View file @ 07ca73da
{
"id": "2944483",
"name": "城市体征图标",
"font_family": "iconfont",
"css_prefix_text": "icon-",
"description": "城市体征图标",
"glyphs": [
{
"icon_id": "25882581",
"name": "富裕城市",
"font_class": "a-1-01",
"unicode": "e602",
"unicode_decimal": 58882
},
{
"icon_id": "845853",
"name": "安全",
"font_class": "anquan",
"unicode": "e681",
"unicode_decimal": 59009
},
{
"icon_id": "1037680",
"name": "企业文化",
"font_class": "qiyewenhua",
"unicode": "e613",
"unicode_decimal": 58899
},
{
"icon_id": "1724889",
"name": "太阳",
"font_class": "taiyang",
"unicode": "e60f",
"unicode_decimal": 58895
},
{
"icon_id": "1985030",
"name": "社会",
"font_class": "shehui",
"unicode": "e642",
"unicode_decimal": 58946
},
{
"icon_id": "4262805",
"name": "经济差",
"font_class": "jinbi",
"unicode": "e621",
"unicode_decimal": 58913
},
{
"icon_id": "5557752",
"name": "智慧城市",
"font_class": "zhihuichengshi",
"unicode": "e60c",
"unicode_decimal": 58892
},
{
"icon_id": "5910684",
"name": "信用",
"font_class": "xinyong",
"unicode": "e700",
"unicode_decimal": 59136
},
{
"icon_id": "6447189",
"name": "零售量",
"font_class": "lingshouliang",
"unicode": "e648",
"unicode_decimal": 58952
},
{
"icon_id": "11200236",
"name": "交通秩序",
"font_class": "orderly",
"unicode": "e600",
"unicode_decimal": 58880
},
{
"icon_id": "11347973",
"name": "社区-漂亮小星星hover",
"font_class": "shequ-piaoliangxiaoxingxinghover",
"unicode": "e610",
"unicode_decimal": 58896
},
{
"icon_id": "12129940",
"name": "动态",
"font_class": "dongtai",
"unicode": "e672",
"unicode_decimal": 58994
},
{
"icon_id": "12899628",
"name": "城市",
"font_class": "chengshi",
"unicode": "e611",
"unicode_decimal": 58897
},
{
"icon_id": "16985786",
"name": "健康",
"font_class": "jiankang",
"unicode": "e653",
"unicode_decimal": 58963
},
{
"icon_id": "20780980",
"name": "整体智治系统交办任务",
"font_class": "zhengtizhizhixitongjiaobanrenwu",
"unicode": "e601",
"unicode_decimal": 58881
},
{
"icon_id": "23394273",
"name": "重要生态安全区",
"font_class": "zhongyaoshengtaianquanqu",
"unicode": "e63a",
"unicode_decimal": 58938
},
{
"icon_id": "24111588",
"name": "保护",
"font_class": "baohu",
"unicode": "faec",
"unicode_decimal": 64236
}
]
}
public/css/iconfont.svg deleted 100644 → 0
View file @ 13e9ae85
This source diff could not be displayed because it is too large. You can view the blob instead.
public/css/iconfont.ttf
View file @ 07ca73da
No preview for this file type
public/css/iconfont.woff
View file @ 07ca73da
No preview for this file type
public/index.html
View file @ 07ca73da
...@@ -7,74 +7,8 @@ ...@@ -7,74 +7,8 @@
<!-- <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> --> <!-- <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> -->
<meta name="viewport" content="initial-scale=0.5,maximum-scale=1,user-scalable=no"> <meta name="viewport" content="initial-scale=0.5,maximum-scale=1,user-scalable=no">
<meta name="renderer" content="webkit"> <meta name="renderer" content="webkit">
<script src="https://cdn.staticfile.org/jquery/3.4.1/jquery.min.js"></script>
<!-- <script src="https://g.alicdn.com/gdt/jsapi/1.9.12/index.js"></script> -->
<script src='https://wpk-gate.zjzwfw.gov.cn/static/wpk-jssdk.1.0.2/wpkReporter.js' crossorigin='true'></script>
<link rel="icon" href="<%= BASE_URL %>favicon.ico" /> <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
<title>定海</title> <title>城市体征门户</title>
<script>
//稳定性监控
try {
const config = {
bid: 'SZDH_zzdpro',
signkey: '1234567890abcdef',
gateway: 'https://wpk-gate.zjzwfw.gov.cn'
};
const wpk = new wpkReporter(config);
wpk.installAll();
window._wpk = wpk;
} catch (err) {
console.error('WpkReporter init fail', err);
}
//通用采集 SDK
(function(w, d, s, q, i) {
w[q] = w[q] || [];
var f = d.getElementsByTagName(s)[0],j = d.createElement(s);
j.async = true;
j.id = 'beacon-aplus';
j.src = 'https://alidt.alicdn.com/alilog/mlog/aplus_cloud.js';
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'aplus_queue');
aplus_queue.push({
action: 'aplus.setMetaInfo',
arguments: ['aplus-rhost-v', 'alog.zjzwfw.gov.cn']
});
aplus_queue.push({
action: 'aplus.setMetaInfo',
arguments: ['aplus-rhost-g', 'alog.zjzwfw.gov.cn']
});
var u = navigator.userAgent
var isAndroid = u.indexOf('Android') > -1
var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)
aplus_queue.push({
action: 'aplus.setMetaInfo',
arguments: ['appId', isAndroid ? '28302650' : isIOS ? '28328447' : '47130293']
});
//用户信息埋点
// 如采集用户信息是异步行为需要先执行这个BLOCK埋点
aplus_queue.push({
action: 'aplus.setMetaInfo',
arguments: ['_hold', 'BLOCK']
});
//基础埋点
// 单页应用 或 “单个页面”需异步补充PV日志参数还需进行如下埋点：
aplus_queue.push({
action: 'aplus.setMetaInfo',
arguments: ['aplus-waiting', 'MAN']
});
// // 如采集用户信息是异步行为，需要先设置完用户信息后再执行这个START埋点
// // 此时被block住的日志会携带上用户信息逐条发出
aplus_queue.push({
action: 'aplus.setMetaInfo',
arguments: ['_hold', 'START']
});
</script>
</head> </head>
<body> <body>
......
src/axios/index.js
View file @ 07ca73da
...@@ -5,8 +5,8 @@ import store from '@/store' // progress bar style ...@@ -5,8 +5,8 @@ import store from '@/store' // progress bar style
// import Vue from 'vue'; // import Vue from 'vue';
/* eslint-disable */ /* eslint-disable */
// 默认配置一个api代理转发 // 默认配置一个api代理转发
axios.defaults.baseURL = '/userApi'; // axios.defaults.baseURL = '/userApi';
// axios.defaults.baseURL = '/api'; axios.defaults.baseURL = '/api';
// 跨域请求，允许保存cookie // 跨域请求，允许保存cookie
axios.defaults.withCredentials = true axios.defaults.withCredentials = true
......
src/components/header.vue 0 → 100644
View file @ 07ca73da
<template>
<div class="header">
</div>
</template>
<script>
export default {
props: {
},
data () {
return {
}
},
computed: {
},
methods: {
}
}
</script>
<style lang="less" scoped>
</style>
src/components/header1.vue deleted 100644 → 0
View file @ 13e9ae85
<template>
<div class="header">
<div class="header-one">
<div style="display: flex">
<div @click="gotoGov" style="cursor: pointer;">数字政府</div>
<span v-if="!isHome">
<a-dropdown>
<a class="ant-dropdown-link">
定海<a-icon type="down" style="margin-left: 5px"/>
</a>
<a-menu slot="overlay">
<a-menu-item v-for="(item,index) in list" :key="index">
<div @click="goto(item.url)">{{ item.name }}</div>
</a-menu-item>
</a-menu>
</a-dropdown>
</span>
</div>
<div>
<div class="top-name">
<div class="top-button" @click="gotoHome">数字舟山</div>
<div class="admin-name">{{userInfo.aliasName}}</div>
</div>
</div>
</div>
<div class="header-search" @click="gotoSearch">
请输入关键词
<div class="header-search-button">搜索</div>
</div>
</div>
</template>
<script>
import { mapGetters } from 'vuex';
import { clearStore } from '@/util/store'
export default {
props: {
noSearch: {
type: Boolean,
default: false
},
headerClick: {
type: Boolean,
default: false
},
isHome: {
type: Boolean,
default: false
}
},
data () {
return {
list: [{
name: '舟山',
url: 'https://szzs.zhoushan.gov.cn/portal/#/dashboard'
},{
name: '定海',
url: '/gov'
},{
name: '普陀',
url: 'https://szh.putuo.gov.cn:4443/digitgov_index'
},{
name: '岱山',
url: 'https://szgg.daishan.gov.cn:8088/#/dashboard'
},{
name: '嵊泗',
url: 'https://szss.shengsi.gov.cn/portal/?isNum=1'
},{
name: '高新区',
url: 'http://60.163.193.114:8081/#/gov'
},{
name: '普朱',
url: 'http://61.153.218.179:8082/#/govDigital'
},{
name: '新城',
url: 'http://60.163.193.140:8081/#/gov'
},{
name: '金塘',
url: 'http://60.163.193.146:8081/#/govDigital'
},{
name: '六横',
url: 'http://60.163.193.145:8081/#/govDigital'
}]
}
},
computed: {
...mapGetters(['userInfo'])
},
methods: {
gotoSearch () {
this.$router.push({
path: '/search'
})
},
gotoGov () {
// if (this.headerClick) {
this.$router.push({
path: '/gov'
})
// }else{
// this.$router.push({
// path: '/home'
// })
// }
},
gotoHome () {
let herf = 'https://szzs.zhoushan.gov.cn/portal/#/dashboard'
// if (this.isHome) {
// // window.location.href = 'https://szzs.zhoushan.gov.cn/portal/#/'
// herf = 'https://szzs.zhoushan.gov.cn/portal/#/'
// } else {
// herf = 'https://szzs.zhoushan.gov.cn/portal/#/dashboard'
// }
let ua = navigator.userAgent.toLowerCase()
if((ua.indexOf('dingtalk') >= 0 || !!ua.match(/AppleWebKit.*Mobile.*/) || ua.indexOf('iPad') > -1 || ua.indexOf('ipad') > -1 || ua.indexOf('android') > -1 || ua.indexOf('Adr') > -1)){
dd.openLink({
url: `${herf}?ddtab=true`
}).then(res => {
console.log(res)
}).catch(err => {})
}else{
window.open(herf,'_blank')
}
},
goto (val) {
if( val === '/gov' ){
this.$router.push({
path: '/gov'
})
return false
}
if( val ){
let herf = val
let ua = navigator.userAgent.toLowerCase()
if((ua.indexOf('dingtalk') >= 0 || !!ua.match(/AppleWebKit.*Mobile.*/) || ua.indexOf('iPad') > -1 || ua.indexOf('ipad') > -1 || ua.indexOf('android') > -1 || ua.indexOf('Adr') > -1)){
dd.openLink({
url: `${herf}?ddtab=true`
}).then(res => {
console.log(res)
}).catch(err => {})
}else{
window.open(herf,'_blank')
}
}
},
logout () {
clearStore({
type: 'all'
})
this.$router.push({
path: '/login'
})
}
}
}
</script>
<style lang="less" scoped>
.header {
background: url(/image/header.png);
height: 3rem;
background-size: 100% 100%;
}
.top-name{
display: flex;
font-size: 18px;
align-items: center;
.admin-name{
display: flex;
align-items: center;
font-size: 0.15rem;
letter-spacing: 0.1rem;
&::before{
width: .25974rem;
height: .25974rem;
margin-right: .15rem;
display: inline-block;
background: url(/image/user1.png) no-repeat;
background-size: 100% 100%;
vertical-align: top;
content: "";
}
}
}
.header-one {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0.3rem 0.47rem;
div {
font-size: 0.18rem;
color: #FCFCFC;
}
.top-button {
font-size: 0.09rem;
padding: 0.045rem 0.12rem;
background: #25A0F9;
border-radius: 3px;
margin-right: 0.4rem;
cursor: pointer;
}
::v-deep a {
color: white;
font-size: 0.13rem;
margin-left: 10px;
}
}
.header-search {
width: 50%;
margin: 0 auto;
color: rgba(112, 112, 112, 0.5);
padding: 0.08rem 0.18rem;
position: relative;
background: white;
border-radius: 10px;
font-size: 0.1rem;
margin-top: 0.12rem;
cursor: pointer;
.header-search-button {
cursor: pointer;
color: #FFFFFF;
border-radius: 0 10px 10px 0;
background: #FC8F4A;
position: absolute;
top: 0;
right: 0;
height: 100%;
display: flex;
align-items: center;
padding: 0 0.25rem;
font-size: 0.1rem;
}
}
</style>
src/main.js
View file @ 07ca73da
...@@ -2,12 +2,12 @@ import Vue from 'vue'; ...@@ -2,12 +2,12 @@ import Vue from 'vue';
import App from './App.vue'; import App from './App.vue';
import router from './router'; import router from './router';
import store from './store'; import store from './store';
import '../public/css/iconfont.css';
import Antd from 'ant-design-vue'; import Antd from 'ant-design-vue';
import 'ant-design-vue/dist/antd.css'; import 'ant-design-vue/dist/antd.css';
import * as echarts from 'echarts'; import * as echarts from 'echarts';
import '../public/css/base.less'; import '../public/css/base.less';
import axios from './axios/index.js' import axios from './axios/index.js'
import '../public/css/iconfont.css';
import VueParticles from 'vue-particles' import VueParticles from 'vue-particles'
Vue.use(VueParticles) Vue.use(VueParticles)
......
src/views/home/components/content.vue 0 → 100644
View file @ 07ca73da
<template>
<div class="contents_b">
<div class="contents">
<div class="content-boss">
<div class="content-header">
<span><img src="/image/qr-alt.png" alt="">本周一览</span>
<span>更多 > </span>
</div>
<div class="content-main">
<div class="content-main-text">
<div>市政府落实省委巡视组反馈意见整改通知</div>
<div>2021年9月03日（星期五）</div>
</div>
<div class="content-main-text">
<div>市政府落实省委巡视组反馈意见整改通知</div>
<div>2021年9月03日（星期五）</div>
</div>
<div class="content-main-text">
<div>市政府落实省委巡视组反馈意见整改通知</div>
<div>2021年9月03日（星期五）</div>
</div>
</div>
</div>
<div class="content-boss">
<div class="content-header">
<span><img src="/image/code-merge.png" alt="">工作动态</span>
<span>更多 > </span>
</div>
<div class="content-main">
<div class="content-main-text">
<div>市政府落实省委巡视组反馈意见整改通知</div>
<div>2021年9月03日（星期五）</div>
</div>
<div class="content-main-text">
<div>市政府落实省委巡视组反馈意见整改通知</div>
<div>2021年9月03日（星期五）</div>
</div>
<div class="content-main-text">
<div>市政府落实省委巡视组反馈意见整改通知</div>
<div>2021年9月03日（星期五）</div>
</div>
</div>
</div>
<div class="content-boss">
<div class="content-header">
<span><img src="/image/cube-skeleton.png" alt="">专题场景</span>
<span>换一换 </span>
</div>
<div class="content-title">
<div class="content-title-content" v-for="(item,index) in list" :key="index">
<div class="div">
<img :src="`/image/content${index+1}.png`" alt="">
<span>{{ item.name }}</span>
</div>
<div>
<a-progress :percent="80" :strokeColor="item.color" />
</div>
</div>
</div>
</div>
</div>
<div class="contents" style="margin-top: 0.12rem;padding-top:0">
<div class="contents-tab">
<div class="contents-tab-title">
<span>城市评估</span>
<span>更多 ></span>
</div>
<div class="contents-tab-tab">
<div v-for="(item,index) in title" :key="index">
<i :class="`iconfont ${item.icon}`" :style="`color: ${item.color}`"></i>
<span>{{ item.name }}</span>
</div>
</div>
</div>
</div>
<div class="contents" style="margin-top: 0.12rem;padding-top:0">
<div class="contents-tab">
<div class="contents-tab-title">
<span>任务概况</span>
<span>更多 ></span>
</div>
<div class="contents-task">
<div class="contents-task-boss" v-for="(item,index) in task" :key="index">
<div class="contents-task-title">
<i :class="`iconfont ${item.icon}`" :style="`color: ${item.color}`"></i>
<div class="contents-task-tj">
<div><span>{{ item.num }}</span>亿元</div>
<div>{{ item.name }}</div>
</div>
</div>
<div>
<div class="contents-task-title">
<span></span>
<p>完成</p>
<a-progress :percent="20" :strokeColor="'3DB966'" />
</div>
<div class="contents-task-title">
<span style="border: 5px solid #2397F6"></span>
<p>正常</p>
<a-progress :percent="30" :strokeColor="'#2397F6'" />
</div>
<div class="contents-task-title">
<span style="border: 5px solid #FDA708"></span>
<p>预警</p>
<a-progress :percent="40" :strokeColor="'#FDA708'" />
</div>
<div class="contents-task-title">
<span style="border: 5px solid #FF6767"></span>
<p>滞后</p>
<a-progress :percent="20" :strokeColor="'#FF6767'" />
</div>
</div>
</div>
</div>
</div>
</div>
<div class="task-footer">
<div class="task-footer-content">
<div class="task-footer-title">
<img src="/image/mqmy.png" alt="">
民情民意
</div>
<div class="task-footer-main">
<div>
12345
</div>
<div>
<p>Q：残疾人证申请需要提供什么材料</p>
<p>A：申请需要以下材料...</p>
</div>
</div>
<div class="task-footer-main">
<div>
12345
</div>
<div>
<p>Q：残疾人证申请需要提供什么材料</p>
<p>A：申请需要以下材料...</p>
</div>
</div>
<div style="color: #333232;margin-top: 0.25rem;font-size: 0.085rem">
全市来电和网上数据（2021.11.1-2021.11.9）
</div>
<div style="color: #707070;margin-top: 0.05rem">
消费投诉3183 物业服务2042 网络商品交易及服务1612 旅客运输1318 城管执法1259
</div>
</div>
<div class="task-footer-content" style="padding: 0.15rem 0">
<div class="task-footer-title" style="padding: 0 0.15rem">
<img src="/image/qx.png" alt="">
风险气象台
</div>
<div class="task-footer-tab">
<div>突发参数</div>
<div>舆情监控</div>
<div>重大风险</div>
</div>
<div class="task-footer-text" v-for="item in 6" :key="item">
<div>苏州市相城区发生一期道路运输事故</div>
<div>2021-12-12</div>
</div>
</div>
<div class="task-footer-content">
<div class="task-footer-title">
<img src="/image/qx.png" alt="">
任务完成排行
</div>
<div class="task-footer-ph">
<div>排行</div>
<div>区县</div>
<div>任务完成率</div>
</div>
<div class="task-footer-ph">
<div>
<div class="task-footer-ph-title">
NO.16
</div>
</div>
<div>相城区</div>
<div>97%</div>
</div>
<div class="task-footer-ph" v-for="item in 6" :key="item">
<div>
<div class="task-footer-ph-title">
NO.16
</div>
</div>
<div>相城区</div>
<div>97%</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
props: {
},
data () {
return {
title: [
{
name: '生态城市',
icon: 'icon-zhongyaoshengtaianquanqu',
color: '#4374fa'
},
{
name: '健康城市',
icon: 'icon-jiankang',
color: '#ffb92e'
},
{
name: '活力城市',
icon: 'icon-taiyang',
color: '#ff6600'
},
{
name: '营商城市',
icon: 'icon-zhongyaoshengtaianquanqu',
color: '#abf9af'
},
{
name: '智慧城市',
icon: 'icon-zhongyaoshengtaianquanqu',
color: '#5f4aff'
},
{
name: '文化城市',
icon: 'icon-zhongyaoshengtaianquanqu',
color: '#ffb736'
},
{
name: '信用城市',
icon: 'icon-zhongyaoshengtaianquanqu',
color: '#76ceaf'
},
{
name: '有序城市',
icon: 'icon-zhongyaoshengtaianquanqu',
color: '#242fff'
},
{
name: '安全城市',
icon: 'icon-zhongyaoshengtaianquanqu',
color: '#5943ff'
},
{
name: '富裕城市',
icon: 'icon-zhongyaoshengtaianquanqu',
color: '#8bd6ff'
},
{
name: '平安城市',
icon: 'icon-zhongyaoshengtaianquanqu',
color: '#ff6600'
},
{
name: '美丽城市',
icon: 'icon-zhongyaoshengtaianquanqu',
color: '#ffb92e'
}
],
list: [
{
name: '市场监管',
color: '#A1E66E'
},
{
name: '文化旅游',
color: '#FF98A3'
},
{
name: '应急管理',
color: '#FFB050'
},
{
name: '公共安全',
color: '#B886F8'
},
{
name: '交通运行',
color: '#7F82F7'
},
{
name: '民生服务',
color: '#6AE5AD'
},
],
task: [
{
icon: 'icon-jinbi',
color: '#56b8e8',
num: 800,
name: '数字经济'
},
{
icon: 'icon-shehui',
color: '#f9bd42',
num: 50,
name: '数字社会'
},
{
icon: 'icon-jinbi',
color: '#ff2626',
num: 30,
name: '整体智治'
},
{
icon: 'icon-lingshouliang',
color: '#5b8ff9',
num: 20,
name: '社会消费品零售总额'
},
{
icon: 'icon-lingshouliang',
color: '#5b8ff9',
num: 20,
name: '社会消费品零售总额'
}
]
}
},
computed: {
},
methods: {
}
}
</script>
<style lang="less" scoped>
.contents_b {
padding: 0 0.26rem;
}
.task-footer {
padding: 0.125rem 0;
display: flex;
justify-content: space-between;
.task-footer-title {
margin-bottom: 0.13rem;
color: #333232;
font-size: 0.125rem;
font-weight: 800;
display: flex;
align-items: center;
img {
margin-right: 0.05rem;
width: 0.12rem;
}
}
.task-footer-content {
background: #FCFCFC;
padding: 0.15rem;
padding-bottom: 0.1rem;
width: 30%;
.task-footer-text {
display: flex;
justify-content: space-between;
color: #333232;
padding: 0 0.2rem;
padding-top: 0.085rem;
font-size: 0.09rem;
}
}
.task-footer-main {
display: flex;
align-items: center;
margin-bottom: 0.1rem;
div {
height: 0.3rem;
display: flex;
flex-direction: column;
justify-content: space-between;
&:first-child {
background: #2397F6;
line-height: 0.3rem;
margin-right: 0.05rem;
width: 0.35rem;
text-align: center;
color: #FCFCFC;
font-size: 0.11rem;
}
&:last-child {
padding: 0 0.05rem;
border-left: 3px solid #2397F6;
font-size: 0.1rem;
}
}
}
.task-footer-tab {
display: flex;
border-bottom: 1px solid #8C9FB8;
padding: 0 0.15rem;
div {
margin-right: 0.15rem;
font-size: 0.09rem;
padding-bottom: 0.05rem;
font-weight: 600;
&:first-child {
color: #2397F6;
border-bottom: 2px solid #2397F6;
}
}
}
}
.contents {
background: #FCFCFC;
padding: 0.125rem 0;
display: flex;
justify-content: space-between;
border-radius: 7px;
.content-boss {
border: 2px solid #8CCAFC;
flex: 1;
margin: 0 0.09rem;
border-radius: 1px;
}
.content-header {
display: flex;
padding: 0.12rem;
justify-content: space-between;
border-bottom: 1px solid #8CCAFC;
span {
&:first-child {
color: #333232;
font-size: 0.125rem;
font-weight: 700;
img {
margin-right: 8px;
width: 0.125rem;
}
}
color: #757575;
font-size: 0.11rem;
display: flex;
align-items: center;
}
}
.content-main-text {
border-left: 4px solid #2397F6;
margin: 0.12rem 0.12rem;
padding-left: 0.05rem;
font-size: 0.1rem;
div {
&:first-child {
margin-bottom: 0.02rem;
}
}
}
}
.content-title {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding: 0.275rem 0.225rem;
padding-bottom: 0.145rem;
.content-title-content {
width: 30%;
color: #707070;
background: #F8FBFD;
padding: 0.1rem 0.05rem;
margin-bottom: 0.13rem;
.div {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 0.09rem;
img {
margin-right: 0.05rem;
}
}
&:first-child {
margin-left: 0;
}
}
}
.content-main {
display: flex;
flex-flow: column;
justify-content: space-between;
}
.contents-tab {
width: 100%;
border-radius: 7px;
overflow: hidden;
}
.contents-tab-title {
background: #2397F6;
color: #FCFCFC;
display: flex;
justify-content: space-between;
font-size: 0.13rem;
border-radius: 7px;
padding: 0.08rem 0.16rem;
}
.contents-tab-tab {
padding: 0.15rem;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
div {
background: #DFF2FF;
color: #333232;
width: 23%;
padding: 0.05rem;
margin-top: 0.11rem;
text-align: center;
border: 1px solid #2397F6;
border-radius: 8px;
font-size: 0.125rem;
display: flex;
align-items: center;
justify-content: center;
font-size: 700;
i {
font-size: 0.2rem;
margin-right: 0.05rem;
}
}
}
.contents-task {
padding: 0.15rem;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
.contents-task-boss {
width: 20%;
padding: 0 0.2rem 0.2rem 0.2rem;
margin-top: 0.1rem;
border-right: 1px solid rgba(153, 153, 153, 0.5);
}
}
.contents-task-title {
display: flex;
justify-content: center;
align-items: center;
margin-top: 0.1rem;
span {
width: 0.08rem;
height: 0.08rem;
border: 4px solid #3DB966;
border-radius: 50%;
display: inline-block;
}
p {
margin: 0 0.05rem 0 0.05rem;
width: 0.2rem;
}
i {
font-size: 0.2rem;
margin-right: 0.05rem;
}
}
.contents-task-tj {
color: #333232;
font-size: 0.09rem;
div {
display: flex;
align-items: center;
}
span {
color: #56B8E8;
font-size: 0.125rem;
border: 0 solid #ccc;
width: auto;
height: auto;
margin-right: 0.05rem;
text-align: center;
}
}
.task-footer-ph {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 0.08rem;
div {
width: 30%;
}
}
.task-footer-ph-title {
background: linear-gradient(320deg, #C492E9 0%, #777EF3 100%);
border-radius: 13px;
width: 0.5rem!important;
color: #FCFCFC;
text-align: center;
padding: 0.01rem 0;
}
</style>
src/views/home/components/header.vue 0 → 100644
View file @ 07ca73da
<template>
<div class="header">
<div class="header-title">
<div class="header-title-logo">
<img src="/image/logo.png" alt="">
<span>国脉互联城市体征平台</span>
</div>
<div class="header-title-search">
<div class="header-search">
<span>请输入您想要搜索的内容</span>
<span><a-icon type="search" /></span>
</div>
<div class="header-user">
<img src="/image/user.png" alt="">
<span>王俊辉，您好</span>
</div>
</div>
</div>
<div class="header-city">
<img src="/image/header-city.png" alt="">
</div>
<div class="header-tab">
<div class="header-tab-son" style="background: #6DBDFF;">
<img src="/image/title1.png" alt="">
数字经济
</div>
<div class="header-tab-son" style="background: #BB9BFF;">
<img src="/image/title2.png" alt="">
政治建设
</div>
<div class="header-tab-son" style="background: #45D5E8;">
<img src="/image/title3.png" alt="">
数字社会
</div>
<div class="header-tab-son" style="background: #EFCF91;">
<img src="/image/title4.png" alt="">
文化创新
</div>
<div class="header-tab-son" style="background: #FB8D92;">
<img src="/image/title5.png" alt="">
数字生态
</div>
</div>
<div class="jryw">
<div class="jryw-title">
<img src="/IMAGE/jryw.png" alt="">
<div>
<span>市政府第105次常务会议召开</span>
<span>全市疫情防控工作电视电话会议召开</span>
</div>
</div>
<div >更多 ></div>
</div>
</div>
</template>
<script>
export default {
props: {
},
data () {
return {
}
},
computed: {
},
methods: {
}
}
</script>
<style lang="less" scoped>
.header {
padding: 0.125rem 0.26rem;
// min-height: 3rem;
background: linear-gradient(180deg, #467CFF 0%, #F5F5F5 100%);
.header-title {
display: flex;
.header-title-logo {
flex: 1;
display: flex;
align-items: center;
img {
width: 0.26rem;
}
span {
color: #FCFCFC;
font-size: 0.14rem;
letter-spacing: 3px;
margin-left: 13px;
}
}
.header-title-search {
flex: 1;
display: flex;
align-items: center;
justify-content: space-between;
height: 0.29rem;
.header-search {
background: #FCFCFC;
opacity: 1;
border-radius: 29px;
width: 2.8rem;
height: 100%;
display: flex;
align-items: center;
padding: 0 0.2rem;
padding-right: 0.1rem;
justify-content: space-between;
color: rgba(112, 112, 112, 0.3);
font-size: 0.09rem;
i {
color: rgba(112, 112, 112, 0.8);
font-size: 0.12rem;
}
margin-left: 0.4rem;
}
.header-user {
display: flex;
align-items: center;
span {
color: #FCFCFC;
font-size: 0.125rem;
}
}
img {
width: 0.26rem;
margin-right: 0.135rem;
}
}
}
}
.header-city {
text-align: center;
margin-top: -0.15rem;
img {
width: 60%;
}
}
.header-tab {
display: flex;
color: #FCFCFC;
font-size: 0.15rem;
.header-tab-son {
flex: 1;
box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
border-radius: 5px;
margin-left: 0.08rem;
padding: 0.16rem 0.3rem;
display: flex;
align-items: center;
&:first-child {
margin-left: 0;
}
img {
margin-right: 0.09rem;
width: 0.45rem;
}
}
}
.jryw {
background: linear-gradient(180deg, #2397F6 0%, #2933B2 100%);
display: flex;
justify-content: space-between;
padding: 0.08rem 0.15rem;
border-radius: 5px;
margin-top: 0.12rem;
align-items: center;
color: #FCFCFC;
font-size: 0.12rem;
font-weight: 400;
.jryw-title {
display: flex;
align-items: center;
color: #FCFCFC;
img {
margin-right: 0.1rem;
width: 0.28rem;
}
div {
span {
&:first-child {
border-left: 2px dotted #FCFCFC;
padding:0.05rem 0.1rem;
}
&:last-child {
border-left: 3px solid #FCFCFC;
padding: 0 0.1rem;
}
}
}
}
}
</style>
src/views/home/index.vue
View file @ 07ca73da
<template> <template>
<div class="about"> <div class="content">
<h1>This is an about 2page</h1> <headers></headers>
<contents></contents>
</div> </div>
</template> </template>
<script> <script>
import headers from './components/header.vue'
import contents from './components/content.vue'
export default { export default {
data() { data() {
return { return {
}; };
}, },
components: {
headers,
contents
},
methods: { methods: {
}, },
mounted() { mounted() {
} }
}; };
</script> </script>
<style lang="less" scoped>
.content {
width: 100%;
min-height: 100vh;
}
</style>
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