我的

src/components/mine/Attend.vue

+<template>
+  <div class="px-6 mt-4">
+    <router-link class="inline-block mb-3 text-white" :to="{ path: '/MyCommunity', query: {  }}">
+      <card-two></card-two>
+    </router-link>
+    <router-link class="inline-block mb-3 text-white" :to="{ path: '/MyProject', query: {  }}">
+      <card></card>
+    </router-link>
+  </div>
+</template>
+
+<script lang="ts">
+import Vue from 'vue'
+import Card from '@/components/Card.vue'
+import CardTwo from '@/components/Card_two.vue'
+export default Vue.extend({
+  components: {
+    Card,
+    CardTwo
+  }
+})
+</script>
\ No newline at end of file

src/router/index.ts

@@ -62,7 +62,30 @@ export const routes: Array<RouteConfig> = [
         meta:{
           text: '我的',
           icon: 'icon-wode'
-        }
+        },
+        children: [
+          {
+            path: '/Mine',
+            name: 'Mine',
+            component: ()=>import('@/views/mine/index.vue'),
+          },
+          {
+            path: '/MineEdit',
+            name: 'MineEdit',
+            component: ()=>import('@/views/mine/MineEdit.vue'),
+          },
+          {
+            path: '/MyCommunity',
+            name: 'MyCommunity',
+            component: ()=>import('@/views/mine/MyCommunity.vue'),
+          },
+          {
+            path: '/MyProject',
+            name: 'MyProject',
+            component: ()=>import('@/views/mine/MyProject.vue'),
+          },
+          
+        ]
       },
     ]
   }

src/views/Mine.vue

 <template>
-  <div class="flex flex-col">
-      我的
+  <div class="flex flex-col mine">
+    <router-view />
   </div>
 </template>
 
@@ -19,3 +19,7 @@ export default Vue.extend({
 
 });
 </script>
+
+<style scoped>
+  
+</style>

src/views/mine/MineEdit.vue

+<template>
+  <div class="mine-edit">
+    
+  </div>
+</template>
\ No newline at end of file

src/views/mine/MyCommunity.vue

+<template>
+  <div class="my-community">
+    
+  </div>
+</template>
\ No newline at end of file

src/views/mine/MyProject.vue

+<template>
+  <div class="my-project"></div>
+</template>
\ No newline at end of file

src/views/mine/index.vue

+<template>
+  <div class="mine">
+    <h5 class="my-5 text-lg text-center text-white font-medium">我的提案</h5>
+    <div class="tab flex justify-center items-center">
+      <div class="px-3 text-sm" :class="{ 'active': tab === 1 }" @click="tab = 1">我发起的</div>
+      <div class="px-3 text-sm" :class="{ 'active': tab === 2 }" @click="tab = 2">我参与的</div>
+    </div>
+    <attend />
+  </div>
+</template>
+
+<script lang="ts">
+import Attend from '@/components/mine/Attend.vue'
+import Vue from 'vue'
+export default Vue.extend({
+  components: {
+    Attend
+  },
+  data() {
+    return {
+      tab: 1
+    }
+  }
+})
+</script>
+
+<style scoped>
+  .mine {
+    background-image: url(../../assets/home/banner.png);
+    background-size: 100%;
+    background-position-x: 50%;
+    background-position-y: top;
+    background-repeat: no-repeat;
+  }
+  .active {
+    color: #FFBB00
+  }
+
+
+</style>
\ No newline at end of file