.cardBox { height: 100%; overflow: hidden; width: 320px; left: 0; top: 0; margin-right: 10px; position: relative; transition-property: width, left; transition-duration: 0.5s; white-space: nowrap; .ant-card-body { height: 100%; } .ant-tree-node-content-wrapper { display: flex; align-items: center; .ant-tree-iconEle { display: flex; align-items: center; width: 18px; } } .switcher { display: block; position: absolute; font-size: 18px; color: #1890ff !important; top: 50%; right: 5px; transform: translate(0%, -50%); z-index: 1; } } .hideBox { left: 0px; top: 0; width: 26px; } .hideH { width: 100%; } .treeTitle { display: flex; span { display: none; } } .treeTitle:hover { span { margin-left: 20px; display: block; } } .titleBox { display: flex; // flex-wrap: wrap; justify-content: space-around; align-items: center; } .cardBoxR { height: calc(100% - 3px); min-width: 870px; overflow-y: scroll; } .cardBoxRNew { // height: calc(100vh - 160px); height: 100%; // min-width: 870px; // overflow-y: scroll; } .cardBoxH { // height: calc(100vh - 151px); height: 100%; min-width: 870px; overflow-y: scroll; } .hide { display: block; position: absolute; font-size: 18px; color: #1890ff !important; top: 45%; right: -3px; transform: translate(0%, -50%); z-index: 2; } .boxR { width: 100%; height: 100%; position: relative; transition: width 2s; .ant-card { height: 100%; } .ant-card-body { height: 100%; } .ant-tabs { height: 100%; } .ant-tabs-content { height: 100%; position: relative; } } // .anticon-unordered-list{ // vertical-align: 0.125em; // color:#1890FF; // } .content { width: 100%; height: 100%; display: flex; position: relative; .ant-card-body { padding: 12px 24px 24px 10px; } } .title { display: flex; align-items: center; justify-content: space-between; width: 100%; } .tip { display: none; } .title:hover { .tip { display: flex; align-items: center; justify-content: flex-end; width: 60%; } } .fs { font-size: 18px; margin-left: 10px; } .titleTop { width: 20rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-left: 10px; } .titleSearch { color: #f50; }