🎨 代码格式化

src/pages/WIKI/Abyss.vue

@@ -29,17 +29,17 @@ function getUpdated() {
 </script>
 <style lang="css" scoped>
 .hta-title {
-  font-family: var(--font-title);
-  font-size: 20px;
   display: flex;
   align-items: end;
   justify-content: start;
+  font-family: var(--font-title);
+  font-size: 20px;
 }
 
 .hta-title :nth-child(2) {
   margin-left: 10px;
-  font-size: 12px;
   color: #5e7987; /* 淡蓝灰 */
+  font-size: 12px;
 }
 
 .hta-title :nth-child(2):hover {

src/pages/WIKI/Character.vue

@@ -33,8 +33,8 @@ function toOuter(item: TGApp.App.Character.WikiBriefInfo) {
 <style scoped>
 .cards-grid {
   display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(128px, 1fr));
-  grid-gap: 20px;
   padding: 20px;
+  grid-gap: 20px;
+  grid-template-columns: repeat(auto-fill, minmax(128px, 1fr));
 }
 </style>

src/pages/WIKI/GCG.vue

@@ -175,18 +175,18 @@ async function searchCard() {
 </script>
 <style lang="css" scoped>
 .cards-tab {
-  font-family: Genshin, serif;
   margin-bottom: 20px;
   color: var(--content-text-3);
+  font-family: Genshin, serif;
 }
 
 .cards-grid {
   display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
-  grid-gap: 10px;
+  overflow: hidden;
   padding: 10px;
   border-radius: 0 0 10px 10px;
-  overflow: hidden;
+  grid-gap: 10px;
+  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
 }
 
 .cards-grid :hover {
@@ -195,21 +195,21 @@ async function searchCard() {
 
 .card-cls {
   position: relative;
+  overflow: hidden;
   width: 140px;
   height: 240px;
-  overflow: hidden;
-  transition: all 0.3s;
   border-radius: 10px;
+  transition: all 0.3s;
 }
 
 .card-cover {
   position: absolute;
-  transition: all 0.3s;
+  z-index: -1;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
-  z-index: -1;
+  transition: all 0.3s;
 }
 
 .card-cls:hover .card-cover {
@@ -219,10 +219,10 @@ async function searchCard() {
 
 .card-border {
   position: absolute;
-  border-radius: 10px;
   top: 0;
   left: 0;
   overflow: hidden;
+  border-radius: 10px;
 }
 
 .card-border img {
@@ -242,16 +242,16 @@ async function searchCard() {
   position: absolute;
   bottom: 0;
   left: 0;
+  display: flex;
+  overflow: hidden;
   width: 100%;
   height: 40px;
+  align-items: center;
+  justify-content: center;
+  border-radius: 0 0 10px 10px;
   background: rgb(0 0 0 / 50%);
   color: white;
-  display: flex;
-  font-size: small;
-  overflow: hidden;
   font-family: Genshin, serif;
-  border-radius: 0 0 10px 10px;
-  justify-content: center;
-  align-items: center;
+  font-size: small;
 }
 </style>

src/pages/WIKI/Weapon.vue

@@ -33,8 +33,8 @@ function toOuter(item: TGApp.App.Weapon.WikiBriefInfo) {
 <style scoped>
 .cards-grid {
   display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(128px, 1fr));
-  grid-gap: 15px;
   padding: 15px;
+  grid-gap: 15px;
+  grid-template-columns: repeat(auto-fill, minmax(128px, 1fr));
 }
 </style>