Difference between revisions of "Template:BIT/js/index"

Revision as of 18:45, 17 October 2018

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"><a href="https://2018.igem.org/Team:BIT">Home</a></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"><a href="https://2018.igem.org/Team:BIT/Project/Background">Background</a></el-menu-item>\n' +
   '                        <el-menu-item index="2-2"><a href="https://2018.igem.org/Team:BIT/Project/Description">Desciption</a></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"><a href="https://2018.igem.org/Team:BIT/Bio/Overview">Overivew</a></el-menu-item>\n' +
   '                        <el-menu-item index="3-2"><a href="https://2018.igem.org/Team:BIT/Bio/Design">Design</a></el-menu-item>\n' +
   '                        <el-menu-item index="3-3"><a href="https://2018.igem.org/Team:BIT/Demonstrate">Demonstrate</a></el-menu-item>\n' +
   '                        <el-menu-item index="3-4"><a href="https://2018.igem.org/Team:BIT/Bio/Addtional_Work">Additonal Work</a></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"><a href="https://2018.igem.org/Team:BIT/Hardware">Overview</a></el-menu-item>\n' +
   '                        <el-menu-item index="4-2"><a href="https://2018.igem.org/Team:BIT/Hardware/Microarray">Microarray</a></el-menu-item>\n' +
   '                        <el-menu-item index="4-3"><a href="https://2018.igem.org/Team:BIT/Hardware/S.M.A.R.T.">S.M.A.R.T.</a></el-menu-item>\n' +
   '                    </el-submenu>\n' +
   '                    <el-menu-item index="5"><a href="https://2018.igem.org/Team:BIT/Model">Model</a></el-menu-item>\n' +
   '                    <el-submenu :show-timeout="time" :hide-timeout="time" index="6">\n' +
   '                        <template slot="title">Practice</template>\n' +
   '                        <el-menu-item index="6-1"><a href="https://2018.igem.org/Team:BIT/Practices/Overview">Overview</a></el-menu-item>\n' +
   '                        <el-menu-item index="6-2"><a href="https://2018.igem.org/Team:BIT/Practices/Silver">Silver</a></el-menu-item>\n' +
   '                        <el-menu-item index="6-3"><a href="https://2018.igem.org/Team:BIT/Practices/Integrated_Practice">Integrated Practice</a></el-menu-item>\n' +
   '                        <el-menu-item index="6-4"><a href="https://2018.igem.org/Team:BIT/Practices/Education">Education and public engagement</a></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"><a href="https://2018.igem.org/Team:BIT/Medal">Medal</a></el-menu-item>\n' +
   '                        <el-menu-item index="7-2"><a href="https://2018.igem.org/Team:BIT/Parts">Parts</a></el-menu-item>\n' +
   '                        <el-menu-item index="7-3"><a href="https://2018.igem.org/Team:BIT/InterLab">Interlab</a></el-menu-item>\n' +
   '                        <el-menu-item index="7-4"><a href="https://2018.igem.org/Team:BIT/Safety">Safety</a></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"><a href="https://2018.igem.org/Team:BIT/Team/Members">Members</a></el-menu-item>\n' +
   '                        <el-menu-item index="8-2"><a href="https://2018.igem.org/Team:BIT/Collaborations">Collaboration</a></el-menu-item>\n' +
   '                        <el-menu-item index="8-3"><a href="https://2018.igem.org/Team:BIT/Notebook">Notebook</a></el-menu-item>\n' +
   '                        <el-menu-item index="8-4"><a href="https://2018.igem.org/Team:BIT/Attributions">Attributions</a></el-menu-item>\n' +
   '                    </el-submenu>\n' +
   '                </el-menu>\n' +

'

\n' +

   '        </transition>\n' +
   '\n' +

'

\n' +

   '\n' +

'

\n' +

   '            <img id="logo" src="">\n' +

'

\n' + '

