rem

config/config.js

@@ -479,7 +479,7 @@ export default {
 
   proxy: {
     '/api/': {
-      target: 'http://192.168.0.172:8080/',
+      target: 'http://192.168.0.84:8080/',
       changeOrigin: true,
       // pathRewrite: { '^/server': '' },
     },

src/app.js

@@ -1,20 +1,20 @@
-// (function (doc, win) {
-//   var docEl = doc.documentElement,
-//     resizeEvt = 'onorientationchange' in window ? 'onorientationchange' : 'resize',
-//     recalc = function () {
-//       var clientWidth = docEl.clientWidth;
-//       if (!clientWidth) return;
-//       if (clientWidth >= 750) {
-//         docEl.style.fontSize = '100px';
-//       } else {
-//         docEl.style.fontSize = 100 * (clientWidth / 750) + 'px';
-//       }
-//     };
+(function (doc, win) {
+  var docEl = doc.documentElement,
+    resizeEvt = 'onorientationchange' in window ? 'onorientationchange' : 'resize',
+    recalc = function () {
+      var clientWidth = docEl.clientWidth;
+      if (!clientWidth) return;
+      if (clientWidth >= 900) {
+        docEl.style.fontSize = '100px';
+      } else {
+        docEl.style.fontSize = 100 * (clientWidth / 900) + 'px';
+      }
+    };
 
-//   if (!doc.addEventListener) return;
-//   win.addEventListener(resizeEvt, recalc, false);
-//   doc.addEventListener('DOMContentLoaded', recalc, false);
-// })(document, window);
+  if (!doc.addEventListener) return;
+  win.addEventListener(resizeEvt, recalc, false);
+  doc.addEventListener('DOMContentLoaded', recalc, false);
+})(document, window);
 
 export const dva = {
   config: {

src/global.less

@@ -80,15 +80,21 @@ ol {
 .ant-menu-vertical-right .ant-menu-submenu-title,
 .ant-menu-inline .ant-menu-submenu-title,
 .ant-input ,.ant-btn,.ant-select,.ant-table,.ant-form-item,.ant-form label,.ant-tabs-nav-container {
-  font-size: 16px;
+  font-size: 0.16rem;
+}
+.ant-input{
+  height: 32px;
+  border-radius: 4px;
+  padding: 0 0 0 10px;
+  align-items: center;
 }
 .ant-row.ant-form-item .ant-form-item-label.ant-col-sm-3{
   min-width: 100px;
 }
 .ant-breadcrumb{
-  font-size: 16px;
+  font-size: 0.16rem;
   .anticon {
-    font-size: 16px;
+    font-size: 0.16rem;
   }
 } 
   .ant-pro-global-header-trigger{

src/pages/building/list/add/amap.css

@@ -1,401 +0,0 @@
-html {
-  font-size: 12px;
-}
-.amap-copyright {
-  box-sizing: content-box;
-}
-* {
-  box-sizing: border-box;
-}
-.input-textarea {
-  color: grey;
-  height: 8em;
-  overflow: auto;
-  border-radius: 0.4rem;
-  border: 1px solid #ced4da;
-  margin-bottom: 1rem;
-}
-body {
-  margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-  line-height: 1.5;
-  font-weight: 300;
-  color: #111213;
-}
-hr {
-  margin: 0.5rem 0;
-  box-sizing: content-box;
-  height: 0;
-  overflow: visible;
-  border: 0;
-  border-top: 1px solid rgba(0, 0, 0, 0.1);
-}
-p {
-  margin-top: 0;
-  margin-bottom: 0;
-}
-label {
-  display: inline-block;
-  margin-bottom: 0.4rem;
-}
-label,
-.btn {
-  margin-left: 0;
-  font-size: 1rem;
-}
-button,
-input,
-select {
-  margin: 0;
-  font-family: inherit;
-  font-size: inherit;
-  line-height: inherit;
-  overflow: visible;
-  text-transform: none;
-}
-[type=button]::-moz-focus-inner,
-[type=reset]::-moz-focus-inner,
-[type=submit]::-moz-focus-inner,
-button::-moz-focus-inner {
-  padding: 0;
-  border-style: none;
-}
-input[type=checkbox],
-input[type=radio] {
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  padding: 0;
-  margin: 0 0.5rem 0 0;
-}
-h4 {
-  font-family: inherit;
-  line-height: 1.8;
-  font-weight: 300;
-  color: inherit;
-  font-size: 1.1rem;
-  margin-top: 0;
-  margin-bottom: 0.5rem;
-}
-.btn {
-  display: inline-block;
-  font-weight: 400;
-  text-align: center;
-  white-space: nowrap;
-  vertical-align: middle;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  border: 1px solid transparent;
-  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-  background-color: transparent;
-  background-image: none;
-  color: #25A5F7;
-  border-color: #25A5F7;
-  padding: .25rem .5rem;
-  line-height: 1.5;
-  border-radius: 1rem;
-  -webkit-appearance: button;
-  cursor: pointer;
-}
-.btn:hover {
-  color: #fff;
-  background-color: #25A5F7;
-  border-color: #25A5F7;
-}
-.btn:hover {
-  text-decoration: none;
-}
-.input-item {
-  position: relative;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-  -ms-flex-align: center;
-  align-items: center;
-  width: 100%;
-  height: 3rem;
-}
-.input-item:last-child {
-  margin-bottom: 0;
-}
-.input-item > select,
-.input-item > input[type=text],
-.input-item > input[type=date] {
-  position: relative;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  width: 1%;
-  margin-bottom: 0;
-}
-.input-item > select:not(:last-child),
-.input-item > input[type=text]:not(:last-child),
-.input-item > input[type=date]:not(:last-child) {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-}
-.input-item > select:not(:first-child),
-.input-item > input[type=text]:not(:first-child),
-.input-item > input[type=date]:not(:first-child) {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-}
-.input-item-prepend {
-  margin-right: -1px;
-}
-.input-item-text,
-input[type=text],
-input[type=date],
-select {
-  height: calc(4.2rem);
-}
-.input-item-text {
-  width: 6rem;
-  text-align: justify;
-  padding: 0.4rem 0.7rem;
-  display: inline-block;
-  text-justify: distribute-all-lines;
-  /*ie6-8*/
-  text-align-last: justify;
-  /* ie9*/
-  -moz-text-align-last: justify;
-  /*ff*/
-  -webkit-text-align-last: justify;
-  /*chrome 20+*/
-  -ms-flex-align: center;
-  align-items: center;
-  margin-bottom: 0;
-  font-size: 1rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: #495057;
-  text-align: center;
-  white-space: nowrap;
-  background-color: #e9ecef;
-  border: 1px solid #ced4da;
-  border-radius: .25rem;
-  border-bottom-right-radius: 0;
-  border-top-right-radius: 0;
-}
-.input-item-text input[type=checkbox],
-.input-item-text input[type=radio] {
-  margin-top: 0;
-}
-.input-card {
-  display: flex;
-  flex-direction: column;
-  min-width: 0;
-  word-wrap: break-word;
-  background-color: #fff;
-  background-clip: border-box;
-  border-radius: .25rem;
-  width: 22rem;
-  border-width: 0;
-  border-radius: 0.4rem;
-  box-shadow: 0 2px 6px 0 rgba(114, 124, 245, 0.5);
-  position: fixed;
-  bottom: 1rem;
-  right: 1rem;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  padding: 0.75rem 1.25rem;
-}
-.input-text {
-  line-height: 2rem;
-  margin-right: 2rem;
-}
-.info hr {
-  margin-right: 0;
-  margin-left: 0;
-  border-top-color: grey;
-}
-.info {
-  padding: .75rem 1.25rem;
-  margin-bottom: 1rem;
-  border-radius: .25rem;
-  position: fixed;
-  top: 1rem;
-  background-color: white;
-  width: auto;
-  min-width: 22rem;
-  border-width: 0;
-  right: 1rem;
-  box-shadow: 0 2px 6px 0 rgba(114, 124, 245, 0.5);
-  position: absolute;
-  z-index: 100;
-}
-.code {
-  left: 1.5rem;
-  right: 1.5rem;
-  top: 1.5rem;
-  bottom: 1.5rem;
-  overflow: auto;
-  margin-bottom: 0rem;
-}
-.code .btn {
-  top: 1rem;
-  position: absolute;
-  right: 1rem;
-}
-.code .result {
-  border: 1px solid rgba(0, 0, 0, 0.1);
-  border-radius: 0.5rem;
-  padding: 1rem;
-  bottom: 1rem;
-  position: absolute;
-  top: 5.5rem;
-  right: 1rem;
-  left: 1rem;
-  overflow: auto;
-}
-.code .status {
-  color: #80adff;
-  display: inline-block;
-  font-size: 14px;
-}
-.code h4 {
-  display: inline-block;
-  max-width: 20rem;
-  margin-right: 1rem;
-  margin-bottom: 1rem;
-}
-select,
-input[type=text],
-input[type=date] {
-  display: inline-block;
-  width: 100%;
-  padding: .375rem 1.75rem .375rem .75rem;
-  line-height: 1.5;
-  color: #495057;
-  vertical-align: middle;
-  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
-  background-size: 8px 10px;
-  border: 1px solid #ced4da;
-  border-radius: .25rem;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-}
-input[type=text],
-input[type=date] {
-  background: #fff;
-  padding: .375rem .75rem;
-}
-select:focus,
-input[type=text]:focus,
-input[type=date]:focus {
-  border-color: #80bdff;
-  outline: 0;
-  box-shadow: 0 0 0 0.1rem rgba(128, 189, 255, 0.1);
-}
-.btn:focus {
-  outline: 0;
-  box-shadow: none;
-}
-select:focus::-ms-value,
-input[type=text]:focus::-ms-value,
-input[type=date]:focus::-ms-value {
-  color: #495057;
-  background-color: #fff;
-}
-/* native toastr */
-.native-toast {
-  position: fixed;
-  background-color: rgba(50, 50, 50, 0.8);
-  border-radius: 33px;
-  color: white;
-  left: 50%;
-  text-align: center;
-  padding: 6px 12px;
-  opacity: 0;
-  z-index: 99999;
-  transition: transform .25s, opacity .25s, top .25s;
-  box-sizing: border-box;
-}
-.native-toast-bottom {
-  bottom: 50px;
-  -ms-transform: translateX(-50%) translateY(50px);
-  transform: translateX(-50%) translateY(50px);
-}
-.native-toast-bottom.native-toast-shown {
-  opacity: 1;
-  -ms-transform: translateX(-50%) translateY(0);
-  transform: translateX(-50%) translateY(0);
-}
-.native-toast-bottom.native-toast-edge {
-  bottom: 0;
-}
-.native-toast-top {
-  top: 50px;
-  -ms-transform: translateX(-50%) translateY(-50px);
-  transform: translateX(-50%) translateY(-50px);
-}
-.native-toast-top.native-toast-shown {
-  opacity: 1;
-  -ms-transform: translateX(-50%) translateY(0);
-  transform: translateX(-50%) translateY(0);
-}
-.native-toast-top.native-toast-edge {
-  top: 0;
-}
-.native-toast-center {
-  top: 0;
-  -ms-transform: translateX(-50%) translateY(-50px);
-  transform: translateX(-50%) translateY(-50px);
-}
-.native-toast-center.native-toast-shown {
-  opacity: 1;
-  top: 50%;
-  -ms-transform: translateX(-50%) translateY(-50%);
-  transform: translateX(-50%) translateY(-50%);
-}
-.native-toast-edge {
-  border-radius: 0;
-  width: 100%;
-  text-align: left;
-}
-@media screen and (min-width: 40rem) {
-  .native-toast:not(.native-toast-edge) {
-    max-width: 18rem;
-  }
-}
-/*
-  max-width does not seem to work in small screen?
-*/
-/*@media screen and (max-width: 768px) {
-  .native-toast:not(.native-toast-edge) {
-    max-width: 400px;
-  }
-}
-
-@media screen and (max-width: 468px) {
-  .native-toast:not(.native-toast-edge) {
-    max-width: 300px;
-  }
-}*/
-/* types */
-.native-toast-error {
-  background-color: #d92727;
-  color: white;
-}
-.native-toast-success {
-  background-color: #62a465;
-  color: white;
-}
-.native-toast-warning {
-  background-color: #fdaf17;
-  color: white;
-}
-.native-toast-info {
-  background-color: #5060ba;
-  color: white;
-}
-[class^="native-toast-icon-"] {
-  vertical-align: middle;
-  margin-right: 8px;
-}
-[class^="native-toast-icon-"] svg {
-  width: 16px;
-  height: 16px;
-}

src/pages/building/list/add/amap.less

@@ -13,7 +13,7 @@ html {
    overflow:auto;
    border-radius:0.4rem;
    border:1px solid #ced4da;
-   margin-bottom:1rem;
+   margin-bottom:0.1rem;
 }
 body {
   margin: 0;
@@ -44,7 +44,7 @@ label {
 
 label, .btn {
   margin-left: 0;
-  font-size: 1rem;
+  font-size: 0.18rem;
 }
 
 button, input, select {
@@ -75,312 +75,313 @@ h4 {
   line-height: 1.8;
   font-weight: 300;
   color: inherit;
-  font-size: 1.1rem;
+  font-size: 0.2rem;
   margin-top: 0;
   margin-bottom: .5rem
 }
 
-.btn {
-  display: inline-block;
-  font-weight: 400;
-  text-align: center;
-  white-space: nowrap;
-  vertical-align: middle;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  border: 1px solid transparent;
-  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
-  background-color: transparent;
-  background-image: none;
-  color: #25A5F7;
-  border-color: #25A5F7;
-  padding: .25rem .5rem;
-  line-height: 1.5;
-  border-radius: 1rem;
-  -webkit-appearance: button;
-  cursor:pointer;
-}
-
-.btn:hover {
-  color: #fff;
-  background-color: #25A5F7;
-  border-color: #25A5F7
-}
-
-.btn:hover {
-  text-decoration: none
-}
-
-.input-item {
-  position: relative;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-  -ms-flex-align: center;
-  align-items: center;
-  width: 100%;
-  height: 3rem;
-}
-
-.input-item:last-child {
-  margin-bottom: 0;
-}
-
-.input-item>select, .input-item>input[type=text], .input-item>input[type=date] {
-  position: relative;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  width: 1%;
-  margin-bottom: 0;
-}
-
-.input-item>select:not(:last-child), .input-item>input[type=text]:not(:last-child), .input-item>input[type=date]:not(:last-child) {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0
-}
-
-.input-item>select:not(:first-child), .input-item>input[type=text]:not(:first-child), .input-item>input[type=date]:not(:first-child) {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0
-}
-
-.input-item-prepend {
-  margin-right: -1px;
-}
-
-.input-item-text, input[type=text],input[type=date], select {
-  height: calc(2.2rem + 2px);
-}
-
-.input-item-text {
-  width: 6rem;
-  text-align: justify;
-  padding: 0.4rem 0.7rem;
-  display: inline-block;
-  text-justify: distribute-all-lines;
-  /*ie6-8*/
-  text-align-last: justify;
-  /* ie9*/
-  -moz-text-align-last: justify;
-  /*ff*/
-  -webkit-text-align-last: justify;
-  /*chrome 20+*/
-  -ms-flex-align: center;
-  align-items: center;
-  margin-bottom: 0;
-  font-size: 1rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: #495057;
-  text-align: center;
-  white-space: nowrap;
-  background-color: #e9ecef;
-  border: 1px solid #ced4da;
-  border-radius: .25rem;
-  border-bottom-right-radius: 0;
-  border-top-right-radius: 0;
-}
-
-.input-item-text input[type=checkbox], .input-item-text input[type=radio] {
-  margin-top: 0
-}
-
-.input-card {
-  display: flex;
-  flex-direction: column;
-  min-width: 0;
-  word-wrap: break-word;
-  background-color: #fff;
-  background-clip: border-box;
-  border-radius: .25rem;
-  width: 22rem;
-  border-width: 0;
-  border-radius: 0.4rem;
-  box-shadow: 0 2px 6px 0 rgba(114, 124, 245, .5);
-  position: fixed;
-  bottom: 1rem;
-  right: 1rem;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  padding: 0.75rem 1.25rem;
-}
-
-.input-text {
-  line-height: 2rem;
-  margin-right: 2rem;
-}
-
-.info hr {
-  margin-right: 0;
-  margin-left: 0;
-  border-top-color: grey;
-}
+// .btn {
+//   display: inline-block;
+//   font-weight: 400;
+//   text-align: center;
+//   white-space: nowrap;
+//   vertical-align: middle;
+//   -webkit-user-select: none;
+//   -moz-user-select: none;
+//   -ms-user-select: none;
+//   user-select: none;
+//   border: 1px solid transparent;
+//   transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
+//   background-color: transparent;
+//   background-image: none;
+//   color: #25A5F7;
+//   border-color: #25A5F7;
+//   padding: .25rem .5rem;
+//   line-height: 1.5;
+//   border-radius: 1rem;
+//   -webkit-appearance: button;
+//   cursor:pointer;
+// }
+
+// .btn:hover {
+//   color: #fff;
+//   background-color: #25A5F7;
+//   border-color: #25A5F7
+// }
+
+// .btn:hover {
+//   text-decoration: none
+// }
+
+// .input-item {
+//   position: relative;
+//   display: -ms-flexbox;
+//   display: flex;
+//   -ms-flex-wrap: wrap;
+//   flex-wrap: wrap;
+//   -ms-flex-align: center;
+//   align-items: center;
+//   width: 100%;
+//   height: 3rem;
+// }
+
+// .input-item:last-child {
+//   margin-bottom: 0;
+// }
+
+// .input-item>select, .input-item>input[type=text], .input-item>input[type=date] {
+//   position: relative;
+//   -ms-flex: 1 1 auto;
+//   flex: 1 1 auto;
+//   width: 1%;
+//   margin-bottom: 0;
+// }
+
+// .input-item>select:not(:last-child), .input-item>input[type=text]:not(:last-child), .input-item>input[type=date]:not(:last-child) {
+//   border-top-right-radius: 0;
+//   border-bottom-right-radius: 0
+// }
+
+// .input-item>select:not(:first-child), .input-item>input[type=text]:not(:first-child), .input-item>input[type=date]:not(:first-child) {
+//   border-top-left-radius: 0;
+//   border-bottom-left-radius: 0
+// }
+
+// .input-item-prepend {
+//   margin-right: -1px;
+// }
+
+// .input-item-text, input[type=text],input[type=date], select {
+//   height: calc(2.2rem + 2px);
+// }
+
+// .input-item-text {
+//   width: 6rem;
+//   text-align: justify;
+//   padding: 0.4rem 0.7rem;
+//   display: inline-block;
+//   text-justify: distribute-all-lines;
+//   /*ie6-8*/
+//   text-align-last: justify;
+//   /* ie9*/
+//   -moz-text-align-last: justify;
+//   /*ff*/
+//   -webkit-text-align-last: justify;
+//   /*chrome 20+*/
+//   -ms-flex-align: center;
+//   align-items: center;
+//   margin-bottom: 0;
+//   font-size: 1rem;
+//   font-weight: 400;
+//   line-height: 1.5;
+//   color: #495057;
+//   text-align: center;
+//   white-space: nowrap;
+//   background-color: #e9ecef;
+//   border: 1px solid #ced4da;
+//   border-radius: .25rem;
+//   border-bottom-right-radius: 0;
+//   border-top-right-radius: 0;
+// }
+
+// .input-item-text input[type=checkbox], .input-item-text input[type=radio] {
+//   margin-top: 0
+// }
+
+// .input-card {
+//   display: flex;
+//   flex-direction: column;
+//   min-width: 0;
+//   word-wrap: break-word;
+//   background-color: #fff;
+//   background-clip: border-box;
+//   border-radius: .25rem;
+//   width: 22rem;
+//   border-width: 0;
+//   border-radius: 0.4rem;
+//   box-shadow: 0 2px 6px 0 rgba(114, 124, 245, .5);
+//   position: fixed;
+//   bottom: 1rem;
+//   right: 1rem;
+//   -ms-flex: 1 1 auto;
+//   flex: 1 1 auto;
+//   padding: 0.75rem 1.25rem;
+// }
+
+// .input-text {
+//   line-height: 2rem;
+//   margin-right: 2rem;
+// }
+
+// .info hr {
+//   margin-right: 0;
+//   margin-left: 0;
+//   border-top-color: grey;
+// }
 
 .infoBox {
-  padding: .75rem 1.25rem;
+  padding: .2rem 0.2rem;
   position: absolute;
-  top: 1rem;
+  top: 0.3rem;
+  left: 0.3rem;
   background-color: white;
-  width: auto;
-  min-width: 22rem;
-  left: 1rem;
+  width: 3.2rem;
   box-shadow: 0 2px 6px 0 rgba(114, 124, 245, .5);
   z-index: 100;
   .inputText{
     margin-right: 10px;
   }
   .input{
-    width: 200px;
+    width: 1.6rem;
+    height: 0.34rem;
+    font-size: 0.16rem;
   }
  
 }
 
-.code {
-  left: 1.5rem;
-  right: 1.5rem;
-  top: 1.5rem;
-  bottom: 1.5rem;
-  overflow: auto;
-  margin-bottom: 0rem;
-}
-
-.code .btn {
-  top: 1rem;
-  position: absolute;
-  right: 1rem;
-}
-
-.code .result {
-  border: 1px solid rgba(0, 0, 0, 0.1);
-  border-radius: 0.5rem;
-  padding: 1rem;
-  bottom: 1rem;
-  position: absolute;
-  top: 5.5rem;
-  right: 1rem;
-  left: 1rem;
-  overflow: auto;
-}
-
-.code .status {
-  color: #80adff;
-  display: inline-block;
-  font-size: 14px;
-}
-
-.code h4 {
-  display: inline-block;
-  max-width: 20rem;
-  margin-right: 1rem;
-  margin-bottom: 1rem;
-}
-
-select, input[type=text], input[type=date] {
-  display: inline-block;
-  // width: 100%;
-  padding: .375rem 1.75rem .375rem .75rem;
-  line-height: 1.5;
-  color: #495057;
-  vertical-align: middle;
-  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
-  background-size: 8px 10px;
-  border: 1px solid #ced4da;
-  border-radius: .25rem;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none
-}
-
-input[type=text],input[type=date] {
-  background: #fff;
-  padding: .375rem .75rem;
-}
-
-select:focus, input[type=text]:focus, input[type=date]:focus {
-  border-color: #80bdff;
-  outline: 0;
-  box-shadow: 0 0 0 .1rem rgba(128, 189, 255, .1)
-}
-
-.btn:focus {
-  outline: 0;
-  box-shadow: none;
-}
-
-select:focus::-ms-value, input[type=text]:focus::-ms-value,input[type=date]:focus::-ms-value {
-  color: #495057;
-  background-color: #fff
-}
-
-
-/* native toastr */
-.native-toast {
-  position: fixed;
-  background-color: rgba(50, 50, 50, .8);
-  border-radius: 33px;
-  color: white;
-  left: 50%;
-  text-align: center;
-  padding: 6px 12px;
-  opacity: 0;
-  z-index: 99999;
-  transition: transform .25s, opacity .25s, top .25s;
-  box-sizing: border-box;
-}
-
-.native-toast-bottom {
-  bottom: 50px;
-  -ms-transform: translateX(-50%) translateY(50px);
-      transform: translateX(-50%) translateY(50px)
-}
-
-.native-toast-bottom.native-toast-shown {
-  opacity: 1;
-  -ms-transform: translateX(-50%) translateY(0);
-      transform: translateX(-50%) translateY(0);
-}
-
-.native-toast-bottom.native-toast-edge {
-  bottom: 0;
-}
-
-.native-toast-top {
-  top: 50px;
-  -ms-transform: translateX(-50%) translateY(-50px);
-      transform: translateX(-50%) translateY(-50px)
-}
-
-.native-toast-top.native-toast-shown {
-  opacity: 1;
-  -ms-transform: translateX(-50%) translateY(0);
-      transform: translateX(-50%) translateY(0);
-}
-
-.native-toast-top.native-toast-edge {
-  top: 0;
-}
-
-.native-toast-center {
-  top: 0;
-  -ms-transform: translateX(-50%) translateY(-50px);
-      transform: translateX(-50%) translateY(-50px)
-}
-
-.native-toast-center.native-toast-shown {
-  opacity: 1;
-  top: 50%;
-  -ms-transform: translateX(-50%) translateY(-50%);
-      transform: translateX(-50%) translateY(-50%);
-}
-
-.native-toast-edge {
-  border-radius: 0;
-  width: 100%;
-  text-align: left;
-}
+// .code {
+//   left: 1.5rem;
+//   right: 1.5rem;
+//   top: 1.5rem;
+//   bottom: 1.5rem;
+//   overflow: auto;
+//   margin-bottom: 0rem;
+// }
+
+// .code .btn {
+//   top: 1rem;
+//   position: absolute;
+//   right: 1rem;
+// }
+
+// .code .result {
+//   border: 1px solid rgba(0, 0, 0, 0.1);
+//   border-radius: 0.5rem;
+//   padding: 1rem;
+//   bottom: 1rem;
+//   position: absolute;
+//   top: 5.5rem;
+//   right: 1rem;
+//   left: 1rem;
+//   overflow: auto;
+// }
+
+// .code .status {
+//   color: #80adff;
+//   display: inline-block;
+//   font-size: 14px;
+// }
+
+// .code h4 {
+//   display: inline-block;
+//   max-width: 20rem;
+//   margin-right: 1rem;
+//   margin-bottom: 1rem;
+// }
+
+// select, input[type=text], input[type=date] {
+//   display: inline-block;
+//   // width: 100%;
+//   padding: .375rem 1.75rem .375rem .75rem;
+//   line-height: 1.5;
+//   color: #495057;
+//   vertical-align: middle;
+//   background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
+//   background-size: 8px 10px;
+//   border: 1px solid #ced4da;
+//   border-radius: .25rem;
+//   -webkit-appearance: none;
+//   -moz-appearance: none;
+//   appearance: none
+// }
+
+// input[type=text],input[type=date] {
+//   background: #fff;
+//   padding: .375rem .75rem;
+// }
+
+// select:focus, input[type=text]:focus, input[type=date]:focus {
+//   border-color: #80bdff;
+//   outline: 0;
+//   box-shadow: 0 0 0 .1rem rgba(128, 189, 255, .1)
+// }
+
+// .btn:focus {
+//   outline: 0;
+//   box-shadow: none;
+// }
+
+// select:focus::-ms-value, input[type=text]:focus::-ms-value,input[type=date]:focus::-ms-value {
+//   color: #495057;
+//   background-color: #fff
+// }
+
+
+// /* native toastr */
+// .native-toast {
+//   position: fixed;
+//   background-color: rgba(50, 50, 50, .8);
+//   border-radius: 33px;
+//   color: white;
+//   left: 50%;
+//   text-align: center;
+//   padding: 6px 12px;
+//   opacity: 0;
+//   z-index: 99999;
+//   transition: transform .25s, opacity .25s, top .25s;
+//   box-sizing: border-box;
+// }
+
+// .native-toast-bottom {
+//   bottom: 50px;
+//   -ms-transform: translateX(-50%) translateY(50px);
+//       transform: translateX(-50%) translateY(50px)
+// }
+
+// .native-toast-bottom.native-toast-shown {
+//   opacity: 1;
+//   -ms-transform: translateX(-50%) translateY(0);
+//       transform: translateX(-50%) translateY(0);
+// }
+
+// .native-toast-bottom.native-toast-edge {
+//   bottom: 0;
+// }
+
+// .native-toast-top {
+//   top: 50px;
+//   -ms-transform: translateX(-50%) translateY(-50px);
+//       transform: translateX(-50%) translateY(-50px)
+// }
+
+// .native-toast-top.native-toast-shown {
+//   opacity: 1;
+//   -ms-transform: translateX(-50%) translateY(0);
+//       transform: translateX(-50%) translateY(0);
+// }
+
+// .native-toast-top.native-toast-edge {
+//   top: 0;
+// }
+
+// .native-toast-center {
+//   top: 0;
+//   -ms-transform: translateX(-50%) translateY(-50px);
+//       transform: translateX(-50%) translateY(-50px)
+// }
+
+// .native-toast-center.native-toast-shown {
+//   opacity: 1;
+//   top: 50%;
+//   -ms-transform: translateX(-50%) translateY(-50%);
+//       transform: translateX(-50%) translateY(-50%);
+// }
+
+// .native-toast-edge {
+//   border-radius: 0;
+//   width: 100%;
+//   text-align: left;
+// }
 
 @media screen and (min-width: 40rem) {
   .native-toast:not(.native-toast-edge) {

src/pages/building/list/add/amap.wxss

@@ -1,401 +0,0 @@
-html {
-  font-size: 12px;
-}
-.amap-copyright {
-  box-sizing: content-box;
-}
-* {
-  box-sizing: border-box;
-}
-.input-textarea {
-  color: grey;
-  height: 8em;
-  overflow: auto;
-  border-radius: 0.4rem;
-  border: 1px solid #ced4da;
-  margin-bottom: 1rem;
-}
-body {
-  margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-  line-height: 1.5;
-  font-weight: 300;
-  color: #111213;
-}
-hr {
-  margin: 0.5rem 0;
-  box-sizing: content-box;
-  height: 0;
-  overflow: visible;
-  border: 0;
-  border-top: 1px solid rgba(0, 0, 0, 0.1);
-}
-p {
-  margin-top: 0;
-  margin-bottom: 0;
-}
-label {
-  display: inline-block;
-  margin-bottom: 0.4rem;
-}
-label,
-.btn {
-  margin-left: 0;
-  font-size: 1rem;
-}
-button,
-input,
-select {
-  margin: 0;
-  font-family: inherit;
-  font-size: inherit;
-  line-height: inherit;
-  overflow: visible;
-  text-transform: none;
-}
-[type=button]::-moz-focus-inner,
-[type=reset]::-moz-focus-inner,
-[type=submit]::-moz-focus-inner,
-button::-moz-focus-inner {
-  padding: 0;
-  border-style: none;
-}
-input[type=checkbox],
-input[type=radio] {
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  padding: 0;
-  margin: 0 0.5rem 0 0;
-}
-h4 {
-  font-family: inherit;
-  line-height: 1.8;
-  font-weight: 300;
-  color: inherit;
-  font-size: 1.1rem;
-  margin-top: 0;
-  margin-bottom: 0.5rem;
-}
-.btn {
-  display: inline-block;
-  font-weight: 400;
-  text-align: center;
-  white-space: nowrap;
-  vertical-align: middle;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  border: 1px solid transparent;
-  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-  background-color: transparent;
-  background-image: none;
-  color: #25A5F7;
-  border-color: #25A5F7;
-  padding: .25rem .5rem;
-  line-height: 1.5;
-  border-radius: 1rem;
-  -webkit-appearance: button;
-  cursor: pointer;
-}
-.btn:hover {
-  color: #fff;
-  background-color: #25A5F7;
-  border-color: #25A5F7;
-}
-.btn:hover {
-  text-decoration: none;
-}
-.input-item {
-  position: relative;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-  -ms-flex-align: center;
-  align-items: center;
-  width: 100%;
-  height: 3rem;
-}
-.input-item:last-child {
-  margin-bottom: 0;
-}
-.input-item > select,
-.input-item > input[type=text],
-.input-item > input[type=date] {
-  position: relative;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  width: 1%;
-  margin-bottom: 0;
-}
-.input-item > select:not(:last-child),
-.input-item > input[type=text]:not(:last-child),
-.input-item > input[type=date]:not(:last-child) {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-}
-.input-item > select:not(:first-child),
-.input-item > input[type=text]:not(:first-child),
-.input-item > input[type=date]:not(:first-child) {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-}
-.input-item-prepend {
-  margin-right: -1px;
-}
-.input-item-text,
-input[type=text],
-input[type=date],
-select {
-  height: calc(4.2rem);
-}
-.input-item-text {
-  width: 6rem;
-  text-align: justify;
-  padding: 0.4rem 0.7rem;
-  display: inline-block;
-  text-justify: distribute-all-lines;
-  /*ie6-8*/
-  text-align-last: justify;
-  /* ie9*/
-  -moz-text-align-last: justify;
-  /*ff*/
-  -webkit-text-align-last: justify;
-  /*chrome 20+*/
-  -ms-flex-align: center;
-  align-items: center;
-  margin-bottom: 0;
-  font-size: 1rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: #495057;
-  text-align: center;
-  white-space: nowrap;
-  background-color: #e9ecef;
-  border: 1px solid #ced4da;
-  border-radius: .25rem;
-  border-bottom-right-radius: 0;
-  border-top-right-radius: 0;
-}
-.input-item-text input[type=checkbox],
-.input-item-text input[type=radio] {
-  margin-top: 0;
-}
-.input-card {
-  display: flex;
-  flex-direction: column;
-  min-width: 0;
-  word-wrap: break-word;
-  background-color: #fff;
-  background-clip: border-box;
-  border-radius: .25rem;
-  width: 22rem;
-  border-width: 0;
-  border-radius: 0.4rem;
-  box-shadow: 0 2px 6px 0 rgba(114, 124, 245, 0.5);
-  position: fixed;
-  bottom: 1rem;
-  right: 1rem;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  padding: 0.75rem 1.25rem;
-}
-.input-text {
-  line-height: 2rem;
-  margin-right: 2rem;
-}
-.info hr {
-  margin-right: 0;
-  margin-left: 0;
-  border-top-color: grey;
-}
-.info {
-  padding: .75rem 1.25rem;
-  margin-bottom: 1rem;
-  border-radius: .25rem;
-  position: fixed;
-  top: 1rem;
-  background-color: white;
-  width: auto;
-  min-width: 22rem;
-  border-width: 0;
-  right: 1rem;
-  box-shadow: 0 2px 6px 0 rgba(114, 124, 245, 0.5);
-  position: absolute;
-  z-index: 100;
-}
-.code {
-  left: 1.5rem;
-  right: 1.5rem;
-  top: 1.5rem;
-  bottom: 1.5rem;
-  overflow: auto;
-  margin-bottom: 0rem;
-}
-.code .btn {
-  top: 1rem;
-  position: absolute;
-  right: 1rem;
-}
-.code .result {
-  border: 1px solid rgba(0, 0, 0, 0.1);
-  border-radius: 0.5rem;
-  padding: 1rem;
-  bottom: 1rem;
-  position: absolute;
-  top: 5.5rem;
-  right: 1rem;
-  left: 1rem;
-  overflow: auto;
-}
-.code .status {
-  color: #80adff;
-  display: inline-block;
-  font-size: 14px;
-}
-.code h4 {
-  display: inline-block;
-  max-width: 20rem;
-  margin-right: 1rem;
-  margin-bottom: 1rem;
-}
-select,
-input[type=text],
-input[type=date] {
-  display: inline-block;
-  width: 100%;
-  padding: .375rem 1.75rem .375rem .75rem;
-  line-height: 1.5;
-  color: #495057;
-  vertical-align: middle;
-  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
-  background-size: 8px 10px;
-  border: 1px solid #ced4da;
-  border-radius: .25rem;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-}
-input[type=text],
-input[type=date] {
-  background: #fff;
-  padding: .375rem .75rem;
-}
-select:focus,
-input[type=text]:focus,
-input[type=date]:focus {
-  border-color: #80bdff;
-  outline: 0;
-  box-shadow: 0 0 0 0.1rem rgba(128, 189, 255, 0.1);
-}
-.btn:focus {
-  outline: 0;
-  box-shadow: none;
-}
-select:focus::-ms-value,
-input[type=text]:focus::-ms-value,
-input[type=date]:focus::-ms-value {
-  color: #495057;
-  background-color: #fff;
-}
-/* native toastr */
-.native-toast {
-  position: fixed;
-  background-color: rgba(50, 50, 50, 0.8);
-  border-radius: 33px;
-  color: white;
-  left: 50%;
-  text-align: center;
-  padding: 6px 12px;
-  opacity: 0;
-  z-index: 99999;
-  transition: transform .25s, opacity .25s, top .25s;
-  box-sizing: border-box;
-}
-.native-toast-bottom {
-  bottom: 50px;
-  -ms-transform: translateX(-50%) translateY(50px);
-  transform: translateX(-50%) translateY(50px);
-}
-.native-toast-bottom.native-toast-shown {
-  opacity: 1;
-  -ms-transform: translateX(-50%) translateY(0);
-  transform: translateX(-50%) translateY(0);
-}
-.native-toast-bottom.native-toast-edge {
-  bottom: 0;
-}
-.native-toast-top {
-  top: 50px;
-  -ms-transform: translateX(-50%) translateY(-50px);
-  transform: translateX(-50%) translateY(-50px);
-}
-.native-toast-top.native-toast-shown {
-  opacity: 1;
-  -ms-transform: translateX(-50%) translateY(0);
-  transform: translateX(-50%) translateY(0);
-}
-.native-toast-top.native-toast-edge {
-  top: 0;
-}
-.native-toast-center {
-  top: 0;
-  -ms-transform: translateX(-50%) translateY(-50px);
-  transform: translateX(-50%) translateY(-50px);
-}
-.native-toast-center.native-toast-shown {
-  opacity: 1;
-  top: 50%;
-  -ms-transform: translateX(-50%) translateY(-50%);
-  transform: translateX(-50%) translateY(-50%);
-}
-.native-toast-edge {
-  border-radius: 0;
-  width: 100%;
-  text-align: left;
-}
-@media screen and (min-width: 40rem) {
-  .native-toast:not(.native-toast-edge) {
-    max-width: 18rem;
-  }
-}
-/*
-  max-width does not seem to work in small screen?
-*/
-/*@media screen and (max-width: 768px) {
-  .native-toast:not(.native-toast-edge) {
-    max-width: 400px;
-  }
-}
-
-@media screen and (max-width: 468px) {
-  .native-toast:not(.native-toast-edge) {
-    max-width: 300px;
-  }
-}*/
-/* types */
-.native-toast-error {
-  background-color: #d92727;
-  color: white;
-}
-.native-toast-success {
-  background-color: #62a465;
-  color: white;
-}
-.native-toast-warning {
-  background-color: #fdaf17;
-  color: white;
-}
-.native-toast-info {
-  background-color: #5060ba;
-  color: white;
-}
-[class^="native-toast-icon-"] {
-  vertical-align: middle;
-  margin-right: 8px;
-}
-[class^="native-toast-icon-"] svg {
-  width: 16px;
-  height: 16px;
-}

src/pages/building/list/index.jsx

@@ -137,7 +137,7 @@ function CartBody(props) {
         <span className={Styles.title}>录入时间</span>
         <span >：{data.createDate}</span>
       </p>
-      <p style={{ margin: '15px 0', position: 'relative', fontSize: '18px' }}>
+      <p style={{ margin: '15px 0', position: 'relative', fontSize: '0.18rem' }}>
         <span style={{ color: '#FF4A4A' }} onClick={() => pulicAndUnPulic(data)}>
           {/* 已发布的时候，需要显示取消发布的字样 */}
           {data.status === 1 ? '取消发布' : '发布'}

src/pages/building/list/style.css

@@ -1,53 +0,0 @@
-.SubmitButton {
-  background: #3a91d5;
-  border-radius: 7px;
-  border: 0px;
-}
-.SelectFrom {
-  width: 180px;
-  background: #ffffff;
-  border-radius: 7px;
-  border: 1px solid #dbdbdb;
-}
-.addButton {
-  border-radius: 4px;
-  border: 0px;
-  margin: 10px 0px;
-}
-.cardText {
-  font-size: 18px;
-  color: #333;
-  line-height: 24px;
-  display: flex;
-  align-items: center;
-  position: relative;
-}
-.cardItem {
-  font-size: 18px;
-  font-weight: 400;
-  color: #666;
-  line-height: 24px;
-  display: flex;
-  align-items: center;
-}
-.ediText {
-  font-size: 18px;
-  color: #ff925c;
-  line-height: 24px;
-  position: absolute;
-  right: 0;
-}
-.title {
-  display: inline-block;
-  width: 84px;
-  justify-content: space-between;
-  text-align: justify;
-  text-align-last: justify;
-}
-.address {
-  width: 400px;
-  height: 24px;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
-}

src/pages/building/list/style.less

@@ -15,7 +15,7 @@
   margin: 10px 0px;
 }
 .cardText {
-  font-size: 18px;
+  font-size: 0.18rem;
   color: #333;
   line-height: 24px;
   display: flex;
@@ -24,7 +24,7 @@
 
 }
 .cardItem{
-  font-size: 18px;
+  font-size: 0.18rem;
   font-weight: 400;
   color: #666;
   line-height: 24px;
@@ -32,7 +32,7 @@
   align-items: center;  
 }
 .ediText {
-  font-size: 18px;
+  font-size: 0.18rem;
   color: #ff925c;
   line-height: 24px;
   position: absolute;

src/pages/building/list/style.wxss

@@ -1,53 +0,0 @@
-.SubmitButton {
-  background: #3a91d5;
-  border-radius: 7px;
-  border: 0px;
-}
-.SelectFrom {
-  width: 180px;
-  background: #ffffff;
-  border-radius: 7px;
-  border: 1px solid #dbdbdb;
-}
-.addButton {
-  border-radius: 4px;
-  border: 0px;
-  margin: 10px 0px;
-}
-.cardText {
-  font-size: 18px;
-  color: #333;
-  line-height: 24px;
-  display: flex;
-  align-items: center;
-  position: relative;
-}
-.cardItem {
-  font-size: 18px;
-  font-weight: 400;
-  color: #666;
-  line-height: 24px;
-  display: flex;
-  align-items: center;
-}
-.ediText {
-  font-size: 18px;
-  color: #ff925c;
-  line-height: 24px;
-  position: absolute;
-  right: 0;
-}
-.title {
-  display: inline-block;
-  width: 84px;
-  justify-content: space-between;
-  text-align: justify;
-  text-align-last: justify;
-}
-.address {
-  width: 400px;
-  height: 24px;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
-}