edit

src/app/routes/usercenter/less/edit.less

@@ -0,0 +1,113 @@
+:host {
+  ::ng-deep {
+    sv-title {
+      font-weight: 700;
+    }
+
+
+    .sv__label,
+    .sv__detail {
+      line-height: 30px;
+    }
+
+    .edit-box {
+      input {
+        max-width: 250px;
+      }
+
+      nz-date-picker {
+        min-width: 250px;
+      }
+    }
+
+    .readOnly-box {
+      input {
+        padding-left: 0;
+        color       : #000;
+        border      : 0;
+      }
+
+      nz-select-top-control {
+        padding-left: 0px !important;
+      }
+    }
+
+    .ant-select {
+      min-width: 250px;
+
+      nz-select-top-control {
+        cursor: text !important;
+        color : #000 !important;
+      }
+    }
+
+    // 图片展示工具样式改造
+    .ant-upload.ant-upload-disabled {
+      cursor: pointer;
+    }
+
+    .ant-upload.ant-upload-select-picture-card {
+      width : 200px;
+      height: 160px;
+    }
+
+    .ant-upload-picture-card-wrapper {
+      width: auto;
+    }
+  }
+}
+
+.image-hover {
+  .delete-icon {
+    border-radius   : 50%;
+    color           : #F55656;
+    font-size       : 28px;
+    position        : absolute;
+    top             : -15px;
+    right           : -15px;
+    background-color: #ffffff;
+    cursor          : pointer;
+  }
+
+  .show-icon {
+    color    : #ffffff;
+    font-size: 30px;
+    cursor   : pointer;
+  }
+}
+
+.image-hover:hover .mask {
+  opacity: 0.8;
+}
+
+.mask {
+  width              : 200px;
+  height             : 160px;
+  background-color   : #4F4F4F;
+  opacity            : 0;
+  position           : absolute;
+  // top             : 6px;
+  // left            : 12px;
+  border-radius      : 6px;
+  margin-top         : -160px;
+}
+
+.mask-over {
+  width                : 200px;
+  height               : 160px;
+  position             : absolute;
+  // top               : 6px;
+  // left           : 12px;
+  border-radius        : 6px;
+  display              : flex;
+  justify-content      : center;
+  align-items          : center;
+  margin-top           : -160px;
+
+  label {
+    font-size     : 20px;
+    line-height   : 24px;
+    letter-spacing: 0.7px;
+    color         : #FFFFFF;
+  }
+}