-

src/views/cpinfo02.vue

@@ -2,37 +2,42 @@
   <div class="con">
     <div class="left-nav">
       <ul class="">
-        <li :class="otype=='cp01'?'active':''" @click="otype='cp01'">
+        <li :class="otype == 'cp01' ? 'active' : ''" @click="otype = 'cp01'">
           <a href="#"><img src="@/assets/img/cpda13.png" width="60%" /></a>
         </li>
-        <li :class="otype=='cp02'?'active':''" @click="otype='cp02'">
+        <li :class="otype == 'cp02' ? 'active' : ''" @click="otype = 'cp02'">
           <a href="#"><img src="@/assets/img/cpda14.png" width="60%" /></a>
         </li>
-        <li :class="otype=='cp03'?'active':''" @click="otype='cp03'">
+        <li :class="otype == 'cp03' ? 'active' : ''" @click="otype = 'cp03'">
           <a href="#"><img src="@/assets/img/cpda15.png" width="60%" /></a>
         </li>
-        <li :class="otype=='cp04'?'active':''" @click="otype='cp04'">
+        <li :class="otype == 'cp04' ? 'active' : ''" @click="otype = 'cp04'">
           <a href="#"><img src="@/assets/img/cpda16.png" width="60%" /></a>
         </li>
-        <li :class="otype=='cp05'?'active':''" @click="otype='cp05'">
+        <li :class="otype == 'cp05' ? 'active' : ''" @click="otype = 'cp05'">
           <a href="#"><img src="@/assets/img/cpda17.png" width="60%" /></a>
         </li>
-        <li :class="otype=='cp06'?'active':''" @click="otype='cp06'">
+        <li :class="otype == 'cp06' ? 'active' : ''" @click="otype = 'cp06'">
           <a href="#"><img src="@/assets/img/cpda18.png" width="60%" /></a>
         </li>
       </ul>
-      <a class="von-call-btn" @click="windowt=true">
+      <a class="von-call-btn" @click="windowt = true">
         <span class="iconfont icondianhua"></span>
         <div class="">联系我们</div>
       </a>
     </div>
-	<!--弹窗-->
-    <div class="von-showpic" v-if="windowt==true">
-        <span></span>
-        <div class="dj-demo">
-            <img src="@/assets/img/call.png" alt="" >
-            <img class="dj-demo-off" src="@/assets/img/off.png" alt="" @click="windowt=false;">
-        </div>
+    <!--弹窗-->
+    <div class="von-showpic" v-if="windowt == true">
+      <span></span>
+      <div class="dj-demo">
+        <img src="@/assets/img/call.png" alt="" />
+        <img
+          class="dj-demo-off"
+          src="@/assets/img/off.png"
+          alt=""
+          @click="windowt = false"
+        />
+      </div>
     </div>
     <div class="rightcontent">
       <div class="navimg">
@@ -53,13 +58,12 @@ export default {
     AppFooter,
     AppNav,
   },
-  data(){
-	  return{
-		 otype:'cp01',
-		 windowt:false
-	  }
-	  
-  }
+  data() {
+    return {
+      otype: "cp01",
+      windowt: false,
+    };
+  },
 };
 </script>
 
@@ -73,13 +77,13 @@ export default {
   width: 70px;
   height: auto;
   padding-bottom: 12.5%;
-  height:100%;
+  height: 100%;
 }
-.left-nav ul{
-	 margin-bottom: 30%;
+.left-nav ul {
+  margin-bottom: 30%;
 }
-.left-nav ul li{
-	text-align: center;
+.left-nav ul li {
+  text-align: center;
 }
 .left-nav ul li a {
   display: block;
@@ -99,9 +103,9 @@ export default {
 .rightcontent {
   margin-left: 70px;
 }
-.von-call-btn div{
-    text-align: center;
-    font-size: 70%;
-    color: white;
+.von-call-btn div {
+  text-align: center;
+  font-size: 70%;
+  color: white;
 }
 </style>

src/views/djxm.vue

@@ -13,7 +13,7 @@
 					<span></span>
 					<div class="dj-demo">
 						<img src="@/assets/img/dj04.png" alt="">
-						<img class="@/assets/dj-demo-off" src="@/assets/img/off.png" alt="">
+						<img class="dj-demo-off" src="@/assets/img/off.png" alt="">
 					</div>
 					</div>
 				</div>
@@ -55,4 +55,5 @@ export default {
 .von-showpic{
     z-index: 0;
 }
+
 </style>