微网站

src/scrm_pages/contact/contact.vue

 <template>
   <div>
-    <div class="focusImg">
+    <div v-for="item in this.ordmodel" :key="item.id" >
+    <div class="focusImg" v-if="item.mode_type == 1">
       <div class="swiper-container">
         <div class="swiper-wrapper">
-          <div class="swiper-slide">
-            <img class="imgtwo" src="/static/images/banner.jpg" />
-          </div>
-          <div class="swiper-slide">
-            <img class="imgtwo" src="/static/images/img3.jpg" />
-          </div>
-          <div class="swiper-slide">
-            <img class="imgtwo" src="/static/images/home.jpg" />
+          <div class="swiper-slide"  v-for="it in item.Conrotation" :key="it.id">
+            <img class="imgtwo" :src="it.images"/>
           </div>
         </div>
         <!-- 如果需要分页器 -->
       </div>
     </div>
     <!-- <div class="detail"> -->
-    <div class="row one detail">
-      <p class="title">医院地址：</p>
-      <p class="msg">深圳市南山区学苑大道1001号南山智园A4栋9楼918</p>
+    <div class="row one detail" v-if="item.mode_type == 2">
+      <p class="title">{{item.title}}:</p>
+      <p class="msg">{{item.Hosaddress.address}}</p>
     </div>
-    <div class="row">
-      <p class="title">电&ensp;&ensp;&ensp;&ensp;话：</p>
-      <p class="msg">0755-8548683</p>
+    <div class="row" v-if="item.mode_type == 3">
+      <div v-for="it in Connectways" :key="it.id">
+        <p class="title">{{it.title}}:</p>
+        <p class="msg">{{it.content}}</p><br>
+       </div>
     </div>
-    <div class="row">
-      <p class="title">手机号码：</p>
-      <p class="msg">13612805443</p>
+    <div class="row" v-if="item.mode_type == 4">
+      <p class="title">{{item.title}}:</p>
+      <p class="msg">{{item.Worktime.worktime}}</p>
     </div>
-    <div class="row">
-      <p class="title">工作时间：</p>
-      <p class="msg">15:00-18:00</p>
+    <div class="row one" v-if="item.mode_type == 5">
+      <p class="title">{{item.title}}:</p>
+      <p class="msg">{{item.Rideway.ride_way}}</p>
     </div>
-    <div class="row one">
-      <p class="title">乘车方式：</p>
-      <p class="msg">乘1路或859路车至千峰路口站下车向南500米</p>
     </div>
-    <!-- </div> -->
-    <!-- 联系我们页面 -->
-    <!-- <div class="scroll"  style="padding:15px 4%;">
-              <div v-for="item in this.ordmodel" :key="item.id">
-                     <div v-if="item.mode_type == 1" class="contractmodeone">
-                        <mt-swipe :auto="4000" class="swipertwo">
-                             <mt-swipe-item  v-for="it in item.Conrotation" :key="it.id">
-                                    <img :src="it.images" style="width:100%;height:100%">
-                             </mt-swipe-item>
-                        </mt-swipe>
-                     </div>
-
-                     <div v-if="item.mode_type == 2" class="oldmodetwo">
-                          <div><span>{{item.title}}:&nbsp;&nbsp;{{item.Hosaddress.address}}</span></div>
-                     </div>
-                     <div  v-if="item.mode_type == 3">
-                            <div class="oldmodeone" v-for="it in Connectways" :key="it.id">
-                                  <div class="oldmodefive">
-                                      <span>{{it.title}}:&nbsp;&nbsp;{{it.content}}</span>
-                                 </div>
-                             <div class="oldmodesix" @click="tallPhone(it.content)">
-                                  <img src="static/images/u318.png" style="width 100%;height:100%">
-                             </div>
-                            </div>
-                     </div>
-                      <div class="oldmodefour" v-if="item.mode_type == 4">
-                          <div><span>{{item.title}}:&nbsp;&nbsp;{{item.Worktime.worktime}}</span></div>
-                          </div>
-                             <div class="oldmodethree" v-if="item.mode_type == 5">
-                               <div><span>{{item.title}}:&nbsp;&nbsp;{{item.Rideway.ride_way}}</span></div>
-                             </div>
-                        </div>
-    </div>-->
   </div>
 </template>
 <script>
   margin: 1.1875rem 1.25rem 0 1.25rem;
 }
 
-// .modeone {
-//   width: 100%;
-//   height: 220px;
-//   margin-bottom: 10px;
-//   /* border:solid 1px red; */
-// }
-
-// .oldmodetwo {
-//   width: 300px;
-//   height: 100%;
-//   /* border: solid 1px red; */
-//   font-size: 14px;
-//   margin-bottom: 8px;
-//   font-size: 1rem;
-//   font-weight: 600;
-//   color: rgba(7, 18, 40, 1);
-//   line-height: 2.375rem;
-//   height: 2.375rem;
-// }
-
-// .oldmodeone {
-//   width: 318px;
-//   min-height: 22px;
-//   /* border: solid 1px red; */
-//   margin-bottom: 8px;
-//   font-size: 1rem;
-//   font-weight: 600;
-//   color: rgba(7, 18, 40, 1);
-//   line-height: 2.375rem;
-//   height: 2.375rem;
-// }
-
-// .oldmodesix {
-//   position: absolute;
-//   width: 50px;
-//   min-height: 20px;
-//   /* border: solid 1px blue; */
-//   margin-left: 200px;
-//   margin-top: -30px;
-//   //   font-size: 1rem;
-//   //  font-weight: 600;
-//   //  color: rgba(7, 18, 40, 1);
-//   //  line-height: 2.375rem;
-//   //  height: 2.375rem;
-// }
-
-// .oldmodefive {
-//   width: 250px;
-//   min-height: 20px;
-//   /* border: solid 1px red; */
-// }
-
-// .oldmodefour {
-//   width: 300px;
-//   height: 30px;
-//   color: black;
-//   /* border:solid 1px red; */
-//   margin-bottom: 8px;
-//   font-size: 1rem;
-//   font-weight: 600;
-//   color: rgba(7, 18, 40, 1);
-//   line-height: 2.375rem;
-//   height: 2.375rem;
-// }
-
-// .oldmodethree {
-//   width: 300px;
-//   height: 100%;
-//   color: black;
-//   /* border:solid 1px red; */
-//   margin-bottom: 8px;
-//   font-size: 1rem;
-//   font-weight: 600;
-//   color: rgba(7, 18, 40, 1);
-//   line-height: 2.375rem;
-//   height: 2.375rem;
-// }
-// .contractmodeone {
-//   //  width: 100%;
-//   //  height: 200px;
-//   width: 100%;
-//   height: 11.5625rem;
-//   //  border: solid 1px red
-// }
-// #wrappertwo {
-//   width: 40%;
-// }
-// #wrappert {
-//   width: 43%;
-// }
 </style>