refactor: some styles

src/scss/bem/_object.scss

@@ -253,3 +253,21 @@
     color: $blue  !important;
   }
 }
+
+.o-link {
+  color: $gray;
+  font-size: 12px;
+
+  &.grid {
+    margin-top: -4px;
+  }
+
+  &::after {
+    content: attr(href);
+  }
+
+  &:hover {
+    color: $blue;
+    text-decoration: underline;
+  }
+}

src/scss/bem/index.scss

@@ -4,8 +4,8 @@
 // .js: JavaScript hooks
 // .is-|.has-: state classes
 // .u-: utility classes
-@import 'utility';
-@import 'ishas';
 @import 'layout';
 @import 'component';
 @import 'object';
+@import 'ishas';
+@import 'utility';

src/views/device/detail/components/DeviceInfo.vue

@@ -81,10 +81,7 @@
           clearable
         />
         <span class="c-grid-form__label">经度：</span>
-        <div
-          class="l-flex--row c-grid-form__option c-grid-form__info"
-          data-info="http://api.map.baidu.com/lbsapi/getpoint/index.html"
-        >
+        <div class="l-flex--row c-grid-form__option">
           <el-input
             v-model.trim="info.longitude"
             class="l-flex__fill c-sibling-item"
@@ -101,6 +98,11 @@
             clearable
           />
         </div>
+        <span />
+        <a
+          class="o-link grid"
+          href="http://api.map.baidu.com/lbsapi/getpoint/index.html"
+        />
       </div>
     </confirm-dialog>
   </div>

src/views/realm/device/Device.vue

@@ -64,6 +64,11 @@
             clearable
           />
         </div>
+        <span />
+        <a
+          class="o-link grid"
+          href="http://api.map.baidu.com/lbsapi/getpoint/index.html"
+        />
       </div>
     </confirm-dialog>
     <bind-device-dialog