update 完成房屋详情编辑的第一个页签

Web/src/assets/style/app.less

@@ -27,10 +27,13 @@
 @import './lib/select.less';
 @import './lib/checkbox.less';
 @import './lib/cascader.less';
+@import './lib/upload.less';
 @import './lib/dropdown.less';
 @import './lib/modal.less';
 @import './lib/tree-layout.less';
 @import './lib/authority-view.less';
 @import './lib/icon-selector.less';
+@import './lib/anchor.less';
 @import './theme/primary.less';
 // @import './lib/font-weight.less';
+@import './public.less';

Web/src/assets/style/lib/anchor.less

@@ -0,0 +1,11 @@
+@import (reference) '~@/assets/style/extend.less';
+.ant-anchor-ink-ball {
+  width: 2px;
+  height: 28px;
+
+  transform: translate(-50%, -10px);
+
+  border: 0;
+  border-radius: 0;
+  background-color: @primary-color;
+}

Web/src/assets/style/lib/form.less

@@ -282,3 +282,49 @@
     }
   }
 }
+.ant-form-item-required {
+  @keyframes required-animation {
+    // 0% {
+    //   transform: translateX(-5px) scale(.1);
+
+    //   opacity: .1;
+    // }
+
+    // 15% {
+    //   transform: translateX(-3px) scale(.5);
+
+    //   opacity: .5;
+    // }
+
+    // 30%,
+    // 70% {
+    //   transform: translateX(0) scale(1);
+
+    //   opacity: 1;
+    // }
+
+    // 85% {
+    //   transform: translateX(-3px) scale(.5);
+
+    //   opacity: .5;
+    // }
+
+    // 100% {
+    //   transform: translateX(-5px) scale(.1);
+
+    //   opacity: .1;
+    // }
+  }
+  &::before {
+    margin-top: -4px;
+
+    content: '';
+    animation: required-animation 2s linear infinite;
+    vertical-align: middle;
+
+    border-top: 4px solid transparent;
+    border-bottom: 4px solid transparent;
+    border-left: 5px solid #f5222d;
+    background: none;
+  }
+}

Web/src/assets/style/lib/input.less

@@ -1,6 +1,10 @@
 @import (reference) '~@/assets/style/extend.less';
+/* input前缀有2个字符的 */
 .yo-input-prefix-2 {
   .ant-input:not(:first-child) {
     padding-left: 45px;
   }
 }
+.yo-addon {
+  padding: 0 @padding-xs;
+}

Web/src/assets/style/lib/upload.less

@@ -0,0 +1,29 @@
+@import (reference) '~@/assets/style/extend.less';
+.ant-upload-list-text {
+  display: flex;
+  flex-wrap: wrap;
+  .ant-upload-list-item {
+    height: auto;
+    margin-right: @padding-xs;
+  }
+  .ant-upload-list-item-info {
+    position: relative;
+
+    padding: @padding-xxs @padding-xs;
+
+    border: @border-width-base @border-style-base @border-color-split;
+    .anticon-paper-clip {
+      top: 7.5px;
+    }
+    >span {
+      display: flex;
+    }
+  }
+  .ant-upload-list-item-card-actions {
+    position: relative;
+
+    margin-left: @padding-xs;
+
+    white-space: nowrap;
+  }
+}

Web/src/assets/style/lib/width-height.less

@@ -1,25 +1,26 @@
 @import (reference) '~@/assets/style/extend.less';
-.w-100-p {
-  width: 100%;
-}
-.w-100 {
-  width: 100px;
-}
-.w-200 {
-  width: 200px;
-}
-.w-300 {
-  width: 300px;
-}
-.h-100-p {
-  height: 100%;
-}
-.h-100 {
-  height: 100px;
-}
-.h-200 {
-  height: 200px;
-}
-.h-300 {
-  height: 300px;
+
+.width-height (@i) when (@i <=20) {
+
+  @n : @i * 50;
+
+  .w-@{n} {
+    width: @n * 1px;
+  }
+
+  .h-@{n} {
+    height: @n * 1px;
+  }
+
+  .w-@{n}-p {
+    width: @n * 1%;
+  }
+
+  .h-@{n}-p {
+    height: @n * 1%;
+  }
+
+  .width-height(@i + 1);
 }
+
+.width-height(0);

Web/src/assets/style/public.less

@@ -0,0 +1,32 @@
+@import (reference) './extend.less';
+.yo-map {
+  &-container {
+    position: relative;
+
+    padding: @padding-sm;
+
+    border: @border-width-base @border-style-base @border-color-split;
+    border-radius: @border-radius-base;
+    background-color: @white;
+    .amap-icon {
+      img {
+        width: 25px;
+      }
+    }
+  }
+  &--search {
+    position: absolute;
+    top: @padding-md;
+    left: @padding-md;
+    z-index: 20;
+
+    width: 25%;
+    min-width: 300px;
+    padding: @padding-xxs @padding-sm;
+
+    background: fade(@black, 20%);
+    box-shadow: @box-shadow-base;
+
+    backdrop-filter: blur(5px);
+  }
+}