更新折叠图标样式
This commit is contained in:
parent
ca953288cc
commit
d92211bd50
File diff suppressed because one or more lines are too long
2
dist/index.html
vendored
2
dist/index.html
vendored
@ -1 +1 @@
|
|||||||
<!doctype html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="/favicon.ico"><title>NEU小站</title><script defer="defer" src="/js/chunk-vendors.3e002f54.js"></script><script defer="defer" src="/js/app.77698ec3.js"></script><link href="/css/chunk-vendors.c52e575a.css" rel="stylesheet"><link href="/css/app.8d87d293.css" rel="stylesheet"></head><body><noscript><strong>抱歉,NEU小站无法在没有 JavaScript 的情况下正常工作。请启用 JavaScript 以继续。</strong></noscript><div id="app"></div></body></html>
|
<!doctype html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="/favicon.ico"><title>NEU小站</title><script defer="defer" src="/js/chunk-vendors.3e002f54.js"></script><script defer="defer" src="/js/app.6fa34a52.js"></script><link href="/css/chunk-vendors.c52e575a.css" rel="stylesheet"><link href="/css/app.8d87d293.css" rel="stylesheet"></head><body><noscript><strong>抱歉,NEU小站无法在没有 JavaScript 的情况下正常工作。请启用 JavaScript 以继续。</strong></noscript><div id="app"></div></body></html>
|
||||||
2
dist/js/134.342eff5f.js
vendored
2
dist/js/134.342eff5f.js
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
2
dist/js/898.31b83652.js
vendored
Normal file
2
dist/js/898.31b83652.js
vendored
Normal file
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -83,8 +83,8 @@
|
|||||||
class="dir-arrow"
|
class="dir-arrow"
|
||||||
:class="{ 'expanded': item.expanded }"
|
:class="{ 'expanded': item.expanded }"
|
||||||
@click.stop="toggleDir(item)"
|
@click.stop="toggleDir(item)"
|
||||||
|
v-html="collapseSvg"
|
||||||
>
|
>
|
||||||
▶
|
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -154,7 +154,8 @@ export default {
|
|||||||
isZipPreviewOpen: false,
|
isZipPreviewOpen: false,
|
||||||
zipStructure: [],
|
zipStructure: [],
|
||||||
zipTree: [],
|
zipTree: [],
|
||||||
isLoadingZip: false
|
isLoadingZip: false,
|
||||||
|
collapseSvg: '<svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="783"><path d="M512 770.438095L24.380952 326.704762l63.390477-73.142857 424.228571 385.219047 424.228571-385.219047 63.390477 73.142857z" p-id="784"></path></svg>'
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
@ -807,15 +808,18 @@ export default {
|
|||||||
margin-left: 1rem;
|
margin-left: 1rem;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
transition: transform 0.2s;
|
transition: transform 0.2s;
|
||||||
display: inline-block;
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
color: #666;
|
color: #666;
|
||||||
font-size: 0.8rem;
|
font-size: 0.8rem;
|
||||||
width: 1rem;
|
width: 1rem;
|
||||||
text-align: center;
|
height: 1rem;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
transform: rotate(-90deg);
|
||||||
|
|
||||||
&.expanded {
|
&.expanded {
|
||||||
transform: rotate(90deg);
|
transform: rotate(0deg);
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user