- 博客(10)
- 收藏
- 关注
原创 山东大学创新实训周报(10)----与主页的对接,实现点击景点跳转到相应的位置并标出
现在需要实现地图界面的打开,主要是与主页对接,实现点击景点跳转到相应的位置并标出。
2024-06-24 10:50:18
274
原创 山东大学创新实训周报(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关注的人