\n' +

   '                    <el-menu :default-active="activeIndex"\n' +
   '                             class="el-menu-demo"\n' +
   '                             mode="horizontal">\n' +
   '                        <el-menu-item index="1"><a href="https://2018.igem.org/Team:BIT">Home</a></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"><a href="https://2018.igem.org/Team:BIT/Project/Background">Background</a></el-menu-item>\n' +
   '                            <el-menu-item index="2-2"><a href="https://2018.igem.org/Team:BIT/Project/Description">Description</a></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"><a href="https://2018.igem.org/Team:BIT/Bio/Overview">Overview</a></el-menu-item>\n' +
   '                            <el-menu-item index="3-2"><a href="https://2018.igem.org/Team:BIT/Bio/Design">Design</a></el-menu-item>\n' +
   '                            <el-menu-item index="3-3"><a href="https://2018.igem.org/Team:BIT/Demonstrate">Demonstrate</a></el-menu-item>\n' +
   '                            <el-menu-item index="3-4"><a href="https://2018.igem.org/Team:BIT/Bio/Addtional_Work">Additional Work</a></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"><a href="https://2018.igem.org/Team:BIT/Hardware">Overview</a></el-menu-item>\n' +
   '                            <el-menu-item index="4-2"><a href="https://2018.igem.org/Team:BIT/Hardware/Microarray">Microarray</a></el-menu-item>\n' +
   '                            <el-menu-item index="4-3"><a href="https://2018.igem.org/Team:BIT/Hardware/S.M.A.R.T.">S.M.A.R.T.</a></el-menu-item>\n' +
   '                        </el-submenu>\n' +
   '                        <el-menu-item index="5"><a href="https://2018.igem.org/Team:BIT/Model">Model</a></el-menu-item>\n' +
   '                        <el-submenu :show-timeout="time" :hide-timeout="time" index="6">\n' +
   '                            <template slot="title">Practice</template>\n' +
   '                            <el-menu-item index="6-1"><a href="https://2018.igem.org/Team:BIT/Practices/Overview">Overview</a></el-menu-item>\n' +
   '                            <el-menu-item index="6-2"><a href="https://2018.igem.org/Team:BIT/Practices/Silver">Silver</a></el-menu-item>\n' +
   '                            <el-menu-item index="6-3"><a href="https://2018.igem.org/Team:BIT/Practices/Integrated_Practice">Integrated Practices</a></el-menu-item>\n' +
   '                            <el-menu-item index="6-4"><a href="https://2018.igem.org/Team:BIT/Practices/Education">Education and public engagement</a></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"><a href="https://2018.igem.org/Team:BIT/Medal">Medal</a></el-menu-item>\n' +
   '                            <el-menu-item index="7-2"><a href="https://2018.igem.org/Team:BIT/Parts">Parts</a></el-menu-item>\n' +
   '                            <el-menu-item index="7-3"><a href="https://2018.igem.org/Team:BIT/InterLab">Interlab</a></el-menu-item>\n' +
   '                            <el-menu-item index="7-4"><a href="https://2018.igem.org/Team:BIT/Safety">Safety</a></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"><a href="https://2018.igem.org/Team:BIT/Team/Members">Members</a></el-menu-item>\n' +
   '                            <el-menu-item index="8-2"><a href="https://2018.igem.org/Team:BIT/Collaborations">Collaboration</a></el-menu-item>\n' +
   '                            <el-menu-item index="8-3"><a href="https://2018.igem.org/Team:BIT/Notebook">Notebook</a></el-menu-item>\n' +
   '                            <el-menu-item index="8-4"><a href="https://2018.igem.org/Team:BIT/Attributions">Attributions</a></el-menu-item>\n' +
   '                        </el-submenu>\n' +
   '                    </el-menu>\n' +

'

\n' + '

\n' +

   '                    \n' +

'

\n' + '

'

});

Vue.component('foot',{

   data: function () {
       return{

       }
   },

template:'

\n' + '

\n' +

   '                    <img src="">\n' +

'

\n' + '

Beijing Institute of Technology

\n' + '

\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' + '

Contact Us

\n' +

   '                    igem_bit@outlook.com\n' +

'

\n' + '

'

})

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

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

} setInterval(type,50);