如何固定查询属性的气泡位置

0 投票

使用产品:iserver 10i 操作系统:win10
数据类型:文件型
问题详细描述:最近在一个vue项目中引入了一个三维模型,已经实现点击模型弹出气泡显示属性的效果,但是气泡很容易在界面之外,因此想要询问关于固定气泡位置的方法,还请给出一个详细示例,非常感谢!以下为我定义的气泡代码:

<div v-if="dataForm.flag" id="bubble" class="bubble">
      <p id="des" class="des"></p>
      <el-row style="margin-top:-12px">
        <el-button type="text" @click="f1" id="des1" class="des1">设计交底记录</el-button>
      </el-row>
      <el-row style="margin-top:-10px">
        <el-button type="text" @click="f1" id="des2" class="des2">施工资料审查记录</el-button>
      </el-row>
      <el-row style="margin-top:-10px">
        <el-button type="text" @click="f1" id="des3" class="des3">质量控制</el-button>
      </el-row>
      <el-row style="margin-top:-10px">
        <el-button type="text" @click="f1" id="des4" class="des4">进度控制</el-button>
      </el-row>
      <el-row style="margin-top:-10px">
        <el-button type="text" @click="f1" id="des5" class="des5">造价控制</el-button>
      </el-row>
      <el-row style="margin-top:-10px">
        <el-button type="text" @click="f1" id="des6" class="des6">工程变更控制</el-button>
      </el-row>
      <el-row style="margin-top:-10px">
        <el-button type="text" @click="f1" id="des7" class="des7">安全管理</el-button>
      </el-row>
      <el-row style="margin-top:-10px">
        <el-button type="text" @click="f1" id="des8" class="des8">合同管理</el-button>
      </el-row>
      <el-row style="margin-top:-10px">
        <el-button type="text" @click="f1" id="des9" class="des9">竣工验收</el-button>
      </el-row>
      <el-row style="margin-top:-10px">
        <el-button type="text" @click="f1" id="des10" class="des10">信息管理</el-button>
      </el-row>
    </div>


 

5月 4 分类:  65次浏览 | 用户: qzg 初出茅庐 (29 分)

1个回答

0 投票

您好,参考一下这个范例:http://support.supermap.com.cn/product/CodeLibrary.aspx?PRODUCT_TYPE=2#pro_name,第四页-webgl气泡

5月 6 用户: 杨义东 学富五车 (584 分)
...