[update 整体顶部、详情页标题] 高度调小
This commit is contained in:
@@ -1,5 +1,5 @@
|
|||||||
/*用户信息部分的高度*/
|
/*用户信息部分的高度*/
|
||||||
@user-info-height: var(--user-info-height, 59px);
|
@user-info-height: var(--user-info-height, 46px);
|
||||||
/*面包屑的高度,高度21,上下margin24 2023-12-06,面包屑挪到用户信息那一栏了,现在12px是margin的数值*/
|
/*面包屑的高度,高度21,上下margin24 2023-12-06,面包屑挪到用户信息那一栏了,现在12px是margin的数值*/
|
||||||
@breadcrumb-height: var(--breadcrumb-height, 12px);
|
@breadcrumb-height: var(--breadcrumb-height, 12px);
|
||||||
@footer-height: var(--footer-height, 38px);
|
@footer-height: var(--footer-height, 38px);
|
||||||
|
|||||||
@@ -91,7 +91,7 @@ export default {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.page-title {
|
.page-title {
|
||||||
height: 56px;
|
height: 46px;
|
||||||
border-bottom: 1px solid #E5E6EB;
|
border-bottom: 1px solid #E5E6EB;
|
||||||
padding: 0 24px;
|
padding: 0 24px;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|||||||
@@ -60,7 +60,7 @@ export default {
|
|||||||
smenuStyle () {
|
smenuStyle () {
|
||||||
const style = { padding: '0' }
|
const style = { padding: '0' }
|
||||||
if (this.fixSiderbar) {
|
if (this.fixSiderbar) {
|
||||||
style.height = 'calc(100% - 59px)'
|
style.height = 'calc(100% - 46px)'
|
||||||
style.overflow = 'auto'
|
style.overflow = 'auto'
|
||||||
style['overflow-x'] = 'hidden'
|
style['overflow-x'] = 'hidden'
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -169,7 +169,7 @@ export default {
|
|||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
/* update_begin author:scott date:20190220 for: 缩小首页布局顶部的高度*/
|
/* update_begin author:scott date:20190220 for: 缩小首页布局顶部的高度*/
|
||||||
|
|
||||||
@height: 59px;
|
@height: 46px;
|
||||||
|
|
||||||
.layout {
|
.layout {
|
||||||
|
|
||||||
|
|||||||
@@ -70,7 +70,7 @@
|
|||||||
/>
|
/>
|
||||||
|
|
||||||
<!-- layout content -->
|
<!-- layout content -->
|
||||||
<a-layout-content :style="{ height: '100%', paddingTop: fixedHeader ? '59px' : '0' }">
|
<a-layout-content :style="{ height: '100%', paddingTop: fixedHeader ? '46px' : '0' }">
|
||||||
<slot></slot>
|
<slot></slot>
|
||||||
</a-layout-content>
|
</a-layout-content>
|
||||||
|
|
||||||
@@ -351,7 +351,7 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.header {
|
.header {
|
||||||
height: 64px;
|
height: 46px;
|
||||||
padding: 0 12px 0 0;
|
padding: 0 12px 0 0;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
box-shadow: 0 1px 4px rgba(0, 21, 41, .08);
|
box-shadow: 0 1px 4px rgba(0, 21, 41, .08);
|
||||||
@@ -487,7 +487,7 @@ body {
|
|||||||
margin: auto;
|
margin: auto;
|
||||||
padding: 0 20px 0 0;
|
padding: 0 20px 0 0;
|
||||||
display: flex;
|
display: flex;
|
||||||
height: 59px;
|
height: 46px;
|
||||||
|
|
||||||
.ant-menu.ant-menu-horizontal {
|
.ant-menu.ant-menu-horizontal {
|
||||||
border: none;
|
border: none;
|
||||||
@@ -526,7 +526,7 @@ body {
|
|||||||
|
|
||||||
.header-index-right {
|
.header-index-right {
|
||||||
float: right;
|
float: right;
|
||||||
height: 59px;
|
height: 46px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
||||||
.action:hover {
|
.action:hover {
|
||||||
|
|||||||
@@ -299,6 +299,9 @@ export default {
|
|||||||
span {
|
span {
|
||||||
vertical-align: initial;
|
vertical-align: initial;
|
||||||
}
|
}
|
||||||
|
/deep/ .ant-badge-count {
|
||||||
|
transform: scale(0.8) translate(40%, -40%);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.header-notice-btn {
|
.header-notice-btn {
|
||||||
width: 32px;
|
width: 32px;
|
||||||
|
|||||||
@@ -103,7 +103,7 @@ const updatePageHeight = () => {
|
|||||||
const isEmbedded = store.getters.isEmbedded
|
const isEmbedded = store.getters.isEmbedded
|
||||||
const obj = {
|
const obj = {
|
||||||
'primary-color': '#0064FA',
|
'primary-color': '#0064FA',
|
||||||
'user-info-height': isEmbedded ? '0px' : '59px', // 用户信息的高度
|
'user-info-height': isEmbedded ? '0px' : '46px', // 用户信息的高度
|
||||||
'breadcrumb-height': isEmbedded ? '0px' : '12px', // 面包屑的高度(2023-12-06,面包屑挪到用户信息那一栏了,现在12px是margin的数值)
|
'breadcrumb-height': isEmbedded ? '0px' : '12px', // 面包屑的高度(2023-12-06,面包屑挪到用户信息那一栏了,现在12px是margin的数值)
|
||||||
'footer-height': isEmbedded ? '0px' : '38px' // 底部版权信息
|
'footer-height': isEmbedded ? '0px' : '38px' // 底部版权信息
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user