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

578 lines
16 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.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/Materials/ItemAssetsList/CreateItemAssets/index.less?modules ***!
\********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wrap___DmOGS {
width: 1200px;
margin: 20px auto 40px auto;
}
.wrap___DmOGS .back_style___TmAJ9 {
color: #999;
margin: 10px 0 15px 0;
cursor: pointer;
}
.wrap___DmOGS .back_style_span___xb3Ua {
cursor: pointer;
}
.wrap___DmOGS .back_style_span___xb3Ua:hover {
color: #165DFF;
}
.wrap___DmOGS .header___Jryyz {
background: #FFFFFF;
border-radius: 4px;
padding: 30px 30px 30px 0;
}
.wrap___DmOGS .header___Jryyz .header_form___Vnph8 [class~='ant-form-item'] [class~='ant-form-item-label'] {
text-align: right !important;
width: 140px !important;
}
.wrap___DmOGS .header___Jryyz .header_form___Vnph8 [class~='ant-form-item'] [class~='ant-form-item-label'] label {
color: #666 !important;
display: block !important;
line-height: 40px !important;
padding-right: 5px !important;
}
.wrap___DmOGS .header___Jryyz .header_form___Vnph8 .guize_select___Uq_oh {
width: 96px;
height: 32px;
background: linear-gradient(180deg, #FFFFFF 0%, #F6F7F9 100%), #F6F7F9;
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-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 14px;
color: #3061D0;
line-height: 30px;
text-align: left;
font-style: normal;
text-align: center;
cursor: pointer;
margin-top: 4px;
}
.wrap___DmOGS .header___Jryyz .header_form___Vnph8 .guize_update___jNBfj {
width: 48px;
height: 22px;
background: #3061D0;
box-shadow: 0px 2px 4px 0px #E0DFE1, inset 0px 1px 3px 0px rgba(255, 255, 255, 0.5);
border-radius: 2px;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 12px;
color: #FFFFFF;
line-height: 22px;
text-align: left;
font-style: normal;
cursor: pointer;
text-align: center;
margin-top: 9px;
}
.wrap___DmOGS .header___Jryyz .header_form___Vnph8 .shangchuan_button___FGARg {
width: 118px;
height: 32px;
background: linear-gradient(180deg, #FFFFFF 0%, #F6F7F9 100%), #F6F7F9;
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-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 14px;
color: #3061D0;
line-height: 32px;
text-align: left;
font-style: normal;
text-align: center;
cursor: pointer;
margin-top: 4px;
}
.wrap___DmOGS .header___Jryyz .header_form___Vnph8 .shangchuan_img___molWX {
width: 300px;
height: 156px;
background: #F5F5F5;
border-radius: 1px;
position: relative;
margin-top: 20px;
}
.wrap___DmOGS .header___Jryyz .header_form___Vnph8 .shangchuan_close___VkAWB {
position: absolute;
top: 5px;
right: 10px;
color: #FF5555;
cursor: pointer;
}
.wrap___DmOGS .header___Jryyz .header_form___Vnph8 [class~='ant-form-item'] [class~='ant-form-item-label'] {
text-align: right !important;
}
.wrap___DmOGS .header___Jryyz .header_form___Vnph8 [class~='ant-form-item'] [class~='ant-form-item-label'] label {
color: #666 !important;
display: block !important;
line-height: 40px !important;
padding-right: 5px !important;
}
.wrap___DmOGS .header___Jryyz .header_form___Vnph8 [class~='ant-upload'] {
margin-top: 5px !important;
}
.wrap___DmOGS .header___Jryyz .close_button___SDAUv {
width: 64px;
height: 32px;
background: #F8F9FC;
border-radius: 2px;
border: 1px solid #C3CFE0;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 14px;
color: #464F66;
line-height: 32px;
text-align: left;
font-style: normal;
cursor: pointer;
text-align: center;
margin-left: auto;
}
.wrap___DmOGS .header___Jryyz .submit_button___IGPOo {
width: 64px;
height: 32px;
background: #3061D0;
box-shadow: 0px 2px 4px 0px #E0DFE1, inset 0px 1px 3px 0px rgba(255, 255, 255, 0.5);
border-radius: 2px;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 14px;
color: #FFFFFF;
line-height: 32px;
text-align: left;
font-style: normal;
cursor: pointer;
text-align: center;
margin-left: 20px;
}
.add_button___Jz6GY {
width: 116px;
height: 32px;
background: #3061D0;
box-shadow: 0px 2px 4px 0px #E0DFE1, inset 0px 1px 3px 0px rgba(255, 255, 255, 0.5);
border-radius: 2px;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 14px;
color: #FFFFFF;
line-height: 32px;
font-style: normal;
text-align: center;
cursor: pointer;
position: absolute;
top: 5px;
right: 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/pages/Materials/ItemAssetsList/CreateItemAssets/UpdateAvatarModal/index.less?modules ***!
\**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.modal___GMdv5 {
display: flex;
flex-direction: row;
}
.avatarWrap___k2FvQ {
border: 1px solid #eee;
}
.tip___dUCZq {
color: #9b9b9b;
margin-top: 4px;
font-size: 14px;
}
.previewWrap___Lbfik {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 320px;
align-items: center;
margin-left: 36px;
}
.previewImg___CIcte {
overflow: hidden;
background-color: #fff;
text-align: center;
width: 120px !important;
height: 60px !important;
border: 1px #eee solid;
}
.uploadButton___AUTsw {
color: #0152d9;
border: 1px solid #0152d9;
padding: 2px 18px;
cursor: pointer;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/_css-loader@6.7.1@css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[1]!./node_modules/_@umijs_bundler-webpack@4.3.18@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[4].oneOf[1].use[2]!./node_modules/_cropperjs@1.6.2@cropperjs/dist/cropper.css ***!
\**************************************************************************************************************************************************************************************************************************************************************************************************************/
/*!
* Cropper.js v1.6.2
* https://fengyuanchen.github.io/cropperjs
*
* Copyright 2015-present Chen Fengyuan
* Released under the MIT license
*
* Date: 2024-04-21T07:43:02.731Z
*/
.cropper-container {
direction: ltr;
font-size: 0;
line-height: 0;
position: relative;
touch-action: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.cropper-container img {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
display: block;
height: 100%;
image-orientation: 0deg;
max-height: none !important;
max-width: none !important;
min-height: 0 !important;
min-width: 0 !important;
width: 100%;
}
.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.cropper-wrap-box,
.cropper-canvas {
overflow: hidden;
}
.cropper-drag-box {
background-color: #fff;
opacity: 0;
}
.cropper-modal {
background-color: #000;
opacity: 0.5;
}
.cropper-view-box {
display: block;
height: 100%;
outline: 1px solid #39f;
outline-color: rgba(51, 153, 255, 0.75);
overflow: hidden;
width: 100%;
}
.cropper-dashed {
border: 0 dashed #eee;
display: block;
opacity: 0.5;
position: absolute;
}
.cropper-dashed.dashed-h {
border-bottom-width: 1px;
border-top-width: 1px;
height: calc(100% / 3);
left: 0;
top: calc(100% / 3);
width: 100%;
}
.cropper-dashed.dashed-v {
border-left-width: 1px;
border-right-width: 1px;
height: 100%;
left: calc(100% / 3);
top: 0;
width: calc(100% / 3);
}
.cropper-center {
display: block;
height: 0;
left: 50%;
opacity: 0.75;
position: absolute;
top: 50%;
width: 0;
}
.cropper-center::before,
.cropper-center::after {
background-color: #eee;
content: ' ';
display: block;
position: absolute;
}
.cropper-center::before {
height: 1px;
left: -3px;
top: 0;
width: 7px;
}
.cropper-center::after {
height: 7px;
left: 0;
top: -3px;
width: 1px;
}
.cropper-face,
.cropper-line,
.cropper-point {
display: block;
height: 100%;
opacity: 0.1;
position: absolute;
width: 100%;
}
.cropper-face {
background-color: #fff;
left: 0;
top: 0;
}
.cropper-line {
background-color: #39f;
}
.cropper-line.line-e {
cursor: ew-resize;
right: -3px;
top: 0;
width: 5px;
}
.cropper-line.line-n {
cursor: ns-resize;
height: 5px;
left: 0;
top: -3px;
}
.cropper-line.line-w {
cursor: ew-resize;
left: -3px;
top: 0;
width: 5px;
}
.cropper-line.line-s {
bottom: -3px;
cursor: ns-resize;
height: 5px;
left: 0;
}
.cropper-point {
background-color: #39f;
height: 5px;
opacity: 0.75;
width: 5px;
}
.cropper-point.point-e {
cursor: ew-resize;
margin-top: -3px;
right: -3px;
top: 50%;
}
.cropper-point.point-n {
cursor: ns-resize;
left: 50%;
margin-left: -3px;
top: -3px;
}
.cropper-point.point-w {
cursor: ew-resize;
left: -3px;
margin-top: -3px;
top: 50%;
}
.cropper-point.point-s {
bottom: -3px;
cursor: s-resize;
left: 50%;
margin-left: -3px;
}
.cropper-point.point-ne {
cursor: nesw-resize;
right: -3px;
top: -3px;
}
.cropper-point.point-nw {
cursor: nwse-resize;
left: -3px;
top: -3px;
}
.cropper-point.point-sw {
bottom: -3px;
cursor: nesw-resize;
left: -3px;
}
.cropper-point.point-se {
bottom: -3px;
cursor: nwse-resize;
height: 20px;
opacity: 1;
right: -3px;
width: 20px;
}
@media (min-width: 768px) {
.cropper-point.point-se {
height: 15px;
width: 15px;
}
}
@media (min-width: 992px) {
.cropper-point.point-se {
height: 10px;
width: 10px;
}
}
@media (min-width: 1200px) {
.cropper-point.point-se {
height: 5px;
opacity: 0.75;
width: 5px;
}
}
.cropper-point.point-se::before {
background-color: #39f;
bottom: -50%;
content: ' ';
display: block;
height: 200%;
opacity: 0;
position: absolute;
right: -50%;
width: 200%;
}
.cropper-invisible {
opacity: 0;
}
.cropper-bg {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC);
}
.cropper-hide {
display: block;
height: 0;
position: absolute;
width: 0;
}
.cropper-hidden {
display: none !important;
}
.cropper-move {
cursor: move;
}
.cropper-crop {
cursor: crosshair;
}
.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
cursor: not-allowed;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** 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/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;
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_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;
}