Skip to content

S
SuperMan
Commit e3dbae44 authored by 罗超's avatar 罗超
Browse files
Options

样式冲突

parent 2cbaf838
Hide whitespace changes
Inline Side-by-side
Showing with 881 additions and 1003 deletions
src/components/SupplierIndex.vue
View file @ e3dbae44
...@@ -3798,1049 +3798,927 @@ ...@@ -3798,1049 +3798,927 @@
</script> </script>
<style lang="less"> <style lang="less">
@import "../assets/css/main.less"; @import "../assets/css/main.less";
@import "../assets/css/cssReset.css"; @import "../assets/css/cssReset.css";
@import "../assets/css/message.css"; @import "../assets/css/message.css";
.downmz .khd a{
#downzip { color: #fff;
}
.downmz .khd{
display: inline-block;
width:162px;
height: 32px;
line-height:32px;
text-align: center;
background: rgba(0,0,0,0.5);
font-family:"PingFangR";
font-weight:400;
color:rgb(66, 25, 25);
box-shadow:0px 0px 8px 0px rgba(0, 0, 0, 0.21);
border-radius: 4px;
cursor: pointer;
}
.downmz .im_bottom{
width: 100%;
height:114px;
background: url('../assets/img/im/bottom.png') no-repeat;
position: absolute;
bottom:0;
left:0;
}
.downmz .downlist>div{
position: relative;
text-align: center;
}
.downmz .downlist>div>p{
position: absolute;
bottom:7px;
color:#333333;
font-size: 14px;
width:100%;
font-weight: 400;
}
.downmz .downlist{
width:165px;
height: 210px;
margin:25px auto;
background: #fff;
}
.downmz .top_1{
width: 100%;
height: 59px;
background: url('../assets/img/im/yun.png') no-repeat;
background-size:100% 100%;
}
.downmz{
position: fixed;
top:50px;
right: 0px;
width: 192px;
background: #FFD607;
height: calc(100% - 50px);
z-index:5000;
min-height: 727px;
}
#downzip{
width: 100%; width: 100%;
height: 100%; height: 100%;
position: fixed; position: fixed;
background: rgba(0, 0, 0, 0.3); background: rgba(0,0,0,0.3);
top: 0; top: 0;
left: 0; left: 0;
z-index: 2000; z-index: 2000;
display: table; display: table;
} }
#downzip>div{
#downzip>div {
display: table-cell; display: table-cell;
vertical-align: middle; vertical-align: middle;
margin-top: 200px; margin-top: 200px;
} }
#downzip>div>div{
#downzip>div>div { width:285px;
width: 285px;
height: 260px; height: 260px;
margin: 0 auto; margin: 0 auto;
position: relative; position: relative;
cursor: pointer; cursor: pointer;
} }
.close{
.close {
position: absolute; position: absolute;
top: 0; top: 0;
right: 0px; right: 0px;
width: 25px; width: 25px;
height: 25px; height: 25px;
} }
.changelanguage{
.changelanguage { width:124px;
width: 124px; }
} .changelanguage .el-dropdown-menu__item .icon-duigou{
color:#000000;
.changelanguage .el-dropdown-menu__item .icon-duigou { position: absolute;
color: #000000; right: 10px;
position: absolute; font-size: 12px;
right: 10px; }
font-size: 14px; .changelanguage .el-dropdown-menu__item{
} padding:0;
padding-left:15px;
.changelanguage .el-dropdown-menu__item { font-size: 14px;
padding: 0; position: relative;
padding-left: 15px; color:#333333;
font-size: 14px; }
position: relative; .changelanguage .el-dropdown-menu__item:hover{
color: #333333; background: #D9D9D9;
} color:#333333;
}
.changelanguage .el-dropdown-menu__item:hover { ._dropdown.el-dropdown-menu {
background: #D9D9D9; padding: 0;
color: #333333; background-color: #FFF !important;
} border-radius: 4px;
overflow: hidden;
._dropdown.el-dropdown-menu { width: 210px;
padding: 0; top: 40px !important;
background-color: #1f2533 !important; box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
border-radius: 4px; }
overflow: hidden; ._dropdown_f1.el-dropdown-menu__item {
width: 210px; color: #ffffff !important;
top: 40px !important; height: 120px;
} background: url("../assets/img/persion/bg-1.jpg");
background-size: cover;
._dropdown_f1.el-dropdown-menu__item { background-repeat: no-repeat;
background-color: #4d515b !important; }
color: #ffffff !important; ._dropdown_f1 .h-info-box {
cursor: default; display: flex;
height: 50px; }
line-height: 50px; ._dropdown_f1 .h-info-box .h-info {
} flex: 1;
}
._dropdown_f1.el-dropdown-menu__item .company { ._dropdown_f1 .h-info-box .h-info .k {
font-size: 14px; color: #8a8894;
display: flex; height: 16px;
justify-content: space-between; line-height: 16px;
align-items: center; font-size: 14px;
} font-family: "pingfangR";
text-align: right;
._dropdown_f1.el-dropdown-menu__item .company span:nth-child(2) { display: block;
display: inline-block; margin-top: 10px;
padding: 3px 8px; }
background-color: #007eff; ._dropdown_f1 .h-info-box .h-info .v {
border-radius: 9px; color: #ddd;
line-height: 18px; // height: 20;
font-size: 12px; line-height: 18px;
} font-size: 18px;
font-family: "pingfangR";
._dropdown_f1.el-dropdown-menu__item:hover, text-align: right;
._dropdown_f1.el-dropdown-menu__item:focus { display: block;
background-color: #4d515b !important; margin-top: 10px;
color: #ffffff !important; }
}
._dropdown_f1 .h-info-box .h-img {
._dropdown_other.el-dropdown-menu__item { width: 100px;
color: #a9aaad; height: 100px;
position: relative; position: relative;
} align-items: center;
justify-content: center;
._dropdown_other.el-dropdown-menu__item .el-badge { margin-left: 20px;
position: absolute; display: flex;
right: 20px; margin-top: 10px;
top: 5px; background: rgba(44,39,57,.3);
} border-radius: 100px;
}
._dropdown_other.el-dropdown-menu__item i { ._dropdown_f1 .h-info-box .h-img img {
color: #a9aaad; width: 82px;
display: inline-block; height: 82px;
margin-right: 6px; border-radius: 82px;
} }
._dropdown_f1.el-dropdown-menu__item .company {
._dropdown_other.el-dropdown-menu__item:hover, font-size: 14px;
._dropdown_other.el-dropdown-menu__item:focus { display: flex;
background-color: #6f737b !important; justify-content: space-between;
color: #ffffff !important; align-items: center;
} }
._dropdown_f1.el-dropdown-menu__item .company span:nth-child(2) {
._dropdown .popper__arrow::after { display: inline-block;
border-bottom-color: transparent !important; padding: 3px 8px;
} background-color: #007eff;
border-radius: 9px;
.IM_body { line-height: 18px;
position: absolute; font-size: 12px;
z-index: 9999; }
right: 0; ._dropdown_f1.el-dropdown-menu__item:hover,
top: 50px; ._dropdown_f1.el-dropdown-menu__item:focus {
bottom: 0; background-color: #4d515b !important;
width: 362px; color: #ffffff !important;
overflow-y: hidden; }
border: 1px solid #d9d9d9; ._dropdown_other{
border-color: rgba(0, 0, 0, 0.05); line-height: 42px !important;
background-repeat: no-repeat; }
background-color: #f6f6f6; ._dropdown_other.el-dropdown-menu__item {
background-image: url("../assets/img/imbg/1.png"); color: #6c7293;
box-shadow: 1px 1px 50px rgba(0, 0, 0, 0.3); position: relative;
background-clip: content-box; }
} ._dropdown_other.el-dropdown-menu__item .el-badge {
position: absolute;
.myDocumentsLink { right: 35px;
margin: 25px 0; top: 5px;
} }
._dropdown_other.el-dropdown-menu__item .icon-right1 {
.myDocumentsLink>span { position: absolute;
right: 4px;
top: 3px;
font-size: 12px; font-size: 12px;
cursor: pointer; }
color: #e95252; ._dropdown_other.el-dropdown-menu__item i {
} display: inline-block;
margin-right: 6px;
.myDocumentsLink>span:not(:last-of-type):hover { }
text-decoration: underline; ._dropdown_other.el-dropdown-menu__item:hover,
} ._dropdown_other.el-dropdown-menu__item:focus {
transition: background-color 0.3s ease;
.myDocumentsLink>span:not(:last-of-type):after { background-color: #f7f8fa;
content: ">"; color:#5d78ff;
margin: 0 3px; }
color: #e95252; ._dropdown .popper__arrow::after {
pointer-events: none; border-bottom-color: transparent !important;
} }
.IM_body {
.myDocumentsLink>span:last-child { position: absolute;
color: #666; z-index: 9999;
cursor: default; right: 0;
} top: 50px;
bottom: 0;
.dsyNone { width: 362px;
display: none; overflow-y: hidden;
} border: 1px solid #d9d9d9;
border-color: rgba(0, 0, 0, 0.05);
.indexMsgLayer { background-repeat: no-repeat;
position: fixed; background-color: #f6f6f6;
z-index: 999; background-image: url("../assets/img/imbg/1.png");
background: rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 50px rgba(0, 0, 0, 0.3);
width: 100%; background-clip: content-box;
height: 100%; }
left: 0; .myDocumentsLink {
top: 0; margin: 25px 0;
} }
.indexMsgLayerContent { .myDocumentsLink > span {
width: 400px; font-size: 12px;
background: #fff; cursor: pointer;
z-index: 1100; color: #e95252;
height: 100%; }
overflow: auto;
top: 0; .myDocumentsLink > span:not(:last-of-type):hover {
right: -400px; text-decoration: underline;
position: absolute; }
box-shadow: 4px 0px 10px rgba(0, 0, 0, 0.1);
transition: right 0.5s; .myDocumentsLink > span:not(:last-of-type):after {
} content: ">";
margin: 0 3px;
.indexMsgLayerContent.rightZero { color: #e95252;
right: 0px; pointer-events: none;
} }
.indexMsgLayerContent .title { .myDocumentsLink > span:last-child {
height: 48px; color: #666;
background: #edeef0; cursor: default;
line-height: 48px; }
font-size: 16px; .dsyNone {
color: #333; display: none;
text-indent: 30px; }
} .indexMsgLayer {
position: fixed;
.indexMsgLayerContent .user { z-index: 999;
width: 340px; background: rgba(0, 0, 0, 0.2);
margin: 0 30px; width: 100%;
border-bottom: 1px solid #e6e6e6; height: 100%;
height: 60px; left: 0;
padding: 30px 0; top: 0;
box-sizing: content-box; }
} .indexMsgLayerContent {
width: 400px;
.indexMsgLayerContent .user>p { background: #fff;
line-height: 28px; z-index: 1100;
} height: 100%;
overflow: auto;
.indexMsgLayerContent .user>img { top: 0;
width: 58px; right: -400px;
height: 58px; position: absolute;
border-radius: 29px; box-shadow: 4px 0px 10px rgba(0, 0, 0, 0.1);
float: left; transition: right 0.5s;
margin: 0 12px 0 0; }
} .indexMsgLayerContent.rightZero {
right: 0px;
.indexMsgLayerContent .detail { }
width: 340px; .indexMsgLayerContent .title {
margin: 0 30px; height: 48px;
padding: 25px 0; background: #edeef0;
border-bottom: 1px solid #e6e6e6; line-height: 48px;
min-height: 120px; font-size: 16px;
} color: #333;
text-indent: 30px;
.indexMsgLayerContent .audit { }
width: 340px; .indexMsgLayerContent .user {
margin: 30px 30px 0; width: 340px;
min-height: 120px; margin: 0 30px;
border-bottom: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;
} height: 60px;
padding: 30px 0;
.indexMsgLayerContent .audit .auditItem { box-sizing: content-box;
min-height: 80px; }
width: 320px; .indexMsgLayerContent .user > p {
margin-left: 20px; line-height: 28px;
border-left: 1px solid #ededed; }
position: relative; .indexMsgLayerContent .user > img {
font-size: 14px; width: 58px;
} height: 58px;
border-radius: 29px;
.indexMsgLayerContent .audit .auditItem:last-child { float: left;
border-left: none; margin: 0 12px 0 0;
} }
.indexMsgLayerContent .detail {
.indexMsgLayerContent .audit .auditItem>p { width: 340px;
line-height: 40px; margin: 0 30px;
text-indent: 40px; padding: 25px 0;
} border-bottom: 1px solid #e6e6e6;
min-height: 120px;
.indexMsgLayerContent .audit .auditItem>img { }
width: 40px; .indexMsgLayerContent .audit {
height: 40px; width: 340px;
border-radius: 20px; margin: 30px 30px 0;
position: absolute; min-height: 120px;
left: -20px; border-bottom: 1px solid #e6e6e6;
} }
.indexMsgLayerContent .audit .auditItem {
.indexMsgLayerContent .send { min-height: 80px;
width: 340px; width: 320px;
margin: 30px 30px 0; margin-left: 20px;
min-height: 120px; border-left: 1px solid #ededed;
} position: relative;
font-size: 14px;
.indexMsgLayerContent .send .sentTitle { }
height: 14px; .indexMsgLayerContent .audit .auditItem:last-child {
line-height: 14px; border-left: none;
text-indent: 10px; }
border-left: 3px solid #e95252; .indexMsgLayerContent .audit .auditItem > p {
font-size: 14px; line-height: 40px;
} text-indent: 40px;
}
.indexMsgLayerContent .send .sentTitle span { .indexMsgLayerContent .audit .auditItem > img {
color: #666; width: 40px;
margin-left: 20px; height: 40px;
} border-radius: 20px;
position: absolute;
.indexMsgLayerContent .send .sendList>div { left: -20px;
float: left; }
margin: 10px 10px 0 0; .indexMsgLayerContent .send {
font-size: 12px; width: 340px;
color: #666; margin: 30px 30px 0;
width: 40px; min-height: 120px;
text-align: center; }
} .indexMsgLayerContent .send .sentTitle {
height: 14px;
.indexMsgLayerContent .send .sendList>div>img { line-height: 14px;
width: 40px; text-indent: 10px;
height: 40px; border-left: 3px solid #e95252;
border-radius: 20px; font-size: 14px;
} }
.indexMsgLayerContent .send .sentTitle span {
.indexMsgLayerContent .myApprovalTable tr { color: #666;
height: 40px; margin-left: 20px;
font-size: 14px; }
} .indexMsgLayerContent .send .sendList > div {
float: left;
.indexMsgLayerContent .myApprovalTable tr td:nth-child(1) { margin: 10px 10px 0 0;
text-align: right; font-size: 12px;
color: #666; color: #666;
} width: 40px;
text-align: center;
.indexMsgLayerContentBtn { }
position: fixed; .indexMsgLayerContent .send .sendList > div > img {
bottom: 0; width: 40px;
background: #fff; height: 40px;
width: 100%; border-radius: 20px;
height: 40px; }
line-height: 40px; .indexMsgLayerContent .myApprovalTable tr {
padding: 0 30px; height: 40px;
border-top: 1px solid #f0f3fa; font-size: 14px;
} }
.indexMsgLayerContent .myApprovalTable tr td:nth-child(1) {
.indexMsgLayerContentBtn input { text-align: right;
margin-right: 10px; color: #666;
} }
.indexMsgLayerContentBtn {
.Supplier_nav_right ul li.user_head .el-dropdown-link { position: fixed;
display: flex; bottom: 0;
align-items: center; background: #fff;
cursor: pointer; width: 100%;
} height: 40px;
line-height: 40px;
.Supplier_nav_right ul li.user_head span.name { padding: 0 30px;
color: #99a7b3; border-top: 1px solid #f0f3fa;
font-size: 12px; }
display: inline-block; .indexMsgLayerContentBtn input {
margin-left: 10px; margin-right: 10px;
overflow: hidden; }
width: 45px; .nav-right ul li.user_head .el-dropdown-link {
height: 50px; display: flex;
} align-items: center;
cursor: pointer;
.Supplier_nav_right ul li.user_head img { }
width: 24px; .nav-right ul li.user_head span.name {
height: 24px; color: #99a7b3;
border-radius: 50%; font-size: 12px;
} display: inline-block;
margin-left: 10px;
.nav { overflow: hidden;
display: -webkit-box; width: 45px;
.size(100%, 50px); height: 50px;
.min-width(1366px); }
background: #1f2533; .nav-right ul li.user_head img {
} width: 24px;
height: 24px;
.nav-left { border-radius: 50%;
width: 56px; margin-top: 13px;
line-height: 50px; }
color: #e73828; .nav {
text-align: center; display: -webkit-box;
} .size(100%, 50px);
.min-width(1366px);
.nav-left .GroupPic { background: #1f1e2e;
}
.nav-left {
width: 56px;
line-height: 50px;
color: #e73828;
text-align: center;
}
.nav-left .GroupPic{
width: 36px; width: 36px;
height: 36px; height: 36px;
-webkit-border-radius: 36px; -webkit-border-radius: 36px;
margin: 7px 0px 0px 15px; margin: 7px 0px 0px 15px;
} }
.nav-left i.iconfont {
.nav-left i.iconfont { font-size: 24px;
font-size: 24px; }
} .nav-left img {
.fl();
.nav-left img { .size(50px;50px);
.fl(); .circle(25px);
.size(50px; 50px); }
.circle(25px); .nav-left p.name {
} .fz(14px, 18px);
color: #444;
.nav-left p.name { margin: 20px 0 5px 0;
.fz(14px, 18px); }
color: #444; .nav-left p.company {
margin: 20px 0 5px 0; .fz(12px);
} color: #444;
}
.nav-left p.company { .nav-middle {
.fz(12px); /*width: calc(100% - 140px);*/
color: #444; display: flex;
} }
.nav-middle ul {
.nav-middle { width: 100%;
/*width: calc(100% - 140px);*/ margin: 0 auto;
display: flex; height: 100%;
} z-index: 2019128;
}
.nav-middle ul { .nav-middle ul li {
width: 100%; .min-size(100px, 100%);
margin: 0 auto; .fz(14px);
height: 100%; .center(text-x);
z-index: 2019128; .hover-bg(#f1f1f1);
} color: #a6adb4;
position: relative;
.nav-middle ul li { padding: 12px 10px;
.size(100px, 100%); float: left;
.fz(14px); z-index: 2019128;
.center(text-x); }
.hover-bg(#f1f1f1); .nav-middle ul li i {
color: #a6adb4; font-size: 16px;
position: relative; color: #a6adb4;
padding: 12px 0; }
float: left; .nav-middle ul li img {
z-index: 2019128; height: 40px;
} margin: 32px 0 14px;
}
.nav-middle ul li i { .nav-middle ul li:hover .menuList_son{
font-size: 16px; // display: block;
color: #a6adb4; width: 1000px;
} z-index: 999999;
opacity: 1;
.nav-middle ul li img { // padding: 20px 0 20px 20px;
height: 40px; height: auto;
margin: 32px 0 14px; // transition: all .5s linear .5s;
} animation:ttt .5s forwards;
}
.nav-middle ul li:hover .menuList_son { @keyframes ttt {
// display: block; 0%{
width: 1000px; opacity:0;
z-index: 999999;
opacity: 1;
padding: 20px 0 20px 20px;
height: auto;
// transition: all .5s linear .5s;
animation: ttt .5s forwards;
}
@keyframes ttt {
0% {
opacity: 0;
} }
66%{
66% { opacity:0;
opacity: 0;
} }
100%{
100% { opacity:1;
opacity: 1;
} }
} }
.nav-middle ul li .menuList_son{
.nav-middle ul li .menuList_son { position: fixed;
position: fixed; z-index: 9000;
z-index: 9000; background-color: #FFF;
background-color: #363c4a; top: 50px;
top: 50px; // display: none;
// display: none; opacity: 0;
opacity: 0; padding: 0;
padding: 0; overflow: hidden;
overflow: hidden; height: 0;
height: 0; box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
} }
.menuList_tittle_box{
.menuList_tittle_box { line-height: 30px;
line-height: 30px; // padding-top: 15px;
padding-top: 15px; }
} .menuList_son_one_tittle{
color: #5f6281;
.menuList_son_one_tittle { font-size: 16px;
color: #a6adb4; padding-bottom: 15px;
font-size: 16px; /* border-bottom: 1px solid #495165; */
padding-bottom: 15px; text-align: left;
border-bottom: 1px solid #495165; padding: 9px 10px;
text-align: left; font-family: "pingfangR";
} }
.menuList_son_two_tittle{
.menuList_son_two_tittle { color: #a1aad0;
color: #e9ebec; text-align: left;
text-align: left; font-family: pingfangR;
} padding: 0 9px;
}
.menuList_son_three_tittle { .menuList_son_three_tittle{
cursor: pointer; cursor: pointer;
transition: all linear .3s; -webkit-transition: all linear 0.3s;
transition: all linear 0.3s;
text-align: left; text-align: left;
} padding: 0 9px;
color: #494d5f;
.menuList_son_three_tittle:hover { /* font-family: pingfangR; */
color: white;
}
.menuList_son_item {
width: 100%;
display: flex;
justify-content: flex-start;
}
.hoverNote {
width: 0;
height: 4px;
background: #e95252;
position: absolute;
left: 0;
bottom: -2px;
}
.nav-middle ul li:hover {
background-color: #2f384d;
}
.nav-middle ul li:hover .hoverNote {
width: 100%;
transition: width 0.3s;
}
.nav-middle ul li i {
color: #a6adb4;
display: inline-block;
margin-right: 12px;
}
.big_tittle {
cursor: pointer;
}
.nav-middle ul li.active .big_tittle {
color: #ffffff;
// background: #2f384d;
cursor: pointer;
}
.nav-middle ul li.active .hoverNote {
width: 100%;
}
.Supplier_nav_right {
min-width: 220px;
position: absolute;
right: 0;
}
.Supplier_nav_right ul {
display: flex;
line-height: 50px;
justify-content: flex-end;
}
.Supplier_nav_right ul li {
height: 50px;
margin-right: 20px;
text-align: center;
justify-content: flex-end;
}
.Supplier_nav_right ul li i {
cursor: pointer;
.fz(18px);
color: #e4e4e4;
}
.Supplier_nav_right ul li i:hover {
color: #999;
}
.hide {
display: none;
}
#message_box {
position: fixed;
left: 0;
top: 0;
z-index: 1889;
font-family: "PingFangSC-fine" !important;
}
.box {
height: 100%;
background-color: rgba(255, 255, 255, 0);
overflow: hidden;
position: fixed;
right: 0;
top: 0;
z-index: 180;
width: 100%;
}
.mybox-leave-active {
transition: all 1s ease;
}
.mybox-enter-active {
transition: all 0.5s ease;
}
.mybox-leave-active,
.mybox-enter {
right: -100% !important;
}
.mybox-leave,
.mybox-enter-active {
right: 0;
}
.noNewMsg {
font-size: 16px;
color: #999;
text-align: center;
}
@keyframes zy {
10% {
transform: rotate(15deg);
}
20% {
transform: rotate(-10deg);
}
30% {
transform: rotate(5deg);
}
40% {
transform: rotate(-5deg);
}
50%,
100% {
transform: rotate(0deg);
}
}
.animation::before {
color: #e95252;
float: left;
width: 18px;
height: 27px;
animation: zy 2.5s 0.15s linear infinite;
-moz-animation: zy 2.5s 0.15s linear infinite;
/* Firefox */
-webkit-animation: zy 2.5s 0.15s linear infinite;
/* Safari and Chrome */
-o-animation: zy 2.5s 0.15s linear infinite;
/* Opera */
}
#message_box .content {
width: 350px;
height: 100%;
background-image: url("../assets/img/message_bg@3x.png");
background-size: cover;
position: absolute;
right: 0;
top: 0;
z-index: 200;
}
#message_box .header {
padding: 18px 20px;
height: 6%;
}
#message_box .header i {
color: #e95252;
font-size: 18px;
cursor: pointer;
}
#message_box .header>div {
width: 50%;
float: left;
}
#message_box .header>div:nth-child(2) {
text-align: right;
}
#message_box .header i.icon-img_caidan {
font-size: 16px;
}
#message_box .header>div:nth-child(2) .icon-img_delete_small {
display: inline-block;
margin-right: 38px;
}
.msgItem_box {
height: 94%;
overflow: auto;
}
#message_box .msgItem {
padding: 20px;
transition: all linear 0.5s;
cursor: pointer;
}
#message_box .msgItem:hover {
background: rgba(0, 0, 0, 0.1);
}
#message_box .msgItem:hover .icon-ego-guanbi {
display: inline-block;
}
.msgItem_left {
width: 40px;
}
.msgItem_right {
width: 250px;
}
.msgItem_right>div>div {
float: left;
}
.msgItem_right>div>div:nth-child(2) {
float: right;
}
.msgItem_tit {
padding-left: 10px;
font-size: 14px;
color: #333333;
max-width: 175px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.msgItem_left,
.msgItem_right {
height: 80px;
float: left;
}
.msgItem_radius {
height: 38px;
width: 38px;
line-height: 38px;
text-align: center;
border-radius: 50%;
background-color: #6694dc;
font-size: 12px; font-size: 12px;
color: white; }
} .menuList_son_three_tittle i{
color: #494d5f;
.msgItem_time { display: inline-block;
font-size: 14px; margin-right: 10px;
color: #999999; font-size: 13px;
} }
.menuList_son_three_tittle:hover{
.icon-ego-guanbi { color: #5867dd;
font-size: 12px; background:#f8f8fb;
color: #999999; }
cursor: pointer; .menuList_son_three_tittle:hover i{
display: inline-block; color: #5867dd;
padding-left: 20px; }
display: none; .menuList_son_item{
} width: 100%;
display: flex;
.msgItem_conten { justify-content: flex-start;
padding: 10px; }
font-size: 12px; .menuList_son_item div:last-child{
color: #666666; border:none;
padding-bottom: 0; }
} .hoverNote {
width: 0;
.icon-imessage_top { height: 4px;
animation: mymove 5s infinite; background: #e95252;
-webkit-animation: mymove 5s infinite; position: absolute;
/*Safari and Chrome*/ left: 0;
} bottom: -2px;
}
@keyframes mymove { .nav-middle ul li:hover {
from { background-color: #232337;
left: 0px; }
} .nav-middle ul li:hover .hoverNote {
width: 100%;
to { transition: width 0.5s;
left: 200px; }
} .nav-middle ul li i {
} display: inline-block;
margin-right: 8px;
@-webkit-keyframes mymove }
.big_tittle{
/*Safari and Chrome*/ cursor: pointer;
{ font-size: 15px;
from { font-family: pingfangR;
left: 0px; }
} .nav-middle ul li.active .big_tittle{
color: #ffffff;
to { // background: #2f384d;
left: 200px; cursor: pointer;
} }
}
.nav-middle ul li.active .hoverNote {
.temDivs { width: 100%;
/*flex:1;margin-top: 2px;*/ }
position: absolute; .nav-right {
top: 50px; width: 220px;
bottom: 0px; position: absolute;
right: 0;
}
.nav-right ul {
display: flex;
line-height: 50px;
justify-content: flex-end;
}
.nav-right ul li {
height: 50px;
margin-right: 20px;
text-align: center;
justify-content: flex-end;
}
.nav-right ul li i {
cursor: pointer;
.fz(18px);
color: #e4e4e4;
}
.nav-right ul li i:hover {
color: #999;
}
.hide {
display: none;
}
#message_box {
position: fixed;
left: 0;
top: 0;
z-index: 1889;
font-family: "PingFangSC-fine" !important;
}
.box {
height: 100%;
background-color: rgba(255, 255, 255, 0);
overflow: hidden;
position: fixed;
right: 0;
top: 0;
z-index: 180;
width: 100%;
}
.mybox-leave-active {
transition: all 1s ease;
}
.mybox-enter-active {
transition: all 0.5s ease;
}
.mybox-leave-active,
.mybox-enter {
right: -100% !important;
}
.mybox-leave,
.mybox-enter-active {
right: 0;
}
.noNewMsg {
font-size: 16px;
color: #999;
text-align: center;
}
@keyframes zy {
10% {
transform: rotate(15deg);
}
20% {
transform: rotate(-10deg);
}
30% {
transform: rotate(5deg);
}
40% {
transform: rotate(-5deg);
}
50%,
100% {
transform: rotate(0deg);
}
}
.animation::before {
color: #e95252;
float: left;
width: 18px;
height: 27px;
animation: zy 2.5s 0.15s linear infinite;
-moz-animation: zy 2.5s 0.15s linear infinite; /* Firefox */
-webkit-animation: zy 2.5s 0.15s linear infinite; /* Safari and Chrome */
-o-animation: zy 2.5s 0.15s linear infinite; /* Opera */
}
#message_box .content {
width: 350px;
height: 100%;
background-image: url("../assets/img/message_bg@3x.png");
background-size: cover;
position: absolute;
right: 0;
top: 0;
z-index: 200;
}
#message_box .header {
padding: 18px 20px;
height: 6%;
}
#message_box .header i {
color: #e95252;
font-size: 18px;
cursor: pointer;
}
#message_box .header > div {
width: 50%;
float: left;
}
#message_box .header > div:nth-child(2) {
text-align: right;
}
#message_box .header i.icon-img_caidan {
font-size: 16px;
}
#message_box .header > div:nth-child(2) .icon-img_delete_small {
display: inline-block;
margin-right: 38px;
}
.msgItem_box {
height: 94%;
overflow: auto;
}
#message_box .msgItem {
padding: 20px;
transition: all linear 0.5s;
cursor: pointer;
}
#message_box .msgItem:hover {
background: rgba(0, 0, 0, 0.1);
}
#message_box .msgItem:hover .icon-ego-guanbi {
display: inline-block;
}
.msgItem_left {
width: 40px;
}
.msgItem_right {
width: 250px;
}
.msgItem_right > div > div {
float: left;
}
.msgItem_right > div > div:nth-child(2) {
float: right;
}
.msgItem_tit {
padding-left: 10px;
font-size: 14px;
color: #333333;
max-width: 175px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.msgItem_left,
.msgItem_right {
height: 80px;
float: left;
}
.msgItem_radius {
height: 38px;
width: 38px;
line-height: 38px;
text-align: center;
border-radius: 50%;
background-color: #6694dc;
font-size: 12px;
color: white;
}
.msgItem_time {
font-size: 14px;
color: #999999;
}
.icon-ego-guanbi {
font-size: 12px;
color: #999999;
cursor: pointer;
display: inline-block;
padding-left: 20px;
display: none;
}
.msgItem_conten {
padding: 10px;
font-size: 12px;
color: #666666;
padding-bottom: 0;
}
.icon-imessage_top {
animation: mymove 5s infinite;
-webkit-animation: mymove 5s infinite; /*Safari and Chrome*/
}
@keyframes mymove {
from {
left: 0px; left: 0px;
right: 0px;
}
.red {
color: #e95252 !important;
}
.weOytour {
display: none;
}
.sysMsg_lod_more {
text-align: center;
font-size: 12px;
color: #999999;
}
.IM_messageList2 {
top: 41px;
}
.IM_messageList ul li.sysMsg_lod_more:hover {
background-color: inherit;
height: auto;
line-height: 35px;
}
.IM_messageList ._SysNoteDate_ul li {
height: auto;
} }
to {
._more_dropdown._dropdown.el-dropdown-menu { left: 200px;
top: 50px !important;
} }
}
.logsBack { @-webkit-keyframes mymove /*Safari and Chrome*/ {
position: fixed; from {
z-index: 999; left: 0px;
background: rgba(0, 0, 0, 0.2);
width: 100%;
height: 100%;
left: 0;
top: 0;
} }
to {
.updateLogs { left: 200px;
}
}
.temDivs {
/*flex:1;margin-top: 2px;*/
position: absolute;
top: 50px;
bottom: 0px;
left: 0px;
right: 0px;
}
.red {
color: #e95252 !important;
}
.weOytour {
display: none;
}
.sysMsg_lod_more {
text-align: center;
font-size: 12px;
color: #999999;
}
.IM_messageList2{
top: 41px;
}
.IM_messageList ul li.sysMsg_lod_more:hover {
background-color: inherit;
height: auto;
line-height: 35px;
}
.IM_messageList ._SysNoteDate_ul li {
height: auto;
}
._more_dropdown._dropdown.el-dropdown-menu{
top: 39px !important;
border-radius: 0;
border-color: #ddd;
}
.logsBack{
position: fixed;
z-index: 999;
background: rgba(0, 0, 0, 0.2);
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.updateLogs{
position: absolute; position: absolute;
width: 400px; width:400px;
// height:400px; // height:400px;
left: 50%; left:50%;
top: 50%; top:50%;
margin-left: -200px; margin-left:-200px;
margin-top: -200px; margin-top:-200px;
border-radius: 4px; border-radius: 4px;
border: 1px solid #DCDCDC; border:1px solid #DCDCDC;
z-index: 9999; z-index: 9999;
background-color: #fff; background-color: #fff;
} }
.logsTitle{
.logsTitle { width:100%;
width: 100%; padding:0 10px;
padding: 0 10px; text-align: center;
text-align: center; color:#333333;
color: #333333; font-size:14px;
font-size: 14px; margin-top:10px;
margin-top: 10px; font-weight: bold;
font-weight: bold; }
} .inlogs_Content{
width:100%;
.inlogs_Content { padding:0 15px;
width: 100%; // height:260px;
padding: 0 15px; overflow: auto;
// height:260px; margin-top:20px;
overflow: auto; color:#666666;
margin-top: 20px; font-size:12px;
color: #666666; }
font-size: 12px; .inlogs_Content p{
} margin-bottom:10px;
}
.inlogs_Content p { .logsImg{
margin-bottom: 10px; margin-top:-30px;
} margin-left:155px;
}
.logsImg { ._saleRnk.el-dialog--center{
margin-top: -30px; z-index: 2019523;
margin-left: 155px; }
} ._saleRnk.el-dialog--center .el-dialog__body{
padding: 0;
._saleRnk.el-dialog--center { max-height: 800px;
z-index: 2019523; }
} ._saleRnk.el-dialog--center{
margin-top: 45px !important;
._saleRnk.el-dialog--center .el-dialog__body { margin-bottom: 0 !important;
padding: 0; height: 850px;
max-height: 800px; }
} .MenuConfirm{
display: inline-block;
._saleRnk.el-dialog--center { width:15px;
margin-top: 45px !important; height:15px;
margin-bottom: 0 !important; font-size:12px;
height: 850px; text-align: center;
} border-radius: 2px;
background-color: #E95252;
.Supplier_nav_right ul li.user_head span.SupplierName { color:#fff;
color: #99a7b3; line-height: 15px;
font-size: 12px; }
display: inline-block;
margin-left: 5px;
overflow: hidden;
min-width: 45px;
height: 50px;
}
.SupplierIndex_Nav ul li {
margin-left: 20px;
}
.classHong {
background-color: rgb(255, 55, 55);
color: #fff;
}
.classWang {
background-color: rgb(255, 153, 204);
}
.classPing {
background-color: rgb(188, 214, 238);
}
.classDan {
background-color: rgb(221, 221, 221);
}
.classTe {
background-color: rgb(2, 247, 142);
}
.HouseTypeList {
background: #ccc;
width: 100%;
margin-top: 20px;
}
.Com_hoteldiv {
min-width: 70px;
white-space: nowrap;
}
.noKucun {
background-color: black !important;
}
.Hotel_kong {
width: 100%;
height: 35px;
text-align: center;
line-height: 35px;
border-bottom: 1px solid #d1d1d1;
}
.Hotel_kong:last-child {
border: 0;
}
.HouseTypeList tr th {
background: #e6e6e6;
height: 35px;
font-size: 12px;
color: #333;
}
.HouseTypeList tr {
background: #fff;
text-align: center;
height: 35px;
}
.HouseTypeList tr td {
font-size: 12px;
}
.hotelProductManage2_tableBox span {
margin: 0 10px 10px 0;
}
.Hq_addDetail {
margin-top: 20px;
}
.Hq_addDetail .el-textarea__inner {
resize: none;
}
.Hq_addTable .el-button.is-circle {
padding: 5px;
}
.HqCom_bottom .el-form-item {
margin-bottom: 0
}
.HqCom_bottom {
height: 350px;
padding-top: 35px;
}
.HQ_miaoshu {
color: #E95252;
font-size: 12px;
}
.HQ_miaoshu:first-child {
margin-top: 10px;
}
.HotelQueryList .has-gutter tr th,
.el-table th.is-leaf {
background: #EAEAEA !important;
}
.HotelQueryList .el-table td,
.el-table th.is-leaf {
border-bottom: 1px solid #ebeef5;
}
.HotelQueryList .el-table .cell {
padding: 0;
}
.HotelQueryList .el-table td {
padding: 0;
}
</style> </style>
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