From 8fe2b78c877a111d55715efd3f4d3b97f3a65837 Mon Sep 17 00:00:00 2001 From: xiaoxian521 <1923740402@qq.com> Date: Mon, 26 Apr 2021 02:28:27 +0800 Subject: [PATCH] style: revision style --- src/assets/iconfont/iconfont.css | 16 +- src/assets/iconfont/iconfont.eot | Bin 2568 -> 2660 bytes src/assets/iconfont/iconfont.js | 2 +- src/assets/iconfont/iconfont.json | 7 + src/assets/iconfont/iconfont.svg | 3 + src/assets/iconfont/iconfont.ttf | Bin 2400 -> 2492 bytes src/assets/iconfont/iconfont.woff | Bin 1472 -> 1536 bytes src/assets/iconfont/iconfont.woff2 | Bin 1060 -> 1100 bytes src/layout/components/setting/index.vue | 22 ++- src/layout/components/sidebar/index.vue | 8 +- src/layout/components/tag/index.vue | 238 +++++++++++++++++++----- src/style/sidebar.scss | 2 + src/style/variables.scss | 24 ++- src/views/system/dict.vue | 45 ++++- 14 files changed, 296 insertions(+), 71 deletions(-) diff --git a/src/assets/iconfont/iconfont.css b/src/assets/iconfont/iconfont.css index 7d88e87b8..1578fcb35 100644 --- a/src/assets/iconfont/iconfont.css +++ b/src/assets/iconfont/iconfont.css @@ -1,10 +1,10 @@ @font-face {font-family: "iconfont"; - src: url('iconfont.eot?t=1618822116404'); /* IE9 */ - src: url('iconfont.eot?t=1618822116404#iefix') format('embedded-opentype'), /* IE6-IE8 */ - url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAQkAAsAAAAACWAAAAPWAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDKgqFXIRAATYCJAMUCwwABCAFhG0HdBvwByMRJnztRfZfEuS6lrOvYNUWLBYrKHuUFPQcqdIW23Ll3d/JYMdZJG0ywiQE2XibeOB/7dt9Nn92ZlFNoklck5hG8QQJTud0QvS4hLZsQyzkjzg4gYMfJMARR4FqiZ5Qv7nUxxktKhcgP2GOJ7yLe0h+e5+srP9bW5jUlU4kMovHteofSLoSClKhShx579qwZ1MiUVu+eGkhN9tVZaKjkibzPwC6wOKi2f+/36x4/pCg6W00erHHR00ShxBJGhKRNBGvSyt1HhdSn4V5ZXpPRi73jLsJaEw2R1i/cft+tYwfFBAunT97XF2Y5RF6UOuqnjOz8EpRxxexDy/dx4e/5oaaqCT8yN1nNpyy+scsD9L97n2HDAHa3/2gIGEOMuFCr/uUFNJzJM2iOFuMWmwX+THbPQ+63YY2S3Yt29UaDZLM/vEiocLVvaCuNmb3DCmn5E4iBGSAICDw60FGxHM6gwYjMUDYIyrVRqWiIFdVp5OlyCpHcnXQV+vUI7rXm1ptaTRp0Hm9oRXMpAmqQSOaIBI1qVN9nqAO5KJ7TSUHFIblUEH0NoQp0wBj2Q2AEXWiYHAwugaLKd4Eo1KgwDj+QGY+owqccO4AIaofYhlTYN6hW+7Dd6SN/U6MDzpzZvmgbx5r60OOaeZD09L3JEsc7b/PZS7X23TI3ef0CxrUrZmkfm3xJkO+8xhXHsctAM5NNHJurk5K9fjJ3SPN4BygE8ZXbqAMt2z918loI1PRgoKDpDcU3gQmajswlr/cWWUz2Q6bc9/7n0bOs+6t1GfZ/ldEG5O9TNajSIjEyBT1USyPdo/RXgiA3oVDIopCACvZkvDYFst63Sb6FTsjq0wOUp6dnghX/LXsUMRY0H2fviR0P6SgXfVX+Ru7rs1tjg5Zft1m0P/21LuO7v0s3ef7RmT0x0DEsbzEuaXk+bCSzr3FnrfVG/kf4H+IPMMN7Ec7ilxNUBuVIOqYBEltCjFT50DRmh+p1K6xmsZsm3B+a4QbkpB7MMsTBsFQ7yAa7D0kQ30lZuo3KEb7D5WhIUHjYBhxxdagBn/AqAQt6Dd4UwtJmxx87Te6e1Kc4479j9x9DNZpqXM3LMj7OKY/3CZCQFwzXNn9MKUKjWtAI9Mu0i7zTH2vNJmahwOMStAC/Qbe1EJmuhxa7/+N7p4Uj4xcCP8jd78+WE0WAvGmLqSR57J9f7iNCM32I64ZXOHEJNIVtP7dAhqZ7Fsk28XcTCKqejq+Nr/GK9Dg1y0hhhRyKKGSm3t9jln5Mj4CpbjNkL92by2Wnt997svLSPeUumHEcoimYQAAAA==') format('woff2'), - url('iconfont.woff?t=1618822116404') format('woff'), - url('iconfont.ttf?t=1618822116404') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ - url('iconfont.svg?t=1618822116404#iconfont') format('svg'); /* iOS 4.1- */ + src: url('iconfont.eot?t=1619360751585'); /* IE9 */ + src: url('iconfont.eot?t=1619360751585#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAARMAAsAAAAACbwAAAP9AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDQAqGEIRiATYCJAMYCw4ABCAFhG0Hfhs2CMgOJS2d2ECiAwlgBN+vlf0+zE5mg6wAXeJZIjpmuSejwkZFpjyxij57rCLU/p9b+c8NWt6VZsJElIM/LOtvdta6uELEuI1RpSiTq877eC1W5aXc/38/V+f5b2lrettv68Xkvj8zA0+cJTJJQyKSxKSSKBWPlNixsM5M+mTE89a4m0BnrRop+8ZmViBbIQ4KxE1DVyC7cisjwtDamp4zi3ihatOz9BfAc//xMQNNkU1SM3Hk4cujGgyMi5MjaYPhCecti35/94OKjG1AIR72hm9Li+Vt0nSLYro9YHl8K0nj4vjWyaffTiaTMMEW0xUVO53ZUn8t//CqJBMNgbPB31+pjC/TNMH4FprC+FaayuRTmsTkiFuGvdnj1KXAOIiV4K+OJFWaiyg0Ta9XlNpZFnNMMU87Fu6JpEd7eVb2opxYflpfv3a6POca5EdfirMurHNGCE8kd+I1Aga56YZpli8QTd2pkM13zTZ3LWH/yp07FYsroO6K+8wWApapQmIJS/sos3zFfAfHn7h7YNkyBXLpDpx4e1dclrGWJZBjHTZlH7GTZu5+x+JBl122Uu7Dnneswsb7GzdAYdAeAQNsuPCgpUXf26No0Vtakrt6EdLv73FsGfVc+stJczdJknB3izcB36+MxPaRNRuxkhDbHm3uWlgXdtH0nPRZONzVMmLbhDTJuGaPNCfq0vWC2f87RVXNo+ZKmG1whgeqbK2MNlctwFnlMtis7d3MsMNhGBuNtnQt7IjdW4k7NbE3+trR+Ch7WcWwpjkOHUkI4nbFjG3xcHdz1HEIabtS38eCpsmEOO2WrO1tMUMd5tprJzKSyJyclDN2xNNTI/96bFx+DY/OZ1M/Agzf5q9pwwDDd2mR2fk3+hv//gtHjxX1/Gv7BYy+e/TXTxieKPKA/wJB1v9p9MQFZWkUnqbM59f7CDSOyHhvg3RyEX+W+EJf98UsIXcTWksyJD1rIGutYxf+Nqj6dmQarevsprPVOM7vW4RJE2UWtjjLIMz3BpK5PkA23x678L9AtdRvaMyPNOicjLIr9m0II3eYocJRk1bjkqEG/FT5eG7oXUI97FVYafRSgixk5KTGuoZmbRz9yPZxTCiiN3FOJcoCPmmM3Q+93oAUZAE3qrzOxXmwq76e9r1SnRrwQa69GKTgkEayKk5iUAX4Ubs0l9t6/yVIF+alYCPzLlQJxIQYG5c0qtNAYI+jnzTvuWwfEqFrwnF0th/FBPhIxhBEXlkOkAT7d3NDKq6Oa4tiUJd6Po5Sse74jO9VXgcdcdUmUuQoUaOJnt4Dl+JXXeEyPxSI1voUw1/7MCwcm0NW4TI0Df09vyvCmMFradjrDakM0Z+bXAAAAAA=') format('woff2'), + url('iconfont.woff?t=1619360751585') format('woff'), + url('iconfont.ttf?t=1619360751585') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ + url('iconfont.svg?t=1619360751585#iconfont') format('svg'); /* iOS 4.1- */ } .iconfont { @@ -15,6 +15,10 @@ -moz-osx-font-smoothing: grayscale; } +.team-iconshanchu:before { + content: "\e617"; +} + .team-iconshow-main-container:before { content: "\e878"; } diff --git a/src/assets/iconfont/iconfont.eot b/src/assets/iconfont/iconfont.eot index 820ed6af1438c7129d32419b4723e5873809df75..e74bc7e7a1ee7a329978f77e17d5646e107461d8 100644 GIT binary patch delta 524 zcmXv~JxCj27=GUG{!A=3;!ji@6kCLtQFIAXTr8!CgE$mK&O|+0F9{^d32Mk>gbIdR z#jb^B>sSX}q(euSs+1xUG8BqKI~1aQE{EUoyx;SE&(CpJ>AvkYGEv~9YE0_0$-A5C zi~Z8Us{$a~02b1&oj$$Y8hGdS}8qXcB?d7Ehi_`<#P}X)=2B+rlcL4Jnpxk_}Q2a8w zJPt%sH0=5r8F_9($cdY~7UC7iTkT6;lEe$rD7`y zWTCZKk~=?NiqJ95WE5>sQ1y6ytl>4v4-Wu&;*kg4TtZ(IPxu5}hrx_SYWkx6^J7}1 z6ez&!)&zC7gb3bRPlR9+^|26vr{RTQ8ye*hK`++;yLLsF3OQB&zBlTUngw);C7lwN wuc|uS%!MQNy_p+U)#hRANc-oPx@+{BqC{hhA*NWc3XYvkI~)F4WQLvp0kLxWbt)(<=pdBJ8(nZv*ybf*_ z+=82HSN#KuV-bfUL7W7|$@(Rs@A2LH?(X}Jdqe$7SG6e7aa&zi+?<_nXRj~1yA2{f zBcj8CW!PVt-U@OLa8IhIrNqy+OC)!Rq(Ql8n90)Q6SQx@S{a3jSNRgW2P~AWrlW(v z`+}fX>ji_8+=st|JZ>3|%{m>SKZ`t7Gpu5AYya<@D1rqf%dR(?H~rxTk@g8eQtKymOI4w$2T6CnDgG%5eGD!~DGG2V2E2K~c zP7PNgdSCJ!uQeKhrN_*l3y%gp9PlZ~pyh~|mVZS`j_t(*O*V*xKHMRo#>^0Y-E%_t hJ9w=S{;c4vV!IEnJ>Dvo8dq6jnH5$!LLw2}`3GLGU4{Sv diff --git a/src/assets/iconfont/iconfont.js b/src/assets/iconfont/iconfont.js index baaa7a1e8..4ee18913c 100644 --- a/src/assets/iconfont/iconfont.js +++ b/src/assets/iconfont/iconfont.js @@ -1 +1 @@ -!function(e){var t,c,l,n,o,i,d='',a=(a=document.getElementsByTagName("script"))[a.length-1].getAttribute("data-injectcss");if(a&&!e.__iconfont__svg__cssinject__){e.__iconfont__svg__cssinject__=!0;try{document.write("")}catch(e){console&&console.log(e)}}function m(){o||(o=!0,l())}t=function(){var e,t,c,l;(l=document.createElement("div")).innerHTML=d,d=null,(c=l.getElementsByTagName("svg")[0])&&(c.setAttribute("aria-hidden","true"),c.style.position="absolute",c.style.width=0,c.style.height=0,c.style.overflow="hidden",e=c,(t=document.body).firstChild?(l=e,(c=t.firstChild).parentNode.insertBefore(l,c)):t.appendChild(e))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(t,0):(c=function(){document.removeEventListener("DOMContentLoaded",c,!1),t()},document.addEventListener("DOMContentLoaded",c,!1)):document.attachEvent&&(l=t,n=e.document,o=!1,(i=function(){try{n.documentElement.doScroll("left")}catch(e){return void setTimeout(i,50)}m()})(),n.onreadystatechange=function(){"complete"==n.readyState&&(n.onreadystatechange=null,m())})}(window); \ No newline at end of file +!function(e){var t,c,l,n,o,i,a='',d=(d=document.getElementsByTagName("script"))[d.length-1].getAttribute("data-injectcss");if(d&&!e.__iconfont__svg__cssinject__){e.__iconfont__svg__cssinject__=!0;try{document.write("")}catch(e){console&&console.log(e)}}function m(){o||(o=!0,l())}t=function(){var e,t,c,l;(l=document.createElement("div")).innerHTML=a,a=null,(c=l.getElementsByTagName("svg")[0])&&(c.setAttribute("aria-hidden","true"),c.style.position="absolute",c.style.width=0,c.style.height=0,c.style.overflow="hidden",e=c,(t=document.body).firstChild?(l=e,(c=t.firstChild).parentNode.insertBefore(l,c)):t.appendChild(e))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(t,0):(c=function(){document.removeEventListener("DOMContentLoaded",c,!1),t()},document.addEventListener("DOMContentLoaded",c,!1)):document.attachEvent&&(l=t,n=e.document,o=!1,(i=function(){try{n.documentElement.doScroll("left")}catch(e){return void setTimeout(i,50)}m()})(),n.onreadystatechange=function(){"complete"==n.readyState&&(n.onreadystatechange=null,m())})}(window); \ No newline at end of file diff --git a/src/assets/iconfont/iconfont.json b/src/assets/iconfont/iconfont.json index 7e71a97c2..18d466417 100644 --- a/src/assets/iconfont/iconfont.json +++ b/src/assets/iconfont/iconfont.json @@ -5,6 +5,13 @@ "css_prefix_text": "team-icon", "description": "增删查改xi't", "glyphs": [ + { + "icon_id": "6184565", + "name": "删除", + "font_class": "shanchu", + "unicode": "e617", + "unicode_decimal": 58903 + }, { "icon_id": "9626913", "name": "全屏", diff --git a/src/assets/iconfont/iconfont.svg b/src/assets/iconfont/iconfont.svg index f34905899..688f49eca 100644 --- a/src/assets/iconfont/iconfont.svg +++ b/src/assets/iconfont/iconfont.svg @@ -20,6 +20,9 @@ Created by iconfont /> + + + diff --git a/src/assets/iconfont/iconfont.ttf b/src/assets/iconfont/iconfont.ttf index 293c1491920ba08bf88eb1dab2a63a0fd7c25fa8..81c2a7655cca28748b05705e3728e1652b3f5667 100644 GIT binary patch delta 530 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 F007&c5i0-y delta 1046 zcmV+x1nK+C2&4!YcTYw#00961000Ce01E&B000SK000Blkr*C-Dhh>Mgg^l{0weY` zZ8E|n1lf3-c;J8S+kG~Fc4kpcqDfqnm`3pg2~Ov9LiD(VwroQzuQCq%vX(2b;Rb`^1k|y&%0J^~9qS^ny->i84kf7;pGvd1ZP}MlSb^y9sDaHb+>$ar=I?j2{#bE}cJrdt6*N>#CkJv+zn$ z#}}~=FWtw7zvhOTs3iQz-DftOviip?57PbaeTNJI+TZ=4AYl$N;X<$bloZl)B+a5Y zTZ~$47x^*UJrBCwhBixfE!))^4U)|M@gkwZ)xDsuHfHw>DW~L4A_QcBARzGTK}N)L zI)eryF+kXVBP!KKrJ^8LRi~4s$SOy2bcSfj1M|{V)MwfLS410=y-e1lNQlJ96!lRo zk9LoL(Ow9E-i1RVib4P@*^=`=s5(0!l2By>Nd zpk4J>`5U{g&25ejS$^GS(Es+-yN>StEZyh(Mr8EIK*X`U#JQ#9`LL4Cy~Uol)f@RA z;D3lb!wu|5JBnOQP#cvX>X-ycZ3;0{=RnbanjfjuuCbcNY@2X?YlIt;kb5x869&Oh z?;slNJtRYYC1&b3C`S7am7yU)<6szZ#nzw(f54~&E$BCRQwvF(9DMCJx_eTb|2~f4GeZ&GsX%8C>DSB+?bM{@nr^ zne1C6+r`{WBC2{izBa$cE70KAEg^;!awwsan|pnZS@|+P0;RakkiT|sEta0&eeTQ4 QNcWVwVZ?HXreOd80InPH#Q*>R diff --git a/src/layout/components/setting/index.vue b/src/layout/components/setting/index.vue index 70afc1c62..59482dc85 100644 --- a/src/layout/components/setting/index.vue +++ b/src/layout/components/setting/index.vue @@ -14,6 +14,14 @@ 隐藏标签页 + +
  • + 标签风格 + + + + +
    • import panel from "../panel/index.vue"; -import { onMounted, reactive, toRefs } from "vue"; +import { onMounted, reactive, toRefs, ref, unref } from "vue"; import { storageLocal } from "/@/utils/storage"; import { toggleClass } from "/@/utils/operate"; import { emitter } from "/@/utils/mitt"; @@ -40,6 +48,9 @@ export default { setup() { const router = useRouter(); + // 默认卡片模式 + const markValue = ref(storageLocal.getItem("showModel") || "card"); + function toggleClass(flag: boolean, clsName: string, target?: HTMLElement) { const targetEl = target || document.body; let { className } = targetEl; @@ -104,13 +115,20 @@ export default { router.push("/login"); } + function onChange({ label }) { + storageLocal.setItem("showModel", label); + emitter.emit("tagViewsShowModel", label); + } + return { ...toRefs(settings), localOperate, greyChange, weekChange, tagsChange, - onReset + onReset, + markValue, + onChange }; } }; diff --git a/src/layout/components/sidebar/index.vue b/src/layout/components/sidebar/index.vue index 3830743a5..63c980e60 100644 --- a/src/layout/components/sidebar/index.vue +++ b/src/layout/components/sidebar/index.vue @@ -3,10 +3,10 @@ {{ $t(item.meta.title) }} - + +
    @@ -62,16 +74,25 @@