hookehuyr

feat: 更新地图定位成功提示和底部导航样式

- 在地图定位成功后添加提示信息
- 调整底部导航图标和标签大小
- 移除底部导航激活指示器并调整样式
<!--
* @Date: 2025-08-27 17:44:10
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2025-08-27 22:43:22
* @LastEditTime: 2025-08-27 23:12:17
* @FilePath: /map-demo/src/components/BottomNav.vue
* @Description: 文件描述
-->
......@@ -15,7 +15,7 @@
>
<img :src="item.icon" :class="['nav-icon', isActive(item.path) ? 'filter-blue' : 'filter-gray']" alt="" />
<span class="nav-label">{{ item.label }}</span>
<div v-if="isActive(item.path)" class="nav-indicator"></div>
<!-- <div v-if="isActive(item.path)" class="nav-indicator"></div> -->
</div>
</div>
</template>
......@@ -95,20 +95,20 @@ const navigate = (path) => {
/* 图标样式 */
.nav-icon {
width: 24px;
height: 24px;
width: 26px;
height: 26px;
}
/* 标签样式 */
.nav-label {
font-size: 12px;
font-size: 13px;
margin-top: 4px;
}
/* 激活指示器 */
.nav-indicator {
position: absolute;
bottom: 0;
bottom: -4px;
width: 40px;
height: 4px;
background-color: #2563eb;
......
<!--
* @Date: 2023-05-19 14:54:27
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2025-08-27 22:38:11
* @LastEditTime: 2025-08-27 23:07:35
* @FilePath: /map-demo/src/views/checkin/map.vue
* @Description: 公众地图主体页面
-->
......@@ -682,7 +682,10 @@ export default {
});
this.map.add(this.location_marker);
// 定位到当前位置中心
this.map.setZoomAndCenter(this.zoom, [this.current_lng, this.current_lat]);
// this.map.setZoomAndCenter(this.zoom, [this.current_lng, this.current_lat]);
// 提示获取经纬度成功
this.show_toast = true;
this.toast_text = '获取经纬度成功';
// }
},
complete: () => {
......