hookehuyr

marker头部显示样式调整

<!--
* @Date: 2023-05-19 14:54:27
* @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
* @Description: 文件描述
-->
......@@ -26,11 +26,6 @@
<van-icon name="shop-o" size="1.25rem" /><br />
<span style="font-size: 0.85rem;">活动中心</span>
</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="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"
:style="{ padding: '1rem', top: '4.5rem' }">
<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>
</van-popup>
</div>
......@@ -920,17 +915,17 @@ export default {
/* 标记文字样式 */
.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 {
......