marker头部显示样式调整

 <!--
 <!--
  * @Date: 2023-05-19 14:54:27
  * @Date: 2023-05-19 14:54:27
  * @LastEditors: hookehuyr hookehuyr@gmail.com
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2023-05-31 13:11:26
+ * @LastEditTime: 2023-05-31 14:05:43
  * @FilePath: /map-demo/src/views/index.vue
  * @FilePath: /map-demo/src/views/index.vue
  * @Description: 文件描述
  * @Description: 文件描述
 -->
 -->
@@ -26,11 +26,6 @@
           <van-icon name="shop-o" size="1.25rem" /><br />
           <van-icon name="shop-o" size="1.25rem" /><br />
           <span style="font-size: 0.85rem;">活动中心</span>
           <span style="font-size: 0.85rem;">活动中心</span>
         </div>
         </div>
-        <div style="width: 30%; flex-shrink: 0; padding-top: 1rem;" :class="[isActive === 2 ? 'checked' : '', 'item']"
-          @click="setNavLayer(2)">
-          <van-icon name="shop-o" size="1.25rem" /><br />
-          <span style="font-size: 0.85rem;">活动中心</span>
-        </div>
         <div style="width: 4rem;flex-shrink: 0;"></div>
         <div style="width: 4rem;flex-shrink: 0;"></div>
 
 
         <div style="position: fixed; right: 0; background-color: white; height: 4.5rem; width: 4rem;">
         <div style="position: fixed; right: 0; background-color: white; height: 4.5rem; width: 4rem;">
@@ -44,10 +39,10 @@
       <van-popup v-model:show="show_nav_popup" position="top" duration="0" :overlay="false"
       <van-popup v-model:show="show_nav_popup" position="top" duration="0" :overlay="false"
         :style="{ padding: '1rem', top: '4.5rem' }">
         :style="{ padding: '1rem', top: '4.5rem' }">
         <div style="text-align: left;">
         <div style="text-align: left;">
-          <div @click="positionMarker" style="margin-bottom: 0.5rem;"><van-icon name="fire-o" />&nbsp;三宝楼</div>
-          <div style="margin-bottom: 0.5rem;"><van-icon name="fire-o" />&nbsp;法云堂</div>
-          <div style="margin-bottom: 0.5rem;"><van-icon name="fire-o" />&nbsp;罗汉堂</div>
-          <div style="margin-bottom: 0.5rem;"><van-icon name="fire-o" />&nbsp;大雄宝殿</div>
+          <div @click="positionMarker" style="margin-bottom: 1rem; font-size: 1.15rem;"><van-icon name="fire-o" color="red" />&nbsp;&nbsp;三宝楼</div>
+          <div style="margin-bottom: 1rem; font-size: 1.15rem;"><van-icon name="fire-o" color="red" />&nbsp;&nbsp;法云堂</div>
+          <div style="margin-bottom: 1rem; font-size: 1.15rem;"><van-icon name="fire-o" color="red" />&nbsp;&nbsp;罗汉堂</div>
+          <div style="margin-bottom: 1rem; font-size: 1.15rem;"><van-icon name="fire-o" color="red" />&nbsp;&nbsp;大雄宝殿</div>
         </div>
         </div>
       </van-popup>
       </van-popup>
     </div>
     </div>
@@ -920,17 +915,17 @@ export default {
 
 
 /* 标记文字样式 */
 /* 标记文字样式 */
 .amap-marker-label {
 .amap-marker-label {
-  /* width: 60px; */
-  font-size: 0.85rem;
-  line-height: 18px;
-  text-align: center;
-  height: 18px;
-  font-family: STLiti;
-  color: #000;
-  border: 0;
-  /* border-radius: 15px; */
-  background-color: rgba(255, 255, 255, 0.4);
-  /* border: solid 2px rgba(100, 255, 200, 0.8); */
+  padding: 0.25rem 0.5rem;
+  width: auto;
+  border: 1px solid #72400b;
+  border-radius: 2px;
+  background: rgba(255, 255, 255, 0.8);
+}
+
+.amap-marker {
+  .amap-icon {
+    margin-top: 0.25rem;
+  }
 }
 }
 
 
 .input-card {
 .input-card {