💄 微调UI

src/components/userAvatar/tua-dc-relic.vue

@@ -232,8 +232,10 @@ function getRelicTitle(): string {
 .tua-prop-time {
   width: 14px;
   height: 14px;
+  padding-bottom: 1px;
   border: 1px solid rgb(255 255 255 / 20%);
   border-radius: 4px;
+  background: rgb(0 0 0 / 20%);
   font-size: 10px;
   line-height: 14px;
   text-align: center;

src/components/userAvatar/tua-dc-weapon.vue

@@ -35,8 +35,8 @@
     </div>
     <div class="tua-dcw-share">
       <span class="tua-share-title">UID:{{ props.uid }}</span>
-      <span class="tua-share-time">更新于{{ props.updated }}</span>
-      <span class="tua-share-version">TeyvatGuide v{{ version }}</span>
+      <span class="tua-share-sub">更新于{{ props.updated }}</span>
+      <span class="tua-share-sub">Render by TeyvatGuide v{{ version }}</span>
     </div>
   </div>
 </template>
@@ -131,6 +131,7 @@ const propSub = computed<TGApp.Game.Avatar.PropMapItem | false>(() => {
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
+  border-bottom: 1px solid rgb(255 255 255 / 20%);
 
   img {
     width: 14px;
@@ -171,7 +172,6 @@ const propSub = computed<TGApp.Game.Avatar.PropMapItem | false>(() => {
   flex-direction: column;
   align-items: flex-start;
   justify-content: flex-start;
-  border-top: 1px solid rgb(255 255 255 / 20%);
   margin-top: auto;
 }
 
@@ -180,13 +180,9 @@ const propSub = computed<TGApp.Game.Avatar.PropMapItem | false>(() => {
   font-size: 14px;
 }
 
-.tua-share-time {
-  font-size: 10px;
+.tua-share-sub {
+  margin-left: auto;
+  font-size: 9px;
   opacity: 0.8;
 }
-
-.tua-share-version {
-  margin-left: auto;
-  text-shadow: 0 0 5px rgb(0 0 0 / 50%);
-}
 </style>

src/components/userAvatar/tua-detail-card.vue

@@ -147,6 +147,10 @@ async function share(): Promise<void> {
   position: absolute;
   top: 5px;
   left: 5px;
+  border: 1px solid rgb(255 255 255 / 20%);
+  border-radius: 5px;
+  -webkit-backdrop-filter: blur(10px);
+  backdrop-filter: blur(10px);
   color: var(--tgc-white-1);
 }