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' +
\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' +
' ' </transition>\n' + '\n' +' \n' +
'\n' +'
\n' +
\n' +
' ' <img id="logo" src="">\n' +'
\n' +
'
\n' +
' \n' +
\n' +
' ' <el-menu :default-active="activeIndex"\n' + ' class="el-menu-demo"\n' + ' mode="horizontal">\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">Description</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">Overview</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">Additional 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 Practices</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' +
\n' +
' ' \n' +'
});
Vue.component('foot',{
data: function () { return{
} },template:'
\n' +
'
'
\n' +
'
\n' +
' \n' +
'
\n' +
' \n' +
\n' +
' ' <img src="">\n' +'
\n' +
' \n' +
'
\n' +
' Beijing Institute of Technology
\n' + '\n' +
'
\n' +
' \n' +
'
\n' +
' Follow us
\n' +' <a href=""><img class="icon" src=""></a>\n' + ' <a href="https://weibo.com/u/5615996310?topnav=1&wvr=6&topsug=1&is_all=1#_rnd1537625053642"><img class="icon" src=""></a>\n' + ' <a href="https://mobile.twitter.com/iGEM_BIT"><img class="icon" src=""></a>\n' + ' <a href="https://www.instagram.com/igem_bit/"><img class="icon" src=""></a>\n' + ' <a href=""><img class="icon" src=""></a>\n' +'
\n' +
'
\n' +
' \n' +
'
\n' +
' Contact Us
\n' + ' igem_bit@outlook.com\n' +
' })
var index=0; var word = "Born for diagnostic"; function type() {
document.getElementById("quto").innerText = word.substring(0,index++);
} setInterval(type,50);