Explorar o código

调整电话和示例按钮位置

zhujindu hai 1 ano
pai
achega
41552344aa
Modificáronse 1 ficheiros con 5 adicións e 5 borrados
  1. 5 5
      src/views/deviceWithin/taskTips.vue

+ 5 - 5
src/views/deviceWithin/taskTips.vue

@@ -2,10 +2,9 @@
   <div class="tips">
     <span class="examples" v-if="examplePhoto" @click="openExamplesImg(examplePhoto)">示例</span>
     <span class="phone">
-      <van-icon name="phone" size="18px" />
-      <span
-        ><a :href="'tel:' + contactPhone" class="call">{{ contactPhone }}</a></span
-      >
+      <van-icon name="phone" size="18px" /><a :href="'tel:' + contactPhone" class="call">{{
+        contactPhone
+      }}</a>
     </span>
   </div>
 </template>
@@ -41,7 +40,7 @@ export default {
   //   position: absolute;
   //   right: 0;
   //   top: 11px;
-  display: inline-block;
+  display: inline;
   height: 25px;
   line-height: 25px;
   .examples {
@@ -52,6 +51,7 @@ export default {
     border-radius: 2px 2px 8px 2px;
   }
   .phone {
+    display: inline-block;
     i {
       vertical-align: -2px;
     }