396 lines
8.3 KiB
Plaintext
396 lines
8.3 KiB
Plaintext
/*liuyan 全局公共样式*/
|
|
@import './style';
|
|
@import './mixins';
|
|
// 左侧菜单样式
|
|
@import './navMenu';
|
|
// tree组件父组件内样式
|
|
@import './tree';
|
|
// 查询条件 form表单
|
|
@import "./formSearch";
|
|
// 查询区域样式，按钮样式
|
|
@import './newStyle';
|
|
// table公共样式
|
|
@import "./table";
|
|
// 抽屉公共样式
|
|
@import "./drawer";
|
|
// 搜索下拉框公共样式
|
|
@import "./searchInput";
|
|
// 查看弹窗里的样式
|
|
@import "./check";
|
|
// 提示消息弹窗
|
|
@import "./messageBox";
|
|
// dialog公共样式
|
|
@import "./dialog";
|
|
// 流程公共样式
|
|
@import "./process";
|
|
// 滚动条美化
|
|
@import './scroll';
|
|
*{
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
@primary-color: @baseColor;
|
|
/**
|
|
* @description: 主题定制mixins(注意:所有要作为主题的样式，都写在这个mixins里,然后根据主题给该方法传入自定义颜色)
|
|
* @author: chenxiaoxi
|
|
* @params:
|
|
* 1. @baseColor: 基础颜色(不可使用过渡和图片)
|
|
* 2. @bgColor: 背景色
|
|
* @date: 2018-09-01 17:23:58
|
|
*/
|
|
.my-theme (@baseColor: @baseColor, @bgColor: @bgColor) {
|
|
|
|
}
|
|
|
|
// 主题1
|
|
.theme-one{
|
|
.my-theme();
|
|
}
|
|
#app{
|
|
&.theme-one {
|
|
//background: url('~@/assets/images/shangqi/home/home-bg.png') no-repeat;
|
|
background: url('~@/assets/images/shangqi/home/BG.png') no-repeat;
|
|
background-size: cover;
|
|
}
|
|
input:focus{
|
|
border-color: #DCDFE6;
|
|
outline: 0;
|
|
}
|
|
}
|
|
// 返回按钮样式
|
|
.back {
|
|
width: 30px;
|
|
height: 30px;
|
|
border-radius: 50%;
|
|
background: #1E89FF;
|
|
display: inline-block;
|
|
line-height: 35px;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
position: relative;
|
|
margin-right: 5px;
|
|
.el-icon-back, .el-icon-right{
|
|
color: #ffffff;
|
|
font-size: 20px;
|
|
font-weight: 600;
|
|
}
|
|
}
|
|
.el-divider-marginTop{
|
|
margin-top: 0;
|
|
}
|
|
/*details详情页公共样式*/
|
|
.details-container{
|
|
background: #ffffff;
|
|
.details-header{
|
|
.flex();
|
|
align-items: center;
|
|
.title {
|
|
font-weight: bold;
|
|
width: 100%;
|
|
font-size: 16px;
|
|
flex: 1;
|
|
.ellipsis();
|
|
padding: 0 15px;
|
|
}
|
|
.standard-details-header-title{
|
|
font-weight: bold;
|
|
font-size: 16px;
|
|
flex: 1;
|
|
padding: 0 20px;
|
|
.ellipsis();
|
|
}
|
|
}
|
|
.laws-details-content{
|
|
margin-top: 15px;
|
|
.content-box{
|
|
.flex();
|
|
flex-direction: column;
|
|
//.bg();
|
|
padding: 10px;
|
|
.flex-row-2 {
|
|
-ms-flex: 1!important;
|
|
flex: 1!important;
|
|
overflow: hidden;
|
|
}
|
|
.flex-row {
|
|
-ms-flex: 1 1 100%!important;
|
|
flex: 1 1 100%!important;
|
|
}
|
|
.content-row{
|
|
.flex();
|
|
//line-height: 48px;
|
|
min-height: 48px;
|
|
overflow: hidden;
|
|
&:last-child{
|
|
margin-bottom: 0;
|
|
}
|
|
.content-col{
|
|
flex: 0 0 25%;
|
|
.flex();
|
|
.content-label{
|
|
font-weight: 600;
|
|
font-size: 12px;
|
|
width: 148px;
|
|
text-align: center;
|
|
background: #F2F5F9;
|
|
.flex();
|
|
align-items: center;
|
|
justify-content: center;
|
|
border: 0.5px solid #dedede;
|
|
min-height: 48px;
|
|
}
|
|
.content-info{
|
|
line-height: normal;
|
|
flex: 1;
|
|
padding: 5px 15px;
|
|
font-size: 13px;
|
|
.flex();
|
|
align-items: center;
|
|
justify-content: left;
|
|
border: 0.5px solid #dedede;
|
|
word-break: break-all;
|
|
overflow: hidden;
|
|
.res-type-content{
|
|
ul{
|
|
display: inline-flex;
|
|
li{
|
|
margin-left: 10px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.border-right-hide{
|
|
border-right: 1px solid transparent !important;
|
|
}
|
|
.border-bottom-hide{
|
|
border-bottom: 1px solid transparent !important;
|
|
}
|
|
}
|
|
.el-divider{
|
|
display: block;
|
|
height: 3px;
|
|
width: 100%;
|
|
margin: 10px 0;
|
|
background-color: #3391CE;
|
|
}
|
|
}
|
|
/*ueditor编辑器样式*/
|
|
.ueditor-style{
|
|
.el-form-item__content{
|
|
line-height: 20px;
|
|
}
|
|
}
|
|
.tree-box{
|
|
background: #f3f3f3;
|
|
margin-bottom: 28px;
|
|
.el-form-item{
|
|
margin-bottom: 0;
|
|
.el-form-item__label{
|
|
width: 100% !important;
|
|
text-align: left !important;
|
|
background: #28629b;
|
|
font-size: 14px !important;
|
|
color: #FFFFFF;
|
|
text-indent: 12px;
|
|
font-weight: 600;
|
|
}
|
|
.el-form-item__content{
|
|
margin-left: unset !important;
|
|
width: 100% !important;
|
|
}
|
|
.tree-container{
|
|
padding: 5px;
|
|
.tree-container-right{
|
|
background: #FFFFFF;
|
|
width: 45% !important;
|
|
}
|
|
.selected-list{
|
|
background: #FFFFFF;
|
|
width: 45% !important;
|
|
}
|
|
.transfer-group{
|
|
width: 10% !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
/*目标市场准入清单 css*/
|
|
#accessStandardsAndRegulations{
|
|
.el-date-editor{
|
|
width: 100%;
|
|
}
|
|
}
|
|
/*登录页*/
|
|
|
|
.cloud-login{
|
|
.login-form-content{
|
|
//padding-top: 4.5vh;
|
|
width: 22vw;
|
|
height: 100%;
|
|
//border-top: 1px solid #FFF;
|
|
.login-form-input{
|
|
margin-bottom: 3.5vh;
|
|
height: 6.25vh;
|
|
&:nth-child(2){
|
|
margin-bottom: 0;
|
|
.el-input__inner{
|
|
background-image: url("~@/assets/images/password.png") !important;
|
|
}
|
|
}
|
|
.el-input{
|
|
height: 100%;
|
|
.flex();
|
|
align-items: center;
|
|
.el-input__inner{
|
|
height: inherit;
|
|
border-radius: 70px;
|
|
background: #EEF8FA;
|
|
font-size: 16px;
|
|
padding: 0 25px 0 50px;
|
|
background-image: url("~@/assets/images/user.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 18px center;
|
|
background-size: 18px;
|
|
border: 1px solid transparent;
|
|
}
|
|
}
|
|
}
|
|
.login-form-control{
|
|
margin-top: 2.5vh;
|
|
padding: 0 5px;
|
|
.flex();
|
|
justify-content: space-between;
|
|
& > span{
|
|
color: #fff;
|
|
font-size: 14px;
|
|
.el-checkbox{
|
|
color: #fff;
|
|
&:hover{
|
|
cursor: pointer;
|
|
color: rgba(248,181,81,1);
|
|
}
|
|
.is-checked{
|
|
.el-checkbox__inner{
|
|
background-color: #f8b551;
|
|
border-color: #f8b551;
|
|
}
|
|
}
|
|
}
|
|
.is-checked{
|
|
.el-checkbox__label{
|
|
color: #f8b551;
|
|
}
|
|
}
|
|
&:hover{
|
|
cursor: pointer;
|
|
color: rgba(248,181,81,1);
|
|
}
|
|
}
|
|
}
|
|
.login-form-submit{
|
|
position: relative;
|
|
margin-top: 2.2vh;
|
|
height: 5.5vh;
|
|
line-height: 5.5vh;
|
|
color: #FFF;
|
|
font-size: 20px;
|
|
text-align: center;
|
|
background: rgba(248,181,81,1);
|
|
border-radius: 70px;
|
|
&::before{
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
border-radius: 70px;
|
|
background: rgba(255,255,255,.25);
|
|
display: none;
|
|
}
|
|
&:hover{
|
|
cursor: pointer;
|
|
&::before{
|
|
display: block;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.comment-history-list{
|
|
li{
|
|
padding-left: 30px;
|
|
padding-bottom: 10px;
|
|
margin-bottom: 10px;
|
|
font-size: 14px;
|
|
border-bottom: 1px dashed #DDD;
|
|
.comment-history-top{
|
|
.flex();
|
|
justify-content: space-between;
|
|
margin-bottom: 5px;
|
|
}
|
|
.comment-history-bottom{
|
|
margin-top: 5px;
|
|
&>div{
|
|
.flex();
|
|
p{
|
|
flex: 1;
|
|
.ellipsis();
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.action-bar{
|
|
border-top: 3px solid #f4f4f4;
|
|
width: 100%;
|
|
line-height: 50px;
|
|
background: #fff;
|
|
padding: 0 10px;
|
|
.el-button+.el-button {
|
|
margin-left: 5px;
|
|
}
|
|
}
|
|
.action-bar1{
|
|
width: 100%;
|
|
line-height: 50px;
|
|
background: #fff;
|
|
padding: 0 10px;
|
|
.el-button+.el-button {
|
|
margin: 0;
|
|
}
|
|
}
|
|
/*高级查询 样式*/
|
|
.high-search-form {
|
|
/deep/.el-form-item__label {
|
|
//width: 100px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
@media screen and (min-width: 1920px) {
|
|
width: 140px;
|
|
}
|
|
}
|
|
}
|
|
/*悬浮展示tooltip样式*/
|
|
.el-tooltip__popper{
|
|
max-width: calc(~'100% - 232px');
|
|
}
|
|
|
|
.clearfix{
|
|
&:after {
|
|
clear: both;
|
|
}
|
|
&:after, &:before {
|
|
display: table;
|
|
content: "";
|
|
}
|
|
}
|
|
.clearfix{
|
|
*zoom: 1;/*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
|
|
}
|