Skip to content

O
office-web
Commit db657b36 by 无尘
Options

feat: 修改字体图标修改分组交互

parent 2423ce1e
Showing with 307 additions and 20 deletions
dist/index.html
<!DOCTYPE html><html><head><meta charset=utf-8><link rel="shortcut icon" href=./favicon.ico><title>好办管理平台</title><link href=./static/css/app.4b5f3c1445aadb102c2bd6b3141a010f.css rel=stylesheet></head><body style="min-width: 1400px;"><div id=app></div><script src=//web-1251519181.file.myqcloud.com/lib/vue/2.6.6/vue.min.js></script><script src=//web-1251519181.file.myqcloud.com/lib/vue-router/3.0.2/vue-router.min.js></script><script src=//web-1251519181.file.myqcloud.com/lib/vuex/3.1.0/vuex.min.js></script><script src=//web-1251519181.file.myqcloud.com/components/img-preview.2.0.00.js></script><script>// Raven.config('https://3715a345910d4c768e7a1ec14619c2d5@sentry.io/1413672').install();</script><script type=text/javascript src=./static/js/manifest.4492fbe80e45dc2d3340.js></script><script type=text/javascript src=./static/js/vendor.928b68e48614c700460c.js></script><script type=text/javascript src=./static/js/app.7945dc1a2ba2053dab49.js></script></body></html> <!DOCTYPE html><html><head><meta charset=utf-8><link rel="shortcut icon" href=./favicon.ico><title>好办管理平台</title><link href=./static/css/app.9420be743499a271a75ffd69fc352311.css rel=stylesheet></head><body style="min-width: 1400px;"><div id=app></div><script src=//web-1251519181.file.myqcloud.com/lib/vue/2.6.6/vue.min.js></script><script src=//web-1251519181.file.myqcloud.com/lib/vue-router/3.0.2/vue-router.min.js></script><script src=//web-1251519181.file.myqcloud.com/lib/vuex/3.1.0/vuex.min.js></script><script src=//web-1251519181.file.myqcloud.com/components/img-preview.2.0.00.js></script><script>// Raven.config('https://3715a345910d4c768e7a1ec14619c2d5@sentry.io/1413672').install();</script><script type=text/javascript src=./static/js/manifest.a24acfee349e81044ade.js></script><script type=text/javascript src=./static/js/vendor.928b68e48614c700460c.js></script><script type=text/javascript src=./static/js/app.7945dc1a2ba2053dab49.js></script></body></html>
\ No newline at end of file \ No newline at end of file
dist/static/font/demo_index.html
...@@ -379,6 +379,12 @@ ...@@ -379,6 +379,12 @@
</li> </li>
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe74d;</span>
<div class="name">签到</div>
<div class="code-name">&amp;#xe74d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe64e;</span> <span class="icon iconfont">&#xe64e;</span>
<div class="name">更多</div> <div class="name">更多</div>
<div class="code-name">&amp;#xe64e;</div> <div class="code-name">&amp;#xe64e;</div>
...@@ -403,12 +409,24 @@ ...@@ -403,12 +409,24 @@
</li> </li>
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe687;</span>
<div class="name">下 拉</div>
<div class="code-name">&amp;#xe687;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe685;</span> <span class="icon iconfont">&#xe685;</span>
<div class="name">差评统计</div> <div class="name">差评统计</div>
<div class="code-name">&amp;#xe685;</div> <div class="code-name">&amp;#xe685;</div>
</li> </li>
<li class="dib"> <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">&#xe7a3;</span> <span class="icon iconfont">&#xe7a3;</span>
<div class="name">morentouxian</div> <div class="name">morentouxian</div>
<div class="code-name">&amp;#xe7a3;</div> <div class="code-name">&amp;#xe7a3;</div>
...@@ -427,11 +445,29 @@ ...@@ -427,11 +445,29 @@
</li> </li>
<li class="dib"> <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">&#xe7f6;</span> <span class="icon iconfont">&#xe7f6;</span>
<div class="name">不良评价设置</div> <div class="name">不良评价设置</div>
<div class="code-name">&amp;#xe7f6;</div> <div class="code-name">&amp;#xe7f6;</div>
</li> </li>
<li class="dib">
<span class="icon iconfont">&#xe639;</span>
<div class="name">能力赋能</div>
<div class="code-name">&amp;#xe639;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe887;</span>
<div class="name">排序</div>
<div class="code-name">&amp;#xe887;</div>
</li>
</ul> </ul>
<div class="article markdown"> <div class="article markdown">
<h2 id="unicode-">Unicode 引用</h2> <h2 id="unicode-">Unicode 引用</h2>
...@@ -1005,6 +1041,15 @@ ...@@ -1005,6 +1041,15 @@
</li> </li>
<li class="dib"> <li class="dib">
<span class="icon iconfont icon-signin"></span>
<div class="name">
签到
</div>
<div class="code-name">.icon-signin
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-anquan"></span> <span class="icon iconfont icon-anquan"></span>
<div class="name"> <div class="name">
更多 更多
...@@ -1041,6 +1086,15 @@ ...@@ -1041,6 +1086,15 @@
</li> </li>
<li class="dib"> <li class="dib">
<span class="icon iconfont icon-xiala1"></span>
<div class="name">
下 拉
</div>
<div class="code-name">.icon-xiala1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-badreviewstatistics"></span> <span class="icon iconfont icon-badreviewstatistics"></span>
<div class="name"> <div class="name">
差评统计 差评统计
...@@ -1050,6 +1104,15 @@ ...@@ -1050,6 +1104,15 @@
</li> </li>
<li class="dib"> <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-yewuduanmorentouxian"></span> <span class="icon iconfont icon-yewuduanmorentouxian"></span>
<div class="name"> <div class="name">
morentouxian morentouxian
...@@ -1077,6 +1140,15 @@ ...@@ -1077,6 +1140,15 @@
</li> </li>
<li class="dib"> <li class="dib">
<span class="icon iconfont icon-xiala2"></span>
<div class="name">
下 拉
</div>
<div class="code-name">.icon-xiala2
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-buliangpingjiashezhi"></span> <span class="icon iconfont icon-buliangpingjiashezhi"></span>
<div class="name"> <div class="name">
不良评价设置 不良评价设置
...@@ -1085,6 +1157,24 @@ ...@@ -1085,6 +1157,24 @@
</div> </div>
</li> </li>
<li class="dib">
<span class="icon iconfont icon-nenglifuneng"></span>
<div class="name">
能力赋能
</div>
<div class="code-name">.icon-nenglifuneng
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-paixu"></span>
<div class="name">
排序
</div>
<div class="code-name">.icon-paixu
</div>
</li>
</ul> </ul>
<div class="article markdown"> <div class="article markdown">
<h2 id="font-class-">font-class 引用</h2> <h2 id="font-class-">font-class 引用</h2>
...@@ -1580,6 +1670,14 @@ ...@@ -1580,6 +1670,14 @@
<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-signin"></use>
</svg>
<div class="name">签到</div>
<div class="code-name">#icon-signin</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-anquan"></use> <use xlink:href="#icon-anquan"></use>
</svg> </svg>
<div class="name">更多</div> <div class="name">更多</div>
...@@ -1612,6 +1710,14 @@ ...@@ -1612,6 +1710,14 @@
<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-xiala1"></use>
</svg>
<div class="name">下 拉</div>
<div class="code-name">#icon-xiala1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-badreviewstatistics"></use> <use xlink:href="#icon-badreviewstatistics"></use>
</svg> </svg>
<div class="name">差评统计</div> <div class="name">差评统计</div>
...@@ -1620,6 +1726,14 @@ ...@@ -1620,6 +1726,14 @@
<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-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-yewuduanmorentouxian"></use> <use xlink:href="#icon-yewuduanmorentouxian"></use>
</svg> </svg>
<div class="name">morentouxian</div> <div class="name">morentouxian</div>
...@@ -1644,12 +1758,36 @@ ...@@ -1644,12 +1758,36 @@
<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-xiala2"></use>
</svg>
<div class="name">下 拉</div>
<div class="code-name">#icon-xiala2</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-buliangpingjiashezhi"></use> <use xlink:href="#icon-buliangpingjiashezhi"></use>
</svg> </svg>
<div class="name">不良评价设置</div> <div class="name">不良评价设置</div>
<div class="code-name">#icon-buliangpingjiashezhi</div> <div class="code-name">#icon-buliangpingjiashezhi</div>
</li> </li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-nenglifuneng"></use>
</svg>
<div class="name">能力赋能</div>
<div class="code-name">#icon-nenglifuneng</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-paixu"></use>
</svg>
<div class="name">排序</div>
<div class="code-name">#icon-paixu</div>
</li>
</ul> </ul>
<div class="article markdown"> <div class="article markdown">
<h2 id="symbol-">Symbol 引用</h2> <h2 id="symbol-">Symbol 引用</h2>
......
dist/static/font/iconfont.js
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/js/manifest.4492fbe80e45dc2d3340.js → dist/static/js/manifest.a24acfee349e81044ade.js
!function(e){var a=window.webpackJsonp;window.webpackJsonp=function(f,d,n){for(var r,t,o,i=0,u=[];i<f.length;i++)t=f[i],c[t]&&u.push(c[t][0]),c[t]=0;for(r in d)Object.prototype.hasOwnProperty.call(d,r)&&(e[r]=d[r]);for(a&&a(f,d,n);u.length;)u.shift()();if(n)for(i=0;i<n.length;i++)o=b(b.s=n[i]);return o};var f={},c={81:0};function b(a){if(f[a])return f[a].exports;var c=f[a]={i:a,l:!1,exports:{}};return e[a].call(c.exports,c,c.exports,b),c.l=!0,c.exports}b.e=function(e){var a=c[e];if(0===a)return new Promise(function(e){e()});if(a)return a[2];var f=new Promise(function(f,b){a=c[e]=[f,b]});a[2]=f;var d=document.getElementsByTagName("head")[0],n=document.createElement("script");n.type="text/javascript",n.charset="utf-8",n.async=!0,n.timeout=12e4,b.nc&&n.setAttribute("nonce",b.nc),n.src=b.p+"static/js/"+e+"."+{0:"7eff119752216e94190e",1:"0ebe3ead93207dc78a78",2:"6c502a930cfc2e54a0d0",3:"98321440e4296c4471cc",4:"8cd20f68174aaab2441d",5:"bf058fa04f7b2b11b1bc",6:"e3fe85cbbe47d0032b3a",7:"8f462a353a2ce9c0c116",8:"e5372980f04518fa84ec",9:"860dbe8cf83334f9e3c0",10:"28e14270d70d6a29f157",11:"2d0a192288361dd95250",12:"3d3797e96dc9e8cc5bd4",13:"02c1f318efb8ad51c2f2",14:"5ab25e4baf23ecce8d73",15:"ae2923b3ca03090c2f2e",16:"c4ebe5ae46670e5c0754",17:"fa12cc3bf2181d16ef8c",18:"d56ca44284feb601117a",19:"6f5045aa6067b477873d",20:"75e0997b94e5d6294ec8",21:"6bd871faff9520219f01",22:"43ab9b5bfdc74ce6b20e",23:"9efbbc6dd315a676ce09",24:"4637a4566383d6e864cf",25:"4f9db49437ea94436d03",26:"8bbfb062166705f83d11",27:"acda88d3c2aa77c9f51c",28:"0635cfc88ef2b2920961",29:"0d3db47f464a37be4a3e",30:"c6439b279653a45ce256",31:"8baa6bca929d1c9a38f6",32:"ec0bbd85e6d55909453d",33:"a93521846789130a144e",34:"d7271b9c0396e2e0b343",35:"32cae9a3f9ba6b187945",36:"d31850464ea8bdf6593f",37:"31c143858551cadfe3a9",38:"7da020455236ec9cc0e6",39:"8d8a3b88d85b3220e296",40:"f4fd9d68a9e906649040",41:"9fcb9feb2cab7a8a2cbe",42:"47c4c30ceefa4af03de5",43:"2689bc2d619a26183b90",44:"deb9f07fde1e218414cf",45:"feeb9dd78b7b12f700d2",46:"a2f306cec3cdc3c685d3",47:"ad1d3e7f3e13e438bcbf",48:"ef7f29a451f2754469b0",49:"f6871122a1fa7e18f158",50:"07c4baa205f7e23b698d",51:"7fc0ff7b08a3b083ca59",52:"1d2a5ba0923414f73e06",53:"8802335b18fef4b4450b",54:"97a5f9645e47c9a491fd",55:"5af32707cdbeae957afc",56:"98caf4e5ee697f98808f",57:"a12e3dac3c8f19bf20ab",58:"4eca8a1ed0c691766a4e",59:"d90b9f9627f3c3832c23",60:"aeab9555497ec6593f72",61:"2f37d96bc91f0a637cad",62:"59294e07de6b496244cf",63:"6077852270b0c59eff8a",64:"071bad1248843a633c76",65:"a36bf94fdaed1ee1ee50",66:"3ba7e89277d851279c4d",67:"54211f408298416c6536",68:"510e6b0aa6ffadff566b",69:"518fa345263ef1bb9abc",70:"5d2e33dad1088489e653",71:"e51a1b885d499897baff",72:"bfd2694c02bae17c273e",73:"7751e4d66fee99c15a39",74:"646f1b9348d1bb8cfbf7",75:"6b82dfb7f160db815f54",76:"5d50222646fc31640f30",77:"9f7ea81c191a5e1bbaa2",80:"c4a24f0beb29dbd2892a"}[e]+".js";var r=setTimeout(t,12e4);function t(){n.onerror=n.onload=null,clearTimeout(r);var a=c[e];0!==a&&(a&&a[1](new Error("Loading chunk "+e+" failed.")),c[e]=void 0)}return n.onerror=n.onload=t,d.appendChild(n),f},b.m=e,b.c=f,b.d=function(e,a,f){b.o(e,a)||Object.defineProperty(e,a,{configurable:!1,enumerable:!0,get:f})},b.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return b.d(a,"a",a),a},b.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},b.p="./",b.oe=function(e){throw console.error(e),e}}([]); !function(e){var a=window.webpackJsonp;window.webpackJsonp=function(f,d,n){for(var r,t,o,i=0,u=[];i<f.length;i++)t=f[i],c[t]&&u.push(c[t][0]),c[t]=0;for(r in d)Object.prototype.hasOwnProperty.call(d,r)&&(e[r]=d[r]);for(a&&a(f,d,n);u.length;)u.shift()();if(n)for(i=0;i<n.length;i++)o=b(b.s=n[i]);return o};var f={},c={81:0};function b(a){if(f[a])return f[a].exports;var c=f[a]={i:a,l:!1,exports:{}};return e[a].call(c.exports,c,c.exports,b),c.l=!0,c.exports}b.e=function(e){var a=c[e];if(0===a)return new Promise(function(e){e()});if(a)return a[2];var f=new Promise(function(f,b){a=c[e]=[f,b]});a[2]=f;var d=document.getElementsByTagName("head")[0],n=document.createElement("script");n.type="text/javascript",n.charset="utf-8",n.async=!0,n.timeout=12e4,b.nc&&n.setAttribute("nonce",b.nc),n.src=b.p+"static/js/"+e+"."+{0:"7eff119752216e94190e",1:"0ebe3ead93207dc78a78",2:"6c502a930cfc2e54a0d0",3:"98321440e4296c4471cc",4:"8cd20f68174aaab2441d",5:"bf058fa04f7b2b11b1bc",6:"e3fe85cbbe47d0032b3a",7:"8f462a353a2ce9c0c116",8:"e5372980f04518fa84ec",9:"860dbe8cf83334f9e3c0",10:"28e14270d70d6a29f157",11:"2d0a192288361dd95250",12:"3d3797e96dc9e8cc5bd4",13:"02c1f318efb8ad51c2f2",14:"5ab25e4baf23ecce8d73",15:"313baa8d382b27c13e40",16:"c4ebe5ae46670e5c0754",17:"fa12cc3bf2181d16ef8c",18:"d56ca44284feb601117a",19:"6f5045aa6067b477873d",20:"75e0997b94e5d6294ec8",21:"6bd871faff9520219f01",22:"43ab9b5bfdc74ce6b20e",23:"9efbbc6dd315a676ce09",24:"4637a4566383d6e864cf",25:"4f9db49437ea94436d03",26:"8bbfb062166705f83d11",27:"acda88d3c2aa77c9f51c",28:"0635cfc88ef2b2920961",29:"0d3db47f464a37be4a3e",30:"c6439b279653a45ce256",31:"8baa6bca929d1c9a38f6",32:"ec0bbd85e6d55909453d",33:"a93521846789130a144e",34:"d7271b9c0396e2e0b343",35:"32cae9a3f9ba6b187945",36:"d31850464ea8bdf6593f",37:"31c143858551cadfe3a9",38:"7da020455236ec9cc0e6",39:"8d8a3b88d85b3220e296",40:"f4fd9d68a9e906649040",41:"9fcb9feb2cab7a8a2cbe",42:"47c4c30ceefa4af03de5",43:"2689bc2d619a26183b90",44:"deb9f07fde1e218414cf",45:"feeb9dd78b7b12f700d2",46:"a2f306cec3cdc3c685d3",47:"ad1d3e7f3e13e438bcbf",48:"ef7f29a451f2754469b0",49:"f6871122a1fa7e18f158",50:"07c4baa205f7e23b698d",51:"7fc0ff7b08a3b083ca59",52:"1d2a5ba0923414f73e06",53:"8802335b18fef4b4450b",54:"97a5f9645e47c9a491fd",55:"5af32707cdbeae957afc",56:"98caf4e5ee697f98808f",57:"a12e3dac3c8f19bf20ab",58:"4eca8a1ed0c691766a4e",59:"d90b9f9627f3c3832c23",60:"aeab9555497ec6593f72",61:"2f37d96bc91f0a637cad",62:"59294e07de6b496244cf",63:"6077852270b0c59eff8a",64:"071bad1248843a633c76",65:"a36bf94fdaed1ee1ee50",66:"3ba7e89277d851279c4d",67:"54211f408298416c6536",68:"510e6b0aa6ffadff566b",69:"518fa345263ef1bb9abc",70:"5d2e33dad1088489e653",71:"e51a1b885d499897baff",72:"bfd2694c02bae17c273e",73:"7751e4d66fee99c15a39",74:"646f1b9348d1bb8cfbf7",75:"6b82dfb7f160db815f54",76:"5d50222646fc31640f30",77:"9f7ea81c191a5e1bbaa2",80:"c4a24f0beb29dbd2892a"}[e]+".js";var r=setTimeout(t,12e4);function t(){n.onerror=n.onload=null,clearTimeout(r);var a=c[e];0!==a&&(a&&a[1](new Error("Loading chunk "+e+" failed.")),c[e]=void 0)}return n.onerror=n.onload=t,d.appendChild(n),f},b.m=e,b.c=f,b.d=function(e,a,f){b.o(e,a)||Object.defineProperty(e,a,{configurable:!1,enumerable:!0,get:f})},b.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return b.d(a,"a",a),a},b.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},b.p="./",b.oe=function(e){throw console.error(e),e}}([]);
\ No newline at end of file \ No newline at end of file
src/views/enterpriseApp/notice/noticeList.vue
...@@ -6,13 +6,13 @@ ...@@ -6,13 +6,13 @@
<div class="notice-list-body_left border-box" :style="{ 'min-height': bgHeight }"> <div class="notice-list-body_left border-box" :style="{ 'min-height': bgHeight }">
<div class="add-classify" @click="toRename('')"><span class="el-icon-plus"></span><span class="p-l-12">新建分类</span></div> <div class="add-classify" @click="toRename('')"><span class="el-icon-plus"></span><span class="p-l-12">新建分类</span></div>
<div class="classify-list"> <div class="classify-list">
<div :class="['classify-all', activeClassify == '' ? 'active-class' : '']" @click="selectClass('')"><i class="el-icon-tickets"></i><span class="p-l-12">所有分类</span></div> <div :class="['classify-all', activeClassify == '' ? 'active-class' : '']" @click="selectClass('')"><i class="iconfont icon-paixu"></i><span class="p-l-12">所有分类</span></div>
<ul> <ul>
<draggable id="list" v-model="classifyList" class="compenent" :options="{ group: { name: 'people', pull: false, put: false }, sort: true }" @start="isDragging = true" @end="itemMoveEnd"> <draggable id="list" v-model="classifyList" class="compenent" :options="{ group: { name: 'people', pull: false, put: false }, sort: true }" @start="isDragging = true" @end="itemMoveEnd">
<template v-for="(item, index) in classifyList"> <template v-for="(item, index) in classifyList">
<li :key="index + 'item.classifyName'"> <li :key="index + 'item.classifyName'">
<div @click.self="selectClass(item)" :class="['li-wrap border-box', activeClassify == item.labelId ? 'active-class' : '']"> <div @click.self="selectClass(item)" :class="['li-wrap border-box', activeClassify == item.labelId ? 'active-class' : '']">
<i class="el-icon-tickets" @click.self="selectClass(item)"></i><span class="p-l-12 label-text" @click.self="selectClass(item)">{{ item.labelName }}</span> <i class="iconfont icon-paixu" @click.self="selectClass(item)"></i><span class="p-l-12 label-text" @click.self="selectClass(item)">{{ item.labelName }}</span>
<el-popover placement="bottom" width="99" trigger="click" popper-class="classify-list-pop border-box"> <el-popover placement="bottom" width="99" trigger="click" popper-class="classify-list-pop border-box">
<div> <div>
<div class="classify-oprate-cell class-rename text-center" @click.stop="toRename(item, index)">重命名</div> <div class="classify-oprate-cell class-rename text-center" @click.stop="toRename(item, index)">重命名</div>
...@@ -81,7 +81,7 @@ ...@@ -81,7 +81,7 @@
</div> </div>
</div> </div>
<!-- 企业公告读取情况 --> <!-- 企业公告读取情况 -->
<el-dialog title="读取情况" :visible.sync="dialogNoticeVisible" width="618px"> <el-dialog title="读取情况" :visible.sync="dialogNoticeVisible" width="618px" @close="readDialogClose">
<div class="read-list-wrap"> <div class="read-list-wrap">
<div class="read-list-lt"> <div class="read-list-lt">
<div class="read-list-title">已读（{{ readCount }}）</div> <div class="read-list-title">已读（{{ readCount }}）</div>
...@@ -419,7 +419,7 @@ export default { ...@@ -419,7 +419,7 @@ export default {
}); });
}); });
}, },
/** /**
* 导出 * 导出
*/ */
exportReadExcel() { exportReadExcel() {
...@@ -455,6 +455,12 @@ export default { ...@@ -455,6 +455,12 @@ export default {
}); });
}); });
}, },
/**
* 关闭读取情况弹窗
*/
readDialogClose() {
this.readTitle = '';
},
// 预览 // 预览
showImage(src) { showImage(src) {
let that = this; let that = this;
...@@ -744,22 +750,16 @@ export default { ...@@ -744,22 +750,16 @@ export default {
color: #606266; color: #606266;
font-size: 14px; font-size: 14px;
cursor: pointer; cursor: pointer;
.el-icon-tickets { .icon-paixu {
visibility: hidden; visibility: hidden;
} }
&.active-class { &.active-class {
color: #303133; color: #303133;
background: #f3f6f9; background: #f3f6f9;
.el-icon-tickets {
visibility: visible;
}
} }
&:hover { &:hover {
color: #303133; color: #303133;
background: #f3f6f9; background: #f3f6f9;
.el-icon-tickets {
visibility: visible;
}
} }
} }
li { li {
...@@ -770,17 +770,21 @@ export default { ...@@ -770,17 +770,21 @@ export default {
font-size: 14px; font-size: 14px;
overflow: hidden; overflow: hidden;
cursor: pointer; cursor: pointer;
.el-icon-tickets { .icon-paixu {
visibility: hidden; visibility: hidden;
-webkit-transition: all ease-in 0.3s;
-moz-transition: all ease-in 0.3s;
-ms-transition: all ease-in 0.3s;
transition: all ease-in 0.3s;
} }
.li-wrap { .li-wrap {
padding: 0 13px 0 16px; padding: 0 13px 0 16px;
&.active-class { &.active-class {
color: #303133; color: #303133;
background: #f3f6f9; background: #f3f6f9;
.el-icon-tickets { // .icon-paixu {
visibility: visible; // visibility: visible;
} // }
} }
.label-text { .label-text {
display: inline-block; display: inline-block;
...@@ -795,8 +799,15 @@ export default { ...@@ -795,8 +799,15 @@ export default {
&:hover { &:hover {
color: #303133; color: #303133;
background: #f3f6f9; background: #f3f6f9;
.el-icon-tickets { .icon-paixu {
visibility: visible; visibility: visible;
cursor: move;
}
.label-text {
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
} }
} }
.classify-list-oprate { .classify-list-oprate {
......
static/font/demo_index.html
...@@ -379,6 +379,12 @@ ...@@ -379,6 +379,12 @@
</li> </li>
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe74d;</span>
<div class="name">签到</div>
<div class="code-name">&amp;#xe74d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe64e;</span> <span class="icon iconfont">&#xe64e;</span>
<div class="name">更多</div> <div class="name">更多</div>
<div class="code-name">&amp;#xe64e;</div> <div class="code-name">&amp;#xe64e;</div>
...@@ -403,12 +409,24 @@ ...@@ -403,12 +409,24 @@
</li> </li>
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe687;</span>
<div class="name">下 拉</div>
<div class="code-name">&amp;#xe687;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe685;</span> <span class="icon iconfont">&#xe685;</span>
<div class="name">差评统计</div> <div class="name">差评统计</div>
<div class="code-name">&amp;#xe685;</div> <div class="code-name">&amp;#xe685;</div>
</li> </li>
<li class="dib"> <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">&#xe7a3;</span> <span class="icon iconfont">&#xe7a3;</span>
<div class="name">morentouxian</div> <div class="name">morentouxian</div>
<div class="code-name">&amp;#xe7a3;</div> <div class="code-name">&amp;#xe7a3;</div>
...@@ -427,11 +445,29 @@ ...@@ -427,11 +445,29 @@
</li> </li>
<li class="dib"> <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">&#xe7f6;</span> <span class="icon iconfont">&#xe7f6;</span>
<div class="name">不良评价设置</div> <div class="name">不良评价设置</div>
<div class="code-name">&amp;#xe7f6;</div> <div class="code-name">&amp;#xe7f6;</div>
</li> </li>
<li class="dib">
<span class="icon iconfont">&#xe639;</span>
<div class="name">能力赋能</div>
<div class="code-name">&amp;#xe639;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe887;</span>
<div class="name">排序</div>
<div class="code-name">&amp;#xe887;</div>
</li>
</ul> </ul>
<div class="article markdown"> <div class="article markdown">
<h2 id="unicode-">Unicode 引用</h2> <h2 id="unicode-">Unicode 引用</h2>
...@@ -1005,6 +1041,15 @@ ...@@ -1005,6 +1041,15 @@
</li> </li>
<li class="dib"> <li class="dib">
<span class="icon iconfont icon-signin"></span>
<div class="name">
签到
</div>
<div class="code-name">.icon-signin
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-anquan"></span> <span class="icon iconfont icon-anquan"></span>
<div class="name"> <div class="name">
更多 更多
...@@ -1041,6 +1086,15 @@ ...@@ -1041,6 +1086,15 @@
</li> </li>
<li class="dib"> <li class="dib">
<span class="icon iconfont icon-xiala1"></span>
<div class="name">
下 拉
</div>
<div class="code-name">.icon-xiala1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-badreviewstatistics"></span> <span class="icon iconfont icon-badreviewstatistics"></span>
<div class="name"> <div class="name">
差评统计 差评统计
...@@ -1050,6 +1104,15 @@ ...@@ -1050,6 +1104,15 @@
</li> </li>
<li class="dib"> <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-yewuduanmorentouxian"></span> <span class="icon iconfont icon-yewuduanmorentouxian"></span>
<div class="name"> <div class="name">
morentouxian morentouxian
...@@ -1077,6 +1140,15 @@ ...@@ -1077,6 +1140,15 @@
</li> </li>
<li class="dib"> <li class="dib">
<span class="icon iconfont icon-xiala2"></span>
<div class="name">
下 拉
</div>
<div class="code-name">.icon-xiala2
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-buliangpingjiashezhi"></span> <span class="icon iconfont icon-buliangpingjiashezhi"></span>
<div class="name"> <div class="name">
不良评价设置 不良评价设置
...@@ -1085,6 +1157,24 @@ ...@@ -1085,6 +1157,24 @@
</div> </div>
</li> </li>
<li class="dib">
<span class="icon iconfont icon-nenglifuneng"></span>
<div class="name">
能力赋能
</div>
<div class="code-name">.icon-nenglifuneng
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-paixu"></span>
<div class="name">
排序
</div>
<div class="code-name">.icon-paixu
</div>
</li>
</ul> </ul>
<div class="article markdown"> <div class="article markdown">
<h2 id="font-class-">font-class 引用</h2> <h2 id="font-class-">font-class 引用</h2>
...@@ -1580,6 +1670,14 @@ ...@@ -1580,6 +1670,14 @@
<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-signin"></use>
</svg>
<div class="name">签到</div>
<div class="code-name">#icon-signin</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-anquan"></use> <use xlink:href="#icon-anquan"></use>
</svg> </svg>
<div class="name">更多</div> <div class="name">更多</div>
...@@ -1612,6 +1710,14 @@ ...@@ -1612,6 +1710,14 @@
<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-xiala1"></use>
</svg>
<div class="name">下 拉</div>
<div class="code-name">#icon-xiala1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-badreviewstatistics"></use> <use xlink:href="#icon-badreviewstatistics"></use>
</svg> </svg>
<div class="name">差评统计</div> <div class="name">差评统计</div>
...@@ -1620,6 +1726,14 @@ ...@@ -1620,6 +1726,14 @@
<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-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-yewuduanmorentouxian"></use> <use xlink:href="#icon-yewuduanmorentouxian"></use>
</svg> </svg>
<div class="name">morentouxian</div> <div class="name">morentouxian</div>
...@@ -1644,12 +1758,36 @@ ...@@ -1644,12 +1758,36 @@
<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-xiala2"></use>
</svg>
<div class="name">下 拉</div>
<div class="code-name">#icon-xiala2</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-buliangpingjiashezhi"></use> <use xlink:href="#icon-buliangpingjiashezhi"></use>
</svg> </svg>
<div class="name">不良评价设置</div> <div class="name">不良评价设置</div>
<div class="code-name">#icon-buliangpingjiashezhi</div> <div class="code-name">#icon-buliangpingjiashezhi</div>
</li> </li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-nenglifuneng"></use>
</svg>
<div class="name">能力赋能</div>
<div class="code-name">#icon-nenglifuneng</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-paixu"></use>
</svg>
<div class="name">排序</div>
<div class="code-name">#icon-paixu</div>
</li>
</ul> </ul>
<div class="article markdown"> <div class="article markdown">
<h2 id="symbol-">Symbol 引用</h2> <h2 id="symbol-">Symbol 引用</h2>
......
static/font/iconfont.eot
No preview for this file type
static/font/iconfont.js
This source diff could not be displayed because it is too large. You can view the blob instead.
static/font/iconfont.ttf
No preview for this file type
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment