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