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.
NewEduCoderBuild/p__Messages__Detail__index....

494 lines
14 KiB

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[3]!./node_modules/antd/es/layout/style/index.less ***!
\**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-layout {
display: flex;
flex: auto;
flex-direction: column;
/* fix firefox can't set height smaller than content on flex item */
min-height: 0;
background: #f0f2f5;
}
.ant-layout,
.ant-layout * {
box-sizing: border-box;
}
.ant-layout.ant-layout-has-sider {
flex-direction: row;
}
.ant-layout.ant-layout-has-sider > .ant-layout,
.ant-layout.ant-layout-has-sider > .ant-layout-content {
width: 0;
}
.ant-layout-header,
.ant-layout-footer {
flex: 0 0 auto;
}
.ant-layout-header {
height: 64px;
padding: 0 50px;
color: rgba(0, 0, 0, 0.85);
line-height: 64px;
background: #001529;
}
.ant-layout-footer {
padding: 24px 50px;
color: rgba(0, 0, 0, 0.85);
font-size: 12px;
background: #f0f2f5;
}
.ant-layout-content {
flex: auto;
/* fix firefox can't set height smaller than content on flex item */
min-height: 0;
}
.ant-layout-sider {
position: relative;
/* fix firefox can't set width smaller than content on flex item */
min-width: 0;
background: #001529;
transition: all 0.2s;
}
.ant-layout-sider-children {
height: 100%;
margin-top: -0.1px;
padding-top: 0.1px;
}
.ant-layout-sider-children .ant-menu.ant-menu-inline-collapsed {
width: auto;
}
.ant-layout-sider-has-trigger {
padding-bottom: 48px;
}
.ant-layout-sider-right {
order: 1;
}
.ant-layout-sider-trigger {
position: fixed;
bottom: 0;
z-index: 1;
height: 48px;
color: #fff;
line-height: 48px;
text-align: center;
background: #002140;
cursor: pointer;
transition: all 0.2s;
}
.ant-layout-sider-zero-width > * {
overflow: hidden;
}
.ant-layout-sider-zero-width-trigger {
position: absolute;
top: 64px;
right: -36px;
z-index: 1;
width: 36px;
height: 42px;
color: #fff;
font-size: 18px;
line-height: 42px;
text-align: center;
background: #001529;
border-radius: 0 2px 2px 0;
cursor: pointer;
transition: background 0.3s ease;
}
.ant-layout-sider-zero-width-trigger::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
transition: all 0.3s;
content: '';
}
.ant-layout-sider-zero-width-trigger:hover::after {
background: rgba(255, 255, 255, 0.1);
}
.ant-layout-sider-zero-width-trigger-right {
left: -36px;
border-radius: 2px 0 0 2px;
}
.ant-layout-sider-light {
background: #fff;
}
.ant-layout-sider-light .ant-layout-sider-trigger {
color: rgba(0, 0, 0, 0.85);
background: #fff;
}
.ant-layout-sider-light .ant-layout-sider-zero-width-trigger {
color: rgba(0, 0, 0, 0.85);
background: #fff;
}
.ant-layout-rtl {
direction: rtl;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[0].use[1]!./node_modules/@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/@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;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/@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;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[0].use[1]!./node_modules/@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/@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;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */