修复列表高度计算问题
parent
1def571191
commit
09afd2c6f8
|
@ -3,7 +3,8 @@
|
|||
core-aside#left
|
||||
#right
|
||||
core-toolbar#toolbar
|
||||
core-view#view
|
||||
#view
|
||||
core-view#view-container
|
||||
core-play-bar#player
|
||||
core-icons
|
||||
core-version-modal
|
||||
|
@ -133,9 +134,14 @@ body {
|
|||
flex: none;
|
||||
}
|
||||
#view {
|
||||
position: relative;
|
||||
flex: auto;
|
||||
display: flex;
|
||||
min-height: 0;
|
||||
}
|
||||
#view-container {
|
||||
flex: auto;
|
||||
}
|
||||
|
||||
each(@themes, {
|
||||
#root.@{value} {
|
||||
|
|
|
@ -1,28 +1,12 @@
|
|||
<template>
|
||||
<div :class="$style.view">
|
||||
<router-view v-slot="{ Component }" v-if="mounted">
|
||||
<router-view v-slot="{ Component }">
|
||||
<transition enter-active-class="animated-fast fadeIn" leave-active-class="animated-fast fadeOut">
|
||||
<component :is="Component" />
|
||||
</transition>
|
||||
</router-view>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { ref, onMounted } from '@renderer/utils/vueTools'
|
||||
export default {
|
||||
setup() {
|
||||
const mounted = ref(false)
|
||||
|
||||
onMounted(() => {
|
||||
mounted.value = true
|
||||
})
|
||||
|
||||
return {
|
||||
mounted,
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" module>
|
||||
@import '@renderer/assets/styles/layout.less';
|
||||
|
@ -30,10 +14,10 @@ export default {
|
|||
.view {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
> * {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
}
|
||||
// > * {
|
||||
// position: absolute;
|
||||
// width: 100%;
|
||||
// }
|
||||
// background: #fff;
|
||||
// overflow: hidden;
|
||||
}
|
||||
|
|
|
@ -489,6 +489,7 @@ export default {
|
|||
@import '../assets/styles/layout.less';
|
||||
|
||||
.download {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
|
|
|
@ -521,6 +521,7 @@ export default {
|
|||
@import '../assets/styles/layout.less';
|
||||
|
||||
.search {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
|
|
|
@ -1,7 +1,8 @@
|
|||
<template lang="pug">
|
||||
div(:class="$style.container")
|
||||
//- 歌曲列表页放在底层,在隐藏列表页时不会出现列表项的间隔线突兀感
|
||||
transition(enter-active-class="animated-fast fadeIn" leave-active-class="animated-fast fadeOut")
|
||||
div(:class="$style.songListDetailContent" v-show="isVisibleListDetail")
|
||||
div(:class="$style.songListDetailContent" v-if="isVisibleListDetail")
|
||||
div(:class="$style.songListHeader")
|
||||
div(:class="$style.songListHeaderLeft" :style="{ backgroundImage: 'url('+(selectListInfo.img || listDetail.info.img)+')' }")
|
||||
//- img(:src="listDetail.info.img || selectListInfo.img")
|
||||
|
@ -319,7 +320,6 @@ export default {
|
|||
width: 100%;
|
||||
display: flex;
|
||||
flex-flow: row nowrap;
|
||||
|
||||
}
|
||||
.tab {
|
||||
flex: auto;
|
||||
|
|
Loading…
Reference in New Issue