修复列表高度计算问题

pull/733/head
lyswhut 2021-12-04 19:10:04 +08:00
parent 1def571191
commit 09afd2c6f8
5 changed files with 16 additions and 24 deletions

View File

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

View File

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

View File

@ -489,6 +489,7 @@ export default {
@import '../assets/styles/layout.less';
.download {
position: relative;
overflow: hidden;
height: 100%;
display: flex;

View File

@ -521,6 +521,7 @@ export default {
@import '../assets/styles/layout.less';
.search {
position: relative;
overflow: hidden;
height: 100%;
display: flex;

View File

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