更新依赖

This commit is contained in:
lyswhut
2025-04-09 09:39:34 +08:00
parent 36262ff166
commit a8790b9835
45 changed files with 255 additions and 287 deletions
+7 -7
View File
@@ -311,7 +311,7 @@ html {
}
.auto-hidden {
.mixin-ellipsis-1;
.mixin-ellipsis-1();
}
.center {
@@ -455,8 +455,8 @@ input, textarea {
flex: none;
.num {
.nobreak;
.center;
.nobreak();
.center();
color: var(--color-font-label);
}
// box-shadow: 0 0 2px var(--color-primary-dark-500-alpha-800);
@@ -521,15 +521,15 @@ table {
line-height: 16px;
vertical-align: middle;
box-sizing: border-box;
.mixin-ellipsis-1;
.mixin-ellipsis-1();
&.auto {
flex: auto;
}
&.num, .num {
.nobreak;
.center;
.nobreak();
.center();
padding-left: 3px;
padding-right: 3px;
font-size: 11px;
@@ -545,7 +545,7 @@ table {
align-items: center;
>.name {
.mixin-ellipsis-1;
.mixin-ellipsis-1();
}
}
.badge {
+1 -1
View File
@@ -109,7 +109,7 @@ export default {
transition: @transition-normal;
transition-property: background-color, opacity;
box-sizing: border-box;
.mixin-ellipsis-1;
.mixin-ellipsis-1();
// background-color: var(--color-primary-light-600-alpha-800);
&:hover {
+2 -2
View File
@@ -153,7 +153,7 @@ export default {
span {
flex: auto;
.mixin-ellipsis-1;
.mixin-ellipsis-1();
}
.icon {
flex: none;
@@ -200,7 +200,7 @@ export default {
transition: background-color @transition-normal;
background-color: transparent;
box-sizing: border-box;
.mixin-ellipsis-1;
.mixin-ellipsis-1();
&:hover {
background-color: var(--color-button-background-hover);
+1 -1
View File
@@ -103,7 +103,7 @@ export default {
position: relative;
padding: 8px 0;
&:after {
.mixin-after;
.mixin-after();
left: 0;
bottom: 0;
width: 100%;
@@ -229,7 +229,7 @@ export default {
padding: 0 10px !important;
width: calc(@item-width - 15px);
min-width: 160px;
.mixin-ellipsis-1;
.mixin-ellipsis-1();
}
.newList {
@@ -186,7 +186,7 @@ export default {
padding: 0 10px !important;
width: calc(@item-width - 15px);
min-width: 160px;
.mixin-ellipsis-1;
.mixin-ellipsis-1();
}
.newList {
@@ -64,7 +64,7 @@ const handleUpdateSpeed = (value) => {
flex-flow: column nowrap;
gap: 8px;
&:before {
.mixin-after;
.mixin-after();
position: absolute;
top: 0;
height: 1px;
@@ -107,7 +107,7 @@ onMounted(() => {
position: relative;
&:before {
.mixin-after;
.mixin-after();
position: absolute;
left: 50%;
height: 100%;
@@ -83,7 +83,7 @@ const handleUpdatePlaybackRate = (value) => {
min-height: 0;
flex: none;
&:before {
.mixin-after;
.mixin-after();
position: absolute;
top: 0;
height: 1px;
@@ -114,7 +114,7 @@ watch(visible, (visible) => {
min-height: 0;
&:before {
.mixin-after;
.mixin-after();
position: absolute;
left: 50%;
height: 100%;
@@ -119,7 +119,7 @@ export default {
// transition: @transition-normal;
// transition-property: color;
// color: @color-theme-font-label;
// .mixin-ellipsis-1;
// .mixin-ellipsis-1();
// }
}
.navItem {
@@ -161,9 +161,9 @@ export default {
justify-content: center;
// border-radius: @radius-border;
.mixin-ellipsis-1;
.mixin-ellipsis-1();
&:before {
.mixin-after;
.mixin-after();
left: 0;
top: 0;
width: 3px;
@@ -164,7 +164,7 @@ export default {
}
&:before {
.mixin-after;
.mixin-after();
left: 0;
top: 0;
width: 100%;
@@ -257,12 +257,12 @@ export default {
max-width: 100%;
font-size: 12px;
color: var(--color-font-label);
.mixin-ellipsis-1;
.mixin-ellipsis-1();
}
.status {
padding-top: 3px;
height: 23px;
.mixin-ellipsis-1;
.mixin-ellipsis-1();
max-width: 100%;
}
@@ -164,7 +164,7 @@ export default {
}
&:before {
.mixin-after;
.mixin-after();
left: 0;
top: 0;
width: 100%;
@@ -245,12 +245,12 @@ export default {
max-width: 100%;
font-size: 12px;
color: var(--color-font-label);
.mixin-ellipsis-1;
.mixin-ellipsis-1();
}
.status {
padding-top: 3px;
height: 23px;
.mixin-ellipsis-1;
.mixin-ellipsis-1();
max-width: 100%;
}
@@ -166,7 +166,7 @@ export default {
}
&:before {
.mixin-after;
.mixin-after();
left: 0;
top: 0;
width: 100%;
@@ -247,12 +247,12 @@ export default {
max-width: 100%;
font-size: 12px;
color: var(--color-font-label);
.mixin-ellipsis-1;
.mixin-ellipsis-1();
}
.status {
padding-top: 3px;
height: 23px;
.mixin-ellipsis-1;
.mixin-ellipsis-1();
max-width: 100%;
}
@@ -256,7 +256,7 @@ export default {
transition: @transition-normal;
transition-property: background-color, opacity;
box-sizing: border-box;
.mixin-ellipsis-1;
.mixin-ellipsis-1();
background-color: var(--color-content-background);
border: none;
@@ -112,7 +112,7 @@ export default {
.name {
flex: 0 1 auto;
min-width: 0;
.mixin-ellipsis-1;
.mixin-ellipsis-1();
color: var(--color-650);
}
.label {
@@ -261,7 +261,7 @@ export default {
// border-bottom: 1px solid #eee;
h3 {
font-size: 14px;
.mixin-ellipsis-1;
.mixin-ellipsis-1();
line-height: 1.2;
}
}
@@ -98,7 +98,7 @@ export default {
// line-height: 36px;
// padding: 0 10px !important;
min-width: 70px;
// .mixin-ellipsis-1;
// .mixin-ellipsis-1();
+.btn {
margin-left: 10px;
+1 -1
View File
@@ -256,7 +256,7 @@ export default {
}
// &:before {
// .mixin-after;
// .mixin-after();
// position: absolute;
// left: 0;
// top: 0;
@@ -293,7 +293,7 @@ export default {
transition: background-color .2s ease;
line-height: 1.3;
span {
.mixin-ellipsis-2;
.mixin-ellipsis-2();
}
&.select {
@@ -144,7 +144,7 @@ defineExpose({ hideMenu: handleMenuClick })
padding: 0 10px;
font-size: 13px;
line-height: 36px;
.mixin-ellipsis-1;
.mixin-ellipsis-1();
}
@@ -107,7 +107,7 @@ export default {
// line-height: 36px;
// padding: 0 10px !important;
min-width: 70px;
// .mixin-ellipsis-1;
// .mixin-ellipsis-1();
+.btn {
margin-left: 10px;
@@ -234,12 +234,12 @@ export default {
}
.text {
max-width: 100%;
.mixin-ellipsis-1;
.mixin-ellipsis-1();
}
.albumName {
font-size: 12px;
opacity: 0.6;
// .mixin-ellipsis-1;
// .mixin-ellipsis-1();
}
.label {
flex: none;
@@ -328,7 +328,7 @@ export default {
flex-flow: row nowrap;
}
.name {
.mixin-ellipsis;
.mixin-ellipsis();
}
.label {
flex: none;
@@ -344,7 +344,7 @@ export default {
.singer {
// font-size: 0.9em;
color: var(--color-font-label);
.mixin-ellipsis;
.mixin-ellipsis();
}
}
@@ -357,7 +357,7 @@ export default {
// line-height: 36px;
// padding: 0 10px !important;
min-width: 70px;
// .mixin-ellipsis-1;
// .mixin-ellipsis-1();
+.btn {
margin-left: 10px;
@@ -343,12 +343,12 @@ export default {
}
.text {
flex: auto;
.mixin-ellipsis-1;
.mixin-ellipsis-1();
}
.albumName {
font-size: 12px;
opacity: 0.6;
.mixin-ellipsis-1;
.mixin-ellipsis-1();
}
.source {
flex: none;
@@ -176,12 +176,12 @@ export default {
}
.text {
max-width: 100%;
.mixin-ellipsis-1;
.mixin-ellipsis-1();
}
.albumName {
font-size: 12px;
opacity: 0.6;
// .mixin-ellipsis-1;
// .mixin-ellipsis-1();
}
.label {
flex: none;
@@ -198,7 +198,7 @@ export default {
// line-height: 36px;
// padding: 0 10px !important;
min-width: 70px;
// .mixin-ellipsis-1;
// .mixin-ellipsis-1();
+.btn {
margin-left: 10px;
@@ -151,7 +151,7 @@ export default {
.text {
flex: auto;
margin-bottom: 2px;
.mixin-ellipsis-1;
.mixin-ellipsis-1();
}
.checkbox {
margin-top: 3px;
@@ -107,7 +107,7 @@ export default {
// line-height: 36px;
// padding: 0 10px !important;
min-width: 70px;
// .mixin-ellipsis-1;
// .mixin-ellipsis-1();
+.btn {
margin-left: 10px;
+2 -2
View File
@@ -275,7 +275,7 @@ export default {
font-size: 12px;
line-height: 38px;
padding: 0 10px;
.mixin-ellipsis-1;
.mixin-ellipsis-1();
}
.headerBtns {
flex: none;
@@ -373,7 +373,7 @@ export default {
padding: 0 10px;
font-size: 13px;
line-height: @lists-item-height;
.mixin-ellipsis-1;
.mixin-ellipsis-1();
}
.listsInput {
width: 100%;
@@ -118,7 +118,7 @@ const handleSearch = (text) => {
transition: background-color @transition-normal;
cursor: pointer;
color: var(--color-button-font);
.mixin-ellipsis-1;
.mixin-ellipsis-1();
max-width: 150px;
font-size: 13px;
&:hover {
@@ -137,13 +137,13 @@ export default {
line-height: 36px;
padding: 0 10px !important;
width: 150px;
.mixin-ellipsis-1;
.mixin-ellipsis-1();
+ .footerBtn {
margin-left: 15px;
}
}
.ruleLink {
.mixin-ellipsis-1;
.mixin-ellipsis-1();
}
</style>
@@ -332,7 +332,7 @@ export default {
}
}
.label {
.mixin-ellipsis-2;
.mixin-ellipsis-2();
padding-top: 10px;
text-align: center;
line-height: 1.1;
@@ -256,7 +256,7 @@ export default {
box-sizing: border-box;
}
.hotKeyItemTitle {
.mixin-ellipsis-1;
.mixin-ellipsis-1();
padding-bottom: 5px;
color: var(--color-font-label);
font-size: 12px;
@@ -124,7 +124,7 @@ export default {
.text {
flex: auto;
margin-bottom: 2px;
.mixin-ellipsis-1;
.mixin-ellipsis-1();
}
.label {
@@ -799,7 +799,7 @@ export default {
// line-height: 36px;
// padding: 0 10px !important;
min-width: 70px;
// .mixin-ellipsis-1;
// .mixin-ellipsis-1();
}
</style>
@@ -240,13 +240,13 @@ export default {
line-height: 36px;
padding: 0 10px !important;
width: 150px;
.mixin-ellipsis-1;
.mixin-ellipsis-1();
+ .footerBtn {
margin-left: 15px;
}
}
.ruleLink {
.mixin-ellipsis-1;
.mixin-ellipsis-1();
}
</style>
@@ -122,7 +122,7 @@ export default {
// line-height: 36px;
// padding: 0 10px !important;
min-width: 70px;
// .mixin-ellipsis-1;
// .mixin-ellipsis-1();
+.btn {
margin-left: 10px;
+1 -1
View File
@@ -191,7 +191,7 @@ export default {
}
.tocH2 {
line-height: 1.5;
.mixin-ellipsis-1;
.mixin-ellipsis-1();
font-size: 13px;
color: var(--color-font);
padding: 8px 10px;
+2 -2
View File
@@ -200,7 +200,7 @@ export default {
color: #fff;
font-size: 12px;
text-align: right;
.mixin-ellipsis-1;
.mixin-ellipsis-1();
}
.songListHeaderMiddle {
@@ -208,7 +208,7 @@ export default {
padding: 2px 7px;
min-width: 0;
h3 {
.mixin-ellipsis-1;
.mixin-ellipsis-1();
line-height: 1.2;
padding-bottom: 5px;
color: var(--color-font);
@@ -133,7 +133,7 @@ onBeforeRouteLeave(() => {
height: 2.6em;
text-align: justify;
line-height: 1.3;
.mixin-ellipsis-2;
.mixin-ellipsis-2();
}
}
.songlist_info {
@@ -142,7 +142,7 @@ onBeforeRouteLeave(() => {
gap: 15px;
margin-top: 12px;
font-size: 12px;
.mixin-ellipsis-1;
.mixin-ellipsis-1();
text-align: justify;
line-height: 1.2;
// text-indent: 24px;
@@ -154,7 +154,7 @@ onBeforeRouteLeave(() => {
.author {
margin-top: 6px;
font-size: 12px;
.mixin-ellipsis-1;
.mixin-ellipsis-1();
text-align: justify;
line-height: 1.2;
// text-indent: 24px;
@@ -163,7 +163,7 @@ const handleSubmit = () => {
// line-height: 36px;
// padding: 0 10px !important;
min-width: 80px;
// .mixin-ellipsis-1;
// .mixin-ellipsis-1();
}
@@ -156,7 +156,7 @@ defineExpose({
// height: 2.6em;
text-align: justify;
line-height: 1.3;
.mixin-ellipsis-2;
.mixin-ellipsis-2();
}
}
.songlist_info {
@@ -165,7 +165,7 @@ defineExpose({
gap: 15px;
margin-top: 8px;
font-size: 12px;
.mixin-ellipsis-1;
.mixin-ellipsis-1();
text-align: justify;
line-height: 1.2;
// text-indent: 24px;
@@ -177,7 +177,7 @@ defineExpose({
.author {
margin-top: 6px;
font-size: 12px;
.mixin-ellipsis-1;
.mixin-ellipsis-1();
text-align: justify;
line-height: 1.3;
// text-indent: 24px;
@@ -186,7 +186,7 @@ defineExpose({
.time {
margin-top: 3px;
font-size: 12px;
.mixin-ellipsis-1;
.mixin-ellipsis-1();
text-align: justify;
line-height: 1.3;
// text-indent: 24px;