github/lina
1
0
Fork 0
mirror of https://github.com/jumpserver/lina.git synced 2025-08-01 23:18:17 +00:00
Code Issues Projects Releases Wiki Activity

Merge pull request #2539 from jumpserver/pr@dev@perf_icon

Browse Source 
perf: 优化图标
This commit is contained in:
老广 2023-02-06 17:20:14 +08:00 committed by GitHub
commit 9436ee048d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 24 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/icons/svg/mail.svg Normal file
View File

@ -0,0 +1 @@
<?xml version="1.0" encoding="UTF-8"?><svg width="32" height="32" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 39H44V24V9H24H4V24V39Z" fill="none" stroke="#fff" stroke-width="4" stroke-linejoin="round"/><path d="M4 9L24 24L44 9" stroke="#fff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 9H4V24" stroke="#fff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path d="M44 24V9H24" stroke="#fff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 549 B

1
src/icons/svg/remind.svg Normal file
View File

@ -0,0 +1 @@
<?xml version="1.0" encoding="UTF-8"?><svg width="32" height="32" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24 4C16.268 4 10 10.268 10 18V38H38V18C38 10.268 31.732 4 24 4Z" fill="none"/><path d="M10 38V18C10 10.268 16.268 4 24 4C31.732 4 38 10.268 38 18V38M4 38H44" stroke="#fff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 44C26.7614 44 29 41.7614 29 39V38H19V39C19 41.7614 21.2386 44 24 44Z" fill="none" stroke="#fff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 560 B

9
src/icons/svg/terminal.svg
View File

@ -1,3 +1,6 @@
<!-- <?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="1645509388374" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3850" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M0 64l0 896 1024 0 0-896-1024 0zM960 896l-896 0 0-768 896 0 0 768zM896 192l-768 0 0 640 768 0 0-640zM448 512l-64 0 0 64-64 0 0 64-64 0 0-64 64 0 0-64 64 0 0-64-64 0 0-64-64 0 0-64 64 0 0 64 64 0 0 64 64 0 0 64zM704 640l-192 0 0-64 192 0 0 64z" p-id="3851"></path></svg> -->
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#ffffff" d="M1 5a2 2 0 0 1 2-2h18a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V5Zm20 0H3v14h18V5Z" clip-rule="evenodd" fill-rule="evenodd"/><path fill-opacity=".2" fill="#ffffff" d="M1 5a2 2 0 0 1 2-2h18a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V5Zm20 0H3v14h18V5Z" clip-rule="evenodd" fill-rule="evenodd"/><path fill="#ffffff" d="M5.24 8.35a1 1 0 0 1 1.41-.11l3.5 3a1 1 0 0 1 0 1.52l-3.5 3a1 1 0 0 1-1.3-1.52L7.962 12 5.35 9.76a1 1 0 0 1-.108-1.41Z" clip-rule="evenodd" fill-rule="evenodd"/><path fill-opacity=".2" fill="#ffffff" d="M5.24 8.35a1 1 0 0 1 1.41-.11l3.5 3a1 1 0 0 1 0 1.52l-3.5 3a1 1 0 0 1-1.3-1.52L7.962 12 5.35 9.76a1 1 0 0 1-.108-1.41Z" clip-rule="evenodd" fill-rule="evenodd"/><path fill="#ffffff" d="M10.5 16a1 1 0 0 1 1-1H18a1 1 0 1 1 0 2h-6.5a1 1 0 0 1-1-1Z" clip-rule="evenodd" fill-rule="evenodd"/><path fill-opacity=".2" fill="#ffffff" d="M10.5 16a1 1 0 0 1 1-1H18a1 1 0 1 1 0 2h-6.5a1 1 0 0 1-1-1Z" clip-rule="evenodd" fill-rule="evenodd"/></svg>
<?xml version="1.0" encoding="UTF-8"?>
<svg width="32" height="32" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="4" y="8" width="40" height="32" rx="2" fill="none" stroke="#fff" stroke-width="4" stroke-linejoin="round"/>
<path d="M12 18L19 24L12 30" stroke="#fff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M23 32H36" stroke="#fff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 474 B

22
src/icons/svg/ticket.svg
View File

