t

src/views/map/dtl.vue

@@ -1,12 +1,12 @@
 <template>
   <div class="app-container">
-    <div class="scoped-bg">
-    </div>
+    <dev class="scoped-top-tips" v-show="!isDeal">洪楼plus小程序提示：点击图中区域、楼盘、学校可查看更多</dev>
+    <div class="scoped-bg"></div>
     <div v-if="$route.query.id === '95542fdc-b542-4582-9be2-9ab8005728d3' || $route.query.id === '95542ff1-8176-4267-8344-2aa7f1034ac5'" class="scoped-tab">
       <div @click="linkChange('95542fdc-b542-4582-9be2-9ab8005728d3')" :class="$route.query.id === '95542fdc-b542-4582-9be2-9ab8005728d3' ? 'op cur' : 'op'">小学</div>
       <div @click="linkChange('95542ff1-8176-4267-8344-2aa7f1034ac5')" :class="$route.query.id === '95542ff1-8176-4267-8344-2aa7f1034ac5' ? 'op cur' : 'op'">初中</div>
     </div>
-      <!-- https://img2.honglounews.com/20220111024440-5626.png -->
+    <!-- https://img2.honglounews.com/20220111024440-5626.png -->
     <div v-show="isDeal" :class="isDbShow ? 'scoped-deal-box' : 'scoped-deal-box t2'">
       <div class="sdb-info">
         <div class="p1">当前缩放级别:{{mapDiyObj.zoom}}<span class="more" @click="setShowChange">{{isMapSetShow ? '收起设置' : '展开设置'}}></span></div>
@@ -74,7 +74,7 @@
             :position="marker.position"
             :events="schoolEvents"
             :title="marker.school_name"
-            :label="{content: marker.school_name, offset: [0, -20]}"
+            :label="{content: marker.school_name, offset: [-10 * marker.school_name.length / 2, -20]}"
             :extData="{id: marker.id}"
           >
           </el-amap-marker>
@@ -85,14 +85,14 @@
             :position="marker.position"
             :events="estateEvents"
             :title="marker.estate_name"
-            :label="{content: marker.estate_name, offset: [-10, -20]}"
+            :label="{content: marker.estate_name, offset: [-10 * marker.estate_name.length / 2, -20]}"
             :extData="{id: marker.id}"
           >
           <!-- https://img2.honglounews.com/20220110041534-8330.png -->
           <!-- https://img2.honglounews.com/20220110041411-6675.png -->
           </el-amap-marker>
         </template>
-        <el-amap-marker v-for="(marker, index) in markerData" :key="1000 + index"
+        <el-amap-marker v-for="(marker, index) in markerData" :key="9000 + index"
           :position="marker.position"
           :draggable="marker.draggable"
           :animation="marker.animation"
@@ -147,7 +147,8 @@ import MapTextEdit from './components/popup/MapTextEdit'
 import { arrToObj } from '@/utils'
 export default {
   name: 'map',
-  components: {
+  components: {},
+    components: {
     MapTextEdit
   },
   mixins,
@@ -934,8 +935,13 @@ export default {
 
 .scoped-marker-text {
   color: #fff;
-  min-width: 100px;
+  min-width: 120px;
   font-weight: bold;
+  box-shadow: 0 0 10px #fff;
+  text-align: center;
+  padding: 6px 10px;
+  border-radius: 6px;
+  background: #ebad57;
 }
 
 .scoped-select-center {
@@ -953,12 +959,12 @@ export default {
 }
 
 
-
 ::v-deep .amap-marker-label {
   border-color: #dcdcdc;
   border-radius: 2px;
   padding: 3px 5px;
-  color: #313131;
+  color: #666;
+  background: #f0f0f0;
   box-shadow: 0 0 3px #ccc;
 }
 ::v-deep .amap-logo{
@@ -1003,6 +1009,21 @@ export default {
   bottom: 0;
 }
 
+.scoped-top-tips {
+  position: fixed;
+  z-index: 999999;
+  top: 0;
+  left: 0;
+  width: 100%;
+  color: #5caac1; //#de8c17;
+  background: #fcf6ed;
+  font-size: 12px;
+  padding: 10px;
+  opacity: .8;
+  font-weight: bold;
+}
+
+
 
 .scoped-tab {
   position: fixed;