h5-webgl-program/src/pages/webgl_rxdz/webgl_rxdz.html

<div class="map" style="position: absolute;width: 100%;height: 100vh;z-index: 1;">
	<mynavbar :barData='navbar'/>
	<!-- 提交按钮 -->
	<div class="submit-btn" @click="submitHouse" v-if="styleType==1">提交</div>
	
    <div id="mapDiv" ref="webgl"></div>
	<canvas id="glcanvas" width="100vw" height="100vh" ref="glcanvas"
	 :style="{'height':canvasHeight+'px'}">
		你的浏览器似乎不支持或者禁用了 HTML5 <code>&lt;canvas&gt;</code> 元素。
	</canvas>
	<!-- 主要操作视图 -->
	<viewShell pageType="1" :overChange="overChange" :houseList="houseList" :houseObj="curHouseObj" :curHouseType="curHouseType" @curSpaceChange="curSpaceChange" @curHouseTypeChange="curHouseTypeChange" @curHouseFloorChange="curHouseFloorChange"></viewShell>
	
	<div v-show="showLables && gltf.text.length>0" v-for="(gltf,index) in lableItem" :key="index" class="word-view"
	:style="{'transform':gltf.transform}" @click="goRoam(gltf)">
		<div v-if="styleType==2" user-select="false" :class="['number-view ',(index+1)>9?'number-more':'',currentChangeSpaceId==gltf.spaceId?' active':'']">{{gltf.spaceIndex+1}}</div>
		<div v-else user-select="false" class="word" :class="currentChangeSpaceId==gltf.spaceId?'active':''">{{gltf.text}}></div>
	</div>
	<!-- <div id="labels"></div> -->
	<!-- 左侧操作区域 -->
	<!-- <left-operate-comp @operateHandle="operateHandle"></left-operate-comp> -->
</div>