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