1107

pages/user/user.vue

@@ -0,0 +1,61 @@
+<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="fadada" 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>
+				</el-col>
+				<el-col :span="18">
+					<personal v-if="currMenu == 'fadada'"></personal>
+					<business-card v-else-if="currMenu == 'business-card'"></business-card>
+				</el-col>
+			</el-row>
+	
+		</view>
+	</view>
+</template>
+
+<script>
+	import Personal from './components/personal'
+	import BusinessCard from './components/business-card'
+	export default {
+		components: {Personal, BusinessCard},
+		data() {
+			return {
+				currMenu: 'business-card',
+				// 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>