优化界面

frontend/src/views/share-code/log.vue

@@ -52,7 +52,7 @@
         </el-form-item>
         <el-form-item>
           <el-button type="primary" circle :icon="Search" title="搜索" @click="handleSearch" />
-          <el-button circle :icon="Refresh" title="重置" @click="handleReset" />
+          <el-button circle :icon="RefreshCw" title="重置" @click="handleReset" />
         </el-form-item>
       </el-form>
     </el-card>
@@ -62,8 +62,15 @@
         <span class="title">分享日志</span>
       </div>
 
-      <div class="table-loading-host" v-loading="loading">
+      <div class="table-loading-host">
+      <el-skeleton v-if="loading" animated>
+        <template #template>
+          <el-skeleton-item variant="rect" style="height: 40px; margin-bottom: 4px; border-radius: 4px" />
+          <el-skeleton-item v-for="i in 6" :key="i" variant="rect" style="height: 48px; margin-bottom: 4px; border-radius: 4px" />
+        </template>
+      </el-skeleton>
       <el-table
+        v-else
         :data="tableData"
         border
         stripe
@@ -142,7 +149,7 @@
 <script setup>
 import { ref, reactive, onMounted } from 'vue'
 import { ElMessage } from 'element-plus'
-import { Search, Refresh } from '@element-plus/icons-vue'
+import { Search, RefreshCw } from '@lucide/vue'
 import VueJsonPretty from 'vue-json-pretty'
 import 'vue-json-pretty/lib/styles.css'
 import { getShareCodeLogs } from '@/api/shareCodeLog'