前端推荐使用 Blender 三维建模软件，模型推荐使用 gltf 或者 glb 文件。后续会更新 Blender 的使用方法glTF（GL Transmission Format）是一种用于传输和加载 3D 模型的开放标准格式。它是由 Khronos Group 开发的，旨在提供一种轻量级、高效、可扩展的 3D 模型格式，以便在 Web 和移动设备等平台上实现快速加载和渲染。glTF 格式支持包

做这个项目之前需要安装一下技术栈蚂蚁地理空间数据可视化 | L7引入地图：首先需要一个容器来包裹这个全屏的大地图<div id="userMap"></div>引入npm install --save @antv/l7构造函数Sceneconst scene = new Scene({id: "userMap", // 需传入 dom 容器或者容器 idlogoVisibl

首先呢先随便选个盘创建一个文件夹为webpack1（名字可以自己定义），在文件夹中添加两个新文件夹scr以及dist按住win+r输入cmd调出控制台，输入正确路径然后进行初始化：npminit然后一直回车，直到重新出现目录会发现多了个json文件之后输入：全局安装：npmiwebpackwebpack-cli-g本地安装：npmiwebpackwebpack-cli-D安装完成后会发现目录中多个

用于获取地图的位置以及到下一个目的地的总路程，可以将实际路程转成自己配置的路程，以及正在路上的标识，可以用头像表示，经过的地方可以嵌入链接点击进行跳转如果是 Vue 写的话需要从生命周期中获取 Dom 元素动画渲染函数用于制作开始场景镜头动画(由远到近并附带略微旋转)这个动画在后面会用到，是根据滚动下方内容进行左右镜头旋转的动画效果此时星空就已经搭建好了，可以左右旋转试试效果其实也就是创建一个球，

vue3+vant做h5转App时，会遇到用手机上的返回键会直接回退到手机桌面，只能用过按钮来实现back回退，网上也有很多实现方法，但mui对vue3来说可能不太支持，所以这里使用原生js的方法实现。完成后通过npm run build打包在手机上进行查看。在index.html中引入vant链接。事件来对物理返回键进行配置。接着写js部分，通过。

这里不建议使用本地存储的方式存储编辑中的值，可能会导致传参失败可以使用路由传参的方式把参数传递给address.vue页面看下面的代码：Detail.vue页面中的编辑按钮事件下的路由传参item为对象，index为索引。根据索引获取每个值。edit(item, index) {console.log(item);let obj = {index: index,item: item,};

详解vant中的图片富文本预览效果实现效果

有的tab栏需要点击两次从而达到排序的功能下面是实现双重tab栏切换功能css样式.active {color: red;}.black{color: black;}标签部分<ul><liv-for="(item, index) in screen.lis"@click="lisBtn(index)":class="{ active: screen.currentindex

ref获取DOM元素<div ref="divBox">Hello</div>import {ref,onMounted} from 'vue'setup() {const divBox = ref(null);onMounted(()=>{console.log(divBox.value);})return{divBox}}父组件监听子组件中的元素在父组件中的子组件

在原有的列表项中添加点击事件新建一个路由页面（detail.vue）并配置好路径在 有列表的页面中添加方法，并通过this.$router.push进行传参navClick(index) {this.$router.push({path: "/detail",query: {detail: JSON.stringify(this.list[index]),},});},.