🎨 战绩页面基本就这样了

src/components/userRecord/tur-home-sub.vue

@@ -10,6 +10,7 @@
       {{ data.name }}
     </div>
     <div class="tur-hs-title">
+      <!-- canvas -->
       <img :src="data.comfortIcon" alt="comfort">
       {{ data.comfortName }}
     </div>
@@ -39,7 +40,6 @@ interface TurHomeSubProps {
 }
 
 const props = defineProps<TurHomeSubProps>();
-console.log(props.data);
 </script>
 <style lang="css" scoped>
 .tur-hs-box {

src/components/userRecord/tur-overview-grid.vue

@@ -31,7 +31,8 @@ interface TurOverviewGridProps {
 
 const props = defineProps<TurOverviewGridProps>();
 const data = computed(() =>
-  JSON.parse(<string>props.modelValue) as TGApp.Sqlite.Record.Stats);
+  JSON.parse(<string>props.modelValue) as TGApp.Sqlite.Record.Stats,
+);
 </script>
 <style lang="css" scoped>
 .tur-og-box {

src/components/userRecord/tur-world-sub.vue

@@ -53,7 +53,7 @@ onMounted(async () => {
   await listenOnTheme();
 });
 
-async function listenOnTheme() {
+async function listenOnTheme () {
   await event.listen("readTheme", (e) => {
     const theme = e.payload as string;
     if (theme === "dark") {

src/pages/User/Record.vue

@@ -6,7 +6,10 @@
         <span v-if="!isEmpty">{{ getTitle() }} 更新于 {{ recordData.updated }}</span>
         <span v-else>原神战绩【暂无数据】【{{ user.gameUid }}】</span>
       </div>
-      <v-btn variant="outlined" class="ur-top-btn" @click="refresh">
+      <v-btn variant="outlined" class="ur-top-btn" @click="refresh()">
+        <template #prepend>
+          <v-icon>mdi-refresh</v-icon>
+        </template>
         更新数据
       </v-btn>
     </div>
@@ -124,8 +127,9 @@ function getTitle () {
 .ur-top-btn {
   font-family: var(--font-text);
   border-radius: 5px;
-  background: #393b40;
+  background: var(--common-bg-2);
   color: var(--common-color-white);
+  text-shadow: 0 0 10px rgb(0 0 0 / 40%);
   margin-left: auto;
 }