From dc534a020e77e34f9bffa5b318b32f7e9e800cbd Mon Sep 17 00:00:00 2001
From: eson <474420502@qq.com>
Date: Tue, 9 Mar 2021 19:19:19 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E6=88=90list=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=E9=80=82=E5=BA=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/index.html                  |  1 -
 src/components/MenuContentList.vue | 25 +++++++++++++++++--------
 2 files changed, 17 insertions(+), 9 deletions(-)

diff --git a/public/index.html b/public/index.html
index f8d44f3..f4e014f 100644
--- a/public/index.html
+++ b/public/index.html
@@ -14,6 +14,5 @@
       <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
     </noscript>
     <div id="app"></div>
- 
   </body>
 </html>
diff --git a/src/components/MenuContentList.vue b/src/components/MenuContentList.vue
index ea614c1..de69389 100644
--- a/src/components/MenuContentList.vue
+++ b/src/components/MenuContentList.vue
@@ -1,10 +1,10 @@
 <template>
   <v-list color="transparent">
-    <v-btn icon>
+    <!-- <v-btn icon>
       <v-icon>mdi-magnify</v-icon>
-    </v-btn>
+    </v-btn>-->
 
-    <v-spacer></v-spacer>
+    <!-- <v-spacer></v-spacer> -->
 
     <v-list-item v-for="n in 5" :key="n" link>
       <v-list-item-content>
@@ -15,11 +15,20 @@
     <!-- 分割线 -->
     <v-divider class="my-2"></v-divider>
 
-    <v-list-item link color="grey lighten-4">
-      <v-list-item-content>
-        <v-list-item-title>Refresh</v-list-item-title>
-      </v-list-item-content>
-    </v-list-item>
+    <v-list-group no-action>
+      <template v-slot:activator>
+        <v-list-item-content>
+          <v-list-item-title>User</v-list-item-title>
+        </v-list-item-content>
+      </template>
+
+      <v-list-item v-for="n in 5" :key="n" link style="padding-left: 0px" >
+        <v-list-item-content>
+          <v-list-item-title>List Item {{ n }}</v-list-item-title>
+        </v-list-item-content>
+      </v-list-item>
+
+    </v-list-group>
   </v-list>
 </template>