@import '~antd/es/style/themes/default.less'; @imgSrc: '../../assets/images/accout'; .account { width: 100%; height: 100%; .tableRender { width: 100%; height: 100%; .content { width: 100%; height: 100%; display: flex; justify-content: space-between; .left { width: 236px; height: 100%; margin-right: 14px; position: relative; transition: all 0.3s ease-out; .t-header { overflow: hidden; font-size: 15px; font-weight: bold; background: linear-gradient(#add7fc, #ffffff); padding: 5px 10px; color: #1890ff; } .shrink { position: absolute; right: -14px; top: 50%; transform: translateY(-50%); height: 100px; width: 14px; &:hover { cursor: pointer; } &[type='true'] { background: url('@{imgSrc}/show_true.png'); background-size: 100% 100%; } &[type='false'] { background: url('@{imgSrc}/show_false.png'); background-size: 100% 100%; } } } .right { transition: all 0.3s ease-out; width: calc(100% - 250px); height: 100%; padding-bottom: 50px; position: relative; .top { width: 100%; height: 40px; } .bottom { width: 100%; height: calc(100% - 50px); } .footer { position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; display: flex; align-items: center; justify-content: space-between; } } } } .tableDetail { width: 100%; height: 100%; padding-bottom: 50px; .formBox { width: 100%; height: 100%; overflow: auto; } .formBtns { display: flex; align-items: center; justify-content: flex-end; padding: 0 20px; background: white; height: 50px; } } }