update1624

web/public/static/css/main.css

@@ -7084,9 +7084,9 @@ a.hasHover.tag-link:hover {
 
 
 #menudiv>div>div{  
-    width:1000px; height:1000px;
-    background:#fff;
+    width:1000px; 
+    height:1000px;
     position: absolute;
     color:#000;
-    font-size:50px
+    font-size:50px;
 }

web/public/static/js/main_2020_show.js

@@ -71,7 +71,6 @@ var initMenu = function(){
     var renderer2 = new THREE.CSS3DRenderer();
     renderer2.setSize( window.innerWidth, window.innerHeight );
     renderer2.domElement.id =  'menudiv' 
-    renderer2.domElement.html = 'tsts'
     $("#gui-parent")[0].appendChild(renderer2.domElement)
     menuDiv.renderer2 = renderer2
 
@@ -80,12 +79,15 @@ var initMenu = function(){
     var scene2 = new THREE.Scene();
     menuDiv.objects.forEach(info=>{
         var element = document.createElement( 'div' );
-        element.id = info.id 
+        let huiyi = document.querySelector('#huiyi')
+
+        huiyi && element.appendChild(huiyi)
         
         var object = new THREE.CSS3DObject( element );
         
         object.position.copy(info.position) 
         //object.scale.copy(info.scale)
+        
         object.rotation.fromArray(info.rotation)
         
         element.style.width = info.scale.x * 1000 + 'px';
@@ -15913,7 +15915,6 @@ window.Modernizr = function(n, e, t) {
             }else{
                 u.texture1.value = defaultTex1;
                 u.texture2.value = defaultTex2;
-                console.log(this.sid)
             }  
         }
         
@@ -22343,7 +22344,7 @@ window.Modernizr = function(n, e, t) {
                  //-------------------
                 window.initOverlay(r)
                 this.model.loadOverlays() 
-                initMenu()
+                // initMenu()
                 //-------------------
                 
                 

web/src/components/huiyi/index.vue

@@ -1,5 +1,83 @@
 <template>
-  <div>
-    会议
+  <div id="huiyi" class="huiyi" :style="{backgroundImage:`url(${require('@/assets/images/project/index-bg.png')})`}">
+    <ul>
+      <li @click="changeVideo" :class="{active:item.id==active}" v-for="(item,i) in people" :key="i">
+        <img :src="require(`@/assets/images/project/${item.img}`)" alt="">
+        <span :style="{backgroundImage:item.id==active?`url(${require('@/assets/images/project/select.png')})`:'none'}">{{item.name}}</span>
+      </li>
+    </ul>
   </div>
-</template>
+</template>
+
+<script>
+export default {
+  data(){
+    return {
+      active:'chen',
+      people:[{
+        name:'陈独秀',
+        id:'chen',
+        img:'cdx.jpg'
+      },{
+        name:'李大钊',
+        id:'li',
+        img:'ldz.jpg'
+      },{
+        name:'毛泽东',
+        id:'mao',
+        img:'mzd.jpg'
+      }]
+    }
+  },
+  methods:{
+    changeVideo(item){
+      this.active = item.id
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.huiyi{
+  color:#000;
+  width: 100%;
+  height: 100%;
+  background-repeat: no-repeat;
+  text-align: center;
+  background-size: 100% 100%;
+  position: relative;
+  >ul{
+    display: flex;
+    justify-content: space-between;
+    width: 80%;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%,-50%);
+    >li{
+      cursor: pointer;
+      &:not(:last-of-type){
+        margin-right: 40px;
+      }
+      >img{
+        width: 100%;
+      }
+      >span{
+        font-size: 38px;
+        padding: 0 60px 20px;
+        background: none;
+      }
+    }
+    .active{
+      >img{
+        border: 18px solid #DFB057;
+      }
+      >span{
+        background-repeat: no-repeat;
+        background-size: 100% 100%;
+        color: #DFB057;
+      }
+    }
+  }
+}
+</style>

web/src/pages/Home.vue

@@ -83,8 +83,6 @@ import UIHuiyi from '@/components/huiyi';
 
 const HuiYi = Vue.extend(UIHuiyi)
 
-
-
 export default {
   name: 'Home',
   components: {
@@ -130,7 +128,10 @@ export default {
         window.evt.initEvent('loadfinish',false,false)
         window.addEventListener('loadfinish',  ()=> {
             let huiyi = new HuiYi().$mount()
-            window.initMenu(huiyi)
+            document.body.appendChild(huiyi.$el)
+            setTimeout(() => {
+                window.initMenu()
+            }, 0);
             this.getHotSpotList()
             window.player.on("openHotspot", (data)=> {
                 this.$showHotspot({