| | |
| | | <el-container > |
| | | <div v-title :data-title="titleName" class="main"/> |
| | | <div :class="classObj" class="app-wrapper"> |
| | | <el-header style="text-align: left; padding: 0"> |
| | | <el-header style="text-align: left; padding: 0;height:80px"> |
| | | <navbar /> |
| | | </el-header> |
| | | <el-container> |
| | |
| | | </el-container> |
| | | <div v-if="device==='mobile'&&sidebar.opened" class="drawer-bg" @click="handleClickOutside" /> |
| | | </div> |
| | | <el-footer height="20px"> |
| | | <el-footer height="auto"> |
| | | <div class="bottom-container"> |
| | | <span>Copyright©2017 中国科学院苏州纳米技术与纳米仿生研究所 苏ICP备10220403号-6</span> |
| | | <span>Copyright ©2020-{{nowadayYear}} 中国科学院苏州纳米技术与纳米仿生研究所</span> |
| | | </div> |
| | | </el-footer> |
| | | </el-container> |
| | |
| | | device() { |
| | | return this.$store.state.app.device |
| | | }, |
| | | nowadayYear(){ |
| | | let date=new Date(); |
| | | return date.getFullYear() |
| | | }, |
| | | classObj() { |
| | | return { |
| | | // hideSidebar: this.sidebar.opened, |
| | |
| | | z-index: 999; |
| | | } |
| | | .bottom-container{ |
| | | position: absolute; |
| | | left: 35%; |
| | | padding:25px; |
| | | text-align: center; |
| | | font-size:12px; |
| | | margin-left: 15%; |
| | | } |
| | | </style> |