fix: 奇遇 #129

JX3BOX · Dec 8, 2023 · 5dc23ec · 5dc23ec
1 parent 2956588
commit 5dc23ec
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 15 deletions.
diff --git a/src/assets/css/adventure/item.less b/src/assets/css/adventure/item.less
@@ -7,8 +7,9 @@
     border: 6px solid #fff;
     overflow: hidden;
     background: #fff;
+    border: 1px solid #fff;
     box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
-
+    transition: 0.3s ease-out;
     .u-default {
         .full;
     }

diff --git a/src/assets/css/adventure/single.less b/src/assets/css/adventure/single.less
@@ -46,6 +46,7 @@
     .r(10px);
     .clip;
     .mb(20px);
+    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
 }
 .m-adventure-task {
     // background: url("../../../img/adventure_bg.png") repeat 0 0;

diff --git a/src/assets/css/common/tabs.less b/src/assets/css/common/tabs.less
@@ -11,6 +11,7 @@
     overflow-x: auto;
     gap: 10px;
     box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
+
     .m-common-card {
         .flex;
         flex-shrink: 0;
@@ -31,6 +32,7 @@
         align-items: center;
         background-color: #fff;
         color: #949494;
+        transition: 0.3s ease-out;
         &.active,
         &:hover {
             color: #fff;

diff --git a/src/components/common/list.vue b/src/components/common/list.vue
@@ -8,7 +8,7 @@
             @mouseout="changeColor('#E1E1E1')"
             @click="update"
         >
-            <img svg-inline src="@/assets/img/replace.svg" :fill="fill"/>
+            <img svg-inline src="@/assets/img/replace.svg" :fill="fill" />
         </div>
     </div>
 </template>
@@ -51,20 +51,21 @@ export default {
     .flex;
     gap: 10px;
     align-items: center;
+    justify-content: space-between;
     .m-replace {
         .pointer;
         .flex;
         .w(110px);
         justify-content: center;
         align-items: center;
         flex-shrink: 0;
-        &:hover {
-            animation: op 300ms ease-out;
+        svg {
+            transition: 0.3s ease-out;
         }
     }
-    .m-common-list{
+    .m-common-list {
         .flex;
-        gap:20px;
+        gap: 20px;
     }
     &.search {
         .m-replace {
@@ -85,12 +86,4 @@ export default {
         }
     }
 }
-@keyframes op{
-    0% {
-        opacity: 0;
-    }
-    100% {
-        opacity: 1;
-    }
-}
 </style>
diff --git a/src/views/adventure/AdventureSingle.vue b/src/views/adventure/AdventureSingle.vue
@@ -24,7 +24,7 @@
             <task :id="id" :info="data" />
         </div>
         <!-- 包含攻略、评论、历史版本、点赞等 书籍，宠物等物品为item, 声望成就等为achievement -->
-        <pvx-user :id="achieve_id" name="奇遇" type="achievement">
+        <pvx-user :id="achieve_id" name="奇遇" type="achievement" v-if="achieve_id">
             <template slot="serendipity">
                 <div class="m-adventure-serendipity">
                     <Serendipity :title="title" />