账号与安全中心

src/views/Home/personal/account/index.vue

@@ -1,9 +1,22 @@
 <!-- 账号与安全中心 -->
 <template>
-  <div class="d-flex pa-3">
+  <div class="d-flex pt-16">
     <v-card>
       <h3>账号与安全中心</h3>
-      <v-list :items="items"></v-list>
+      
+      <v-list dense density="compact">
+        <v-list-item
+          v-for="item in items"
+          :key="item.value"
+          @click="listClick(item.value)"
+        >
+          <v-list-item-content>
+            <v-list-item-title>{{ item.title }}</v-list-item-title>
+          </v-list-item-content>
+        </v-list-item>
+      </v-list>
+      
+      <v-list :items="items" @click="listClick"></v-list>
     </v-card>
     <v-card>
       <span>123</span>
@@ -23,6 +36,9 @@ const items = ref([
   { title: '个人信息管理', value: 6, },
   { title: '登录设备管理', value: 7, },
 ])
+const listClick = (val) => {
+  console.log('val', val)
+}
 </script>
 <style lang="scss" scoped>