🎨 代码格式化

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

@@ -20,8 +20,8 @@ const data = computed(() => JSON.parse(<string>props.modelValue) as TGApp.Sqlite
 <style lang="css" scoped>
 .tur-ag-box {
   display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
-  grid-gap: 10px;
   margin-bottom: 10px;
+  grid-gap: 10px;
+  grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
 }
 </style>

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

@@ -24,8 +24,8 @@ const homes = computed(() => {
 <style lang="css" scoped>
 .tur-hg-box {
   display: grid;
-  grid-template-columns: repeat(3, 1fr);
-  grid-gap: 10px;
   width: 100%;
+  grid-gap: 10px;
+  grid-template-columns: repeat(3, 1fr);
 }
 </style>

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

@@ -57,27 +57,27 @@ onMounted(async () => {
 </script>
 <style lang="css" scoped>
 .tur-hs-box {
-  border-radius: 5px;
   position: relative;
+  border-radius: 5px;
 }
 
 .tur-hs-name {
   position: absolute;
   top: 10px;
   right: 10px;
+  color: var(--common-color-white);
   font-family: var(--font-text);
   font-size: 16px;
-  color: var(--common-color-white);
   text-shadow: 0 0 10px rgb(0 0 0 / 40%);
 }
 
 .tur-hs-title {
-  padding: 10px;
-  font-family: var(--font-title);
-  font-size: 20px;
   display: flex;
   align-items: center;
+  padding: 10px;
   color: var(--common-color-white);
+  font-family: var(--font-title);
+  font-size: 20px;
   text-shadow: 0 0 10px rgb(0 0 0 / 40%);
 }
 
@@ -88,20 +88,20 @@ onMounted(async () => {
 }
 
 .tur-hs-text-grid {
-  padding: 10px;
-  width: 100%;
   display: flex;
+  width: 100%;
   justify-content: space-between;
+  padding: 10px;
   background: rgb(0 0 0 / 40%);
   border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;
-  text-align: center;
   color: var(--common-color-white);
+  text-align: center;
 }
 
 .tur-hs-text :nth-child(1) {
-  font-family: var(--font-text);
   color: var(--common-color-yellow);
+  font-family: var(--font-text);
 }
 
 .tur-hs-text :nth-child(2) {

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

@@ -33,8 +33,8 @@ const data = computed(() => JSON.parse(<string>props.modelValue) as TGApp.Sqlite
 <style lang="css" scoped>
 .tur-og-box {
   display: grid;
-  grid-template-columns: repeat(5, 1fr);
-  grid-gap: 10px;
   width: 100%;
+  grid-gap: 10px;
+  grid-template-columns: repeat(5, 1fr);
 }
 </style>

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

@@ -22,27 +22,27 @@ defineProps<TAOProps>();
 </script>
 <style lang="css" scoped>
 .tur-os-box {
+  display: flex;
   width: 100%;
   height: auto;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
   padding: 5px;
   border-radius: 5px;
   background: var(--common-shadow-1);
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
 }
 
 .tur-os-title {
+  color: var(--common-text-content);
   font-family: var(--font-title);
   font-size: 20px;
-  color: var(--common-text-content);
 }
 
 .tur-os-text {
+  color: var(--common-color-white);
   font-family: var(--font-text);
   font-size: 20px;
-  color: var(--common-color-white);
   text-shadow: 0 0 10px var(--common-color-yellow);
 }
 

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

@@ -30,8 +30,8 @@ function getData() {
 <style lang="css" scoped>
 .tur-wg-box {
   display: grid;
-  grid-template-columns: repeat(4, 1fr);
-  grid-gap: 10px;
   width: 100%;
+  grid-gap: 10px;
+  grid-template-columns: repeat(4, 1fr);
 }
 </style>

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

@@ -82,11 +82,11 @@ async function listenOnTheme() {
 </script>
 <style lang="css" scoped>
 .tur-ws-box {
+  display: flex;
+  align-items: center;
+  justify-content: center;
   padding: 10px;
   border-radius: 5px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
   background: var(--common-shadow-1);
 }
 
@@ -102,23 +102,23 @@ async function listenOnTheme() {
 }
 
 .tur-ws-content {
-  color: var(--common-text-content);
   width: calc(100% - 60px);
   height: 100%;
+  color: var(--common-text-content);
 }
 
 .tur-ws-title {
+  border-bottom: 1px inset var(--common-text-content);
   font-family: var(--font-title);
   font-size: 20px;
-  border-bottom: 1px inset var(--common-text-content);
 }
 
 .tur-ws-sub {
   display: flex;
   align-items: center;
+  justify-content: start;
   font-family: var(--font-text);
   font-size: 14px;
-  justify-content: start;
 }
 
 .tur-ws-sub img {