完成list列表适应

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>

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-group no-action>
+      <template v-slot:activator>
         <v-list-item-content>
-        <v-list-item-title>Refresh</v-list-item-title>
+          <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>