.

src/views/LvShanXiang/LvShanXiang.vue

@@ -72,12 +72,13 @@
                         />
                         <i class="icon_search" @click.stop="search"></i>
                     </main>
-                    <img src="../../assets/u922.png" />
-                    <div class="point p1" @click.stop="clickPoint('dr')">
+                    <img class="bg_map" src="../../assets/u922.png" />
+                    <!-- <div class="point p1" @click.stop="clickPoint('dr')">
                         <i class="warp">
                             <i class="middle">
                                 <i class="center"></i>
                             </i>
+                            
                         </i>
                     </div>
                     <div class="point p2" @click.stop="clickPoint('ys')">
@@ -86,7 +87,16 @@
                                 <i class="center"></i>
                             </i>
                         </i>
+                    </div> -->
+                    <div class="icon_pasture_1" @click.stop="clickPoint('dr')">
+                        <img src="../../assets/icon_pasture.png">
+                        <h3>长兴德睿生态农业开发有限公司</h3>
+                    </div>
+                    <div class="icon_pasture_2" @click.stop="clickPoint('ys')">
+                        <img src="../../assets/icon_pasture.png">
+                        <h3>长兴永盛牧业有限公司</h3>
                     </div>
+                    
                     <!-- <div class="point p3">
                         <i class="warp">
                             <i class="middle">
@@ -324,7 +334,7 @@ export default {
                         background-size: contain;
                     }
                 }
-                > img {
+                > .bg_map {
                     height: 80%;
                     width: 70%;
                     -webkit-user-select: none;
@@ -417,6 +427,37 @@ export default {
                 > .p2 {
                     left: 55%;
                     top: 45%;
+                    // z-index: 1;
+                }
+                > .icon_pasture_1 {
+                    position: absolute;
+                    // left: 29%;
+                    // top: 64%;
+                    left: 27%;
+                    top: 57%;
+                    text-align: center;
+                    > img {
+                        width: 120px;
+                    }
+                    > h3{
+                        color: #FFF;
+                        font-size: 30px;
+                    }
+                }
+                > .icon_pasture_2 {
+                    position: absolute;
+                    text-align: center;
+                    // left: 54.6%;
+                    // top: 51.7%;
+                    left: 55%;
+                    top: 48%;
+                    > img {
+                        width: 120px;
+                    }
+                    > h3{
+                        color: #FFF;
+                        font-size: 30px;
+                    }
                 }
             }
             > .footer_2 {