diff --git a/README.md b/README.md
index 366f08bae19474428f276453c35b8a3409b6de49..f667a57d3f4ac52896edc0482fe1b6f58f2b2b22 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,12 @@
 # vue3_template
 
+https://mp.weixin.qq.com/s/Kd8fQsqxuSf1k_gU8AajsA
+
+界面
+
+![](vue-eplus-ts.png)
+
+
 ## Project setup
 ```
 yarn install
diff --git a/src/layout/components/SideBar/SideBarItem.vue b/src/layout/components/SideBar/SideBarItem.vue
deleted file mode 100644
index 5c473845c108ec15e84fb669a52f4a7b13a39764..0000000000000000000000000000000000000000
--- a/src/layout/components/SideBar/SideBarItem.vue
+++ /dev/null
@@ -1,87 +0,0 @@
-<template>
-  <div v-if="!item.hidden" class="menu-wrapper">
-   <template v-if="hasOneShowingChild(item.children,item) && (!onlyOneChild.children||onlyOneChild.noShowingChildren)&&!item.alwaysShow">
-      <el-menu-item :index="resolvePath(onlyOneChild.path)" :class="{'submenu-title-noDropdown':!isNest}">
-				<i :class="[onlyOneChild.meta.icon||(item.meta&&item.meta.icon), 'icon']"></i>
-				<template #title><span>{{onlyOneChild.meta.title}}</span></template>
-      </el-menu-item>
-    </template>
-    <el-submenu v-else ref="subMenu" :index="resolvePath(item.path)">
-			<template v-slot:title>
-				<i :class="[item.meta && item.meta.icon, 'icon']"></i>
-				<span>{{item.meta.title}}</span>
-			</template>
-      <sidebar-item
-        v-for="child in item.children"
-        :key="child.path"
-        :is-nest="true"
-        :item="child"
-        :base-path="resolvePath(child.path)"
-        class="nest-menu"
-      />
-    </el-submenu>
-  </div>
-</template>
-
-<script lang="ts">
-import { toRefs, reactive, defineComponent } from 'vue';
-import path from 'path';
-
-export default defineComponent({
-	name: 'SidebarItem',
-	props: {
-		item: {
-			type: Object,
-			required: true
-		},
-		isNest: {
-			type: Boolean,
-			default: false
-		},
-		basePath: {
-			type: String,
-			default: ''
-		}
-	},
-	setup (props) {
-		const state = reactive({
-			onlyOneChild: { children: null, path: '', meta: { icon: '', title: '' } }
-		});
-		const hasOneShowingChild = (children = [], parent: any) => {
-			const showingChildren = children.filter((item: any) => {
-				if (item.hidden) {
-					return false;
-				} else {
-					state.onlyOneChild = item;
-					return true;
-				}
-			});
-
-			if (showingChildren.length === 1) {
-				return true;
-			}
-			if (showingChildren.length === 0) {
-				state.onlyOneChild = { ...parent, path: '', noShowingChildren: true };
-				return true;
-			}
-			return false;
-		};
-		const resolvePath = (routePath: any) => {
-			return path.resolve(props.basePath, routePath);
-		};
-		return {
-			hasOneShowingChild,
-			resolvePath,
-			...toRefs(state)
-		};
-	}
-});
-</script>
-
-<style lang="less" scoped>
-.icon {
-	// margin-bottom: 3px;
-	display: inline-block;
-	vertical-align: top;
-}
-</style>
diff --git a/vue-eplus-ts.png b/vue-eplus-ts.png
new file mode 100644
index 0000000000000000000000000000000000000000..55ce27fa4ae476f82ae4b41894f4666568c3c092
Binary files /dev/null and b/vue-eplus-ts.png differ