自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(10)
  • 收藏
  • 关注

原创 山东大学创新实训周报(10)----与主页的对接,实现点击景点跳转到相应的位置并标出

现在需要实现地图界面的打开,主要是与主页对接,实现点击景点跳转到相应的位置并标出。

2024-06-24 10:50:18 274

原创 山东大学创新实训周报(9)----与后端数据的对接

前端的一切逻辑与界面都已经准备完毕,只需要获取景点的讲解音频,然后替换为要播放的音频即可。

2024-06-24 10:21:59 266

原创 山东大学创新实训周报(8)----播放器快进和快退的实现

我们已经实现了播放与暂停功能,接下来实现快进与快退功能,同时完善用户体验,处理使用时可能出现的异常,由于还未与后端对接,我们的所有音频使用菊花台代替。

2024-06-24 09:46:17 448

原创 山东大学创新实训周报(7)----媒体播放器的接入

我们已经完成了播放器的视觉效果,下面需要实现播放点击,快退点击,快进点击时音频文件的快退,播放,快进,同时与上面的进度条对应。

2024-06-24 09:14:23 307

原创 山东大学创新实训周报(6)----景点详情讲解页面的编写

前面点击景点弹出窗口及其弹出逻辑已经基本编写完毕,所以下面对详情讲解进行编写,期望点击详情编写时弹窗可以拉长,然后我会在其中插入媒体播放器,并实现对景点的讲解。

2024-06-24 08:44:30 284

原创 山东大学创新实训周报(5)----腾讯位置服务导航插件调用

我们已经实现了如上视觉效果,接下来尝试实现点击“去这里”,调用导航插件,进行目前位置到目标景点的导航。

2024-05-31 12:46:47 745

原创 山东大学创新实训周报(4)----腾讯位置服务距离计算

我们已经实现了如上视觉效果,接下来尝试实现目前位置与景点位置的距离计算,并在上图红框位置更改。

2024-05-31 12:06:41 491 1

原创 山东大学创新实训周报(3)----vant-ui的简单使用

引入地图后,效果如下:接下来想实现点击景点弹出介绍效果,类似下图,但是移动端弹出浮动窗会占满大半屏幕,于是我想把浮动窗改为底部弹出,使用vant-ui:阅读vant-ui快速上手,引入分为如下几步:首先将项目初始化为一个npm管理的项目,在小程序终端中输入npm init,一路回车。然后在小程序终端中输入npm i @vant/weapp -S --production,下载vant-ui组件。将 app.json 中的 去除,小程序的新版基础组件强行加上了许多样式,难以覆盖,不关闭将造成部分组件样式混乱

2024-05-31 11:41:43 764

原创 山东大学创新实训周报(1)----Map组件的介绍及使用

marker用来实现地点的标注,效果如下:属性类型必填说明idnumber是标记点 idlatitudenumber是纬度longitudenumber是经度iconPathstring是显示的图标路径在Map属性的marker数组里按以上格式填写属性即可完成地点标记。

2024-05-31 11:18:01 774

原创 山东大学创新实训周报(2)----腾讯地图的引入和介绍

腾讯位置服务有很多常用的功能,我们一起来看一下:扫描二维码可以看到,腾讯位置服务提供了针对Map组件的很多扩展功能,比如小程序插件,个性化地图,我们可以根据需要选用。

2024-05-31 10:21:56 297

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除