修改界面显示

src/views/model/model.vue

@@ -6,49 +6,49 @@
         <el-row>
           <el-col :span="3">
             <div class="toolItem" @click="click1('factoryIntroduction')">
-              <img class="icon" src="@/assets/model/model/factoryIntroduction.png" />
+              <img class="icon" src="@/assets/model/model/factoryIntroduction.png"/>
               <div class="grid-content bg-purple">工厂介绍</div>
             </div>
           </el-col>
           <el-col :span="3">
             <div class="toolItem" @click="click1('productDistribution')">
-              <img class="icon" src="@/assets/model/model/productDistribution.png" />
+              <img class="icon" src="@/assets/model/model/productDistribution.png"/>
               <div class="grid-content bg-purple-light">产品分布</div>
             </div>
           </el-col>
           <el-col :span="3">
             <div class="toolItem" @click="click1('dataCentre')">
-              <img class="icon" src="@/assets/model/model/dataCentre.png" />
+              <img class="icon" src="@/assets/model/model/dataCentre.png"/>
               <div class="grid-content bg-purple">数据中心</div>
             </div>
           </el-col>
           <el-col :span="3">
             <div class="toolItem" @click="click1('live')">
-              <img class="icon" src="@/assets/model/model/live.png" />
+              <img class="icon" src="@/assets/model/model/live.png"/>
               <div class="grid-content bg-purple">现场直播</div>
             </div>
           </el-col>
           <el-col :span="3">
             <div class="toolItem" @click="click2()">
-              <img class="icon" src="@/assets/model/model/process.png" />
+              <img class="icon" src="@/assets/model/model/process.png"/>
               <div class="grid-content bg-purple-light">工艺流程</div>
             </div>
           </el-col>
           <el-col :span="3">
             <div class="toolItem" @click="click1('production')">
-              <img class="icon" src="@/assets/model/model/production.png" />
+              <img class="icon" src="@/assets/model/model/production.png"/>
               <div class="grid-content bg-purple">生产</div>
             </div>
           </el-col>
           <el-col :span="3">
             <div class="toolItem" @click="click1('quality')">
-              <img class="icon" src="@/assets/model/model/quality.png" />
+              <img class="icon" src="@/assets/model/model/quality.png"/>
               <div class="grid-content bg-purple-light">质量</div>
             </div>
           </el-col>
           <el-col :span="3">
             <div class="toolItem" @click="click1('equipment')">
-              <img class="icon" src="@/assets/model/model/equipment.png" />
+              <img class="icon" src="@/assets/model/model/equipment.png"/>
               <div class="grid-content bg-purple-light">设备</div>
             </div>
           </el-col>
@@ -533,53 +533,59 @@ export default {
     const viewer = new AMRT.Viewer('container', param)
     let num = 0
     let modelArr = [
-      // '1720315475507941376',
+      '1733002676922355712',
-      // '1720315479907766272',
+      '1733002653367144448',
-      // '1720315484513112064',
+      '1733000805830758400',
-      // '1720315500866703360',
+      '1733000710250958848',
-      // '1720315558030872576',
+      '1733000650326937600',
-      // '1720315596551360512',
+      '1733000643133706240',
-      // '1720315644550975488',
+      '1733000491190849536',
-      // '1720315648946606080',
+      '1733000457527365632',
-      // '1720315687114772480',
+      '1733000436912361472',
-      // '1720315691422322688',
+      '1733000276484427776',
-      // '1720315722275622912',
+      '1733000223309041664',
-      // '1720315729129115648',
+      '1733000212462571520',
-      // '1720315768454909952',
+
-      // '1720316275214913536',
+      '1733000038533173248',
-      // '1720316297822212096',
+      '1733000034217234432',
+      '1732999987471716352',
+      '1732999849172930560',
 
       // 1层
-      // '1720315722275622912',
+      '1732999837521154048',
-      // '1730411915198468096',
+      '1732999828495011840',
-      // '1730411998006611968',
+      '1732999786233204736',
-      // '1730411963659456512',
+      '1732999740666286080',
-      // '1730411959351906304',
+      '1732999667089805312',
-      // '1730412014314065920',
+      '1732999638983774208',
-      // '1730412039731548160',
+      '1732999634021912576',
-      // '1730412073898348544',
+      '1732999618410713088',
-
+
-      // '1730412084799344640',
+      '1732999607128035328',
-      // '1730412196258779136',
+      '1732999597858623488',
-      // '1730412089115283456',
+      '1732999559069700096',
-      // '1730412127476387840',
+      '1732999554745372672',
-      // '1730412170082127872',
+      '1732999550429433856',
-      // '1730434866786471936',
+      '1732999507391680512',
-      // '1730434916656746496',
+      '1732999493042966528',
-      // '1730412271693336576',
+      '1732999471010287616',
-      // '1730412211886755840',
+      '1732999442811981824',
+      '1732999424952635392',
+      '1732999411254038528',
+      '1732999390441902080',
+      '1732999384255303680',
+      '1732999376583921664',
+      '1732999305662435328',
+      '1732999305557577728',
+      '1732999301107421184',
 
       // 1-1
-      // '1730417328874721280',
+      '1733052342019952640',
-      // '1730423530752970752',
+      '1733052332985421824',
-
+      '1733052278396555264',
-      // 2层
+      '1733052278291697664',
-      // '1730417324571365376',
+      '1733052273975758848',
-      // '1730417333178077184',
+      '1733052268669964288',
-      // '1730417383941738496',
-      // '1730417407748608000',
-      // '1730420842472542208',
-      // '1730420816044232704',
     ]
     modelArr.forEach(e => {
       let model = viewer.loadModel(e, {
@@ -646,14 +652,14 @@ export default {
 }
 
 .icon {
-  width:2vw;
+  width: 2vw;
-  margin:0 auto ;
+  margin: 0 auto;
 }
 
 .container {
   width: 100vw;
-  height: 33.33vw;
+  overflow: hidden;
-  //height: 100vh;
+  height: 100vh;
 }
 
 .tool {
@@ -664,6 +670,7 @@ export default {
   transform: translate(-50%, -100%);
   text-align: center;
   font-size: 1vw;
+  overflow: hidden;
 
   .toolItem:hover {
     transform: scale(1.2);
@@ -677,10 +684,8 @@ export default {
 }
 
 .test {
-  //top: 20%;
   width: 100vw;
-  height: 33.33vw;
+  height: 100vh;
-  //height: 100vh;
   position: absolute;
 }