Template:BIT/js/index

Vue.component('top-menu',{

   data: function () {
       return{
           leftmenu: false,
           time: 0,
           activeIndex: this.active
       }
   },
   props: ['active'],
   methods: {
       showmenu: function () {
           this.leftmenu = true;
       },
       hidemenu: function () {
           this.leftmenu = false;
       }
   },
template:'
\n' +
   '        <transition name="el-zoom-in-top">\n' +
'
\n' +
   '                BIT\n' +
   '                <el-menu :default-active="activeIndex"\n' +
   '                         class="el-menu-demo"\n' +
   '                         background-color="#545c64"\n' +
   '                         text-color="#fff"\n' +
   '                         active-text-color="#ffd04b">\n' +
   '                    <el-menu-item index="1">Home</el-menu-item>\n' +
   '                    <el-submenu :show-timeout="time" :hide-timeout="time" index="2">\n' +
   '                        <template slot="title">Project</template>\n' +
   '                        <el-menu-item index="2-1">Background</el-menu-item>\n' +
   '                        <el-menu-item index="2-2">Desciption</el-menu-item>\n' +
   '                    </el-submenu>\n' +
   '                    <el-submenu :show-timeout="time" :hide-timeout="time" index="3">\n' +
   '                        <template slot="title">Bio</template>\n' +
   '                        <el-menu-item index="3-1">Overivew</el-menu-item>\n' +
   '                        <el-menu-item index="3-2">Design</el-menu-item>\n' +
   '                        <el-menu-item index="3-3">Demonstrate</el-menu-item>\n' +
   '                        <el-menu-item index="3-4">Additonal Work</el-menu-item>\n' +
   '                    </el-submenu>\n' +
   '                    <el-submenu :show-timeout="time" :hide-timeout="time" index="4">\n' +
   '                        <template slot="title">Hareware</template>\n' +
   '                        <el-menu-item index="4-1">Overview</el-menu-item>\n' +
   '                        <el-menu-item index="4-2">Microarray</el-menu-item>\n' +
   '                        <el-menu-item index="4-3">S.M.A.R.T.</el-menu-item>\n' +
   '                    </el-submenu>\n' +
   '                    <el-submenu :show-timeout="time" :hide-timeout="time" index="5">\n' +
   '                        <template slot="title">Model</template>\n' +
   '                        <el-menu-item index="5-1">Overview</el-menu-item>\n' +
   '                        <el-menu-item index="5-2">Results</el-menu-item>\n' +
   '                    </el-submenu>\n' +
   '                    <el-submenu :show-timeout="time" :hide-timeout="time" index="6">\n' +
   '                        <template slot="title">Practice</template>\n' +
   '                        <el-menu-item index="6-1">Overview</el-menu-item>\n' +
   '                        <el-menu-item index="6-2">Silver</el-menu-item>\n' +
   '                        <el-menu-item index="6-3">Integrated Practice</el-menu-item>\n' +
   '                        <el-menu-item index="6-4">Education and public engagement</el-menu-item>\n' +
   '                    </el-submenu>\n' +
   '                    <el-submenu :show-timeout="time" :hide-timeout="time" index="7">\n' +
   '                        <template slot="title">Judging</template>\n' +
   '                        <el-menu-item index="7-1">Medal</el-menu-item>\n' +
   '                        <el-menu-item index="7-2">Part</el-menu-item>\n' +
   '                        <el-menu-item index="7-3">Interlab</el-menu-item>\n' +
   '                        <el-menu-item index="7-4">Safety</el-menu-item>\n' +
   '                    </el-submenu>\n' +
   '                    <el-submenu :show-timeout="time" :hide-timeout="time" index="8">\n' +
   '                        <template slot="title">Team</template>\n' +
   '                        <el-menu-item index="8-1">Members</el-menu-item>\n' +
   '                        <el-menu-item index="8-2">Collaboration</el-menu-item>\n' +
   '                        <el-menu-item index="8-3">Notebook</el-menu-item>\n' +
   '                        <el-menu-item index="8-4">Attributions</el-menu-item>\n' +
   '                    </el-submenu>\n' +
   '                </el-menu>\n' +
'
\n' +
   '        </transition>\n' +
   '\n' +
'
\n' +
   '\n' +
'
\n' +
   '            <img id="logo" src="T--BIT--team_logo.png">\n' +
' \n' + '
\n' + '
'

});

Vue.component('foot',{

   data: function () {
       return{
       }
   },
template:''

})

var index=0; var word = "Born for diagnostic"; function type() {

   document.getElementById("quto").innerText = word.substring(0,index++);

} setInterval(type,50);