From fdff569de947d1911c7526ac84fb352541c2aca7 Mon Sep 17 00:00:00 2001 From: xiaoxian521 <1923740402@qq.com> Date: Mon, 19 Apr 2021 18:11:12 +0800 Subject: [PATCH] perf: perf --- src/assets/iconfont/iconfont.css | 20 ++-- src/assets/iconfont/iconfont.eot | Bin 2268 -> 2568 bytes src/assets/iconfont/iconfont.js | 2 +- src/assets/iconfont/iconfont.json | 14 +++ src/assets/iconfont/iconfont.svg | 6 ++ src/assets/iconfont/iconfont.ttf | Bin 2100 -> 2400 bytes src/assets/iconfont/iconfont.woff | Bin 1288 -> 1472 bytes src/assets/iconfont/iconfont.woff2 | Bin 920 -> 1060 bytes src/components/PerfectTable/index.ts | 0 src/components/PerfectTable/src/Dialog.vue | 0 src/components/PerfectTable/src/Search.vue | 0 src/components/PerfectTable/src/Table.vue | 0 .../SeamlessScroll/src/SeamlessScroll.vue | 24 ++++- src/layout/components/AppMain.vue | 4 +- src/layout/components/Navbar.vue | 19 ++-- src/layout/components/screenfull/index.vue | 4 +- src/layout/components/setting/index.vue | 19 +++- src/layout/components/tag/index.vue | 66 +++++++------ src/layout/components/tag/tagsHook.ts | 13 ++- src/layout/index.vue | 90 +++++++++++++++--- src/settings.ts | 8 +- src/style/index.scss | 33 +++---- src/style/variables.scss | 14 +-- src/views/editor/index.vue | 3 + src/views/flow-chart/index.vue | 4 +- src/views/welcome.vue | 78 +++++++-------- 26 files changed, 287 insertions(+), 134 deletions(-) create mode 100644 src/components/PerfectTable/index.ts create mode 100644 src/components/PerfectTable/src/Dialog.vue create mode 100644 src/components/PerfectTable/src/Search.vue create mode 100644 src/components/PerfectTable/src/Table.vue diff --git a/src/assets/iconfont/iconfont.css b/src/assets/iconfont/iconfont.css index b894a860e..7d88e87b8 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=1607695324289'); /* IE9 */ - src: url('iconfont.eot?t=1607695324289#iefix') format('embedded-opentype'), /* IE6-IE8 */ - url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAOYAAsAAAAACDQAAANLAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCfgqEFIMzATYCJAMMCwgABCAFhG0HRhsBB8gekiQBgDxM4A0kAIgioN8v3Ud3F2KVqgCpNrIc0GFVJBVVWVtFrBIhOx5JmMaWNar/v/v99nGtOz+KOqLjkL7t7ovvDWum0bJoImRoGiKExrYjC6g2lM6fV4PQ9vCs/c/l9Fp+RWXzA+Uyx9aoF2A0gQIaa2iUaIEk6CkMr13sMM8T0GwbFdns/NQS6pLRaQHhwtl8BnVldHIDMWgoaxVrs3BV0YiX4wdcCb4fftkeGkQloXMXToUp8n2d+DqZLlXbDngI/nSXQUHCFCQT1iptC1qj2JRWzVqszRC0rWGBr5NVxdcJj7fZPzyCSKihha1gDNJ4RXxH5tL4iIu49k3U0IwNvGUIvZ6i9FKZzM04f1vGCnHQizTFjAGXOnGWLmi8LgG9xC1WmK8lB4pOtBX0Kg4xYfE2ry5ey8Q6JbR6iyf7Mjpdw0qVKO8Uzh3pmbbum7XpTGXrUPUu9Y7qR9nckW8NQE7IjYWNjrm3/r2srSk+619wmEI3RohhGW4tZLwr/U/zycbfUpLCGCbLAW6wwYFl9c4IGxVz7/1lNW2pbcz0E4xYib5sbUw75r4GyvsNvC+bMxvPTkWYPDcepPTFWegO8LOcLO8GFpzGjRcnxHJeHkVhSpcJ8bkDkc+BJ8vxGUGffT10F1p7Vsv7gfWxseePRJdRGkL1OL1IM1D1JEWKPb/zN6bCpwOHB3f+brRk8Pn/w63AWz3Ouhs0btge+Hn8jjVZF1J9yirP4ZnJZFH76+GAIzpVqKvb33BFX+dCgoa+BKK6QUgahjCZMAVFi2l/TcPRCmk2KYrNLXpwrUJuwoQDAkGnV4jaPYak0w8mE36h6PcPNZ0hQbO10LNni5FwtnlmHTICKM5u4WKuXmO2UfSExQuQX6tkeFoYUAlwqRjEeo0un4xCDfgUC6T1vEEIhhmvV3GEXAaVSh03eL0EOaEpCNFwaLWs6kWaXL2KeszgQIYAKCxrC1aUU1fDvMZCT+HzC0DemooM3lBVYyUAJyn2julp6DpgorJap6pbGSxZl2cgCIydxHB1VVgEFlCxYnVYo3pUCcgRNAoDIg0OWqYe6yrTLK+ovt8uaEZ/l0IMKWQdJy8WhZqtVSpSjgPUemItQgA=') format('woff2'), - url('iconfont.woff?t=1607695324289') format('woff'), - url('iconfont.ttf?t=1607695324289') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ - url('iconfont.svg?t=1607695324289#iconfont') format('svg'); /* iOS 4.1- */ + 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- */ } .iconfont { @@ -15,6 +15,14 @@ -moz-osx-font-smoothing: grayscale; } +.team-iconshow-main-container:before { + content: "\e878"; +} + +.team-iconhidden-main-container:before { + content: "\e881"; +} + .team-iconexit-fullscreen:before { content: "\e62a"; } diff --git a/src/assets/iconfont/iconfont.eot b/src/assets/iconfont/iconfont.eot index f966cbb36cf4ca71c03ec629e9325aee1530cd2f..820ed6af1438c7129d32419b4723e5873809df75 100644 GIT binary patch delta 697 zcmZ8dO=#0#7=GR_KW0;z!PXzT!Ad=Cj)7^)K+%D)gJ<<7H8gFrv9!e&RzYcd5!r3T z%RCLlORrw%QBTcfcr5J*Rfp zYWbbj?be+-Ku-YNFZfRF$IAXP_YtF8-h5n2{kq)+ls!Q7y`tmJmd?Io?Po^LW8&0D ztH?v9=UIxisn zTD9KTJ~+G%7~fdX2wckC(m-4@^0l>Ye&)tcoK~3t`mfx>lXKiwp|rU-ASBC|oYR8$ zv?roY;EDO5EmHS3CN$tenN(N#spg%*5L^wz4B@x@yX7Gkg#gT)w}baRGzqgO!7@a;N_PR7BopI|p%t3UNdMt3YkC}sH|NyX qYEC0T3aO-#j`MY|y0zpx>y@QKwbJ0T_$cYEyKb@a9~-zEBmWGz>drEXK=f`)x^PPL{Wvmwo_Do>aYzH&i=}We~an;;T0CEbT zP;{+obMEbl_?32c=$ssMatphFVFM~=m#tDf+PGscd1P!BLVe?$`8_RVyR~|l3AN93 zVW(2Ga3Pb_?-QG@Rj*1EoG0_d$s@}x=i)m*4Isb;lv}MF*IM~o1%y7>u;rCxaovD0 zr)8z@>`iCCFr`@lUcRq;|8e-BVQdncpni0Go#8#ojT)pqTP3}gnq4c5#sPVZ2d^-4 zLn%NbMS6d*^%on?#DkABn(PS>`lVcmV`x0`0Z}Z#TnLtOIhA1&a!+W1d Gko*N_TTV#; diff --git a/src/assets/iconfont/iconfont.js b/src/assets/iconfont/iconfont.js index dc74ca8fc..baaa7a1e8 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='',s=(s=document.getElementsByTagName("script"))[s.length-1].getAttribute("data-injectcss");if(s&&!e.__iconfont__svg__cssinject__){e.__iconfont__svg__cssinject__=!0;try{document.write("")}catch(e){console&&console.log(e)}}function a(){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)}a()})(),n.onreadystatechange=function(){"complete"==n.readyState&&(n.onreadystatechange=null,a())})}(window); \ No newline at end of file +!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 diff --git a/src/assets/iconfont/iconfont.json b/src/assets/iconfont/iconfont.json index f7bf00e9d..7e71a97c2 100644 --- a/src/assets/iconfont/iconfont.json +++ b/src/assets/iconfont/iconfont.json @@ -5,6 +5,20 @@ "css_prefix_text": "team-icon", "description": "增删查改xi't", "glyphs": [ + { + "icon_id": "9626913", + "name": "全屏", + "font_class": "show-main-container", + "unicode": "e878", + "unicode_decimal": 59512 + }, + { + "icon_id": "9626952", + "name": "退出全屏", + "font_class": "hidden-main-container", + "unicode": "e881", + "unicode_decimal": 59521 + }, { "icon_id": "5698509", "name": "全屏缩小", diff --git a/src/assets/iconfont/iconfont.svg b/src/assets/iconfont/iconfont.svg index 5aaa95d17..f34905899 100644 --- a/src/assets/iconfont/iconfont.svg +++ b/src/assets/iconfont/iconfont.svg @@ -20,6 +20,12 @@ Created by iconfont /> + + + + + + diff --git a/src/assets/iconfont/iconfont.ttf b/src/assets/iconfont/iconfont.ttf index dadb82946a5d585437c63b599778705ea5725436..293c1491920ba08bf88eb1dab2a63a0fd7c25fa8 100644 GIT binary patch delta 690 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 Int;Xu01JC6qyPW_ diff --git a/src/assets/iconfont/iconfont.woff2 b/src/assets/iconfont/iconfont.woff2 index 0e23e45bdcac67b65117c1ab5e47bfa3f9e52c4d..5e7f0653829811428d93eb8caf49326da5bce194 100644 GIT binary patch delta 1047 zcmV+y1nB#i2c!rXcTYw#00961000Ce01E&B000SK000Blkr*9+gDMJzT!cUYHUcCA z6blRh1Rw>3Z3lE4@CPFiCVcHh_Fod@x|XxAVAU2Z7Aq)wloa$FsnQnPa^>CM$zaD> zByBRnBm~)bn|R=V?c04ee|Bb3O`=I$lbA;F1PM;(bVBsFgtlx$EaZVU8!fi+f0Zd!MYV|65y_)Rj&oGKK{nD5(-kGN*sCb z+OTI+B2inucxfRw+f`+vqmm}`KLEPG;-cCAzu&BQ{*a*QZ8UnZ$45;PhY(2`5|K0! zuS+X+9v4!dg?VLqPev~HjJpYFOg2YYzj6D1wTvGW5H6j6KYLtVnB@_AQ0uCmGqdnY zQO6gt4=>%vhri~Any4iF$lYf)oU;1IEDzHC?tO<00ovdFpdeumGT}n6`;-*Yb0p28 zI9rTbY!~@4+dU7u-G(+xb}if08V!=n{_!HA!qvT?t~O@(3@NANP9g+kfFL07>p@1u zb2@_tBQZdK*dr>{Mx~-4S5>EzrN}Bra&^#G>(nE<*PB{xX*6ljdA*?(%%lmbK_i+V z5;dt)eV(8W{A*vr@8B<{1pqCxd=0nrc_asXk?Z3}uF4x<1 z$ld4k3mVj|nWTPg@g_sQ^B7ki$1MQPO*C?Du1-qz_{rTP&EOoM6UJ9=pbWQc{nyE8 zBU90Wf`g~pKO;8(^AnKR|No@)-Q|CZ`(V8Er)UL6b#%!B#ertpql8}2a%M%8{ zQ12ib>^&qyeI;h)@iA8H!R5eIHo_`CPF}5GhEsIFr^BOYd|B@F48XZOnt93nVN?Kj7rb~{RZB4 z)Iw&u99r-HjqaWlkBnRh|08$5K3Gi_0`aCUq><;ceSf%(2+j5*t{Gh6#3a%cwEo=! z8ky`{B-_Q@Od_g!I=(i)#w*a^*DWE26mlq`lAC*dj#>FKJ_4n<&5*x#Z!MOd-+k`O R%SiW>x?#j}h^Aox007-<@)H06 delta 906 zcmV;519kkQ2$%;LcTYw#00961000A+01E&B000Oy0009^kr*9+f_@5w6oWGXHUcCA z3=0SV1Rw>3Z3jjh0SCw)k|Y6uJWSvXBmjsapx-auM|T%um8t-#HnJShVO1m*Rasj_ ztP&wR9!Z$SmNlyXzx)06ajiQ)iaMg>kiPBii|-95?h?nCBTnWA(e%T%xL?xkf7fyvK@_n87I+-q2 z+YWdL{&bf?LBbRy6V@ti3tFStlvd4Jtj!R#tzm($lU2ok*9nie**`pjNT{KOtzZn& zctw0i=F<3xi@5ep)X8N&K>EQw(gs?=}cwoQ1veL zj_OC*+>vj84M0xFjfIVlxwrnktgR_N>tAq~LN`W;VHs{MWV|c=PxHyf-%^so7$(aB zZm_|DW%bSo8x?c!{be<6scp>k6O34izHDtwJLbLy%KHtxFPk$P&rU^{JU1Ss^u<}| z4)C*_Ebj&uoW_k8C&Y4I9z|hFmkIH?1Ch^xC(H4F89|?YJ#-gZdsfT)f%UPm=Z{2} zQ5r(^IK4Sd;1BVB9{%*8n@cIA4t-xD7&bk{kZrC39dHjwwSr<}$ z$|}#{naN~P`|II=BRW;6tJ~jjMPKJaf`+~XqPjsy8ip{LFa<@6X@5<_(F$ocDT>W4 zdT_0OLT+t8LwAygj@!dN*yS(j%Z2#lS?aCKE!1Qt-SVs%)fdQ=I>5i|+|A`K2&rXK4m(=4y3 gzTYlrMt_$=3@KzCCodL-nypnTQjP=EdSWd?0DP>N3;+NC diff --git a/src/components/PerfectTable/index.ts b/src/components/PerfectTable/index.ts new file mode 100644 index 000000000..e69de29bb diff --git a/src/components/PerfectTable/src/Dialog.vue b/src/components/PerfectTable/src/Dialog.vue new file mode 100644 index 000000000..e69de29bb diff --git a/src/components/PerfectTable/src/Search.vue b/src/components/PerfectTable/src/Search.vue new file mode 100644 index 000000000..e69de29bb diff --git a/src/components/PerfectTable/src/Table.vue b/src/components/PerfectTable/src/Table.vue new file mode 100644 index 000000000..e69de29bb diff --git a/src/components/SeamlessScroll/src/SeamlessScroll.vue b/src/components/SeamlessScroll/src/SeamlessScroll.vue index e1e6384db..a90b00632 100644 --- a/src/components/SeamlessScroll/src/SeamlessScroll.vue +++ b/src/components/SeamlessScroll/src/SeamlessScroll.vue @@ -14,6 +14,7 @@ @touchstart="touchStart" @touchmove="touchMove" @touchend="touchEnd" + @mousewheel="wheel" >
@@ -32,7 +33,12 @@ import { watchEffect, nextTick } from "vue"; -import { tryOnMounted, tryOnUnmounted, templateRef } from "@vueuse/core"; +import { + tryOnMounted, + tryOnUnmounted, + templateRef, + useDebounceFn +} from "@vueuse/core"; import * as utilsMethods from "./utils"; const { animationFrame, copyObj } = utilsMethods; animationFrame(); @@ -490,6 +496,19 @@ export default defineComponent({ } }); + // 鼠标滚轮事件 + function wheel(e) { + e.preventDefault(); + if ( + unref(options).direction === "left" || + unref(options).direction === "right" + ) + return; + useDebounceFn(() => { + e.deltaY > 0 ? (yPos.value -= step.value) : (yPos.value += step.value); + }, 50)(); + } + tryOnMounted(() => { scrollInitMove(); }); @@ -539,7 +558,8 @@ export default defineComponent({ scrollMove, scrollInitMove, scrollStartMove, - scrollStopMove + scrollStopMove, + wheel }; } }); diff --git a/src/layout/components/AppMain.vue b/src/layout/components/AppMain.vue index 255481e67..b8511f227 100644 --- a/src/layout/components/AppMain.vue +++ b/src/layout/components/AppMain.vue @@ -10,7 +10,7 @@ - diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue index 2ec05b3b3..1c5103bb4 100644 --- a/src/layout/components/Navbar.vue +++ b/src/layout/components/Navbar.vue @@ -9,20 +9,21 @@
+ +
- + +

