Toggle navigation
Toggle navigation
This project
Loading...
Sign in
Hooke
/
map-demo
Go to a project
Toggle navigation
Toggle navigation pinning
Projects
Groups
Snippets
Help
Project
Activity
Repository
Pipelines
Graphs
Issues
0
Merge Requests
0
Wiki
Snippets
Network
Create a new issue
Builds
Commits
Issue Boards
Authored by
hookehuyr
2025-08-27 23:15:26 +0800
Browse Files
Options
Browse Files
Download
Email Patches
Plain Diff
Commit
4bb858551b4f912aadb67ce9c2a31da50274ae61
4bb85855
1 parent
7bd8a351
feat: 更新地图定位成功提示和底部导航样式
- 在地图定位成功后添加提示信息 - 调整底部导航图标和标签大小 - 移除底部导航激活指示器并调整样式
Show whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
11 additions
and
8 deletions
src/components/BottomNav.vue
src/views/checkin/map.vue
src/components/BottomNav.vue
View file @
4bb8585
<!--
* @Date: 2025-08-27 17:44:10
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2025-08-27 2
2:43:22
* @LastEditTime: 2025-08-27 2
3: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: 2
4
px;
height: 2
4
px;
width: 2
6
px;
height: 2
6
px;
}
/* 标签样式 */
.nav-label {
font-size: 1
2
px;
font-size: 1
3
px;
margin-top: 4px;
}
/* 激活指示器 */
.nav-indicator {
position: absolute;
bottom:
0
;
bottom:
-4px
;
width: 40px;
height: 4px;
background-color: #2563eb;
...
...
src/views/checkin/map.vue
View file @
4bb8585
<!--
* @Date: 2023-05-19 14:54:27
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2025-08-27 2
2:38:11
* @LastEditTime: 2025-08-27 2
3: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: () => {
...
...
Please
register
or
login
to post a comment