微网站

src/scrm_pages/contact/contact.vue

         <div class="swiper-container">
           <div class="swiper-wrapper">
             <div class="swiper-slide" v-for="it in item.Conrotation" :key="it.id">
+              <a :href="it.linkaddress.length > 0 ? it.linkaddress: 'javascript:;' ">
               <img class="imgtwo" :src="it.images" />
+              </a>
             </div>
           </div>
           <!-- 如果需要分页器 -->

src/scrm_pages/contact/contactus.vue

 <template>
   <div class="page_home">
-         <!-- <iframe  :src = this.customUrl width="100%" height="100%" marginwidth="0" frameborder="no" scrolling="no"></iframe> -->
-      <div v-for="item in this.ordmodel" :key="item.id">
+
+      <div v-for="item in this.ordmodel" :key="item.id" class="modeone"> 
        <div class="focusImg" v-if="item.mode_type == 1">
         <div class="swiper-container">
           <div class="swiper-wrapper">
               <img class="imgtwo" :src="it.images" />
             </div>
           </div>
-          <!-- 如果需要分页器 -->
-          <div class="swiper-pagination"></div>
+  
+          <!-- <div class="swiper-pagination"></div> -->
         </div>
       </div>
-      <!-- <div class="detail"> -->
-      <div class="row one detail" v-if="item.mode_type == 2">
+      
+      <div class="row" v-if="item.mode_type == 2">
         <p class="title">{{item.title}}:</p>
         <p class="msg">{{item.Hosaddress.address}}</p>
       </div>
         <p class="title">{{item.title}}:</p>
         <p class="msg">{{item.Worktime.worktime}}</p>
       </div>
-      <div class="row one" v-if="item.mode_type == 5">
+      <div class="row" v-if="item.mode_type == 5">
         <p class="title">{{item.title}}:</p>
         <p class="msg">{{item.Rideway.ride_way}}</p>
       </div>
 
 <style lang="scss" scoped>
 @import "../../assets/styles/mixin.scss";
-
-.page_home {
-  overflow: hidden;
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  > div:first-child {
-    flex: 1;
-    overflow: auto;
-  }
-  > div:first-child::-webkit-scrollbar {
-    width: 0;
-  }
-  // border:solid 1px red;
-}
-// .bugone{
-//   border: solid 1px red;
-// }
-
-
 .tabs {
   @include border-top;
   width: 100%;
 .page_home {
   overflow: hidden;
   height: 100%;
+  display:flex;
+  flex-direction: column;
+  >div:first-child{
+    flex: 1;
+    overflow: auto;
+  }
   > div:nth-of-type(2) {
-    min-height: 5.125rem;
+    min-height: 3.0rem;
+  }
+  > div:nth-of-type(3) {
+    min-height: 3.125rem;
+  } 
+  > div:nth-of-type(4) {
+    min-height: 2.9rem;
   }
   .focusImg {
     width: 23.4375rem;
     width: 21.125rem;
     margin: 0 1.25rem;
     // border: 1px solid #000;
-
     .title {
       float: left;
       width: 5rem;
     }
   }
   .one {
-    min-height: 2.375rem;
+    min-height: 1.0rem;
     // line-height: 3rem;
   }
   .detail {
     width: 21.125rem;
     margin: 1.1875rem 1.25rem 0 1.25rem;
+
   }
 }
+.modeone{
+  min-height: 210px;
+  // border:solid 1px red;
+}
 </style>
 

src/scrm_pages/contactus/contactus.vue

           <!-- 联系我们页面 -->
          <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">

src/scrm_pages/microHome/microHome.vue

           <div class="swiper-container bannerSwiper">
             <div class="swiper-wrapper">
               <div class="swiper-slide" v-for="it in item.PatientEditpiclink" :key="it.id">
-                <img class="imgtwo" :src="it.images" />
+                  <a :href="it.linkaddress.length > 0 ? it.linkaddress: 'javascript:;'">
+                  <img class="imgtwo" :src="it.images" />
+                  </a>
               </div>
             </div>
             <!-- 如果需要分页器 -->
         if (response.data.state == 1) {
           var articlelist = response.data.data.articlelists;
           this.Articlelist = response.data.data.articlelists;
-          console.log("文章列表", this.Articlelist);
+          console.log("文章列表", this.Articlelist);  
         }
       });
     },
     },
 
     CallPhone(linktype, address,orgid) {
+
       if (linktype == "2") {
         this.$router.push({
           path:"/contactus",
       if (linktype == "4") {
         // window.location.href = address;
         this.$router.push({
-          path:"custom",
+          path:"/custom",
           query:{
             orgid:orgid,
           }

src/scrm_pages/newsDetail/newsDetail.vue

     <div class="msg" v-html="articles.content" v-show="articleshow"></div>
      <div class="video" v-show="videoshow">            
           <video id="example_video_1" class="video-js vjs-default-skin"
-                 controls preload="auto" width="640" height="300"
+                 controls preload="auto" width="100%" height="100%"
                  poster="http://video-js.zencoder.com/oceans-clip.png"
                  data-setup='{"example_option":true}' ref="video">
                <source :src="articles.video_url" type='video/mp4' />
   line-height: 1.375rem;
   margin: 1.25rem 1.25rem 0 1.125rem;
 }
+
+.video{
+  width: 100%;
+  height: 250px;
+  // border: solid 1px red;
+}
 </style>