修复某些UI显示异常的问题
parent
5ca490d233
commit
616135ac14
|
@ -299,7 +299,7 @@ export default {
|
||||||
gap: 18px;
|
gap: 18px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.play-btn {
|
.playBtn {
|
||||||
flex: none;
|
flex: none;
|
||||||
height: 52%;
|
height: 52%;
|
||||||
// margin-top: -2px;
|
// margin-top: -2px;
|
||||||
|
|
|
@ -165,7 +165,7 @@ export default {
|
||||||
will-change: transform;
|
will-change: transform;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bar-transition {
|
.barTransition {
|
||||||
transition-property: transform;
|
transition-property: transform;
|
||||||
transition-timing-function: ease-out;
|
transition-timing-function: ease-out;
|
||||||
transition-duration: 0.2s;
|
transition-duration: 0.2s;
|
||||||
|
|
|
@ -8,7 +8,8 @@ dd
|
||||||
div(v-for="(item, index) in allHotKeys.local" :key="index" :class="$style.hotKeyItem")
|
div(v-for="(item, index) in allHotKeys.local" :key="index" :class="$style.hotKeyItem")
|
||||||
h4(:class="$style.hotKeyItemTitle") {{ $t('setting__hot_key_' + item.name) }}
|
h4(:class="$style.hotKeyItemTitle") {{ $t('setting__hot_key_' + item.name) }}
|
||||||
base-input(
|
base-input(
|
||||||
:class="$style.hotKeyItemInput" readonly :auto-paste="false" :placeholder="$t('setting__hot_key_unset_input')" :value="hotKeyConfig.local[item.name] && formatHotKeyName(hotKeyConfig.local[item.name].key)"
|
:class="$style.hotKeyItemInput" readonly :auto-paste="false"
|
||||||
|
:placeholder="$t('setting__hot_key_unset_input')" :value="hotKeyConfig.local[item.name] && formatHotKeyName(hotKeyConfig.local[item.name].key)"
|
||||||
@keyup.prevent
|
@keyup.prevent
|
||||||
@focus="handleHotKeyFocus($event, item, 'local')"
|
@focus="handleHotKeyFocus($event, item, 'local')"
|
||||||
@blur="handleHotKeyBlur($event, item, 'local')")
|
@blur="handleHotKeyBlur($event, item, 'local')")
|
||||||
|
@ -20,7 +21,7 @@ dd
|
||||||
div(v-for="(item, index) in allHotKeys.global" :key="index" :class="$style.hotKeyItem")
|
div(v-for="(item, index) in allHotKeys.global" :key="index" :class="$style.hotKeyItem")
|
||||||
h4(:class="$style.hotKeyItemTitle") {{ $t('setting__hot_key_' + item.name) }}
|
h4(:class="$style.hotKeyItemTitle") {{ $t('setting__hot_key_' + item.name) }}
|
||||||
base-input(
|
base-input(
|
||||||
:class="[$style.hotKeyItemInput, hotKeyConfig.global[item.name] && hotKeyStatus[hotKeyConfig.global[item.name].key] && hotKeyStatus[hotKeyConfig.global[item.name].key].status === false ? $style.hotKeyFailed : null]"
|
:class="[$style.hotKeyItemInput, hotKeyConfig.global[item.name] && hotKeyStatus[hotKeyConfig.global[item.name].key] && hotKeyStatus[hotKeyConfig.global[item.name].key].status === false ? $style.hotKeyFailed : null]"
|
||||||
:value="hotKeyConfig.global[item.name] && formatHotKeyName(hotKeyConfig.global[item.name].key)" :auto-paste="false" readonly :placeholder="$t('setting__hot_key_unset_input')" @input.prevent
|
:value="hotKeyConfig.global[item.name] && formatHotKeyName(hotKeyConfig.global[item.name].key)" :auto-paste="false" readonly :placeholder="$t('setting__hot_key_unset_input')" @input.prevent
|
||||||
@focus="handleHotKeyFocus($event, item, 'global')"
|
@focus="handleHotKeyFocus($event, item, 'global')"
|
||||||
@blur="handleHotKeyBlur($event, item, 'global')")
|
@blur="handleHotKeyBlur($event, item, 'global')")
|
||||||
|
@ -274,34 +275,34 @@ export default {
|
||||||
text-decoration: line-through;
|
text-decoration: line-through;
|
||||||
}
|
}
|
||||||
|
|
||||||
.del-line {
|
// .delLine {
|
||||||
position: relative;
|
// position: relative;
|
||||||
&:before {
|
// &:before {
|
||||||
display: block;
|
// display: block;
|
||||||
height: 1px;
|
// height: 1px;
|
||||||
position: absolute;
|
// position: absolute;
|
||||||
width: 110%;
|
// width: 110%;
|
||||||
content: ' ';
|
// content: ' ';
|
||||||
left: 0;
|
// left: 0;
|
||||||
background-color: #000;
|
// background-color: #000;
|
||||||
transform: rotate(-24deg);
|
// transform: rotate(-24deg);
|
||||||
transform-origin: 0;
|
// transform-origin: 0;
|
||||||
top: 83%;
|
// top: 83%;
|
||||||
z-index: 1;
|
// z-index: 1;
|
||||||
}
|
// }
|
||||||
&:after {
|
// &:after {
|
||||||
display: block;
|
// display: block;
|
||||||
height: 1px;
|
// height: 1px;
|
||||||
position: absolute;
|
// position: absolute;
|
||||||
width: 110%;
|
// width: 110%;
|
||||||
content: ' ';
|
// content: ' ';
|
||||||
left: 0;
|
// left: 0;
|
||||||
background-color: #000;
|
// background-color: #000;
|
||||||
transform: rotate(23deg);
|
// transform: rotate(23deg);
|
||||||
transform-origin: 0px;
|
// transform-origin: 0px;
|
||||||
top: 2px;
|
// top: 2px;
|
||||||
z-index: 1;
|
// z-index: 1;
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -79,7 +79,7 @@ export default {
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="less" module>
|
<style lang="less" module>
|
||||||
.save-path {
|
// .savePath {
|
||||||
font-size: 12px;
|
// font-size: 12px;
|
||||||
}
|
// }
|
||||||
</style>
|
</style>
|
||||||
|
|
Loading…
Reference in New Issue