修复某些UI显示异常的问题

pull/1583/head
lyswhut 2023-08-15 15:51:32 +08:00
parent 5ca490d233
commit 616135ac14
4 changed files with 37 additions and 36 deletions

View File

@ -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;

View File

@ -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;

View File

@ -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>

View File

@ -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>