Commit bc95d494 by wufan Committed by zhangleyuan

style:资料云盘样式优化

parent 5aea1288
...@@ -262,7 +262,7 @@ class ChooseMembersModal extends React.Component { ...@@ -262,7 +262,7 @@ class ChooseMembersModal extends React.Component {
render: (value, record) => { render: (value, record) => {
return ( return (
<div className='edit' onClick={() => this.clearOneUser(record)}> <div className='edit' onClick={() => this.clearOneUser(record)}>
<span className="icon iconfont">&#xe717;</span> <span className="icon iconfont edit-icon">&#xe717;</span>
</div> </div>
) )
} }
......
...@@ -68,13 +68,20 @@ ...@@ -68,13 +68,20 @@
.span-right{ .span-right{
float: right; float: right;
margin-right: 10px; margin-right: 10px;
color:#5289FA;
.span-right-l{ .span-right-l{
color: #FD9A6A; color: #FD9A6A;
cursor: pointer; cursor: pointer;
} }
} }
.container-right-body{ .container-right-body{
border: 1px solid #E9E9E9;
margin: 10px; margin: 10px;
.edit {
.edit-icon {
color:#999;
}
}
.edit-img{ .edit-img{
width: 16px; width: 16px;
height: 16px; height: 16px;
...@@ -83,12 +90,17 @@ ...@@ -83,12 +90,17 @@
.ant-table { .ant-table {
min-height: 378px !important; min-height: 378px !important;
} }
.ant-table tbody tr:nth-child(even) {
background: transparent!important;
}
.ant-empty-normal { .ant-empty-normal {
margin: 130px 0 !important; margin: 130px 0 !important;
} }
.avatar{ .avatar{
display: flex;
align-items: center;
.avatar-img{ .avatar-img{
height: 23px; height: 23px;
width: 23px; width: 23px;
......
...@@ -333,9 +333,11 @@ class CopyFileModal extends React.Component { ...@@ -333,9 +333,11 @@ class CopyFileModal extends React.Component {
} }
{ {
!(folderList.length>0) && showLottieIcon && !(folderList.length>0) && showLottieIcon &&
<div className="lottie-box">
<LottieIcon <LottieIcon
title={<span className="desc">这个文件夹是空的</span>} title={<span className="desc">这个文件夹是空的</span>}
/> />
</div>
} }
</div> </div>
</Modal> </Modal>
......
...@@ -56,6 +56,10 @@ ...@@ -56,6 +56,10 @@
} }
} }
.lottie-box {
border:1px solid #E8E8E8;
border-radius:4px;
}
.lottie-icon{ .lottie-icon{
margin: 100px 0; margin: 100px 0;
......
...@@ -637,6 +637,7 @@ class FolderList extends React.Component { ...@@ -637,6 +637,7 @@ class FolderList extends React.Component {
key="table" key="table"
rowKey={(record) => record.id} rowKey={(record) => record.id}
columns={this.parseColumns()} columns={this.parseColumns()}
showSorterTooltip={false}
dataSource={folderList} dataSource={folderList}
rowSelection={ rowSelection={
{ {
......
...@@ -341,6 +341,7 @@ class OperateArea extends React.Component { ...@@ -341,6 +341,7 @@ class OperateArea extends React.Component {
<Button <Button
onClick={this.handleToggleCreateFolderModal} onClick={this.handleToggleCreateFolderModal}
disabled={showResultPage} disabled={showResultPage}
className="create-btn"
> >
<div className="btn-content"> <div className="btn-content">
<span className="icon iconfont">&#xe7a2;</span> <span className="icon iconfont">&#xe7a2;</span>
......
...@@ -140,6 +140,10 @@ ...@@ -140,6 +140,10 @@
margin-right: 4px; margin-right: 4px;
} }
} }
// .create-btn {
// padding:0;
// margin:0;
// }
} }
&__search { &__search {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment