mirror of
https://github.com/kuaifan/dootask.git
synced 2026-02-28 12:50:48 +00:00
perf: 优化共享文件夹图标
This commit is contained in:
kuaifan
parent
7d48f9bde5
commit
c185b4c9c2
36
public/images/file/dark/folder-share.svg
Normal file
36
public/images/file/dark/folder-share.svg
Normal file
@ -0,0 +1,36 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 26.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{clip-path:url(#SVGID_00000033336462823464997130000002828716636929563273_);}
|
||||
.st1{fill:#CC8829;}
|
||||
.st2{fill:#E6A82E;}
|
||||
</style>
|
||||
<g>
|
||||
<g>
|
||||
<g>
|
||||
<defs>
|
||||
<rect id="SVGID_1_" x="96" y="96" width="832" height="832"/>
|
||||
</defs>
|
||||
<clipPath id="SVGID_00000030462761771329416840000015664926241110403747_">
|
||||
<use xlink:href="#SVGID_1_" style="overflow:visible;"/>
|
||||
</clipPath>
|
||||
|
||||
<g id="组_229_00000039120148495905233420000015638770175601395616_" style="clip-path:url(#SVGID_00000030462761771329416840000015664926241110403747_);">
|
||||
<path id="路径_130_00000158749428939301281780000009980643693093384124_" class="st1" d="M224,752.4h576.1
|
||||
c35.3-0.1,63.9-28.7,64-64V299.8c-0.1-35.3-28.7-63.9-64-64H224c-35.3,0.1-63.9,28.7-64,64v388.6
|
||||
C160.1,723.7,188.7,752.3,224,752.4"/>
|
||||
<path id="路径_131_00000018200541352210124860000016728334620568793479_" class="st2" d="M842.7,871.6H181.3
|
||||
c-47.1,0-85.3-38.2-85.3-85.3V252.8c0-47.1,38.2-85.3,85.3-85.3h268.5c36.6,0,69.1,23.3,80.9,58l24.1,71.4
|
||||
c11.7,34.7,44.3,58,80.9,58h206.6c47.1,0,85.3,38.1,85.3,85.2l0.5,346C928,833.3,889.8,871.6,842.7,871.6L842.7,871.6"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<path class="st1" d="M532.8,586c28.4-15.1,47.3-45.4,47.3-79.5c0-51.1-41.7-90.9-90.9-90.9c-51.1,0-90.9,41.7-90.9,90.9
|
||||
c0,34.1,18.9,62.5,45.4,79.5c-62.5,18.9-109.8,72-115.5,140.1c0,5.7,3.8,9.5,9.5,9.5h303c5.7,0,9.5-5.7,9.5-9.5
|
||||
C642.7,659.8,595.3,604.9,532.8,586z M614.3,565.1c18.9-11.4,32.2-32.2,32.2-56.8c0-34.1-24.6-60.6-56.8-64.4
|
||||
c11.4,18.9,17,39.8,17,62.5c0,26.5-9.5,51.1-22.7,70.1c36,20.8,64.4,54.9,79.5,92.8H690c3.8,0,5.7-3.8,5.7-7.6
|
||||
C691.9,616.3,659.7,576.5,614.3,565.1z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.0 KiB |
34
public/images/file/light/folder-share.svg
Normal file
34
public/images/file/light/folder-share.svg
Normal file
@ -0,0 +1,34 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 26.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{clip-path:url(#SVGID_00000013878228014924331530000018021867504706480294_);}
|
||||
.st1{fill:#F9B552;}
|
||||
.st2{fill:#FFCF5C;}
|
||||
</style>
|
||||
<g>
|
||||
<g>
|
||||
<g>
|
||||
<defs>
|
||||
<rect id="SVGID_1_" x="96" y="96" width="832" height="832"/>
|
||||
</defs>
|
||||
<clipPath id="SVGID_00000083806474236884102000000004358771661522909088_">
|
||||
<use xlink:href="#SVGID_1_" style="overflow:visible;"/>
|
||||
</clipPath>
|
||||
<g id="组_229" style="clip-path:url(#SVGID_00000083806474236884102000000004358771661522909088_);">
|
||||
<path id="路径_130" class="st1" d="M224,752.4h576.1c35.3-0.1,63.9-28.7,64-64V299.8c-0.1-35.3-28.7-63.9-64-64H224
|
||||
c-35.3,0.1-63.9,28.7-64,64v388.6C160.1,723.7,188.7,752.3,224,752.4"/>
|
||||
<path id="路径_131" class="st2" d="M842.7,871.6H181.3c-47.1,0-85.3-38.2-85.3-85.3V252.8c0-47.1,38.2-85.3,85.3-85.3h268.5
|
||||
c36.6,0,69.1,23.3,80.9,58l24.1,71.4c11.7,34.7,44.3,58,80.9,58h206.6c47.1,0,85.3,38.1,85.3,85.2l0.5,346
|
||||
C928,833.3,889.8,871.6,842.7,871.6L842.7,871.6"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<path class="st1" d="M532.8,586c28.4-15.1,47.3-45.4,47.3-79.5c0-51.1-41.7-90.9-90.9-90.9c-51.1,0-90.9,41.7-90.9,90.9
|
||||
c0,34.1,18.9,62.5,45.4,79.5c-62.5,18.9-109.8,72-115.5,140.1c0,5.7,3.8,9.5,9.5,9.5h303c5.7,0,9.5-5.7,9.5-9.5
|
||||
C642.7,659.8,595.3,604.9,532.8,586z M614.3,565.1c18.9-11.4,32.2-32.2,32.2-56.8c0-34.1-24.6-60.6-56.8-64.4
|
||||
c11.4,18.9,17,39.8,17,62.5c0,26.5-9.5,51.1-22.7,70.1c36,20.8,64.4,54.9,79.5,92.8H690c3.8,0,5.7-3.8,5.7-7.6
|
||||
C691.9,616.3,659.7,576.5,614.3,565.1z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.8 KiB |
@ -88,7 +88,7 @@
|
||||
<div class="file-menu" @click.stop="handleRightClick($event, item)">
|
||||
<Icon type="ios-more" />
|
||||
</div>
|
||||
<div :class="`no-dark-before file-icon ${item.type}`">
|
||||
<div :class="`no-dark-before file-icon ${item.type}${item.share ? ' share' : ''}`">
|
||||
<template v-if="item.share">
|
||||
<UserAvatar v-if="item.userid != userId" :userid="item.userid" class="share-avatar" :size="20">
|
||||
<p>{{$L('共享权限')}}: {{$L(item.permission == 1 ? '读/写' : '只读')}}</p>
|
||||
@ -776,11 +776,13 @@ export default {
|
||||
row.created_id != row.userid ? h('p', [h('strong', this.$L('成员创建于') + ": " + row.created_at)]) : h('p', this.$L('所有者创建') + ": " + row.created_at)
|
||||
]))
|
||||
}
|
||||
const shearClass = this.shearIds.includes(row.id) ? ' shear' : '';
|
||||
const shareClass = row.share ? ' share' : '';
|
||||
return h('div', {
|
||||
class: `file-nbox ${this.shearIds.includes(row.id) ? 'shear' : ''}`,
|
||||
class: `file-nbox${shearClass}`,
|
||||
}, [
|
||||
h('div', {
|
||||
class: `no-dark-before file-name file-icon ${row.type}`,
|
||||
class: `no-dark-before file-name file-icon ${row.type}${shareClass}`,
|
||||
}, array),
|
||||
iconArray
|
||||
]);
|
||||
|
||||
11
resources/assets/sass/dark.scss
vendored
11
resources/assets/sass/dark.scss
vendored
@ -246,8 +246,15 @@ body.dark-mode-reverse {
|
||||
&.flow:before {
|
||||
background-image: url("../images/file/dark/flow.svg");
|
||||
}
|
||||
&.folder:before {
|
||||
background-image: url("../images/file/dark/folder.svg");
|
||||
&.folder {
|
||||
&:before {
|
||||
background-image: url("../images/file/dark/folder.svg");
|
||||
}
|
||||
&.share {
|
||||
&:before {
|
||||
background-image: url("../images/file/dark/folder-share.svg");
|
||||
}
|
||||
}
|
||||
}
|
||||
&.media:before {
|
||||
background-image: url("../images/file/dark/media.svg");
|
||||
|
||||
11
resources/assets/sass/fileicon.scss
vendored
11
resources/assets/sass/fileicon.scss
vendored
@ -26,8 +26,15 @@
|
||||
&.flow:before {
|
||||
background-image: url("../images/file/light/flow.svg");
|
||||
}
|
||||
&.folder:before {
|
||||
background-image: url("../images/file/light/folder.svg");
|
||||
&.folder {
|
||||
&:before {
|
||||
background-image: url("../images/file/light/folder.svg");
|
||||
}
|
||||
&.share {
|
||||
&:before {
|
||||
background-image: url("../images/file/light/folder-share.svg");
|
||||
}
|
||||
}
|
||||
}
|
||||
&.media:before {
|
||||
background-image: url("../images/file/light/media.svg");
|
||||
|
||||
@ -0,0 +1,36 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 26.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{clip-path:url(#SVGID_00000033336462823464997130000002828716636929563273_);}
|
||||
.st1{fill:#CC8829;}
|
||||
.st2{fill:#E6A82E;}
|
||||
</style>
|
||||
<g>
|
||||
<g>
|
||||
<g>
|
||||
<defs>
|
||||
<rect id="SVGID_1_" x="96" y="96" width="832" height="832"/>
|
||||
</defs>
|
||||
<clipPath id="SVGID_00000030462761771329416840000015664926241110403747_">
|
||||
<use xlink:href="#SVGID_1_" style="overflow:visible;"/>
|
||||
</clipPath>
|
||||
|
||||
<g id="组_229_00000039120148495905233420000015638770175601395616_" style="clip-path:url(#SVGID_00000030462761771329416840000015664926241110403747_);">
|
||||
<path id="路径_130_00000158749428939301281780000009980643693093384124_" class="st1" d="M224,752.4h576.1
|
||||
c35.3-0.1,63.9-28.7,64-64V299.8c-0.1-35.3-28.7-63.9-64-64H224c-35.3,0.1-63.9,28.7-64,64v388.6
|
||||
C160.1,723.7,188.7,752.3,224,752.4"/>
|
||||
<path id="路径_131_00000018200541352210124860000016728334620568793479_" class="st2" d="M842.7,871.6H181.3
|
||||
c-47.1,0-85.3-38.2-85.3-85.3V252.8c0-47.1,38.2-85.3,85.3-85.3h268.5c36.6,0,69.1,23.3,80.9,58l24.1,71.4
|
||||
c11.7,34.7,44.3,58,80.9,58h206.6c47.1,0,85.3,38.1,85.3,85.2l0.5,346C928,833.3,889.8,871.6,842.7,871.6L842.7,871.6"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<path class="st1" d="M532.8,586c28.4-15.1,47.3-45.4,47.3-79.5c0-51.1-41.7-90.9-90.9-90.9c-51.1,0-90.9,41.7-90.9,90.9
|
||||
c0,34.1,18.9,62.5,45.4,79.5c-62.5,18.9-109.8,72-115.5,140.1c0,5.7,3.8,9.5,9.5,9.5h303c5.7,0,9.5-5.7,9.5-9.5
|
||||
C642.7,659.8,595.3,604.9,532.8,586z M614.3,565.1c18.9-11.4,32.2-32.2,32.2-56.8c0-34.1-24.6-60.6-56.8-64.4
|
||||
c11.4,18.9,17,39.8,17,62.5c0,26.5-9.5,51.1-22.7,70.1c36,20.8,64.4,54.9,79.5,92.8H690c3.8,0,5.7-3.8,5.7-7.6
|
||||
C691.9,616.3,659.7,576.5,614.3,565.1z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.0 KiB |
@ -0,0 +1,34 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 26.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{clip-path:url(#SVGID_00000013878228014924331530000018021867504706480294_);}
|
||||
.st1{fill:#F9B552;}
|
||||
.st2{fill:#FFCF5C;}
|
||||
</style>
|
||||
<g>
|
||||
<g>
|
||||
<g>
|
||||
<defs>
|
||||
<rect id="SVGID_1_" x="96" y="96" width="832" height="832"/>
|
||||
</defs>
|
||||
<clipPath id="SVGID_00000083806474236884102000000004358771661522909088_">
|
||||
<use xlink:href="#SVGID_1_" style="overflow:visible;"/>
|
||||
</clipPath>
|
||||
<g id="组_229" style="clip-path:url(#SVGID_00000083806474236884102000000004358771661522909088_);">
|
||||
<path id="路径_130" class="st1" d="M224,752.4h576.1c35.3-0.1,63.9-28.7,64-64V299.8c-0.1-35.3-28.7-63.9-64-64H224
|
||||
c-35.3,0.1-63.9,28.7-64,64v388.6C160.1,723.7,188.7,752.3,224,752.4"/>
|
||||
<path id="路径_131" class="st2" d="M842.7,871.6H181.3c-47.1,0-85.3-38.2-85.3-85.3V252.8c0-47.1,38.2-85.3,85.3-85.3h268.5
|
||||
c36.6,0,69.1,23.3,80.9,58l24.1,71.4c11.7,34.7,44.3,58,80.9,58h206.6c47.1,0,85.3,38.1,85.3,85.2l0.5,346
|
||||
C928,833.3,889.8,871.6,842.7,871.6L842.7,871.6"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<path class="st1" d="M532.8,586c28.4-15.1,47.3-45.4,47.3-79.5c0-51.1-41.7-90.9-90.9-90.9c-51.1,0-90.9,41.7-90.9,90.9
|
||||
c0,34.1,18.9,62.5,45.4,79.5c-62.5,18.9-109.8,72-115.5,140.1c0,5.7,3.8,9.5,9.5,9.5h303c5.7,0,9.5-5.7,9.5-9.5
|
||||
C642.7,659.8,595.3,604.9,532.8,586z M614.3,565.1c18.9-11.4,32.2-32.2,32.2-56.8c0-34.1-24.6-60.6-56.8-64.4
|
||||
c11.4,18.9,17,39.8,17,62.5c0,26.5-9.5,51.1-22.7,70.1c36,20.8,64.4,54.9,79.5,92.8H690c3.8,0,5.7-3.8,5.7-7.6
|
||||
C691.9,616.3,659.7,576.5,614.3,565.1z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.8 KiB |
Loading…
x
Reference in New Issue
Block a user