更新依赖
This commit is contained in:
@@ -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 {
|
||||
|
||||
@@ -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 {
|
||||
|
||||
@@ -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);
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user