input

src/forge/DevOps/About.jsx

@@ -124,6 +124,7 @@ function About(props, ref) {
           <React.Fragment>
             { step === 0 ?
             <React.Fragment>
+              <Input.Password style={{display:'none'}} size="large" />
               <Form style={{marginTop:"20px"}}>
                 <p className="mb20" style={{width:"370px"}}>请仔细核对您的服务器信息，一旦确认提交将无法修改</p>
                 {helper(

src/modules/page/layers/ImageLayerOfCommentHOC.js

@@ -7,8 +7,6 @@ export function ImageLayerOfCommentHOC(options = {}) {
     return class Wrapper extends Component {
       constructor(props) {
         super(props);
-
-
         this.state = {
           showImage: false,
           imageSrc: ''
@@ -37,7 +35,6 @@ export function ImageLayerOfCommentHOC(options = {}) {
 
       componentDidMount() {
         this.props.wrappedComponentRef && this.props.wrappedComponentRef(this.refs['wrappedComponentRef'])
-        
         setTimeout(() => { 
           $(options.parentSelector || ".commentsDelegateParent")
             .delegate(options.imgSelector || ".J_Comment_Reply .comment_content img, .J_Comment_Reply .childrenCommentsView img", "click", this.onDelegateClick);
@@ -69,13 +66,11 @@ export function ImageLayerOfCommentHOC(options = {}) {
         }
       }
 
-
       render() {
         this.MdifHasAnchorJustScorll();
         return (
           <React.Fragment>
             <ImageLayer {...this.state} onImageLayerClose={this.onImageLayerClose}></ImageLayer>
-
             <WrappedComponent {...this.props} ref="wrappedComponentRef">
             </WrappedComponent>
           </React.Fragment>

src/modules/page/layers/TaskResultLayer.css

@@ -1,156 +1,149 @@
 .taskResultLayer {
-	color: #666666;
-    z-index: 99999999999999;
-    width: 100%;
-    height: 100%;
-    position: fixed;
-    background:rgba(0,0,0,0.8);
-    top: 0px;
-    overflow: hidden;
+  color: #666666;
+  z-index: 99999999999999;
+  width: 100%;
+  height: 100%;
+  position: fixed;
+  background: rgba(0, 0, 0, 0.8);
+  top: 0px;
+  overflow: hidden;
+}
+.taskResultLayer .closeIcon {
+  position: absolute;
+  right: 100px;
+  top: 46px;
+  font-size: 28px;
+  z-index: 999999;
+  color: rgb(255, 255, 255, 0.7);
+  cursor: pointer;
+}
+.taskResultLayer .closeIcon:hover {
+  color: #4cacff;
+}
+.taskResultLayer .expGold {
+  color: #b27919;
+}
+.taskResultLayer .rateLabel {
+  color: #fff;
+  font-size: 14px;
+}
+.taskResultLayer .rc-rate-star {
+  font-size: 24px;
+  color: rgb(192, 192, 192);
+}
+.taskResultLayer .rc-rate-star:nth-child(5) {
+  margin-right: 0px;
 }
-    .taskResultLayer .closeIcon{
-        position: absolute;
-        right: 100px;
-        top: 46px;
-        font-size: 28px;
-        z-index: 999999;
-        color: rgb(255,255,255,0.7);
-        cursor: pointer;
-    }
-    .taskResultLayer .closeIcon:hover {
-        color: #4CACFF;
-    }
-    .taskResultLayer .expGold {
-        color: #b27919 ;
-    }
-    .taskResultLayer .rateLabel {
-        color: #fff ;
-        font-size: 14px;
-    }
-    .taskResultLayer .rc-rate-star {
-        font-size: 24px;
-        color: rgb(192, 192, 192);
-    }
-    .taskResultLayer .rc-rate-star:nth-child(5) {
-        margin-right: 0px;
-    }
 
 /*  ImageLayer -----------------  Start */
-.passContent{
-    justify-content: center;
-    align-items: center;
-    display: -webkit-flex;
-    height: 100%;
-    text-align: center;
-    position: absolute;
-    width:100%;
-    z-index: 4;
+.passContent {
+  justify-content: center;
+  align-items: center;
+  display: -webkit-flex;
+  height: 100%;
+  text-align: center;
+  position: absolute;
+  width: 100%;
+  z-index: 4;
 }
-.closePanel{
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    z-index: 5;
+.closePanel {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  z-index: 5;
 }
-.passImg{
-    max-width: 86%;
-    max-height: 100%;
-    user-select: none;
-    min-width: 300px;
+.passImg {
+  max-width: 86%;
+  max-height: 100%;
+  user-select: none;
+  min-width: 300px;
 }
 /*  ImageLayer -----------------  End */
-
-.passTaskContent{
-    width: 652px;
-    height:100%;
-    margin:0px auto;
-    margin-top: 4%;
+.passTaskContent {
+  width: 652px;
+  height: 100%;
+  margin: 0px auto;
+  margin-top: 4%;
 }
-.passTaskImg{
-    position: absolute;
-    z-index: 2;
-    user-select: none;
+.passTaskImg {
+  position: absolute;
+  z-index: 2;
+  user-select: none;
 }
-
-.winpPerson{
-    position: absolute;
-    width: 100%;
-    z-index: 3;
-    color: #D1A448;
-    text-align: center;
-    margin-top:304px;
-    font-size: 18px;
+.winpPerson {
+  position: absolute;
+  width: 100%;
+  z-index: 3;
+  color: #d1a448;
+  text-align: center;
+  margin-top: 304px;
+  font-size: 18px;
 }
-.winPanel{
-    position: absolute;
-    width: 308px;
-    z-index: 5;
-    height: 356px;
-    border-radius: 10px;
-    margin:0px auto;
-    top:435px;
-    left: 50%;
-    margin-left: -154px;
-    text-align: center;
+.winPanel {
+  position: absolute;
+  width: 308px;
+  z-index: 5;
+  height: 356px;
+  border-radius: 10px;
+  margin: 0px auto;
+  top: 435px;
+  left: 50%;
+  margin-left: -154px;
+  text-align: center;
 }
-.inlines{
-    display: inline-block;
-    width: auto;
-    line-height: 26px;
-    font-size: 16px;
+.inlines {
+  display: inline-block;
+  width: auto;
+  line-height: 26px;
+  font-size: 16px;
 }
 .inline.exp {
-    margin-left: 18px;
+  margin-left: 18px;
 }
-    /*.inline img{*/
-        /*margin-right: 8px;*/
-    /*}*/
-.goldring{
-    margin-right: 8px;
-    width: 17px;
-    height: 17px;
-    border-radius: 50%;
-    background-color: #FFD633;
-    display: block;
-    float: left;
-    margin-top: 5px;
+.goldring {
+  margin-right: 8px;
+  width: 17px;
+  height: 17px;
+  border-radius: 50%;
+  background-color: #ffd633;
+  display: block;
+  float: left;
+  margin-top: 5px;
 }
-.passNext{
-    width:120px;
-    height:30px;
-    line-height:30px;
-    border-radius: 2px;
-    display: block;
-    background-color:#CCC;
-    color:#fff!important;
-    margin: 0px auto;
+.passNext {
+  width: 120px;
+  height: 30px;
+  line-height: 30px;
+  border-radius: 2px;
+  display: block;
+  background-color: #ccc;
+  color: #fff !important;
+  margin: 0px auto;
 }
-.passed{
-    width:120px;
-    height:30px;
-    line-height:30px;
-    border-radius: 2px;
-    display: block;
-    color:#fff!important;
-    margin: 0px auto;
-    margin-top: 12px;
-    background-color: #CCCCCC;
+.passed {
+  width: 120px;
+  height: 30px;
+  line-height: 30px;
+  border-radius: 2px;
+  display: block;
+  color: #fff !important;
+  margin: 0px auto;
+  margin-top: 12px;
+  background-color: #cccccc;
 }
 .passed.stared {
-    background-color:#4CACFF;
-    opacity: 0.8;
+  background-color: #4cacff;
+  opacity: 0.8;
 }
 .passed.stared:hover {
-    opacity: 1;
+  opacity: 1;
 }
-
-.vertical4{
-    vertical-align: -4px;
+.vertical4 {
+  vertical-align: -4px;
+}
+.ImageLayerbutton {
+  position: absolute;
+  top: 0px;
+  right: 10px;
+  z-index: 10;
 }
-
-.ImageLayerbutton{
-    position: absolute;
-    top: 0px;
-    right: 10px;
-    z-index: 10;
-}