67 lines
1.6 KiB
Vue
67 lines
1.6 KiB
Vue
<template>
|
|
<view>
|
|
<top-bar></top-bar>
|
|
<common-header></common-header>
|
|
<category-bar></category-bar>
|
|
|
|
<view class="w-1200">
|
|
<el-row :gutter="20">
|
|
<el-col :span="6">
|
|
<el-menu @select="menuSelect" :default-active="currMenu" class="el-menu-vertical-demo">
|
|
<el-menu-item index="fadada">
|
|
<i class="el-icon-menu"></i>
|
|
<span slot="title">实名认证</span>
|
|
</el-menu-item>
|
|
<el-menu-item index="business-card">
|
|
<i class="el-icon-setting"></i>
|
|
<span slot="title">我的名片</span>
|
|
</el-menu-item>
|
|
<!-- <el-menu-item index="seal">
|
|
<i class="el-icon-s-check"></i>
|
|
<span slot="title">我的印章</span>
|
|
</el-menu-item> -->
|
|
</el-menu>
|
|
</el-col>
|
|
<el-col :span="18">
|
|
<personal v-if="currMenu == 'fadada'"></personal>
|
|
<business-card v-else-if="currMenu == 'business-card'"></business-card>
|
|
<seal v-else-if="currMenu == 'seal'"></seal>
|
|
</el-col>
|
|
</el-row>
|
|
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import Personal from './components/personal'
|
|
import BusinessCard from './components/business-card'
|
|
import Seal from './components/seal'
|
|
export default {
|
|
components: {Personal, BusinessCard, Seal},
|
|
data() {
|
|
return {
|
|
currMenu: 'fadada',
|
|
// currMenu: 'fadada',
|
|
};
|
|
},
|
|
onLoad(options) {
|
|
console.log(options);
|
|
if(options && options.menu) {
|
|
this.currMenu = options.menu
|
|
}
|
|
},
|
|
methods: {
|
|
menuSelect(e) {
|
|
this.currMenu = e
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.w-1200 {
|
|
width: 1200px;
|
|
margin: 20px auto;
|
|
}
|
|
</style> |