You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
<template>
|
|
|
|
|
<el-tabs v-model="activeName" type="card">
|
|
|
|
|
<el-tab-pane :label="$t('center.security.name')" name="Security">
|
|
|
|
|
<security/>
|
|
|
|
|
</el-tab-pane>
|
|
|
|
|
<el-tab-pane :label="$t('center.collect.name')" name="Collect">
|
|
|
|
|
<collect/>
|
|
|
|
|
</el-tab-pane>
|
|
|
|
|
<el-tab-pane :label="$t('center.myupload.name')" name="Upload">
|
|
|
|
|
<myupload/>
|
|
|
|
|
</el-tab-pane>
|
|
|
|
|
</el-tabs>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script lang="ts">
|
|
|
|
|
import Security from '~/components/center/security.vue'
|
|
|
|
|
import Collect from '~/components/center/collect.vue'
|
|
|
|
|
import Myupload from '~/components/center/myupload.vue'
|
|
|
|
|
import Vue from 'vue'
|
|
|
|
|
|
|
|
|
|
export default Vue.extend({
|
|
|
|
|
name: 'center',
|
|
|
|
|
components: { Myupload, Collect, Security },
|
|
|
|
|
data(){
|
|
|
|
|
return {
|
|
|
|
|
activeName:'Security'
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
</script>
|
|
|
|
|
|