@ -1,7 +1,15 @@
<!-- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path fill="#ffffff" d="M7.273 13.474a.556.556 0 0 0 .12.18l3.142 3.143.053.047a.557.557 0 0 0 .733-.047l5.5-5.5a.555.555 0 0 0 0-.785l-.786-.786a.555.555 0 0 0-.786 0l-4.32 4.321-1.965-1.964a.555.555 0 0 0-.785 0l-.786.786a.555.555 0 0 0-.12.605Z"/>
<path fill="#ffffff" d="M7.273 13.474a.556.556 0 0 0 .12.18l3.142 3.143.053.047a.557.557 0 0 0 .733-.047l5.5-5.5a.555.555 0 0 0 0-.785l-.786-.786a.555.555 0 0 0-.786 0l-4.32 4.321-1.965-1.964a.555.555 0 0 0-.785 0l-.786.786a.555.555 0 0 0-.12.605Z"/>
<path fill="#ffffff" d="M16 1H8c-.614 0-1 .387-1 1v1H4c-.686 0-1 .387-1 1v18c0 .614.314 1 1 1h16c.686 0 1-.387 1-1V4c0-.614-.314-1-1-1h-3v2h2v16H5V5h2v1c0 .613.386 1 1 1h8c.613 0 1-.387 1-1V2c0-.614-.387-1-1-1ZM9 5V3h6v2H9Z"/>
<path fill="#ffffff" d="M16 1H8c-.614 0-1 .387-1 1v1H4c-.686 0-1 .387-1 1v18c0 .614.314 1 1 1h16c.686 0 1-.387 1-1V4c0-.614-.314-1-1-1h-3v2h2v16H5V5h2v1c0 .613.386 1 1 1h8c.613 0 1-.387 1-1V2c0-.614-.387-1-1-1ZM9 5V3h6v2H9Z"/></svg> -->
<svg t="1675650324713" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7878" width="200" height="200"><path d="M431.388444 875.804444h-215.608888c-36.522667 0-66.389333-31.516444-66.389334-70.030222V212.992c0-38.456889 29.866667-69.973333 66.332445-69.973333h491.121777c36.465778 0 66.332444 31.516444 66.332445 69.973333v311.978667c0 19.626667 19.569778 32.711111 38.172444 32.711111 18.602667 0 41.984-13.084444 41.984-32.711111v-328.248889c0-76.970667-59.733333-139.946667-132.721777-139.946667H189.610667C116.622222 56.718222 56.888889 119.694222 56.888889 196.664889v630.215111c0 76.970667 59.733333 140.003556 132.721778 140.003556h241.777777c18.602667 0 32.256-27.306667 32.256-46.933334s-13.653333-44.202667-32.256-44.202666z" fill="#ffffff" p-id="7879"></path><path d="M644.721778 284.444444H265.500444C244.224 284.444444 227.555556 303.217778 227.555556 327.111111s16.668444 42.666667 37.944888 42.666667h379.221334c21.276444 0 37.944889-18.773333 37.944889-42.666667S665.998222 284.444444 644.721778 284.444444zM682.666667 523.946667c0-23.893333-16.668444-42.666667-37.944889-42.666667H265.500444c-21.276444 0-37.944889 18.773333-37.944888 42.666667s16.668444 42.666667 37.944888 42.666666h379.221334c21.276444 0 37.944889-18.773333 37.944889-42.666666zM265.500444 678.229333c-21.276444 0-37.944889 18.773333-37.944888 42.666667s16.668444 42.666667 37.944888 42.666667h94.776889c21.276444 0 37.944889-18.773333 37.944889-42.666667s-16.668444-42.666667-37.944889-42.666667H265.500444zM957.041778 580.266667c-13.824-15.189333-45.966222-15.189333-59.733334 0l-252.017777 272.270222-116.622223-121.685333c-13.767111-15.189333-48.412444-13.312-63.146666 0-13.880889 15.189333-13.880889 50.744889 0 65.080888l139.548444 153.372445c20.423111 21.617778 42.211556 21.617778 56.718222 10.410667l295.253334-324.323556c13.084444-15.189333 13.767111-39.936 0-55.125333z" fill="#ffffff" p-id="7880"></path></svg>
<svg t="1675674616584" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2486"
width="200" height="200">
<path
d="M289.28 360.96H716.8c17.92 0 30.72-12.8 30.72-30.72s-12.8-30.72-30.72-30.72H289.28c-17.92 0-30.72 12.8-30.72 30.72s15.36 30.72 30.72 30.72zM719.36 483.84H289.28c-17.92 0-30.72 12.8-30.72 30.72s12.8 30.72 30.72 30.72H716.8c17.92 0 30.72-12.8 30.72-30.72s-12.8-30.72-28.16-30.72zM719.36 665.6H289.28c-17.92 0-30.72 12.8-30.72 30.72s12.8 30.72 30.72 30.72H716.8c17.92 0 30.72-12.8 30.72-30.72 0-15.36-12.8-30.72-28.16-30.72zM414.72 176.64h153.6c25.6 0 46.08-20.48 46.08-46.08s-20.48-46.08-46.08-46.08h-153.6c-25.6 0-46.08 20.48-46.08 46.08s20.48 46.08 46.08 46.08z"
p-id="2487" fill="#ffffff"></path>
<path
d="M808.96 115.2h-30.72c-17.92 0-30.72 12.8-30.72 30.72s12.8 30.72 30.72 30.72h30.72C844.8 176.64 870.4 204.8 870.4 238.08V819.2c0 33.28-28.16 61.44-61.44 61.44H197.12c-33.28 0-61.44-28.16-61.44-61.44V238.08c0-33.28 28.16-61.44 61.44-61.44h30.72c17.92 0 30.72-12.8 30.72-30.72s-12.8-30.72-30.72-30.72H197.12C130.56 115.2 76.8 171.52 76.8 238.08V819.2c0 66.56 53.76 122.88 122.88 122.88h611.84c66.56 0 122.88-53.76 122.88-122.88V238.08c-2.56-66.56-56.32-122.88-125.44-122.88z"
p-id="2488" fill="#ffffff"></path>
<path
d="M289.28 360.96H716.8c17.92 0 30.72-12.8 30.72-30.72s-12.8-30.72-30.72-30.72H289.28c-17.92 0-30.72 12.8-30.72 30.72s15.36 30.72 30.72 30.72zM719.36 483.84H289.28c-17.92 0-30.72 12.8-30.72 30.72s12.8 30.72 30.72 30.72H716.8c17.92 0 30.72-12.8 30.72-30.72s-12.8-30.72-28.16-30.72zM719.36 665.6H289.28c-17.92 0-30.72 12.8-30.72 30.72s12.8 30.72 30.72 30.72H716.8c17.92 0 30.72-12.8 30.72-30.72 0-15.36-12.8-30.72-28.16-30.72zM414.72 176.64h153.6c25.6 0 46.08-20.48 46.08-46.08s-20.48-46.08-46.08-46.08h-153.6c-25.6 0-46.08 20.48-46.08 46.08s20.48 46.08 46.08 46.08z"
p-id="2489" fill="#ffffff"></path>
<path
d="M808.96 115.2h-30.72c-17.92 0-30.72 12.8-30.72 30.72s12.8 30.72 30.72 30.72h30.72C844.8 176.64 870.4 204.8 870.4 238.08V819.2c0 33.28-28.16 61.44-61.44 61.44H197.12c-33.28 0-61.44-28.16-61.44-61.44V238.08c0-33.28 28.16-61.44 61.44-61.44h30.72c17.92 0 30.72-12.8 30.72-30.72s-12.8-30.72-30.72-30.72H197.12C130.56 115.2 76.8 171.52 76.8 238.08V819.2c0 66.56 53.76 122.88 122.88 122.88h611.84c66.56 0 122.88-53.76 122.88-122.88V238.08c-2.56-66.56-56.32-122.88-125.44-122.88z"
p-id="2490" fill="#ffffff"></path>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 2.4 KiB

2
src/layout/components/NavHeader/SiteMessages.vue
View File

@ -2,7 +2,7 @@
<div>
<el-badge :hidden="unreadMsgCount === 0" :max="99" :value="unreadMsgCount" size="mini" type="primary">
<el-link style="height: 100%" @click="toggleDrawer">
<svg-icon icon-class="email-fill" />
<svg-icon icon-class="remind" />
</el-link>
</el-badge>
<el-drawer