1 单词增加序号 2 单词增加直接随机模式

src/components/list/WordList.vue

@@ -47,7 +47,8 @@ defineExpose({scrollToBottom, scrollToItem})
       <slot name="prefix" :item="item" :index="index"></slot>
     </template>
     <template v-slot="{ item, index }">
-      <div class="item-title">
+      <div class="item-title word-title">
+        <span class="index">{{ index + 1 }}.</span>
         <span class="word" :class="!showWord && 'word-shadow'">{{ item.word }}</span>
         <span class="phonetic" :class="!showWord && 'word-shadow'">{{ item.phonetic0 }}</span>
         <VolumeIcon class="volume" @click="playWordAudio(item.word)"></VolumeIcon>
@@ -72,5 +73,10 @@ defineExpose({scrollToBottom, scrollToItem})
 </template>
 
 <style scoped lang="scss">
-
+.word-title{
+  display: flex;
+  span{
+    flex-shrink: 0;
+  }
+}
 </style>