{{ usename }}

 @@ -48,7 +49,7 @@ export default defineComponent({ components: { Breadcrumb, Hamburger, - screenfull, + screenfull }, setup() { let langs = ref(true); @@ -95,7 +96,7 @@ export default defineComponent({ en, favicon }; - }, + } }); @@ -149,13 +150,11 @@ export default defineComponent({ display: flex; align-items: center; justify-content: space-around; - margin-right: 20px; + margin-right: 10px; + cursor: pointer; p { font-size: 13px; } - &:hover { - background: #f0f0f0; - } img { width: 22px; height: 22px; diff --git a/src/layout/components/screenfull/index.vue b/src/layout/components/screenfull/index.vue index 5bd3223f2..255511f1a 100644 --- a/src/layout/components/screenfull/index.vue +++ b/src/layout/components/screenfull/index.vue @@ -15,7 +15,7 @@ import { useFullscreen } from '@vueuse/core' import { defineComponent, -} from "vue"; +} from "vue" export default defineComponent({ name: "screenfull", setup() { @@ -24,7 +24,7 @@ export default defineComponent({ return { isFullscreen, toggle, - }; + } }, }); diff --git a/src/layout/components/setting/index.vue b/src/layout/components/setting/index.vue index 33135798f..bc6b2f380 100644 --- a/src/layout/components/setting/index.vue +++ b/src/layout/components/setting/index.vue @@ -10,6 +10,10 @@ 色弱模式 +
  • + 隐藏标签页 + +
    • @@ -19,6 +23,7 @@ import panel from "../panel/index.vue"; import { onMounted, reactive, toRefs } from "vue"; import { storageLocal } from "/@/utils/storage"; import { toggleClass } from "/@/utils/operate"; +import { emitter } from "/@/utils/mitt"; export default { name: "setting", @@ -39,7 +44,8 @@ export default { const settings = reactive({ greyVal: storageLocal.getItem("greyVal"), - weekVal: storageLocal.getItem("weekVal") + weekVal: storageLocal.getItem("weekVal"), + tagsVal: storageLocal.getItem("tagsVal") }); settings.greyVal === null @@ -74,11 +80,20 @@ export default { : localOperate("weekVal", false, "set"); }; + const tagsChange = () => { + let showVal = settings.tagsVal; + showVal + ? storageLocal.setItem("tagsVal", true) + : storageLocal.setItem("tagsVal", false); + emitter.emit("tagViewsChange", showVal); + }; + return { ...toRefs(settings), localOperate, greyChange, - weekChange + weekChange, + tagsChange }; } }; diff --git a/src/layout/components/tag/index.vue b/src/layout/components/tag/index.vue index a4463a4c1..6e81ddaf4 100644 --- a/src/layout/components/tag/index.vue +++ b/src/layout/components/tag/index.vue @@ -1,5 +1,5 @@ @@ -173,4 +222,23 @@ $sideBarWidth: 210px; .mobile .fixed-header { width: 100%; } + +.right-func { + display: flex; + align-items: center; + background: #fff; + border: 0.5px solid rgba($color: #ccc, $alpha: 0.3); + font-size: 16px; + li { + width: 40px; + height: 34px; + line-height: 34px; + text-align: center; + border-right: 1px solid #ccc; + cursor: pointer; + } +} +.hidden-main-container { + margin-left: 0 !important; +} diff --git a/src/settings.ts b/src/settings.ts index b93803ec5..3c275da08 100644 --- a/src/settings.ts +++ b/src/settings.ts @@ -1,9 +1,9 @@ export default { - - title: 'CURE Admin', + title: "CURE Admin", fixedHeader: false, - sidebarLogo: false + sidebarLogo: false, -} + hiddenSideBar: false, +}; diff --git a/src/style/index.scss b/src/style/index.scss index 45d679de6..02bdc3b95 100644 --- a/src/style/index.scss +++ b/src/style/index.scss @@ -1,8 +1,8 @@ -@import './variables.scss'; -@import './mixin.scss'; -@import './transition.scss'; -@import './element-ui.scss'; -@import './sidebar.scss'; +@import "./variables.scss"; +@import "./mixin.scss"; +@import "./transition.scss"; +@import "./element-ui.scss"; +@import "./sidebar.scss"; body { width: 100%; @@ -12,7 +12,8 @@ body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; - font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif; + font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, + Microsoft YaHei, Arial, sans-serif; } label { @@ -30,7 +31,7 @@ html { width: 100%; height: 100%; overflow: hidden; - background-color: #f0f2f5; + // background-color: #f0f2f5; } *, @@ -103,14 +104,14 @@ ul { // 灰色模式 .html-grey { - filter: grayscale(100%); - -webkit-filter: grayscale(100%); - -moz-filter: grayscale(100%); - -ms-filter: grayscale(100%); - -o-filter: grayscale(100%); - filter: url("data:image/svg+xml;utf8,#grayscale"); - filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); - -webkit-filter: grayscale(1); + filter: grayscale(100%); + -webkit-filter: grayscale(100%); + -moz-filter: grayscale(100%); + -ms-filter: grayscale(100%); + -o-filter: grayscale(100%); + filter: url("data:image/svg+xml;utf8,#grayscale"); + filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); + -webkit-filter: grayscale(1); } // 色弱模式 @@ -132,4 +133,4 @@ ul { .mobile-spacing { margin: 0; -} \ No newline at end of file +} diff --git a/src/style/variables.scss b/src/style/variables.scss index dfa2d0759..018d512b5 100644 --- a/src/style/variables.scss +++ b/src/style/variables.scss @@ -1,12 +1,12 @@ // sidebar -$menuText:#bfcbd9; -$menuActiveText:#409EFF; -$subMenuActiveText:#f4f4f5; -$menuBg:#304156; -$menuHover:#263445; +$menuText: #bfcbd9; +$menuActiveText: #409eff; +$subMenuActiveText: #f4f4f5; +$menuBg: #304156; +$menuHover: #263445; -$subMenuBg:#1f2d3d; -$subMenuHover:#001528; +$subMenuBg: #1f2d3d; +$subMenuHover: #001528; $sideBarWidth: 210px; diff --git a/src/views/editor/index.vue b/src/views/editor/index.vue index 95465b458..d215cee4d 100644 --- a/src/views/editor/index.vue +++ b/src/views/editor/index.vue @@ -46,4 +46,7 @@ export default { :deep(.w-e-text-container) { z-index: 99 !important; } +:deep(.w-e-toolbar) { + z-index: 999 !important; +} \ No newline at end of file diff --git a/src/views/flow-chart/index.vue b/src/views/flow-chart/index.vue index d2ad872fc..36c9154fd 100644 --- a/src/views/flow-chart/index.vue +++ b/src/views/flow-chart/index.vue @@ -91,11 +91,11 @@ export default {