♻️ 基础组件封装

src/pages/Archive/Birthday.vue

@@ -20,7 +20,7 @@
     <div class="ab-draw-grid">
       <div v-for="item in selectedItem" :key="item.op_id" class="ab-draw">
         <div class="ab-draw-cover" @click="showImg(item)">
-          <img :src="item.unread_picture[Number(isAether)]" :alt="item.word_text" />
+          <TMiImg :src="item.unread_picture[Number(isAether)]" :alt="item.word_text" />
           <div class="ab-draw-hide" />
           <v-icon class="ab-draw-icon">mdi-magnify</v-icon>
         </div>
@@ -33,6 +33,7 @@
   <ToArcBrith v-model="showOverlay" :data="current" :choice="isAether" />
 </template>
 <script lang="ts" setup>
+import TMiImg from "@comp/app/t-mi-img.vue";
 import ToArcBrith from "@comp/pageArchive/to-arcBrith.vue";
 import { computed, onMounted, ref, shallowRef, watch } from "vue";
 import { useRoute } from "vue-router";

src/pages/common/PostTopic.vue

@@ -2,7 +2,7 @@
   <v-app-bar>
     <template #prepend>
       <div class="post-topic-top" v-if="topicInfo">
-        <img :src="topicInfo.topic.cover" alt="cover" />
+        <TMiImg :src="topicInfo.topic.cover" alt="cover" :ori="true" />
         <div class="post-topic-info">
           <span>{{ topicInfo.topic.name }}({{ topic }})</span>
           <span :title="topicInfo.topic.desc">{{ topicInfo.topic.desc }}</span>
@@ -60,6 +60,7 @@
 </template>
 <script lang="ts" setup>
 import TGameNav from "@comp/app/t-gameNav.vue";
+import TMiImg from "@comp/app/t-mi-img.vue";
 import TPostCard from "@comp/app/t-postcard.vue";
 import showLoading from "@comp/func/loading.js";
 import showSnackbar from "@comp/func/snackbar.js";