You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
350 lines
10 KiB
350 lines
10 KiB
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
|
|
!*** css ./node_modules/_css-loader@6.7.1@css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[0].use[1]!./node_modules/_@umijs_bundler-webpack@4.0.87@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.0.87@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/pages/Messages/Detail/index.less?modules ***!
|
|
\******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
|
|
.flex_box_center___OfYbN {
|
|
justify-content: center;
|
|
align-items: center;
|
|
-webkit-justify-content: center;
|
|
box-align: center;
|
|
}
|
|
.flex_space_between___hrkuU {
|
|
justify-content: space-between;
|
|
-webkit-box-pack: justify;
|
|
}
|
|
.flex_box_vertical_center___jxUNa {
|
|
align-items: center;
|
|
box-align: center;
|
|
}
|
|
.flex_box_center_end___toHnG {
|
|
justify-content: flex-end;
|
|
align-items: center;
|
|
-webkit-justify-content: flex-end;
|
|
-webkit-align-items: center;
|
|
-webkit-box-align: center;
|
|
-webkit-box-pack: end;
|
|
box-align: center;
|
|
box-pack: end;
|
|
}
|
|
.flex_box_column___hO761 {
|
|
flex-direction: column;
|
|
box-orient: block-axis;
|
|
}
|
|
.userInfo___AOrZJ {
|
|
width: 100%;
|
|
background: #fff;
|
|
text-align: center;
|
|
padding-left: 20px;
|
|
padding-right: 20px;
|
|
padding-bottom: 30px;
|
|
}
|
|
.userInfo___AOrZJ img {
|
|
width: 120px;
|
|
height: 120px;
|
|
border-radius: 50%;
|
|
}
|
|
.userInfo___AOrZJ p {
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
margin: 0;
|
|
}
|
|
.navInfo___eCDON {
|
|
background: #fff;
|
|
padding: 10px 0;
|
|
margin-top: 20px;
|
|
}
|
|
.navInfo___eCDON a {
|
|
color: #000;
|
|
color: initial;
|
|
display: inline-block;
|
|
width: 100%;
|
|
margin-top: 15px;
|
|
}
|
|
.navInfo___eCDON a:nth-child(1) {
|
|
margin-top: 0;
|
|
}
|
|
.navInfo___eCDON li {
|
|
padding: 0 30px;
|
|
cursor: pointer;
|
|
}
|
|
.navInfo___eCDON li.actived___FDrE1 {
|
|
border-left: 2px solid #0152d9;
|
|
}
|
|
.topBar___L5Hq4 {
|
|
border-bottom: 1px solid #eee;
|
|
}
|
|
.topBar___L5Hq4 [class~='ant-row'] > div {
|
|
height: 60px;
|
|
line-height: 60px;
|
|
}
|
|
.topBar___L5Hq4 [class~='ant-row'] > div:nth-child(3) {
|
|
border-left: 1px solid #eee;
|
|
}
|
|
.tabs___K46zs {
|
|
padding: 0;
|
|
border-bottom: 1px solid #eee;
|
|
}
|
|
.tabs___K46zs li {
|
|
display: inline-block;
|
|
height: 60px;
|
|
line-height: 60px;
|
|
margin: 0 20px;
|
|
padding: 0;
|
|
font-size: 16px;
|
|
cursor: pointer;
|
|
color: #999;
|
|
}
|
|
.tabs___K46zs li.active___hMEvd {
|
|
color: #000;
|
|
border-bottom: 2px solid #000;
|
|
}
|
|
.list____5qRM {
|
|
margin-top: 20px;
|
|
}
|
|
.list____5qRM img {
|
|
width: 48px;
|
|
height: 48px;
|
|
border-radius: 50%;
|
|
}
|
|
.list____5qRM aside {
|
|
padding: 0 30px;
|
|
cursor: pointer;
|
|
}
|
|
.list____5qRM aside > [class~='ant-row'] {
|
|
border-bottom: 1px solid #eee;
|
|
padding-top: 20px;
|
|
padding-bottom: 20px;
|
|
}
|
|
.list____5qRM aside:hover {
|
|
background: #eee;
|
|
}
|
|
.tags___R3aHm {
|
|
padding: 0 9px;
|
|
border: 1px solid #dd1717;
|
|
color: #dd1717;
|
|
border-radius: 20px;
|
|
}
|
|
.searchWrp___AlrVM {
|
|
box-shadow: 0px 1px 6px rgba(76, 76, 76, 0.2);
|
|
padding: 0 20px;
|
|
position: relative;
|
|
top: -11px;
|
|
}
|
|
.listMessage___DSDfV {
|
|
max-height: 500px;
|
|
min-height: 0px;
|
|
overflow: auto;
|
|
border-right: 1px solid #eee;
|
|
}
|
|
.listMessage___DSDfV img {
|
|
width: 48px;
|
|
height: 48px;
|
|
border-radius: 50%;
|
|
}
|
|
.listMessage___DSDfV aside {
|
|
padding: 0 30px;
|
|
cursor: pointer;
|
|
}
|
|
.listMessage___DSDfV aside > [class~='ant-row'] {
|
|
padding-top: 20px;
|
|
padding-bottom: 20px;
|
|
}
|
|
.listMessage___DSDfV .deleteMsg___omx9n {
|
|
position: absolute;
|
|
right: 0;
|
|
bottom: -25px;
|
|
font-size: 14px;
|
|
color: #ccc;
|
|
}
|
|
.listRightMessage___lZyYc {
|
|
max-height: 770px;
|
|
min-height: 270px;
|
|
overflow: auto;
|
|
border-left: 1px solid #eee;
|
|
}
|
|
.listRightMessage___lZyYc img {
|
|
width: 48px;
|
|
height: 48px;
|
|
border-radius: 50%;
|
|
}
|
|
.listRightMessage___lZyYc .content___vaWQf {
|
|
-webkit-box-orient: vertical;
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 2;
|
|
overflow: hidden;
|
|
}
|
|
.listRightMessage___lZyYc aside {
|
|
padding: 0 30px;
|
|
cursor: pointer;
|
|
}
|
|
.listRightMessage___lZyYc aside > [class~='ant-row'] {
|
|
padding-top: 20px;
|
|
padding-bottom: 20px;
|
|
}
|
|
.listRightMessage___lZyYc .deleteMsg___omx9n {
|
|
position: absolute;
|
|
right: 0;
|
|
bottom: -25px;
|
|
font-size: 14px;
|
|
color: #999;
|
|
}
|
|
.msg___BhVg6 {
|
|
background: #f5f5f5;
|
|
border-radius: 6px;
|
|
text-align: justify;
|
|
color: #666;
|
|
padding: 10px 15px;
|
|
max-width: 300px;
|
|
position: relative;
|
|
}
|
|
.msg___BhVg6:before {
|
|
content: '';
|
|
position: absolute;
|
|
left: -5px;
|
|
top: 10px;
|
|
width: 0;
|
|
height: 0;
|
|
border-top: 6px solid transparent;
|
|
border-right: 5px solid #f5f5f5;
|
|
border-bottom: 6px solid transparent;
|
|
}
|
|
.msgDate___oRFwZ {
|
|
padding: 0 10px;
|
|
width: auto;
|
|
height: 20px;
|
|
line-height: 20px;
|
|
background: #999;
|
|
color: #fff;
|
|
margin: 0 auto;
|
|
border-radius: 20px;
|
|
}
|
|
|
|
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
|
|
!*** css ./node_modules/_css-loader@6.7.1@css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/_@umijs_bundler-webpack@4.0.87@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/_@umijs_bundler-webpack@4.0.87@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[3]!./src/components/image-preview/index.less ***!
|
|
\*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
|
|
.image-preview-container {
|
|
display: flex;
|
|
flex-flow: column nowrap;
|
|
position: fixed;
|
|
align-items: center;
|
|
justify-content: center;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
z-index: 99999;
|
|
background: rgba(0, 0, 0, 0.8);
|
|
}
|
|
.image-preview-container .image-preview {
|
|
transition: transform 0.4s linear;
|
|
max-width: 86%;
|
|
}
|
|
.image-preview-container .button-group {
|
|
display: flex;
|
|
flex-flow: row nowrap;
|
|
align-items: center;
|
|
justify-content: flex-end;
|
|
position: absolute;
|
|
z-index: 101;
|
|
right: 10px;
|
|
top: 10px;
|
|
}
|
|
.image-preview-container .button-group a,
|
|
.image-preview-container .button-group button {
|
|
color: rgba(0, 0, 0, 0.65);
|
|
margin-right: 10px;
|
|
display: flex;
|
|
flex-flow: row nowrap;
|
|
align-items: center;
|
|
}
|
|
.preview-wrp-group {
|
|
overflow: auto;
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
|
|
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
|
|
!*** css ./node_modules/_css-loader@6.7.1@css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[0].use[1]!./node_modules/_@umijs_bundler-webpack@4.0.87@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.0.87@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/pages/Messages/component/LeftNav.less?modules ***!
|
|
\***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
|
|
.flex_box_center___cQVhO {
|
|
justify-content: center;
|
|
align-items: center;
|
|
-webkit-justify-content: center;
|
|
box-align: center;
|
|
}
|
|
.flex_space_between___L36a6 {
|
|
justify-content: space-between;
|
|
-webkit-box-pack: justify;
|
|
}
|
|
.flex_box_vertical_center___sIHwG {
|
|
align-items: center;
|
|
box-align: center;
|
|
}
|
|
.flex_box_center_end___OqNyE {
|
|
justify-content: flex-end;
|
|
align-items: center;
|
|
-webkit-justify-content: flex-end;
|
|
-webkit-align-items: center;
|
|
-webkit-box-align: center;
|
|
-webkit-box-pack: end;
|
|
box-align: center;
|
|
box-pack: end;
|
|
}
|
|
.flex_box_column___Ct7XG {
|
|
flex-direction: column;
|
|
box-orient: block-axis;
|
|
}
|
|
.userInfo____uyMZ {
|
|
width: 100%;
|
|
background: #fff;
|
|
text-align: center;
|
|
padding-left: 20px;
|
|
padding-right: 20px;
|
|
padding-bottom: 30px;
|
|
}
|
|
.userInfo____uyMZ img {
|
|
width: 120px;
|
|
height: 120px;
|
|
border-radius: 50%;
|
|
}
|
|
.userInfo____uyMZ p {
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
margin: 0;
|
|
}
|
|
.navInfo___acXs6 {
|
|
background: #fff;
|
|
padding: 10px 0;
|
|
margin-top: 20px;
|
|
}
|
|
.navInfo___acXs6 a {
|
|
color: #000;
|
|
color: initial;
|
|
display: inline-block;
|
|
width: 100%;
|
|
margin-top: 15px;
|
|
}
|
|
.navInfo___acXs6 a:nth-child(1) {
|
|
margin-top: 0;
|
|
}
|
|
.navInfo___acXs6 li {
|
|
padding: 0 30px;
|
|
cursor: pointer;
|
|
position: relative;
|
|
}
|
|
.navInfo___acXs6 li.actived___WhZza {
|
|
border-left: 2px solid #0152d9;
|
|
}
|
|
.newTip___Jdd6B {
|
|
background: #ff6800;
|
|
color: #fff;
|
|
padding: 2px 5px;
|
|
line-height: 1;
|
|
border-radius: 10px;
|
|
position: absolute;
|
|
right: 20px;
|
|
top: 2px;
|
|
}
|
|
|