主要是vue与three结合，在three加载的窗口上添加DIV

最新推荐文章于 2024-01-19 11:57:57 发布

北漂研究生

最新推荐文章于 2024-01-19 11:57:57 发布

阅读量550

点赞数

分类专栏： vue three 文章标签： vue javascript three.js

本文链接：https://blog.csdn.net/qq_19280295/article/details/114448094

版权

vue 同时被 2 个专栏收录

17 篇文章 0 订阅

订阅专栏

three

11 篇文章 1 订阅

订阅专栏

项目场景：

主要是vue与three结合，在three加载的窗口上添加DIV

主要代码：

 <div class="controls-box">
           <el-button type="primary" class="controls-button" size="mini" @click="threeD">3D视图</el-button>
           <el-button type="primary" class="controls-button" size="mini" @click="twoD">2D视图</el-button>
 </div>

在全局样式中添加一下代码

.controls-box {
 position: absolute;
  right: 8px;
  top: 47px;
  width: 100px;
  height: 60px;
  padding: 4px;
  background-color: rgb(8, 8, 8);
  border: 1px solid #0e0d0d;

}
.controls-button {
  
  margin: 2px 7px;
}