vue/jingrowtools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

添加背景页面右边栏颜色选中风格与色阶栏保持一致

Browse Source
This commit is contained in:
jingrow 2026-01-21 16:50:32 +08:00
parent 23dfa9278d
commit 951813a539
1 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/views/tools/add_background/add_background.vue
View File

@ -1814,6 +1814,9 @@ const removeHistoryItem = (index: number) => {
transition: all 0.15s ease; transition: all 0.15s ease;
position: relative; position: relative;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
display: flex;
align-items: center;
justify-content: center;
&:hover { &:hover {
transform: scale(1.08); transform: scale(1.08);
@ -1822,20 +1825,18 @@ const removeHistoryItem = (index: number) => {
} }
&.active { &.active {
border-color: #1fc76f; transform: scale(1.15);
box-shadow: 0 0 0 3px rgba(31, 199, 111, 0.25);
&::after { &::after {
content: ''; content: '';
position: absolute; position: absolute;
top: 50%; top: 50%;
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%) rotate(45deg);
width: 10px; width: 8px;
height: 10px; height: 14px;
background: white; border: solid #1fc76f;
border-radius: 50%; border-width: 0 2.5px 2.5px 0;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
} }
} }
} }