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

378 lines
14 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.6.26@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.6.26@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/pages/Magazinejor/component/Detail/index.less?modules ***!
\*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Onerow___NVCta {
word-break: break-all;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.MultiLine___QpteS {
word-break: break-all;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.detailWrap___ZjiJI {
width: 100%;
padding: 20px 20px 20px 0px;
}
.detailWrap___ZjiJI .detailTop___eoFqK {
width: 100%;
height: 305px;
background: linear-gradient(180deg, #2351B5 0%, #1F3B89 100%);
border-radius: 6px;
padding-left: 50px;
display: flex;
align-items: center;
justify-content: space-between;
}
.detailWrap___ZjiJI .detailTop___eoFqK .topLeft___KhWEM {
display: flex;
}
.detailWrap___ZjiJI .detailTop___eoFqK .topLeft___KhWEM .imgCover___yzn5x {
position: relative;
margin-right: 70px;
}
.detailWrap___ZjiJI .detailTop___eoFqK .topLeft___KhWEM .imgCover___yzn5x .coverimg___DKo4G {
position: absolute;
width: 126px;
height: 168px;
top: 5px;
left: 18px;
}
.detailWrap___ZjiJI .detailTop___eoFqK .topLeft___KhWEM .imgDes___ptSKF {
display: flex;
flex-direction: column;
}
.detailWrap___ZjiJI .detailTop___eoFqK .topLeft___KhWEM .imgDes___ptSKF .d1___X4CRE {
font-family: AlibabaPuHuiTi_2_65_Medium;
font-size: 32px;
color: #FFFFFF;
}
.detailWrap___ZjiJI .detailTop___eoFqK .topLeft___KhWEM .imgDes___ptSKF .d2___LFRtU {
display: flex;
margin-top: 20px;
}
.detailWrap___ZjiJI .detailTop___eoFqK .topLeft___KhWEM .imgDes___ptSKF .d2___LFRtU .label___KAPru {
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 16px;
color: rgba(255, 255, 255, 0.6);
margin-right: 10px;
}
.detailWrap___ZjiJI .detailTop___eoFqK .topLeft___KhWEM .imgDes___ptSKF .d2___LFRtU .info___LqGYH {
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 16px;
color: #FFFFFF;
}
.detailWrap___ZjiJI .detailTop___eoFqK .topLeft___KhWEM .imgDes___ptSKF .d3___xTY9z {
display: flex;
margin-top: 10px;
}
.detailWrap___ZjiJI .detailTop___eoFqK .topLeft___KhWEM .imgDes___ptSKF .d3___xTY9z .label___KAPru {
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 16px;
color: rgba(255, 255, 255, 0.6);
min-width: 40px;
}
.detailWrap___ZjiJI .detailTop___eoFqK .topLeft___KhWEM .imgDes___ptSKF .d3___xTY9z .info___LqGYH {
word-break: break-all;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: inline-block;
max-width: 530px;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 16px;
color: #FFFFFF;
}
.detailWrap___ZjiJI .detailTop___eoFqK .topLeft___KhWEM .imgDes___ptSKF .d4___MtL8r {
display: flex;
margin-top: 40px;
}
.detailWrap___ZjiJI .detailTop___eoFqK .topLeft___KhWEM .imgDes___ptSKF .d4___MtL8r .btn___ldQvs {
background: linear-gradient(90deg, #667FDF 0%, #3649BB 100%);
box-shadow: 0px 5px 10px 0px #174FD2, inset 0px 1px 6px 0px #FFFFFF;
border-radius: 25px;
padding: 17px 40px;
font-family: AlibabaPuHuiTi_2_85_Bold;
font-size: 16px;
color: #DBF3FF;
line-height: 16px;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
cursor: pointer;
}
.detailWrap___ZjiJI .detailTop___eoFqK .topbg___E9ei7 {
flex: 1 1;
height: 100%;
background-image: url(./static/detailbg.6460233e.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
}
.detailWrap___ZjiJI .detailCon___KvaHJ {
width: 100%;
display: flex;
margin-top: 30px;
height: calc(100vh - 400px);
min-height: 605px;
}
.detailWrap___ZjiJI .detailCon___KvaHJ .leftWrap___ryJ1V {
width: 400px;
height: 100%;
background: linear-gradient(180deg, #0D2A6D 0%, #4B5DCD 100%);
box-shadow: inset 0px 1px 6px 0px #051E55;
border-radius: 4px;
padding: 18px;
margin-right: 20px;
}
.detailWrap___ZjiJI .detailCon___KvaHJ .leftWrap___ryJ1V [class~='ant-collapse-content-box'] {
width: 360px;
height: 112px;
background: rgba(178, 189, 249, 0.18);
border-radius: 4px;
padding: 20px;
border: 1px solid rgba(255, 255, 255, 0.21);
}
.detailWrap___ZjiJI .detailCon___KvaHJ .leftWrap___ryJ1V [class~='ant-collapse-header'] {
padding: 12px 0px !important;
}
.detailWrap___ZjiJI .detailCon___KvaHJ .leftWrap___ryJ1V [class~='ant-collapse-item-active'] {
border: none;
}
.detailWrap___ZjiJI .detailCon___KvaHJ .leftWrap___ryJ1V [class~='ant-collapse-header-text'] {
font-family: PingFangSC, PingFang SC;
font-weight: 600;
font-size: 16px;
color: #fff;
}
.detailWrap___ZjiJI .detailCon___KvaHJ .leftWrap___ryJ1V .commonMonth___Yd9zq {
display: inline-block;
width: 26px;
height: 26px;
text-align: center;
line-height: 26px;
border-radius: 2px;
font-weight: 600;
font-size: 14px;
margin-right: 30px;
background: #B2BDF9;
color: #585858;
cursor: pointer;
}
.detailWrap___ZjiJI .detailCon___KvaHJ .leftWrap___ryJ1V .activeMonth___Pk1Q4 {
color: #fff;
background: linear-gradient(270deg, #0E62FF 0%, #17CFDF 100%);
}
.detailWrap___ZjiJI .detailCon___KvaHJ .leftWrap___ryJ1V .disMonth___BpTwX {
cursor: not-allowed;
color: #708192;
background-color: #e4e4e4;
}
.detailWrap___ZjiJI .detailCon___KvaHJ .rightWrap___fgkpp {
flex: 1 1;
background: linear-gradient(180deg, #0D2A6D 0%, #4356C0 100%);
box-shadow: inset 0px 1px 6px 0px #051E55;
border-radius: 4px;
padding-bottom: 20px;
height: 100%;
}
.detailWrap___ZjiJI .detailCon___KvaHJ .rightWrap___fgkpp .rightconbox___GITbM {
width: 100%;
height: calc(100% - 60px);
overflow-y: auto;
padding: 0px 20px;
}
.detailWrap___ZjiJI .detailCon___KvaHJ .rightWrap___fgkpp .rightconbox___GITbM .itemWrap___ir4i9 {
width: 100%;
background: linear-gradient(180deg, #91A4FB 0%, #9EAAE8 100%);
border-radius: 4px;
border: 1px solid rgba(255, 255, 255, 0.21);
padding: 20px;
position: relative;
min-height: 122px;
}
.detailWrap___ZjiJI .detailCon___KvaHJ .rightWrap___fgkpp .rightconbox___GITbM .itemWrap___ir4i9 .bgimg___reDEW {
position: absolute;
top: 2px;
right: 10px;
}
.detailWrap___ZjiJI .detailCon___KvaHJ .rightWrap___fgkpp .rightconbox___GITbM .itemWrap___ir4i9 .itemName___PSPLa {
padding: 8px 10px;
margin-bottom: 30px;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
height: 32px;
box-shadow: inset 0px 5px 17px 3px rgba(104, 126, 241, 0.5);
border-radius: 4px;
border: 1px solid;
background: linear-gradient(0deg, #2E81FF 0%, #725BFF 99%);
border-image: linear-gradient(180deg, #6f88e1, #d2d9ff) 1 1;
font-family: AlibabaPuHuiTi_2_85_Bold;
font-size: 16px;
color: #35D7E8;
line-height: 16px;
text-shadow: 0px 1px 2px rgba(193, 220, 255, 0.5), inset 0px 1px 3px #1E0B5F;
text-align: center;
font-style: normal;
}
.detailWrap___ZjiJI .detailCon___KvaHJ .rightWrap___fgkpp .rightconbox___GITbM .itemWrap___ir4i9 .arcWrap___cIWb0 {
display: flex;
column-gap: 20px;
row-gap: 20px;
flex-wrap: wrap;
}
.detailWrap___ZjiJI .detailCon___KvaHJ .rightWrap___fgkpp .rightconbox___GITbM .itemWrap___ir4i9 .arcWrap___cIWb0 .artItem___ULJ1F {
width: 315px;
height: 121px;
background: #CEDEFF;
border-radius: 6px;
border: 1px solid #D0F5FF;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
display: flex;
padding: 8px;
cursor: pointer;
}
.detailWrap___ZjiJI .detailCon___KvaHJ .rightWrap___fgkpp .rightconbox___GITbM .itemWrap___ir4i9 .arcWrap___cIWb0 .artItem___ULJ1F:hover {
box-shadow: 0px 1px 32px 0px rgba(35, 20, 255, 0.56);
}
.detailWrap___ZjiJI .detailCon___KvaHJ .rightWrap___fgkpp .rightconbox___GITbM .itemWrap___ir4i9 .arcWrap___cIWb0 .artItem___ULJ1F:hover .detailsWrap___u3i3n .deltop___WjU5l .icon___w5A9I {
display: inline;
color: #5980FC;
font-size: 14px;
}
.detailWrap___ZjiJI .detailCon___KvaHJ .rightWrap___fgkpp .rightconbox___GITbM .itemWrap___ir4i9 .arcWrap___cIWb0 .artItem___ULJ1F .detailsWrap___u3i3n {
margin-left: 23px;
display: flex;
flex-direction: column;
justify-content: space-between;
width: 155px;
}
.detailWrap___ZjiJI .detailCon___KvaHJ .rightWrap___fgkpp .rightconbox___GITbM .itemWrap___ir4i9 .arcWrap___cIWb0 .artItem___ULJ1F .detailsWrap___u3i3n .deltop___WjU5l {
display: flex;
align-items: center;
justify-content: space-between;
}
.detailWrap___ZjiJI .detailCon___KvaHJ .rightWrap___fgkpp .rightconbox___GITbM .itemWrap___ir4i9 .arcWrap___cIWb0 .artItem___ULJ1F .detailsWrap___u3i3n .deltop___WjU5l .title___yU81x {
word-break: break-all;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 90px;
font-family: PingFangSC, PingFang SC;
font-weight: 600;
font-size: 14px;
color: #434D6C;
margin-top: 6px;
}
.detailWrap___ZjiJI .detailCon___KvaHJ .rightWrap___fgkpp .rightconbox___GITbM .itemWrap___ir4i9 .arcWrap___cIWb0 .artItem___ULJ1F .detailsWrap___u3i3n .deltop___WjU5l .icon___w5A9I {
display: none;
}
.detailWrap___ZjiJI .detailCon___KvaHJ .rightWrap___fgkpp .rightconbox___GITbM .itemWrap___ir4i9 .arcWrap___cIWb0 .artItem___ULJ1F .detailsWrap___u3i3n .delbottom___VgQH2 {
display: flex;
align-items: center;
justify-content: space-between;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 12px;
color: #333333;
margin-bottom: 3px;
}
.my_modal___xWnYb [class~='ant-form-item-label'] {
margin-right: 10px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** 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.6.26@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/_@umijs_bundler-webpack@4.6.26@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[3]!./src/components/MultiUpload/index.less ***!
\***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.upload_button {
width: 108px;
height: 32px;
background: #F6F7F9 linear-gradient(180deg, #FFFFFF 0%, #F6F7F9 100%);
box-shadow: 0px 2px 4px 0px #E0DFE1, inset 0px 1px 3px 0px rgba(255, 255, 255, 0.5);
border-radius: 2px;
border: 1px solid #BACFFE;
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #3061D0;
display: inline-block;
text-align: center;
align-items: center;
align-content: center;
}
.upload_button .aBtn_img {
width: 14px;
height: 14px;
margin-top: -3px;
margin-right: 8px;
}
.upload_button:hover {
width: 108px;
background: #F6F7F9 linear-gradient(180deg, #FFFFFF 0%, #F6F7F9 100%);
box-shadow: 0px 2px 4px 0px #E0DFE1, inset 0px 1px 3px 0px rgba(255, 255, 255, 0.5);
border-radius: 2px;
border: 1px solid #BACFFE;
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #3061D0;
}
.disable_upload_button {
width: 108px;
height: 32px;
background: #F6F7F9 linear-gradient(180deg, #FFFFFF 0%, #F6F7F9 100%);
box-shadow: 0px 2px 4px 0px #E0DFE1, inset 0px 1px 3px 0px rgba(255, 255, 255, 0.5);
border-radius: 2px;
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
}
.disable_upload_button .aBtn_img {
width: 14px;
height: 14px;
margin-top: -3px;
margin-right: 8px;
}
.upload_button:active {
width: 108px;
height: 32px;
background: #F6F7F9 linear-gradient(180deg, #FFFFFF 0%, #F6F7F9 100%);
box-shadow: 0px 2px 4px 0px #E0DFE1, inset 0px 1px 3px 0px rgba(255, 255, 255, 0.5);
border-radius: 2px;
border: 1px solid #BACFFE;
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #3061D0;
}
.upload_text {
width: 129px;
height: 20px;
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #5F6367;
line-height: 20px;
margin-left: 16px;
}
.File .deletfileIcon {
opacity: 0;
cursor: pointer;
}
.File:hover .deletfileIcon {
opacity: 1;
}