Serenity_Qin的博客

在 assets 文件夹下新增 iconfont 文件夹，将解压后的文件复制到该文件夹中。2. 将资源下载到本地，解压缩后加入添加进自己的项目中。点击复制代码以获取 icon-name。3. 在 main.ts 中引入。1. 选择图标添加进项目。

【代码】vue3 + ts 使用 el-tree。

【代码】vue3 + ts + vite 初始化 Mars3D。

使用 el-scrollbar 实现自动滚动，鼠标移入则停止滚动，鼠标移出则继续滚动。

2. 参照 element-plus 官网新建样式文件：src / styles / element / index.scss。1. 安装 sass。

（1）数据为空时：（2）有数据时：存在数据合并；

组件代码：注意 style 不能为 scoped。使用：v-bind 同时绑定多个属性。

【代码】css3 实现页面灯光闪烁效果。

（2）单击左键选中矩形，显示主对角线上的两个顶点；抬起鼠标左键结束拖拽；2. components / CesiumViewer / hooks / utils.ts （禁止/允许屏幕拖动、屏幕坐标转世界坐标代码）1. components / CesiumViewer / hooks / drawRectangle.ts（绘制/更新代码）（1）单击左键确定矩形左上角的顶点，开始绘制；单击右键确定矩形右下角的顶点，结束绘制。本文实现基础的矩形绘制，并且可以通过拖拽主对角线上的两个顶点改变矩形的长宽。

（2）鼠标左键单击绘制的圆形，显示圆的圆心和边缘点；长按鼠标左键，拖动圆心，实时更新圆的位置；长按鼠标左键，拖动边缘点，实时更新圆的半径；单击鼠标右键，结束更新操作，不再显示圆心和边缘点。2. components / CesiumViewer / hooks / utils.ts （禁止/允许屏幕拖动、屏幕坐标转世界坐标代码）（1）单击鼠标左键开始绘制，确定圆的圆心，移动鼠标，改变圆的半径；本文主要实现基础的绘制圆形，并且可以通过拖动圆心更新圆的位置，拖动圆上的边缘点改变圆的半径。

（1）长按鼠标左键开始绘制；（2）抬起鼠标左键结束绘制。本文主要实现最基础的绘制自由曲线。

4. 使用 test.vue。

（2）单击鼠标右键结束绘制、结束更新多边形（此时不会显示多边形的顶点）；本文主要实现最基础的绘制多边形，并且可以拖动多边形的顶点实时更新多边形的形状。（3）长按鼠标左键拖动多边形的顶点，实时更新多边形的形状；（1）单击鼠标左键绘制多边形、选中多边形；（4）抬起鼠标左键停止拖动多边形的顶点。

（2）单击鼠标右键结束绘制折线、结束更新线条（此时不会显示线上的点）；本文主要实现最基础的绘制折线，并且可以拖动线上的点实时更新线条。（3）长按鼠标左键拖动线上的点，实时更新线条；（1）单击鼠标左键绘制折线、选中线条；（4）抬起鼠标左键停止拖动线上的点。

本文主要实现最基础的添加图标、并且可以拖动刚刚添加的图标。（3）长按鼠标左键拖动图标，实时更新图标的位置；（4）抬起鼠标左键停止拖动图标。（1）单击鼠标左键添加图标；（2）单击鼠标右键结束添加；

本文主要实现最基础的绘制点，并且可以拖动刚刚绘制的点。（3）长按鼠标左键拖动点，实时更新点的位置；（4）抬起鼠标左键停止拖动点。（2）单击鼠标右键结束绘制；（1）单击鼠标左键绘制点；

点击 “+”，放大；长按 “+”，持续放大。点击 “-”，缩小；长按 “-”，持续缩小。

1. 下载并导入依赖。

【注】上述方案对行内样式不生效，行内样式中 px 转 vw 可使用自定义方法实现。（2）在项目根目录下编写配置文件 postcss.config.cjs。1. 编写函数 utils/pxToVw.ts。（1）在 main.ts 导入依赖。

想实现的效果是用户登录成功后跳转至”我的“页面，但是点击登录按钮后可以成功打印出登录信息，却不跳转页面。原因是我在 tabBar 中配置了 Mine 页面。