简历

src/views/resume/dynamic/left.vue

@@ -1,9 +1,35 @@
 <template>
-  <div>left</div>
+  <div>
+    <v-card class="mx-auto" max-width="300">
+    <v-list>
+      <v-list-subheader>必填</v-list-subheader>
+      <v-list-item v-for="(item, i) in items" :key="i" :value="item" color="primary">
+        <template v-slot:prepend>
+          <v-icon :icon="item.icon"></v-icon>
+        </template>
+        <v-list-item-title v-text="item.text"></v-list-item-title>
+        <template v-slot:append>
+          <v-icon color="primary">mdi-check</v-icon>
+        </template>
+      </v-list-item>
+    </v-list>
+  </v-card>
+  </div>
 </template>
 
 <script setup>
 defineOptions({ name: 'resume-left'})
+
+const items = [
+    { text: '基本信息', icon: 'mdi-account-outline' },
+    { text: '个人优势', icon: 'mdi-account-star-outline' },
+    { text: '求职意向', icon: 'mdi-briefcase-variant-outline' },
+    { text: '教育经历', icon: 'mdi-school-outline' },
+    { text: '工作经历', icon: 'mdi-ballot-outline' },
+    { text: '项目经历', icon: 'mdi-card-text-outline' },
+    { text: '培训经历', icon: 'mdi-flag-outline' },
+    { text: '职业技能', icon: 'mdi-star-check-outline' }
+  ]
 </script>
 
 <style scoped lang="scss">

src/views/resume/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="default-width d-flex pt-3">
-    <LeftPage class="left"></LeftPage>
+    <LeftPage class="left mr-3"></LeftPage>
     <RightPage></RightPage>
   </div>
 </template>
@@ -13,6 +13,6 @@ import RightPage from './dynamic/right.vue'
 
 <style lang="scss" scoped>
 .left {
-  width: 272px;
+  width: 242px;
 }
 </style>