<template> <div class="search-content"> <router-view/> </div> </template> <script> export default { name: "SearchLayout", data() { return { tabs: { items: [ { key: '1', title: '文章' }, { key: '2', title: '项目' }, { key: '3', title: '应用' }, ], active: () => { switch (this.$route.path) { case '/list/search/article': return '1' case '/list/search/project': return '2' case '/list/search/application': return '3' default: return '1' } }, callback: (key) => { switch (key) { case '1': this.$router.push('/list/search/article') break case '2': this.$router.push('/list/search/project') break case '3': this.$router.push('/list/search/application') break default: this.$router.push('/workplace') } } }, search: true } }, computed: {}, methods: {} } </script> <style lang="less" scoped> .search-head { background-color: #fff; margin: -25px -24px -24px; .search-input { text-align: center; margin-bottom: 16px; } } .search-content { margin-top: 48px; } </style>