小功能优化8 (#371)
* refactor: 去除重复元素 * feat: edit 布局优化 * style: 题目大纲滚动时固定tab-header --------- Co-authored-by: jiangchunfu <jiangchunfu@kaike.la>
This commit is contained in:
parent
9a35de7e36
commit
4d5c3eb15d
@ -41,7 +41,7 @@ import { analysisType } from '@/management/config/analysisConfig'
|
|||||||
.right {
|
.right {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
min-width: 1160px;
|
min-width: 1300px;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
@ -60,7 +60,7 @@ onMounted(async () => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.right {
|
.right {
|
||||||
min-width: 1160px;
|
min-width: 1300px;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
padding-left: 80px;
|
padding-left: 80px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
@ -18,14 +18,19 @@ const tabSelected = ref<string>('0')
|
|||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.tab-box {
|
.tab-box {
|
||||||
width: 300px;
|
width: 360px;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
border: none;
|
border: none;
|
||||||
overflow-y: auto;
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
:deep(.el-tabs__nav) {
|
:deep(.el-tabs__nav) {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
:deep(.el-tabs__content) {
|
||||||
|
flex: 1;
|
||||||
|
overflow-y: auto;
|
||||||
|
}
|
||||||
:deep(.el-tabs__item) {
|
:deep(.el-tabs__item) {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
@ -45,7 +45,7 @@ const handleChangePreview = (data: any) => {
|
|||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.tab-box {
|
.tab-box {
|
||||||
width: 300px;
|
width: 360px;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
border: none;
|
border: none;
|
||||||
|
@ -87,7 +87,7 @@ const changePreset = (banner: any) => {
|
|||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.tab-box {
|
.tab-box {
|
||||||
width: 300px;
|
width: 360px;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
border: none;
|
border: none;
|
||||||
|
@ -55,6 +55,8 @@ watch(
|
|||||||
.navbar-tab {
|
.navbar-tab {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 10px;
|
top: 10px;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%);
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
:deep(.el-radio-button__original-radio + .el-radio-button__inner) {
|
:deep(.el-radio-button__original-radio + .el-radio-button__inner) {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
|
Loading…
Reference in New Issue
Block a user