85 lines
2.3 KiB
Vue
85 lines
2.3 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-item index="equity">
|
|
<i class="el-icon-wallet"></i>
|
|
<span slot="title">平台权益</span>
|
|
</el-menu-item>
|
|
<el-menu-item index="grade">
|
|
<i class="el-icon-user"></i>
|
|
<span slot="title">会员等级(临时)</span>
|
|
</el-menu-item>
|
|
<el-menu-item index="added">
|
|
<i class="el-icon-medal"></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>
|
|
<equity v-else-if="currMenu === 'equity'"></equity>
|
|
<grade v-else-if="currMenu === 'grade'"></grade>
|
|
<Added v-else-if="currMenu === 'added'"></Added>
|
|
</el-col>
|
|
</el-row>
|
|
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import Personal from './components/personal'
|
|
import BusinessCard from './components/business-card'
|
|
import Seal from './components/seal'
|
|
import Equity from './components/equity'
|
|
import Grade from './components/grade'
|
|
import Added from './components/added'
|
|
|
|
export default {
|
|
components: {Personal, BusinessCard, Seal,Equity, Grade, Added},
|
|
data() {
|
|
return {
|
|
currMenu: 'fadada',
|
|
};
|
|
},
|
|
onLoad(options) {
|
|
if(options && options.menu) {
|
|
this.currMenu = options.menu
|
|
}
|
|
},
|
|
methods: {
|
|
menuSelect(e) {
|
|
this.currMenu = e
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.w-1200 {
|
|
width: 1200px;
|
|
margin: 20px auto;
|
|
}
|
|
</style>
|