wip

src/components/ChannelIcons/ChannelIcons.vue

@@ -26,7 +26,6 @@ let showQQDialog = $ref(false)
 
 <template>
   <div class="center" :class="type === 'vertical' ? 'flex-col gap-1' : 'gap-4'">
-    <ShareIcon v-if="share"/>
 
     <Github v-if="github"/>
 
@@ -50,6 +49,8 @@ let showQQDialog = $ref(false)
         <IconMaterialSymbolsMail class="color-blue"/>
       </BaseIcon>
     </a>
+
+    <ShareIcon v-if="share"/>
   </div>
 
   <Dialog v-model="showXhsDialog" title="小红书">
@@ -76,7 +77,4 @@ let showQQDialog = $ref(false)
 
 </template>
 <style scoped lang="scss">
-.stat-card {
-  @apply text-center bg-gray-900/30 py-4 rounded-2xl;
-}
 </style>

src/components/ChannelIcons/ShareIcon.vue

@@ -250,5 +250,7 @@ const sentence = $computed(() => {
 </template>
 
 <style scoped lang="scss">
-
-</style>
+.stat-card {
+  @apply text-center bg-gray-900/30 py-4 rounded-2xl;
+}
+</style>

src/components/WordItem.vue

@@ -47,7 +47,7 @@ const {
         <div class="item-title">
           <span class="text-sm translate-y-0.5 text-gray-500" v-if="index != undefined">{{ index }}.</span>
           <span class="word" :class="!showWord && 'word-shadow'">{{ item.word }}</span>
-          <span class="phonetic text-gray">{{ item.phonetic0 }}</span>
+          <span class="phonetic text-gray" :class="!showWord && 'word-shadow'">{{ item.phonetic0 }}</span>
           <VolumeIcon class="volume" @click="playWordAudio(item.word)"></VolumeIcon>
         </div>
         <div class="item-sub-title flex flex-col gap-2" v-if="item.trans.length && showTranslate">

src/components/list/WordList.vue

@@ -37,9 +37,12 @@ defineExpose({scrollToBottom, scrollToItem})
       ref="listRef"
       @click="(e:any) => emit('click',e)"
       :list="list"
-      v-bind="$attrs"> 
+      v-bind="$attrs">
       <template v-slot="{ item, index, active }">
-        <WordItem :item="item" :index="index" :active="active" />
+        <WordItem
+          :show-translate="showTranslate"
+          :show-word="showWord"
+          :item="item" :index="index" :active="active" />
       </template>
   </BaseList>
-</template>
+</template>