联系我们

src/router/index.js

@@ -114,9 +114,13 @@ var _constant_router_map = [
     path: "/newsDetail",
     component: () => import("@/scrm_pages/newsDetail/newsDetail")
   },
+  {
+    path: "/contact",
+    component: () => import("@/scrm_pages/contact/contact")
+  },
   {
     path: "/",
-    component: () => import("@/scrm_pages/newsDetail/newsDetail")
+    component: () => import("@/scrm_pages/contact/contact")
   },
 
   // 医院介绍详情路由

src/scrm_pages/contact/contact.vue

@@ -0,0 +1,64 @@
+<template>
+  <div>
+    <div class="focusImg">
+      <img src="static/images/img2.png" alt />
+    </div>
+    <div class="detail">
+      <div class="row one">
+        <p class="title">医院地址：</p>
+        <p class="msg">深圳市南山区学苑大道1001号南山智园A4栋9楼918</p>
+      </div>
+      <div class="row">
+        <p class="title">电&ensp;&ensp;&ensp;&ensp;话：</p>
+        <p class="msg">0755-8548683</p>
+      </div>
+      <div class="row">
+        <p class="title">手机号码：</p>
+        <p class="msg">13612805443</p>
+      </div>
+      <div class="row">
+        <p class="title">工作时间：</p>
+        <p class="msg">15:00-18:00</p>
+      </div>
+      <div class="row one">
+        <p class="title">乘车方式：</p>
+        <p class="msg">乘1路或859路车至千峰路口站下车向南500米</p>
+      </div>
+    </div>
+  </div>
+</template>
+
+
+<style lang="scss" scoped>
+.focusImg {
+  width: 23.4375rem;
+  height: 11.5625rem;
+  img {
+    width: 100%;
+    height: 100%;
+  }
+}
+.detail {
+  width: 21.125rem;
+  margin: 1.1875rem 1.25rem 0 1.25rem;
+
+  .row {
+    font-size: 1rem;
+    font-weight: 600;
+    color: rgba(7, 18, 40, 1);
+    line-height: 2.375rem;
+    height: 2.375rem;
+    .title {
+      float: left;
+    }
+    .msg {
+      float: left;
+      width: 16rem;
+    }
+  }
+  .one {
+    height: 3rem;
+    line-height: 1.5rem;
+  }
+}
+</style>

src/scrm_pages/newsDetail/newsDetail.vue

@@ -26,7 +26,7 @@
 }
 .msg {
   width: 21rem;
-  height: 12.0625rem;
+  min-height: 12.0625rem;
   font-size: 1rem;
   font-weight: 600;
   color: rgba(7, 18, 40, 1);