-

src/views/cpdat02.vue

@@ -130,6 +130,7 @@ export default {
     border-radius: 50%;
     margin: 3px auto;
     position: relative;
+    margin-bottom: 6px;
 }
 .fixnav ul.first li a{
   background: 0;

src/views/cplist.vue

@@ -9,7 +9,7 @@
             <li :class="otype=='cp05'?'active':''" @click="tabShow('cp05','721da607-f835-4e39-8179-b9712def5d75')"><a>钻头</a></li>
             <li :class="otype=='cp06'?'active':''" @click="tabShow('cp06','5526cc07-0f6d-4cee-9845-a50c6476decf')"><a>锪刀</a></li>
             <li :class="otype=='cp07'?'active':''" @click="tabShow('cp07','6b14e4b9-181f-4527-b287-0e17cfd4451b')"><a>其他</a></li>
-        <span class="von-call-btn" @click="windowt=true;">
+        <span class="von-call-btn" @click="windowus=true;">
             <span class="iconfont icondianhua"></span>
             <div class="">
                 联系我们
@@ -17,11 +17,17 @@
         </span>
         </ul>
     </div>
-
-    <!--弹窗-->
-        <div class="von-showpic" v-if="windowt==true">
+    <!--弹窗 联系我们-->
+        <div class="von-showpic" v-if="windowus==true">
             <span></span>
             <div class="dj-demo">
+                <img src="@/assets/img/call.png">
+                <img class="dj-demo-off" src="@/assets/img/off.png" @click="windowus=false;">
+            </div>
+        </div>
+    <!--弹窗 查看图纸-->
+        <div class="von-showpic von-showpic2" v-if="windowt==true">
+            <div class="dj-demo2">
                 <img :src="PicUrl">
                 <img class="dj-demo-off" src="@/assets/img/off.png" @click="windowt=false;">
             </div>
@@ -31,7 +37,7 @@
         <div class="cp-right-ban">
             <img src="@/assets/img/cpbanner.png" />
         </div>
-        <ul>
+        <ul class="olist">
             <li v-for="li in formModel" :key="li.id">
                 <div class="cp-right-img">
                     <img src="@/assets/img/cp.png" alt="" width='100%'>
@@ -71,6 +77,7 @@ export default {
       },
     data(){
         return{
+            windowus:false,
             windowt:false,
             otype:'cp01',
             formModel: {},
@@ -118,13 +125,15 @@ export default {
     display: block;
     padding-top: 25%;
     width: 70px;
-    height: auto;
+    height: 100%;
     padding-bottom: 12.5%;
-    
 }
 .fixnav ul{
     margin-bottom: 30%;
 }
+.fixnav ul li:last-child{
+    margin-bottom: 12px;
+}
 .fixnav ul li a{
     padding: 10px 0;
     display: block;
@@ -161,4 +170,41 @@ export default {
    border: 1px solid #6c757d;
    color: #6c757d; 
 }
+.von-showpic2{
+    padding: 0;
+    display: flex;
+    align-items:center;
+    z-index: 30000;
+}
+.dj-demo2{
+    width: 100%;
+}
+.dj-demo2 img:first-child{
+    width: 100%;
+    height: auto;
+}
+.olist li{
+  background: none;
+}
+.caption{
+    background:#ffffff;
+}
+.caption h5{
+    font-size: 20px;
+    margin-bottom: 6px;
+}
+.caption p{
+    font-size: 14px;
+    line-height: 22px;
+}
+.flex-spal .red, .flex-spal a.btn{
+    font-size: 14px;
+}
+.flex-spal a.btn{
+    padding: 4px 10px;
+}
+.von-call-btn{
+    display: block;
+    margin-top: 26px;
+}
 </style>

src/views/djxm.vue

@@ -5,17 +5,17 @@
 				</div>
 				<div class="von-in">
 					<img src="@/assets/img/djxm02.png">
-					<div class="von-in-btn1 von-in-btn2 von-in-btn9">
+					<div class="von-in-btn1 von-in-btn2 von-in-btn9" @click="owindow=true">
 						<button type="button" class="btn btn-warning">查看地图</button>
 					</div>
 					<!--弹窗-->
-				<!-- <div class="von-showpic">
+				 <div class="von-showpic" v-if="owindow==true">
 					<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="" @click="owindow=false">
 					</div>
-				</div> -->
+				</div> 
 				</div>
 				<div class="von-in">
 					<img src="@/assets/img/djxm03.png">
@@ -32,6 +32,21 @@
 						</div>
 					</div>
 				</div>
+				<!-- <div class="von-in">
+					<img src="img/djxm03.png">
+					<div class="von-djxm-hr">
+						<div class="hr-img">
+							<img src="" />
+							<img class="active" src="" />
+							<img src="" />
+						</div>
+						<div class="hr-txt">
+							<p>陈先生</p>
+							<p class="yellow"><i class="iconfont iconiconfontxingxing"></i><i class="iconfont iconiconfontxingxing"></i><i class="iconfont iconiconfontxingxing"></i><i class="iconfont iconiconfontxingxing"></i><i class="iconfont iconiconfontxingxing"></i></p>
+							<p>高级工程师</p>
+						</div>
+					</div>
+				</div> -->
 				<div class="von-in">
 					<img src="@/assets/img/djxm04.png">
 				</div>
@@ -44,6 +59,11 @@
 import AppNav from '@/components/Nav.vue'
 import AppFooter from '@/components/footer.vue'
 export default {
+	data(){
+		return{
+			owindow:false,
+		}
+	},
  components: {
         AppFooter,
         AppNav
@@ -53,6 +73,28 @@ export default {
 
 <style>
 .von-showpic{
-    z-index: 0;
+    z-index: 30000;
+}
+.von-in-btn1 .btn {
+    width: 100%;
+    background: #BC812A;
+    border-color: #BC812A;
+    color: white;
+	border: none;
+	border-radius: 3px;
+	padding: 9px 0;
+	font-size: 16px;
+}
+.von-djxm-hr{
+	bottom: 11%;
+}
+.hr-img{
+	display:flex;
+	align-items: center;
+	justify-content: center;
+}
+.hr-txt p:nth-child(2){
+	margin-top: 4px;
+	margin-bottom: 4px;
 }
 </style>