123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139 |
- .pub-title{
- position: fixed;
- left: 0;
- right: 0;
- top: 0;
- font-size: px2rem(36);
- line-height: px2rem(86);
- height: px2rem(86);
- background-color: #353439;
- text-align: center;
- color: #ffffff;
- z-index: 999;
- }
- .pub-modal-mask{
- position: fixed;
- left: 0;
- right: 0;
- top: 0;
- bottom: 0;
- z-index: 999;
- background-color: rgba($color: #000000, $alpha: .7);
- text-align: center;
- &::after{
- content: '';
- display: inline-block;
- height: 100%;
- vertical-align: middle;
- }
- }
- .pub-wrapper{
- position: fixed;
- left: 0;
- top: 0;
- right: 0;
- bottom: 0;
- z-index: 888;
- text-align: center;
- &:after{
- content: "";
- display: inline-block;
- height: 100%;
- width: 0;
- vertical-align: middle;
- }
- .pub-mask{
- position: fixed;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- opacity: .5;
- background: #000;
- z-index: 1014;
- }
- }
- .pub-modal{
- display: inline-block;
- vertical-align: middle;
- background-color: #ffffff;
- min-width: 330px;
- position: relative;
- z-index: 1015;
- padding: 0 18px 18px;
- box-sizing: border-box;
- .modal-hd{
- .title{
- font-size: 14px;
- color: #333333;
- text-align: center;
- height: 30px;
- line-height: 30px;
- padding-top: 10px;
- }
- i{
- position: absolute;
- right: 6px;
- top: 6px;
- font-size: 20px;
- cursor: pointer;
- }
- }
- }
- // 头像
- .avatar_bg0{background:#f5882b}
- .avatar_bg1{background:#cc90e2}
- .avatar_bg2{background:#80d066}
- .avatar_bg3{background:#6fb1e4}
- .avatar_bg4{background:#f98bae}
- .avatar_bg5{background:#ecd074}
- .avatar_bg6{background:#e57979}
- .avatar_bg7{background:#fba76f}
- .avatar_bg8{background:#73cdd0}
- .avatar_bg9{background:#fb60c4}
- .user-avatar{
- width: px2rem(90);
- height: px2rem(90);
- line-height: px2rem(90);
- text-align: center;
- border-radius: 2px;
- cursor: pointer;
- &::before{
- content: attr(data-name);
- color: #ffffff;
- font-size: px2rem(32);
- }
- &:hover{
- opacity: .8;
- }
- }
- // element-ui
- .el-message {
- min-width: 200px;
- max-width: 100%;
- }
- .el-message-box{
- max-width: 90%;
- }
- .border-bottom {
- position: relative;
- &::after{
- content: "";
- pointer-events: none;
- box-sizing: border-box;
- position: absolute;
- width: 200%;
- height: 200%;
- left: 0;
- top: 0;
- border-bottom:1px solid #d8d8d8;
- transform:scale(0.5);
- transform-origin: 0 0;
- }
- }
|