主题样式修改03-23

2 years ago · dc4cb56751
17 changed files with 299 additions and 236 deletions
--- a/src/assets/icons/svg/sr-dn-gl.svg
+++ b/src/assets/icons/svg/sr-dn-gl.svg
@ -1,2 +1,2 @@
 <?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1652851896030" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1289" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
 </style></defs><path d="M1021.71 81.9c0-3.04-0.18-6.04-0.51-8.99-1.68-22.26-13.11-41.8-30.06-54.33C977.32 7.59 959.84 1 940.81 1H84.07c-19.03 0-36.5 6.59-50.32 17.58C16.8 31.1 5.36 50.64 3.69 72.91a80.84 80.84 0 0 0-0.51 8.99v90.35c0 3.32 0.1 6.63 0.27 9.93v765.25c0 41.19 33.39 74.57 74.57 74.57h868.84c41.18 0 74.57-33.39 74.57-74.57V182.17c0.17-3.3 0.27-6.61 0.27-9.93V81.9zM554.65 678.71c0 23.28-18.93 42.21-42.21 42.21s-42.21-18.93-42.21-42.21 18.93-42.21 42.21-42.21 42.21 18.94 42.21 42.21z m-84.42-438.76c0-23.28 18.93-42.21 42.21-42.21s42.21 18.93 42.21 42.21-18.93 42.21-42.21 42.21-42.21-18.93-42.21-42.21z m85.43 104.83c41.17-16.99 70.15-57.52 70.15-104.83 0-62.61-50.75-113.36-113.36-113.36s-113.36 50.75-113.36 113.36c0 47.3 28.98 87.84 70.15 104.83v57.36C237.01 389.38 78.75 275.27 78.75 172.25V81.9c0-0.83 0.21-1.61 0.55-2.31h866.28c0.11 0.23 0.2 0.47 0.28 0.71l0.11 97.52c-5.57 101.53-162.28 211.79-390.32 224.32v-57.36zM79.03 947.43l-0.71-614.79c82.5 80.79 225.45 136.8 390.92 145.17v96.08c-41.17 16.99-70.15 57.52-70.15 104.83 0 62.61 50.75 113.36 113.36 113.36S625.8 741.32 625.8 678.71c0-47.31-28.98-87.84-70.15-104.83V477.8c165.19-8.36 307.93-64.19 390.5-144.76l0.71 613.38-867.83 1.01z" fill="#339CFF" p-id="1290"></path></svg>
 <?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1652851896030" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1289" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); .st0{ fill: currentColor; color:#339CFF; }  }
 </style></defs><path class="st0" d="M1021.71 81.9c0-3.04-0.18-6.04-0.51-8.99-1.68-22.26-13.11-41.8-30.06-54.33C977.32 7.59 959.84 1 940.81 1H84.07c-19.03 0-36.5 6.59-50.32 17.58C16.8 31.1 5.36 50.64 3.69 72.91a80.84 80.84 0 0 0-0.51 8.99v90.35c0 3.32 0.1 6.63 0.27 9.93v765.25c0 41.19 33.39 74.57 74.57 74.57h868.84c41.18 0 74.57-33.39 74.57-74.57V182.17c0.17-3.3 0.27-6.61 0.27-9.93V81.9zM554.65 678.71c0 23.28-18.93 42.21-42.21 42.21s-42.21-18.93-42.21-42.21 18.93-42.21 42.21-42.21 42.21 18.94 42.21 42.21z m-84.42-438.76c0-23.28 18.93-42.21 42.21-42.21s42.21 18.93 42.21 42.21-18.93 42.21-42.21 42.21-42.21-18.93-42.21-42.21z m85.43 104.83c41.17-16.99 70.15-57.52 70.15-104.83 0-62.61-50.75-113.36-113.36-113.36s-113.36 50.75-113.36 113.36c0 47.3 28.98 87.84 70.15 104.83v57.36C237.01 389.38 78.75 275.27 78.75 172.25V81.9c0-0.83 0.21-1.61 0.55-2.31h866.28c0.11 0.23 0.2 0.47 0.28 0.71l0.11 97.52c-5.57 101.53-162.28 211.79-390.32 224.32v-57.36zM79.03 947.43l-0.71-614.79c82.5 80.79 225.45 136.8 390.92 145.17v96.08c-41.17 16.99-70.15 57.52-70.15 104.83 0 62.61 50.75 113.36 113.36 113.36S625.8 741.32 625.8 678.71c0-47.31-28.98-87.84-70.15-104.83V477.8c165.19-8.36 307.93-64.19 390.5-144.76l0.71 613.38-867.83 1.01z" p-id="1290"></path></svg>
--- a/src/assets/icons/svg/sr-dn-pz.svg
+++ b/src/assets/icons/svg/sr-dn-pz.svg
@ -1,2 +1,2 @@
 <?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1652852242708" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2256" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
 </style></defs><path d="M1024 546.93v-323h-0.57l0.57-0.63L868.1 80.89c-42.93-39.17-98.61-60.8-156.78-60.8h-395.8c-58.17 0-113.85 21.63-156.78 60.87L2.89 223.38l0.51 0.56h-0.51v664.04c0 52.05 42.19 94.24 94.24 94.24h832.63c52.05 0 94.24-42.19 94.24-94.24V546.93z m-391.12 75.78c-25.06 39.12-68.91 65.1-118.72 65.1s-93.66-25.98-118.72-65.1h237.44z m-554.22-323h230.67c31.33 80.95 111.34 138.65 204.84 138.65S687.68 380.65 719 299.71h229.22v244.08H78.66V299.71z m128.46-165.77c29.7-27.18 68.21-42.09 108.4-42.09h395.8c40.19 0 78.7 14.91 108.4 42.09l98.52 90H657.35c0 76.58-64.11 138.65-143.19 138.65s-143.19-62.07-143.19-138.65h-262.4l98.55-90z m741.11 754.04c0 10.18-8.29 18.47-18.47 18.47H97.13c-10.18 0-18.47-8.29-18.47-18.47V622.71h232.49c30.72 82.28 110.02 140.88 203.01 140.88s172.29-58.6 203.01-140.88h231.05v265.27z" fill="#339CFF" p-id="2257"></path></svg>
 <?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1652852242708" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2256" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); .st0{ fill: currentColor; color:#339CFF; } }
 </style></defs><path class="st0" d="M1024 546.93v-323h-0.57l0.57-0.63L868.1 80.89c-42.93-39.17-98.61-60.8-156.78-60.8h-395.8c-58.17 0-113.85 21.63-156.78 60.87L2.89 223.38l0.51 0.56h-0.51v664.04c0 52.05 42.19 94.24 94.24 94.24h832.63c52.05 0 94.24-42.19 94.24-94.24V546.93z m-391.12 75.78c-25.06 39.12-68.91 65.1-118.72 65.1s-93.66-25.98-118.72-65.1h237.44z m-554.22-323h230.67c31.33 80.95 111.34 138.65 204.84 138.65S687.68 380.65 719 299.71h229.22v244.08H78.66V299.71z m128.46-165.77c29.7-27.18 68.21-42.09 108.4-42.09h395.8c40.19 0 78.7 14.91 108.4 42.09l98.52 90H657.35c0 76.58-64.11 138.65-143.19 138.65s-143.19-62.07-143.19-138.65h-262.4l98.55-90z m741.11 754.04c0 10.18-8.29 18.47-18.47 18.47H97.13c-10.18 0-18.47-8.29-18.47-18.47V622.71h232.49c30.72 82.28 110.02 140.88 203.01 140.88s172.29-58.6 203.01-140.88h231.05v265.27z" p-id="2257"></path></svg>
--- a/src/assets/icons/svg/sr-home.svg
+++ b/src/assets/icons/svg/sr-home.svg
@ -1,2 +1,2 @@
 <?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1652851714248" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1154" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
 </style></defs><path d="M64.59464 484.756c-17.8 9.49-39.75 5.83-53.51-8.92-15.36-16.2-14.67-41.79 1.53-57.15l0.81-0.75 467.85-407.6c17.15-13.52 41.33-13.52 58.48 0l469.97 409.8c16.56 13.43 19.09 37.73 5.67 54.29a37.871 37.871 0 0 1-3.33 3.61c-13.64 14.97-35.75 18.66-53.51 8.92v291.75c-2.71 138.01-116.78 247.69-254.78 244.98-0.36-0.01-0.71-0.01-1.07-0.02H320.45464c-137.99 3.3-252.53-105.9-255.83-243.89-0.01-0.36-0.02-0.71-0.02-1.07v-293.95z m809.6-71.27l-363.24-318.5-362.88 316.23v367.48c1.56 92.33 77.48 166.02 169.81 164.84h383.85c91.74 2.02 167.76-70.71 169.78-162.46 0.02-0.79 0.03-1.59 0.04-2.38l2.34-365.5 0.3 0.29z m-179.47 180.41v80.41c-4.44 97.64-87.19 173.19-184.84 168.75-91.42-4.16-164.6-77.33-168.75-168.75v-120.54h353.59v40.13z m-269.89 40.06v37.94c0 50.1 40.62 90.72 90.72 90.72s90.72-40.62 90.72-90.72v-37.94H424.83464z" fill="#339CFF" p-id="1155"></path></svg>
 <?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1652851714248" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1154" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); .st0{ fill: currentColor; color:#339CFF; } }
 </style></defs><path class="st0" d="M64.59464 484.756c-17.8 9.49-39.75 5.83-53.51-8.92-15.36-16.2-14.67-41.79 1.53-57.15l0.81-0.75 467.85-407.6c17.15-13.52 41.33-13.52 58.48 0l469.97 409.8c16.56 13.43 19.09 37.73 5.67 54.29a37.871 37.871 0 0 1-3.33 3.61c-13.64 14.97-35.75 18.66-53.51 8.92v291.75c-2.71 138.01-116.78 247.69-254.78 244.98-0.36-0.01-0.71-0.01-1.07-0.02H320.45464c-137.99 3.3-252.53-105.9-255.83-243.89-0.01-0.36-0.02-0.71-0.02-1.07v-293.95z m809.6-71.27l-363.24-318.5-362.88 316.23v367.48c1.56 92.33 77.48 166.02 169.81 164.84h383.85c91.74 2.02 167.76-70.71 169.78-162.46 0.02-0.79 0.03-1.59 0.04-2.38l2.34-365.5 0.3 0.29z m-179.47 180.41v80.41c-4.44 97.64-87.19 173.19-184.84 168.75-91.42-4.16-164.6-77.33-168.75-168.75v-120.54h353.59v40.13z m-269.89 40.06v37.94c0 50.1 40.62 90.72 90.72 90.72s90.72-40.62 90.72-90.72v-37.94H424.83464z" p-id="1155"></path></svg>
--- a/src/assets/icons/svg/sr-kf.svg
+++ b/src/assets/icons/svg/sr-kf.svg
@ -1,2 +1,2 @@
 <?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1652852218772" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2119" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
 </style></defs><path d="M947.59 326.53L620.01 64.51c-31.57-25.26-69.79-37.88-108-37.88-38.21 0-76.43 12.63-108 37.88L76.41 326.53A192.904 192.904 0 0 0 4 477.17v519.81h354.64V667.5c0-84.7 68.66-153.36 153.36-153.36S665.37 582.8 665.37 667.5v329.47H1020v-519.8c0-58.61-26.64-114.04-72.41-150.64z m-3.17 594.86H740.95V667.5c0-126.24-102.7-228.95-228.95-228.95S283.06 541.26 283.06 667.5v253.89H79.58V477.17c0-35.84 16.05-69.23 44.04-91.62l327.59-262.02c17.19-13.75 38.78-21.32 60.79-21.32 22.01 0 43.6 7.57 60.79 21.32l327.58 262.01c27.99 22.39 44.04 55.78 44.04 91.62v444.23z" fill="#339CFF" p-id="2120"></path><path d="M512 659.34c-28.41 0-51.44 23.03-51.44 51.44v234.76c0 28.41 23.03 51.44 51.44 51.44 28.41 0 51.44-23.03 51.44-51.44V710.77c0-28.4-23.03-51.43-51.44-51.43z" fill="#339CFF" p-id="2121"></path></svg>
 <?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1652852218772" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2119" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); .st0{ fill: currentColor; color:#339CFF; }}
 </style></defs><path class="st0" d="M947.59 326.53L620.01 64.51c-31.57-25.26-69.79-37.88-108-37.88-38.21 0-76.43 12.63-108 37.88L76.41 326.53A192.904 192.904 0 0 0 4 477.17v519.81h354.64V667.5c0-84.7 68.66-153.36 153.36-153.36S665.37 582.8 665.37 667.5v329.47H1020v-519.8c0-58.61-26.64-114.04-72.41-150.64z m-3.17 594.86H740.95V667.5c0-126.24-102.7-228.95-228.95-228.95S283.06 541.26 283.06 667.5v253.89H79.58V477.17c0-35.84 16.05-69.23 44.04-91.62l327.59-262.02c17.19-13.75 38.78-21.32 60.79-21.32 22.01 0 43.6 7.57 60.79 21.32l327.58 262.01c27.99 22.39 44.04 55.78 44.04 91.62v444.23z" p-id="2120"></path><path  class="st0" d="M512 659.34c-28.41 0-51.44 23.03-51.44 51.44v234.76c0 28.41 23.03 51.44 51.44 51.44 28.41 0 51.44-23.03 51.44-51.44V710.77c0-28.4-23.03-51.43-51.44-51.43z" p-id="2121"></path></svg>
--- a/src/assets/icons/svg/sr-ml.svg
+++ b/src/assets/icons/svg/sr-ml.svg
@ -1,2 +1,2 @@
 <?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1652852179181" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1982" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
 </style></defs><path d="M339.37 550.33H131.1c-68.65 0-124.31 55.66-124.31 124.31v208c0 68.66 55.66 124.32 124.31 124.32h208c68.51 0 124.04-55.54 124.04-124.04V674.65c0.15-68.51-55.26-124.17-123.77-124.32z m50.65 124.31v208c0 28.17-22.75 51.04-50.91 51.19h-208c-28.27 0-51.19-22.92-51.19-51.19v-208c0-28.27 22.92-51.19 51.19-51.19h208c28.12 0 50.91 22.8 50.91 50.91v0.28zM988.85 189.61c-0.01-0.01-0.02-0.01-0.03-0.02l-1.08 0.27L850.97 52.81a119.99 119.99 0 0 0-85.31-35.21h-97.77c-87.8-0.3-159.22 70.63-159.52 158.44v98.86c-0.06 15.81 3.08 31.47 9.21 46.04a118.72 118.72 0 0 0 27.08 39L681.7 496.71c46.96 46.97 123.09 46.98 170.06 0.02 0-0.01 0.01-0.01 0.02-0.02l137.04-137.04c46.98-46.96 46.98-123.09 0.03-170.06z m-58.52 112.91L793.28 439.56c-15.16 14.44-39 14.44-54.17 0L602.08 302.52a37.47 37.47 0 0 1-8.4-12.73c-2.32-4.65-3.7-9.71-4.06-14.89v-97.77c0.15-43.17 35.1-78.13 78.27-78.27h97.77c10.17 0.12 19.88 4.2 27.08 11.38l137.04 137.04c14.44 15.16 14.44 39 0 54.17l0.55 1.07zM339.11 56.07h-208C62.62 56.21 7.09 111.62 6.79 180.11v208.54c0.15 68.59 55.72 124.16 124.31 124.31h208c68.55-0.15 124.04-55.76 124.04-124.31V180.11c-0.14-68.45-55.59-123.9-124.03-124.04z m50.91 332.58c0 28.12-22.8 50.92-50.91 50.92h-208c-28.16 0-51.04-22.76-51.19-50.92V180.11c0-28.27 22.92-51.19 51.19-51.19h208c28.16 0.15 50.91 23.02 50.91 51.19v208.54zM840.41 551.19h-208c-68.3 0-123.74 55.2-124.04 123.5v208c-0.15 68.51 55.26 124.16 123.77 124.31h208.27c68.65 0 124.31-55.66 124.31-124.31v-208c-0.45-68.34-55.98-123.5-124.31-123.5z m51.18 331.5c0 28.27-22.92 51.19-51.19 51.19h-208c-28.12 0-50.92-22.8-50.92-50.92V675.5c0-28.16 22.75-51.04 50.92-51.19h208c27.96 0 50.74 22.42 51.19 50.37v208.01z" fill="#339CFF" p-id="1983"></path><path d="M702.52 207.19m-49.52 0a49.52 49.52 0 1 0 99.04 0 49.52 49.52 0 1 0-99.04 0Z" fill="#339CFF" p-id="1984"></path></svg>
 <?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1652852179181" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1982" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); .st0{ fill: currentColor; color:#339CFF; } }
 </style></defs><path class="st0" d="M339.37 550.33H131.1c-68.65 0-124.31 55.66-124.31 124.31v208c0 68.66 55.66 124.32 124.31 124.32h208c68.51 0 124.04-55.54 124.04-124.04V674.65c0.15-68.51-55.26-124.17-123.77-124.32z m50.65 124.31v208c0 28.17-22.75 51.04-50.91 51.19h-208c-28.27 0-51.19-22.92-51.19-51.19v-208c0-28.27 22.92-51.19 51.19-51.19h208c28.12 0 50.91 22.8 50.91 50.91v0.28zM988.85 189.61c-0.01-0.01-0.02-0.01-0.03-0.02l-1.08 0.27L850.97 52.81a119.99 119.99 0 0 0-85.31-35.21h-97.77c-87.8-0.3-159.22 70.63-159.52 158.44v98.86c-0.06 15.81 3.08 31.47 9.21 46.04a118.72 118.72 0 0 0 27.08 39L681.7 496.71c46.96 46.97 123.09 46.98 170.06 0.02 0-0.01 0.01-0.01 0.02-0.02l137.04-137.04c46.98-46.96 46.98-123.09 0.03-170.06z m-58.52 112.91L793.28 439.56c-15.16 14.44-39 14.44-54.17 0L602.08 302.52a37.47 37.47 0 0 1-8.4-12.73c-2.32-4.65-3.7-9.71-4.06-14.89v-97.77c0.15-43.17 35.1-78.13 78.27-78.27h97.77c10.17 0.12 19.88 4.2 27.08 11.38l137.04 137.04c14.44 15.16 14.44 39 0 54.17l0.55 1.07zM339.11 56.07h-208C62.62 56.21 7.09 111.62 6.79 180.11v208.54c0.15 68.59 55.72 124.16 124.31 124.31h208c68.55-0.15 124.04-55.76 124.04-124.31V180.11c-0.14-68.45-55.59-123.9-124.03-124.04z m50.91 332.58c0 28.12-22.8 50.92-50.91 50.92h-208c-28.16 0-51.04-22.76-51.19-50.92V180.11c0-28.27 22.92-51.19 51.19-51.19h208c28.16 0.15 50.91 23.02 50.91 51.19v208.54zM840.41 551.19h-208c-68.3 0-123.74 55.2-124.04 123.5v208c-0.15 68.51 55.26 124.16 123.77 124.31h208.27c68.65 0 124.31-55.66 124.31-124.31v-208c-0.45-68.34-55.98-123.5-124.31-123.5z m51.18 331.5c0 28.27-22.92 51.19-51.19 51.19h-208c-28.12 0-50.92-22.8-50.92-50.92V675.5c0-28.16 22.75-51.04 50.92-51.19h208c27.96 0 50.74 22.42 51.19 50.37v208.01z" p-id="1983"></path><path d="M702.52 207.19m-49.52 0a49.52 49.52 0 1 0 99.04 0 49.52 49.52 0 1 0-99.04 0Z" p-id="1984"></path></svg>
--- a/src/assets/icons/svg/sr-system.svg
+++ b/src/assets/icons/svg/sr-system.svg
@ -1,2 +1,2 @@
 <?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1652852263671" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2392" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
 </style></defs><path d="M818.45 518.01l7.16 3.29 172.53 99.55a50.159 50.159 0 0 1 24.64 35.81l0.57 7.66V863.5a50.115 50.115 0 0 1-18.84 39.25l-6.3 4.3-172.6 99.91a50.132 50.132 0 0 1-43.47 3.29l-7.16-3.29-172.53-99.56a50.159 50.159 0 0 1-24.64-35.81l-0.57-7.66V664.47a50.115 50.115 0 0 1 18.84-39.25l6.3-4.3 172.53-99.55a50.132 50.132 0 0 1 43.47-3.29l0.07-0.07zM469.38 874.24c19.78 0 35.81 16.03 35.81 35.81s-16.03 35.81-35.81 35.81H109.93c-19.78 0-35.81-16.03-35.81-35.81s16.03-35.81 35.81-35.81h359.45z m330.81-284.47l-150.76 87.3v174.32l151.04 87.09 150.83-87.02V677.07l-150.9-87.02-0.21-0.28z m-7.16 104.56c39.55 0 71.62 32.06 71.62 71.62s-32.06 71.62-71.62 71.62-71.62-32.06-71.62-71.62c0.04-39.55 32.14-71.59 71.69-71.55h0.22l-0.29-0.07zM915.92 11.02c55.58 0 102.08 42.22 107.43 97.54l0.5 10.38v357.59c1.78 19.78-12.81 37.25-32.59 39.03-19.78 1.78-37.25-12.81-39.03-32.59l-0.57-6.52V119.09c0.06-17.39-12.38-32.32-29.51-35.38l-6.23-1.07H109.93c-17.39-0.06-32.32 12.38-35.38 29.51l-0.57 6.45v575.3l0.64 6.45A35.816 35.816 0 0 0 103.7 729l6.45 0.5 287.33-1.79c19.75-1.11 36.65 14 37.76 33.75 1.04 18.52-12.24 34.77-30.6 37.44l-6.45 0.72-287.33 1.79c-55.66 0.32-102.43-41.74-108-97.11L2 694.41V118.95C2 63.37 44.22 16.87 99.54 11.52l10.38-0.5h806z" fill="#339CFF" p-id="2393"></path></svg>
 <?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1652852263671" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2392" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); .st0{ fill: currentColor; color:#339CFF; }}
 </style></defs><path class="st0" d="M818.45 518.01l7.16 3.29 172.53 99.55a50.159 50.159 0 0 1 24.64 35.81l0.57 7.66V863.5a50.115 50.115 0 0 1-18.84 39.25l-6.3 4.3-172.6 99.91a50.132 50.132 0 0 1-43.47 3.29l-7.16-3.29-172.53-99.56a50.159 50.159 0 0 1-24.64-35.81l-0.57-7.66V664.47a50.115 50.115 0 0 1 18.84-39.25l6.3-4.3 172.53-99.55a50.132 50.132 0 0 1 43.47-3.29l0.07-0.07zM469.38 874.24c19.78 0 35.81 16.03 35.81 35.81s-16.03 35.81-35.81 35.81H109.93c-19.78 0-35.81-16.03-35.81-35.81s16.03-35.81 35.81-35.81h359.45z m330.81-284.47l-150.76 87.3v174.32l151.04 87.09 150.83-87.02V677.07l-150.9-87.02-0.21-0.28z m-7.16 104.56c39.55 0 71.62 32.06 71.62 71.62s-32.06 71.62-71.62 71.62-71.62-32.06-71.62-71.62c0.04-39.55 32.14-71.59 71.69-71.55h0.22l-0.29-0.07zM915.92 11.02c55.58 0 102.08 42.22 107.43 97.54l0.5 10.38v357.59c1.78 19.78-12.81 37.25-32.59 39.03-19.78 1.78-37.25-12.81-39.03-32.59l-0.57-6.52V119.09c0.06-17.39-12.38-32.32-29.51-35.38l-6.23-1.07H109.93c-17.39-0.06-32.32 12.38-35.38 29.51l-0.57 6.45v575.3l0.64 6.45A35.816 35.816 0 0 0 103.7 729l6.45 0.5 287.33-1.79c19.75-1.11 36.65 14 37.76 33.75 1.04 18.52-12.24 34.77-30.6 37.44l-6.45 0.72-287.33 1.79c-55.66 0.32-102.43-41.74-108-97.11L2 694.41V118.95C2 63.37 44.22 16.87 99.54 11.52l10.38-0.5h806z" p-id="2393"></path></svg>
--- a/src/assets/styles/element-ui.scss
+++ b/src/assets/styles/element-ui.scss
@ -1,8 +1,7 @@
 // cover some element-ui styles
 .el-breadcrumb__inner,
 .el-breadcrumb__inner a {
  color: #339CFF;
  @include breadcrumb-text;
  font-weight: 400 !important;
 }
--- a/src/assets/styles/index.scss
+++ b/src/assets/styles/index.scss
@ -132,15 +132,14 @@ ul{
 //main-container全局样式
 // .app-wrapper{
 //   @include bg_color($background-color-theme);
 // }
 .app-wrapper{
 background-color: $main-bg-light;
 }
 .app-container {
  margin: 20px;
 }
 .components-container {
  margin: 30px 50px;
  position: relative;
@ -248,7 +247,6 @@ ul{
        .el-form-item__content .el-input,
        .el-input-number{
          width: 100% !important;
          // margin-right: 6px;
        }
        .el-input__inner{
          padding: 0;
--- a/src/assets/styles/mixin.scss
+++ b/src/assets/styles/mixin.scss
@ -22,65 +22,148 @@
  }
 }
 // @mixin relative {
 //   position: relative;
 //   width: 100%;
 //   height: 100%;
 // }
 // @mixin pct($pct) {
 //   width: #{$pct};
 //   position: relative;
 //   margin: 0 auto;
 // }
 // @mixin triangle($width, $height, $color, $direction) {
 //   $width: $width/2;
 //   $color-border-style: $height solid $color;
 //   $transparent-border-style: $width solid transparent;
 //   height: 0;
 //   width: 0;
 //   @if $direction==up {
 //     border-bottom: $color-border-style;
 //     border-left: $transparent-border-style;
 //     border-right: $transparent-border-style;
 //   } @else if $direction==right {
 //     border-left: $color-border-style;
 //     border-top: $transparent-border-style;
 //     border-bottom: $transparent-border-style;
 //   } @else if $direction==down {
 //     border-top: $color-border-style;
 //     border-left: $transparent-border-style;
 //     border-right: $transparent-border-style;
 //   } @else if $direction==left {
 //     border-right: $color-border-style;
 //     border-top: $transparent-border-style;
 //     border-bottom: $transparent-border-style;
 //   }
 // }
@mixin font_color($color) {
  color: $color;
  [data-theme="dark"] & {
    color: $font-color-dark;
  }
  [data-theme="light"] & {
    color: $font-color-light;
  }
 }
@mixin shadow-set(){
  [data-theme="dark"] & {
    box-shadow: 5px 2px 10px 1px rgba(15,164,222,0.16);
  }
 }
 // siderBar
@mixin siderBar-set(){
  [data-theme="dark"] & {
    background: url(~@/assets/images/sidebar_bg.png) #031435 no-repeat right bottom;
    background-size: contain;
    box-shadow: 5px 2px 10px 1px rgba(15,164,222,0.16);
  }
  [data-theme="light"] & {
    background: linear-gradient(180deg, #2B67DD 0%, #4180FB 100%);
    color: #fff;
  }
 }
@mixin font_color($color) {
  color: $color;
@mixin siderBar-submenu-set(){
  [data-theme="light"] & {
    color: rgba(255,255,255,0.8) !important;
  }
 }
@mixin siderBar-submenu-set-acitve(){
  [data-theme="dark"] & {
    background: $subMenuHover !important;
  }
  [data-theme="light"] & {
    background: linear-gradient(270deg, #021C5E 0%, rgba(2,28,94,0) 100%) !important;
    color: #fff !important;
    font-weight: bold !important;
    border-right: 4px solid #33D0FF !important;
  }
 }
@mixin siderBar-title-set-acitve{
  [data-theme="dark"] & {
    color: $mainColor !important;
    background-image: $menuActiveBg !important;
    &::before{
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 5px;
      height: 60px;
      background-color: $mainColor;
    }
  }
 }
@mixin siderBar-icon{
  [data-theme="dark"] & {
    color: $mainColor;
  }
  [data-theme="light"] & {
    color: #fff;
  }
 }
@mixin breadcrumb-bg{
  [data-theme="dark"] & {
    background-color: $background-color-dark;
  }
  [data-theme="light"] & {
    background-color: $main-bg-light;
  }
 }
@mixin breadcrumb-text{
  [data-theme="dark"] & {
    color: $font-color-theme1;
    color: $mainColor;
  }
  [data-theme="light"] & {
    color: $font-color-theme2;
    color: #9098A4;
  }
 }
@mixin bg_color($color) {
  /*通过该函数设置主题颜色，后期方便统一管理；*/
  background-color: $color;
@mixin breadcrumb-text-active{
  [data-theme="dark"] & {
    background-color: $background-color-theme1;
    @include font-color($font-color-theme1)
    color: #fff;
  }
  [data-theme="light"] & {
    background-color: $background-color-theme2;
    @include font-color($font-color-theme2)
    color: #1F55EB;
  }
 }
@mixin bg_color() {
  [data-theme="dark"] & {
    background-color: $background-color-dark;
    @include font-color($font-color-dark);
  }
  [data-theme="light"] & {
    background-color: $background-color-light;
    @include font-color($font-color-light);
  }
 }
@mixin icon_color() {
  [data-theme="dark"] & {
    color: $icon-color-dark;
  }
  [data-theme="light"] & {
    color: $icon-color-light;
  }
 }
@mixin dropdown_bg() {
  [data-theme="dark"] & {
    box-shadow: rgb(51 156 255) 0px 0px 10px 1px inset;
    background: #02255F;
  }
  [data-theme="light"] & {
    box-shadow: 0px 5px 11px 0px rgba(0,0,0,0.17);
    background: #fff;
  }
 }
@mixin dropdown_bg_hover() {
  [data-theme="dark"] & {
    background: #13439E;
    color: #fff;
  }
  [data-theme="light"] & {
    background: #F5F9FC;
    color: #0348F3;
  }
 }
--- a/src/assets/styles/sidebar.scss
+++ b/src/assets/styles/sidebar.scss
@ -5,6 +5,7 @@
    margin-left: $sideBarWidth;
    position: relative;
    padding-top: $headerHeight;
    background-color: $main-bg-light;
  }
  .sidebar-container {
@ -18,10 +19,8 @@
    bottom: 0;
    left: 0;
    z-index: 99;
    background: url(~@/assets/images/sidebar_bg.png) #031435 no-repeat right bottom;
    @include bg_color($background-color-theme);
    background-size: contain;
    box-shadow: 5px 2px 10px 1px rgba(15,164,222,0.16);
    @include bg_color;
    @include siderBar-set;
    overflow: hidden;
    // reset element-ui css
@ -63,8 +62,8 @@
    .el-submenu__icon-arrow{
      font-size: 18px;
      color: $mainColor;
      right: 60px;
      @include siderBar-icon;
      // right: 60px;
    }
    .el-menu {
@ -80,53 +79,23 @@
      font-size: 16px;
      height: 60px !important;
      line-height: 60px !important;
      padding: 0 60px 0 58px !important;
      padding: 0 30px 0 28px !important;
      background-color: transparent !important;
      @include siderBar-submenu-set;
      &:hover {
        background-image: $menuActiveBg !important;
        &::before{
          content: "";
          position: absolute;
          left: 0;
          top: 0;
          width: 5px;
          height: 60px;
          background-color: $mainColor;
        }
      }
        @include  siderBar-title-set-acitve;
      }
    .is-active>.el-submenu__title,
    .is-active.submenu-title-noDropdown {
      position: relative;
      color: $mainColor !important;
      background-image: $menuActiveBg !important;
      &::before{
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 5px;
        height: 60px;
        background-color: $mainColor;
      }
    }
    & .nest-menu .el-submenu>.el-submenu__title,
    & .el-submenu .el-menu-item {
      min-width: $sideBarWidth !important;
      background-color: transparent !important;
      &:hover {
        background-image: $subMenuHover !important;
      svg{
        stroke: red;
      }
    }
    & .el-submenu .el-menu-item{
      position: relative;
      padding: 0 60px 0 82px !important;
      height: 40px !important;
      line-height: 40px;
      height: 36px !important;
      line-height: 36px;
      @include siderBar-submenu-set;
      &::before{
        content: "";
        position: absolute;
@ -143,6 +112,24 @@
      }
    }
    .is-active>.el-submenu__title,
    .is-active.submenu-title-noDropdown {
      position: relative;
      @include  siderBar-title-set-acitve;
    }
    & .nest-menu .el-submenu>.el-submenu__title,
    & .el-submenu .el-menu-item {
      min-width: $sideBarWidth !important;
      background-color: transparent !important;
      &:hover {
        @include siderBar-submenu-set-acitve;
      }
    }
    .is-active.el-menu-item {
      @include siderBar-submenu-set-acitve;
    }
  }
  .hideSidebar {
@ -227,7 +214,6 @@
  }
  .withoutAnimation {
    .main-container,
    .sidebar-container {
      transition: none;
@ -235,9 +221,7 @@
  }
 }
 .is-active.el-menu-item {
  background-image: $subMenuActiveBg !important;
 }
 // when menu collapsed
--- a/src/assets/styles/variables.scss
+++ b/src/assets/styles/variables.scss
@ -1,10 +1,5 @@
 $background-color-theme: #031435; //背景主题颜色默认
 $background-color-theme1: #031435; //背景主题颜色1
 $background-color-theme2: #F6F8FC; //背景主题颜色1
 $font-color-theme : #fff; //字体主题颜色默认
 $font-color-theme1 : #fff; //字体主题颜色1
 $font-color-theme2 : #031435; //字体主题颜色2
 $boxBg: #031435; // 板块背景色
 $mainColor: #339CFF;  // 主色
@ -12,6 +7,21 @@ $otherColor: #02255F; // 辅助色1
 $otherColor2: #13439E;  // 辅助色2
 $btnBorder:#3581CC; // 按钮描边
 // dark-theme
 $background-color-dark: #031435; //背景主题颜色1
 $icon-color-dark: #fff;
 $font-color-dark : #fff;
 // ligit-theme
 $background-color-light: #fff; //亮色bg主题
 $main-bg-light: #F6F8FC; //亮色bg主题
 $icon-color-light: #1C1C1C;
 $font-color-light : #545B65;
 $headerHeight: 64px;
 $sideBarWidth: 256px;
 $arcPurple:#563BE1;
 $arcYellow:#FD8042;
 $arcRed:#F65163;
@ -24,8 +34,7 @@ $subMenuActiveBg: linear-gradient(90deg, rgba(59, 160, 255, 0) 0%, rgba(42,112,1
 $subMenuHover: linear-gradient(90deg, rgba(59, 160, 255, 0) 0%, rgba(42,112,177,0.3) 43%, rgba(51, 156, 255, 0) 100%);
 $headerHeight: 64px;
 $sideBarWidth: 300px;
 $breadcrumbBg: #021941;
 $mainContainerBorder: 1px solid #113D72;
--- a/src/assets/styles/yxk-admin.scss
+++ b/src/assets/styles/yxk-admin.scss
@ -8,7 +8,7 @@
    input {
      border: 1px solid $mainColor;
      background-color: transparent;
      // @include bg_color($background-color-theme);
      // @include bg_color;
      height: 30px;
      line-height: 30px;
      color: #fff;
@ -24,7 +24,7 @@
    display: inline-block;
    vertical-align: middle;
    border: 1px solid $mainColor;
    @include bg_color($background-color-theme);
    @include bg_color;
    margin-right: 20px;
    height: 30px !important;
    width: 230px !important;
@ -927,8 +927,10 @@ input[type ='number'] {
 .el-select-dropdown,
 .el-dropdown-menu{
  box-shadow: rgb(51 156 255) 0px 0px 10px 1px inset;
  background: #02255F;
  top: 46px !important;
  margin: 0;
  padding: 17px 0;
  @include dropdown_bg;
  border: none;
 }
 .el-select-dropdown__item{
@ -947,31 +949,20 @@ input[type ='number'] {
  background-color: #13439E;
  color: #fff;
 }
 .el-popper[x-placement^=bottom] .popper__arrow{
  width: 15px;
  height: 7px;
  top: -7px;
  background:  url('~@/assets/images/pop_arrow.png') no-repeat !important;
  border: none;
  transform: rotate(180deg);
  opacity: 0;
 }
 .el-popper[x-placement^=bottom] .popper__arrow::after{
  content: '';
  border: none;
 }
 .el-dropdown-menu .el-dropdown-menu__item{
  color: #fff;
  @include icon_color;
 }
 .el-dropdown-menu .el-dropdown-menu__item:hover{
  background-color: #13439E;
  color: #fff;
 }
 .el-dropdown-menu__item--divided{
  border-top-color: #13439E;
  margin-top: 0 !important;
 }
 .el-dropdown-menu .el-dropdown-menu__item--divided:before{
  background-color: transparent !important;
  @include dropdown_bg_hover;
 }
 //vue-treeselect
@ -988,29 +979,12 @@ input[type ='number'] {
 .vue-treeselect__value-remove > svg{
  color: #fff;
 }
 // 消息中心 pop
 .message-icon{
  position: relative;
  .icon-xiaoxi{
    font-size: 26px;
    color: $mainColor;
  }
  .message-num{
    position: absolute;
    top: 0;
    right: -8px;
    display: block;
    width: 20px;
    height: 20px;
 .el-dropdown-menu--small .el-dropdown-menu__item{
  font-size: 14px;
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
    background-color: #F91832;
    color: #fff;
  }
  line-height: 32px;
  padding: 0 32px;
 }
 .el-dropdown-menu--small .el-dropdown-menu__item.message-list-item{
  padding: 0;
 }
@ -1173,7 +1147,7 @@ input[type ='number'] {
 // 档案统计title
 .table-title {
  // color: #fff;
  @include font-color($font-color-theme1);
  @include font-color($font-color-dark);
  font-size: 16px;
  text-align: center;
  height: 40px;
--- a/src/components/Breadcrumb/index.vue
+++ b/src/components/Breadcrumb/index.vue
@ -68,6 +68,8 @@ export default {
 </script>
 <style lang="scss" scoped>
  @import "~@/assets/styles/mixin.scss";
  @import "~@/assets/styles/variables.scss";
 .app-breadcrumb.el-breadcrumb {
  position: relative;
  flex: 1;
@ -82,22 +84,21 @@ export default {
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e60d";
    color: #339CFF;
    content: "\e619";
    @include breadcrumb-text;
    transform: translateY(-50%);
  }
  .el-breadcrumb__item:last-child{
    .el-breadcrumb__inner .no-redirect{
      color: #fff;
      @include breadcrumb-text-active;
    }
  }
  ::v-deep .el-breadcrumb__separator{
    color: #339CFF;
    @include breadcrumb-text;
  }
  .no-redirect {
    color: #339CFF;
    @include breadcrumb-text;
    cursor: text;
  }
 }
--- a/src/components/Hamburger/index.vue
+++ b/src/components/Hamburger/index.vue
@ -1,15 +1,8 @@
 <template>
  <div style="padding: 0 15px;" @click="toggleClick">
    <svg
      :class="{'is-active':isActive}"
      class="hamburger"
      viewBox="0 0 1024 1024"
      xmlns="http://www.w3.org/2000/svg"
      width="64"
      height="64"
    >
      <path d="M408 442h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm-8 204c0 4.4 3.6 8 8 8h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56zm504-486H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 632H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM142.4 642.1L298.7 519a8.84 8.84 0 0 0 0-13.9L142.4 381.9c-5.8-4.6-14.4-.5-14.4 6.9v246.3a8.9 8.9 0 0 0 14.4 7z" fill="rgb(255, 255, 255)" />
    </svg>
  <div @click="toggleClick">
    <i
      :class="[{'is-active':isActive}, 'hamburger iconfont icon-shouqi']"
    />
  </div>
 </template>
@ -30,15 +23,22 @@ export default {
 }
 </script>
 <style scoped>
 <style lang="scss" scoped>
@mixin hamburger-icon{
  [data-theme="dark"] & {
    color: #fff;
  }
 }
 .hamburger {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  font-size: 10px;
  transform: rotate(-180deg);
  @include hamburger-icon;
 }
 .hamburger.is-active {
  transform: rotate(180deg);
  transform: rotate(0);
 }
 </style>
--- a/src/layout/components/AppMain.vue
+++ b/src/layout/components/AppMain.vue
@ -23,30 +23,30 @@ export default {
 </script>
 <style lang="scss" scoped>
  @import "~@/assets/styles/mixin.scss";
  @import "~@/assets/styles/variables.scss";
@import "~@/assets/styles/mixin.scss";
@import "~@/assets/styles/variables.scss";
 .app-main {
  /* 100= navbar  100  */
  min-height: calc(100vh - $headerHeight);
  min-height: calc(100vh - 64px);
  width: 100%;
  margin-top: 50px;
  position: relative;
  @include bg_color($background-color-theme);
  @include bg_color;
  overflow: hidden;
 }
 .fixed-header+.app-main {
  padding-top: $headerHeight;;
  padding-top: $headerHeight;
 }
 .hasTagsView {
  .app-main {
    /* 84 = navbar + tags-view = 100 + 50 */
    min-height: calc(100vh - $headerHeight);
    /* 84 = navbar + tags-view = 64 + 50 */
    min-height: calc(100vh - 114px);
  }
  .fixed-header+.app-main {
    padding-top: $headerHeight;;
    padding-top: $headerHeight;
  }
 }
 </style>
--- a/src/layout/components/Navbar.vue
+++ b/src/layout/components/Navbar.vue
@ -41,6 +41,7 @@
          <div class="user-img-cover">
            <img :src="user.avatarName ? baseApi + '/avatar/' + user.avatarName : Avatar" class="user-avatar" :onerror="defaultImg">
          </div>
          <div class="user-name">Lucky</div>
          <i class="el-icon-caret-bottom" />
        </div>
        <el-dropdown-menu slot="dropdown">
@ -50,12 +51,12 @@
            </el-dropdown-item>
          </router-link>
          <router-link :to="{ path: '/user/center', query: { activeIndex: 1 }}">
            <el-dropdown-item divided>
            <el-dropdown-item>
              我的消息
            </el-dropdown-item>
          </router-link>
          <span style="display:block;" @click="logoutVisible=true">
            <el-dropdown-item divided>
            <el-dropdown-item>
              退出登录
            </el-dropdown-item>
          </span>
@ -140,6 +141,9 @@ export default {
  },
  created() {
    this.getMsgList()
    if (!localStorage.getItem('themeValue')) {
      this.changetheme('dark')
    }
  },
  methods: {
    // 获取未读消息
@ -241,19 +245,7 @@ export default {
  height: $headerHeight;
  overflow: hidden;
  position: relative;
  box-shadow: 5px 2px 10px 1px rgba(15,164,222,0.16);
  .hamburger-container {
    line-height: 46px;
    height: 100%;
    float: left;
    cursor: pointer;
    transition: background .3s;
    -webkit-tap-highlight-color:transparent;
    &:hover {
      background: rgba(0, 0, 0, .025)
    }
  }
  @include shadow-set;
  .errLog-container {
    display: inline-block;
    vertical-align: top;
@ -261,16 +253,13 @@ export default {
  .right-menu {
    display: flex;
    padding-top: 25px;
    line-height: 50px;
    line-height: 64px;
    &:focus {
      outline: none;
    }
    .right-menu-item {
      display: inline-block;
      padding: 0 8px;
      height: 100%;
      font-size: 18px;
      color: #5a5e66;
@ -285,30 +274,58 @@ export default {
      }
    }
    .message-center{
      margin-right: 26px;
      margin-top: 4px;
      margin-right: 40px;
      .message-icon{
        position: relative;
        .icon-xiaoxi{
          font-size: 20px;
          @include icon_color;
        }
        .message-num{
          position: absolute;
          top: 0;
          right: -8px;
          display: block;
          width: 20px;
          height: 20px;
          font-size: 14px;
          text-align: center;
          line-height: 20px;
          border-radius: 50%;
          background-color: #F91832;
          color: #fff;
        }
      }
    }
    .avatar-container {
      margin-right: 60px;
      margin-right: 40px;
      .avatar-wrapper {
        margin-top: 5px;
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        @include icon_color;
        .user-img-cover{
          width: 40px;
          height: 40px;
          width: 24px;
          height: 24px;
        }
        .user-avatar {
          display: block;
          width: 100%;
          height: 100%;
          border-radius: 50%;
          border: 1px solid red;
          cursor: pointer;
          width: 40px;
          height: 40px;
          border-radius: 10px;
        }
        .user-name{
          margin: 0 37px 0 8px;
          flex: 1;
          font-size: 14px;
        }
        .el-icon-caret-bottom {
          cursor: pointer;
          position: absolute;
          right: -20px;
          top: 25px;
          font-size: 12px;
          font-size: 14px;
        }
      }
    }
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@ -82,7 +82,6 @@ export default {
 <style lang="scss" scoped>
  @import "~@/assets/styles/mixin.scss";
  @import "~@/assets/styles/variables.scss";
  .app-wrapper {
    @include clearfix;
    position: relative;
@ -110,12 +109,11 @@ export default {
    top: 0;
    right: 0;
    z-index: 999;
    // width: calc(100% - #{$sideBarWidth});
    width: 100%;
    transition: width 0.28s;
    padding: 0;
    @include bg_color($background-color-theme);
    box-shadow: 5px 2px 10px 1px rgba(15,164,222,0.16);
    @include bg_color;
    @include shadow-set;
  }
  .mobile .fixed-header {
@ -129,13 +127,13 @@ export default {
    display: flex;
    justify-content:flex-start;
    width: 100%;
    // background-color: $breadcrumbBg;
    @include bg_color($background-color-theme);
    box-shadow: 0px 0px 6px 1px rgba(15,164,222,0.16);
    @include breadcrumb-bg;
    @include shadow-set;
    z-index: 100;
    .hamburger-container {
      line-height: 46px;
      line-height: 48px;
      height: 100%;
      padding: 0 6px 0 20px;
      cursor: pointer;
      transition: background .3s;
      -webkit-tap-highlight-color:transparent;