提交 2b0193de 编写于 作者: Mosher's avatar Mosher

update:更新导入组件

上级 15327e67
// 导入视图样式 // 导入视图样式
.app-data-upload-view{ .app-data-upload-view{
font-family: "Microsoft YaHei"; font-family: "Microsoft YaHei";
.main-content{ .main-content{
height: 174px; height: calc(100% - 68px);
background: #FAFAFB; background: #FAFAFB;
border-radius: 4px; border-radius: 4px;
border: 1px dashed #D7D7D7; border: 1px dashed #D7D7D7;
// 上传文件区域 margin-top: 10px;
.upload-container{ // 上传文件区域
cursor: pointer; .upload-container{
height: 100%; cursor: pointer;
width: 100%; height: 100%;
text-align: center; width: 100%;
padding-top: 58px; text-align: center;
.icon-import{ padding-top: 58px;
display: block; .icon-import{
margin: 0 auto 17px; display: block;
} margin: 0 auto 17px;
.select-file-text{
height: 17px;
font-size: 12px;
color: #565656;
line-height: 17px;
}
}
// 信息展示容器
.data-info-container{
padding: 8px 10px 6px;
height: 100%;
width: 100%;
// 进度条
.progress{
margin-bottom: 6px ;
.el-progress-bar__outer{
background-color: #FFFFFF;
}
.el-progress-bar__inner{
background-color: #D7E9FF;
}
}
.message-container{
height: 150px;
display: flex;
justify-content: space-between;
ul li{
list-style-type: none;
padding-left: 20px;
}
.result-list{
height: 100%;
width: 100%;
overflow: auto;
}
//成功信息区
.result-list{
ul .success-item{
background: url("~@/assets/img/icon-success.svg") no-repeat 5px 5px;
background-size: 10px 10px;
}
}
//错误信息区
.result-list{
ul .error-item{
background: url("~@/assets/img/icon-error.svg") no-repeat 5px 5px;
background-size: 10px 10px;
}
}
}
}
}
// 下载模板区
.second-content{
padding: 16px 12px 0;
margin-bottom: 30px;
.import-template-message{
font-size: 12px;
height: 17px;
color: #565656;
line-height: 17px;
} }
.import-template{ .select-file-text{
.icon-link{
width: 12px;
margin-bottom: -1px;
margin-right: 3px;
}
height: 17px; height: 17px;
font-size: 12px; font-size: 12px;
color: #57A3FD; color: #565656;
line-height: 17px; line-height: 17px;
} }
} }
// 底部按钮 // 信息展示容器
.button-container{ .data-info-container{
text-align: right; padding: 8px 10px 6px;
margin: 15px; height: 100%;
.el-button{ width: 100%;
margin: 0 0 0 8px; // 进度条
padding: 3px 15px; .progress{
font-size: 12px; margin-bottom: 6px ;
line-height: 20px; .el-progress-bar__outer{
background-color: #FFFFFF;
}
.el-progress-bar__inner{
background-color: #D7E9FF;
}
} }
.primary-button{ .message-container{
color: #FFFFFF; height: 150px;
background-color: #57A3FD; display: flex;
border-color: #57A3FD; justify-content: space-between;
&:hover{ ul li{
background: #66b1ff; list-style-type: none;
border-color: #66b1ff; padding-left: 20px;
} }
&:disabled{ .result-list{
color: var(--button-font-color-light); height: 100%;
border-color: var(--button-font-color-light); width: 100%;
background-color: var(--button-background-color-light); overflow: auto;
} }
//成功信息区
.result-list{
ul .success-item{
background: url("~@/assets/img/icon-success.svg") no-repeat 5px 5px;
background-size: 10px 10px;
}
}
//错误信息区
.result-list{
ul .error-item{
background: url("~@/assets/img/icon-error.svg") no-repeat 5px 5px;
background-size: 10px 10px;
}
}
} }
} }
} }
// 下载模板区
//模态样式 .second-content{
.view-default.app-data-upload-modal{ padding: 16px 12px 0;
.app-data-upload-view{ margin-bottom: 30px;
width: 100%; .import-template-message{
height: 100%; font-size: 12px;
padding: 0 20px 24px 20px; height: 17px;
color: #565656;
line-height: 17px;
} }
.ivu-modal-content .ivu-modal-body{ .import-template{
height: calc(100% - 58px); .icon-link{
width: 12px;
margin-bottom: -1px;
margin-right: 3px;
}
height: 17px;
font-size: 12px;
color: #57A3FD;
line-height: 17px;
} }
// 模态标题 }
.ivu-modal-header{ // 底部按钮
padding: 16px; .button-container{
border: 0; text-align: right;
.ivu-modal-header-inner{ margin: 15px;
color: #333333; height: 28px;
font-weight: 600; .el-button{
height: 24px; margin: 0 0 0 8px;
line-height: 24px; padding: 3px 15px;
font-size: 12px;
line-height: 20px;
}
.primary-button{
color: #FFFFFF;
background-color: #57A3FD;
border-color: #57A3FD;
&:hover{
background: #66b1ff;
border-color: #66b1ff;
}
&:disabled{
color: var(--button-font-color-light);
border-color: var(--button-font-color-light);
background-color: var(--button-background-color-light);
} }
} }
// 关闭图标 }
.ivu-modal-close .ivu-icon-ios-close{ }
color: #999999;
//模态样式
.view-default.app-data-upload-modal{
.app-data-upload-view{
width: 100%;
height: 100%;
padding: 0 20px 24px 20px;
}
.ivu-modal-content .ivu-modal-body{
height: calc(100% - 58px);
}
// 模态标题
.ivu-modal-header{
padding: 16px;
border: 0;
.ivu-modal-header-inner{
color: #333333;
font-weight: 600; font-weight: 600;
height: 24px;
line-height: 24px;
} }
} }
\ No newline at end of file // 关闭图标
.ivu-modal-close .ivu-icon-ios-close{
color: #999999;
font-weight: 600;
}
}
\ No newline at end of file
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册