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__Shixuns__Detail__Discuss...

583 lines
19 KiB

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** 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.3.18@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/_@umijs_bundler-webpack@4.3.18@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[3]!./src/pages/tasks/left-panel/discuss/index.less ***!
\*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.pagination-container {
padding: 12px 0 0;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** 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.3.18@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.3.18@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/components/Spinner/index.less?modules ***!
\***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ldsRing___mpBZC {
position: relative;
width: 40px;
height: 40px;
margin: 0 auto;
}
.idsRingWrapper___Of9_n {
position: absolute;
z-index: 1000;
width: 100%;
height: 100%;
left: 0;
top: 0;
display: flex;
flex-flow: column nowrap;
justify-content: center;
}
.idsRingWrapper___Of9_n p {
text-align: center;
margin-top: 12px;
}
.ldsRing___mpBZC div {
box-sizing: border-box;
display: block;
position: absolute;
width: 32px;
height: 32px;
margin: 4px;
border: 4px solid #1976d2;
border-radius: 50%;
animation: ldsring___o0w2t 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
border-color: #1976d2 transparent transparent transparent;
}
.ldsRing___mpBZC div:nth-child(1) {
animation-delay: -0.45s;
}
.ldsRing___mpBZC div:nth-child(2) {
animation-delay: -0.3s;
}
.ldsRing___mpBZC div:nth-child(3) {
animation-delay: -0.15s;
}
@keyframes ldsring___o0w2t {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** 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.3.18@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/_@umijs_bundler-webpack@4.3.18@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[3]!./src/pages/tasks/left-panel/discuss/discuss-item/index.less ***!
\********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.discuss-item-container {
display: flex;
flex-flow: row nowrap;
width: 100%;
padding: 15px;
border-bottom: 1px solid #e3e3e3;
overflow: hidden;
}
.discuss-item-container section {
margin-left: 15px;
flex: 1 1 auto;
width: 100%;
}
.discuss-item-container .grey {
color: #ccc;
}
.discuss-content {
margin: 4px 0;
word-break: break-word;
word-wrap: break-word;
}
.discuss-content img {
max-width: 200px;
}
.discuss-info {
display: flex;
flex-flow: row wrap;
align-items: center;
color: #999;
line-height: 16px;
font-size: 12px;
}
.discuss-info .top {
color: #ffffff;
padding: 0 8px;
background: #ff4343;
border-radius: 8px;
text-align: center;
}
.discuss-info .gift {
cursor: default;
}
.discuss-info .view-code {
color: #4cacff;
}
.discuss-info a {
color: #999;
}
.discuss-info a,
.discuss-info span {
margin-right: 15px;
}
.btn-group {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
margin-bottom: 8px;
}
.btn-group .btn-group-gratify .ant-btn:nth-child(1) {
margin-right: 4px;
}
.btn-group .btn-group-other {
line-height: 29px;
}
.btn-group .btn-group-other .btn-top .iconfont {
transform: rotate(180deg);
display: inline-block;
}
.btn-group .btn-group-other a {
width: auto !important;
min-width: 31px;
margin-left: 10px;
text-align: center;
color: #888;
}
.btn-group .btn-group-other a .iconfont {
font-size: 14px !important;
}
.btn-group-succes {
margin: 10px 0;
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
margin-bottom: 8px;
}
.btn-group-succes .btn-group {
opacity: 0;
}
.btn-group-succes:hover .btn-group {
opacity: 1;
}
.btn-group-succes .btn-group-gratify .ant-btn:nth-child(1) {
margin-right: 4px;
}
.btn-group-succes .btn-group-other {
line-height: 29px;
}
.btn-group-succes .btn-group-other .btn-top .iconfont {
transform: rotate(180deg);
display: inline-block;
}
.btn-group-succes .btn-group-other a {
width: auto !important;
min-width: 31px;
margin-left: 10px;
text-align: center;
color: #888;
}
.btn-group-succes .btn-group-other a .iconfont {
font-size: 14px !important;
}
.marg15 {
margin-bottom: 15px;
}
.second-level-discuss {
padding: 10px 10px 5px;
background-color: #f4f4f4;
border-radius: 6px;
}
.second-level-discuss .btn-group {
opacity: 0;
}
.second-level-discuss:hover {
background: #ebebeb;
}
.second-level-discuss:hover .btn-group {
opacity: 1;
}
.discuss-info-body {
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: space-between;
}
.content-gray {
color: #999999;
}
.reply-discuss-containerActive {
border-radius: 4px;
margin-bottom: 6px;
position: relative;
margin-top: 6px;
}
.reply-discuss-containerActive:before {
content: ' ';
position: absolute;
border-color: black;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
left: 13px;
top: -9px;
border-bottom: 10px solid #f4f4f4;
}
.plus-one-animate {
position: absolute;
left: 35px;
top: -1px;
animation: mymove 1s forwards;
-webkit-animation: mymove 1s forwards;
/*Safari and Chrome*/
}
@keyframes mymove {
from {
top: -10px;
opacity: 1;
}
to {
top: -30px;
opacity: 0;
}
}
.content {
padding: 22px 22px 8px;
}
.content-disappoint {
font-size: 16px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #434d6c;
margin-bottom: 20px;
}
.radius-box {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
height: 34px;
padding: 5px 12px 7px;
border-radius: 16px;
border: 1px;
font-family: PingFangSC-Regular, PingFang SC;
}
.blue-background {
color: #0152d9;
border: 1px solid #0152d9;
}
.blue-text-color {
color: #0152d9;
}
.gray-background {
opacity: 0.5;
border: 1px solid;
background-color: #f3f3f3;
}
.black6c-optcity {
color: #434d6c;
opacity: 1;
}
.blue-background-write {
color: #fff;
background-color: #0152d9;
}
.cursorPoint {
cursor: pointer;
}
.whether-satisfied {
height: 32px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
display: inline-block;
background: #f3f3f3;
border-radius: 2px;
border: 1px solid #bdd1ff;
line-height: 32px;
text-align: center;
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
padding: 0 12px;
}
.whether-satisfied:hover {
background-color: #ffffff;
}
.whether-img {
margin-right: 4px;
width: 12px;
height: 12px;
}
.whether-satisfied:nth-child(1) {
margin-right: 4px;
}
.height30 {
height: 32px;
font-size: 14px;
}
.SVGColor {
fill: currentColor;
color: #0152d9;
vertical-align: baseline;
}
.height30-line {
height: 30px;
line-height: 20px;
font-size: 14px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** 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.3.18@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/_@umijs_bundler-webpack@4.3.18@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[3]!./src/pages/tasks/left-panel/discuss/discuss-editor/index.less ***!
\**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.discuss-item-editor {
width: 100%;
overflow: hidden;
}
.discuss-item-editor .btn-send {
cursor: pointer;
border: none;
padding: 0 12px;
color: #fff;
letter-spacing: 1px;
text-align: center;
font-size: 14px;
height: 30px;
line-height: 30px;
border-radius: 2px;
font-weight: 400;
margin-right: 22px;
margin-top: 6px;
background: #0152d9;
float: right;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** 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.3.18@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/_@umijs_bundler-webpack@4.3.18@@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.3.18@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.3.18@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/pages/Shixuns/Detail/components/Right/index.less?modules ***!
\**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.flex_box_center___PT9hL {
justify-content: center;
align-items: center;
-webkit-justify-content: center;
box-align: center;
}
.flex_space_between___n2Hu5 {
justify-content: space-between;
-webkit-box-pack: justify;
}
.flex_box_vertical_center___dwn6D {
align-items: center;
box-align: center;
}
.flex_box_center_end___TwHBO {
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___eAUqU {
flex-direction: column;
box-orient: block-axis;
}
.rightWrap___Y_2WO {
width: 35%;
padding-left: 20px;
}
.learnWrap___mca1k {
overflow: hidden;
border-radius: 4px;
padding: 25px 20px 15px;
margin-bottom: 20px;
background-color: #fff;
}
.learnTopWrap___cn6Tj {
display: box;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 16px;
margin-bottom: 14px;
}
.courseWrap___N3Z6X {
padding: 20px;
margin-bottom: 20px;
background-color: #fff;
overflow: hidden;
border-radius: 4px;
}
.pathWrap___QSdXs {
display: box;
display: flex;
margin-bottom: 20px;
}
.pathImg___VjPqu {
border-radius: 4px;
width: 100px;
height: 60px;
}
.pathContentItem___sxOSQ {
display: flex;
flex-direction: row;
flex: 1 1;
margin-bottom: 20px;
}
.pathContentWrap___WttwX {
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
flex: 1 1;
margin-left: 10px;
margin-bottom: -6px;
}
.pathContentWrap___WttwX .pathContentName___evsEv {
display: block;
max-width: 222px;
color: #333;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin-bottom: 6px;
}
.pathContent___fz4ds {
color: #b4b4b4;
margin-top: 8px;
font-size: 12px;
margin: 0px;
}
.pathContentCount___Jlv3G {
line-height: 25px;
margin-right: 10px;
}
.recommandTrainingWrap___F1gpg {
padding: 20px;
margin-bottom: 20px;
background-color: #fff;
overflow: hidden;
border-radius: 4px;
}
.recommandContent___JZYAA {
display: box;
display: flex;
width: 100%;
align-items: center;
justify-content: space-between;
margin-top: 5px;
}
.recommandLevel___McDUw {
color: #999999;
padding-right: 10px;
}
.color0152d9___JWNjt {
color: #0152d9;
}
.color0152d9___JWNjt {
color: #0152d9;
}
.color999___npg2L {
color: #999;
}
.color888___l_1AP {
color: #888888;
}
.color333___ec_mY {
color: #333333;
}
.iconDeleteColor___aZjDG {
color: #ff5555;
}
.iconMoveColor___z4k0w {
color: #33bd8c;
}
.iconEditColor___wxNTY {
color: #5091ff;
}
.skillWrap___j6j3B {
padding: 25px 20px 15px;
margin-bottom: 10px;
background-color: #fff;
}
.skillTopWrap___kIJbE {
display: box;
display: flex;
align-items: center;
justify-content: space-between;
}
.time___dTwAe {
border-top: 1px solid hsla(0, 0%, 93.3%, 0.93);
margin-top: 20px;
}
.titleImg___I8kT9 {
vertical-align: sub;
margin-right: 4px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** 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.3.18@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.3.18@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/pages/Shixuns/Detail/Discuss/index.less?modules ***!
\*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.bg___GVdDO {
width: 1200px;
margin: 0 auto;
margin-bottom: 80px;
margin-top: 30px;
display: flex;
justify-content: space-between;
}
.bg___GVdDO div[class~='pagination-container'] {
text-align: center;
background-color: #fafafa;
}
.wrap___ROzHg {
width: 65%;
background-color: #ffffff;
position: relative;
}
.btn___g5tGP {
background-color: #ffffff;
padding: 28px 14px 20px 15px;
display: flex;
align-items: center;
justify-content: space-between;
}