fix:百科杂项 #26

JX3BOX · Jan 8, 2024 · a8d00ab · a8d00ab
1 parent ef6afa5
commit a8d00ab
Show file tree

Hide file tree

Showing 3 changed files with 66 additions and 25 deletions.
diff --git a/src/assets/css/quest/single.less b/src/assets/css/quest/single.less
@@ -1,5 +1,5 @@
 .m-quest-view {
-    padding:0 10px;
+    padding: 0 10px;
     @media screen and (min-width: 768px) {
         display: grid;
         grid-template-columns: repeat(2, 1fr);
@@ -64,7 +64,7 @@
         }
 
         .u-endpoint {
-            padding:2px 0;
+            padding: 2px 0;
             .flex;
             align-items: center;
 
@@ -150,7 +150,7 @@
         }
 
         .u-reward-list {
-            margin-top:10px;
+            margin-top: 10px;
             display: grid;
             grid-template-columns: repeat(3, 1fr);
             padding-left: 30px;
@@ -161,7 +161,7 @@
     .u-subtitle {
         .bold;
         padding: 3px 0;
-        color:#ac9d84;
+        color: #ac9d84;
         border-bottom: 1px dotted lighten(#ac9d84, 20%);
         .fz(13px,1.8);
         margin-bottom: 12px;
@@ -170,14 +170,14 @@
     .u-subtitle2 {
         .bold;
         padding: 3px 0;
-        color:#ac9d84;
+        color: #ac9d84;
         .fz(13px,1.8);
         margin-bottom: 12px;
 
-        span{
-            background-color:#ac9d84;
-            color:#fff;
-            padding:5px 7px;
+        span {
+            background-color: #ac9d84;
+            color: #fff;
+            padding: 5px 7px;
             font-weight: normal;
             .fz(12px);
             .r(2px);
@@ -194,6 +194,38 @@
     .m-wiki-post-empty {
         grid-column: span 3;
     }
+    .m-wiki-post-panel {
+        .m-panel-title {
+            .u-icon {
+                filter: invert(25%) sepia(90%) saturate(5308%) hue-rotate(203deg) brightness(96%) contrast(98%);
+                width: 28px;
+                height: 28px;
+                line-height: 28px;
+                color: #0366d6;
+                fill: #0366d6;
+                font-size: 22px;
+            }
+        }
+    }
+    .m-wiki-thx-panel {
+        .m-panel-title {
+            .flex;
+            align-items: center;
+            i {
+                width: 28px;
+                height: 28px;
+                line-height: 28px;
+                color: #0366d6;
+                fill: #0366d6;
+                font-size: 22px;
+            }
+            span {
+                .dbi;
+                font-size: 17px;
+                font-weight: 300;
+            }
+        }
+    }
 }
 
 .u-msg-yellow {

diff --git a/src/views/quest/quest.vue b/src/views/quest/quest.vue
@@ -115,9 +115,6 @@ export default {
         padding: 0 12px 10px 12px;
         align-items: center;
         .fz(14px, 1.5);
-        .u-player-name,
-        .u-player-body {
-        }
         .el-button {
             .ml(2px);
         }

diff --git a/src/views/quest/single.vue b/src/views/quest/single.vue
@@ -165,25 +165,37 @@
                         <i class="el-icon-edit"></i>
                         本次修订由 <b>{{ user_name }}</b> 提交于{{ updated_at }}
                     </div>
-                    <Thx
-                        class="m-thx"
-                        :postId="id"
-                        postType="quest"
-                        :postTitle="wiki_post.source.Name"
-                        :userId="author_id"
-                        :adminBoxcoinEnable="true"
-                        :userBoxcoinEnable="true"
-                        :authors="authors"
-                        mode="wiki"
-                        :key="'quest-thx-' + id"
-                        :client="client"
-                    />
                 </template>
             </WikiPanel>
 
             <!-- 历史版本 -->
             <WikiRevisions type="quest" :source-id="String(id)" />
 
+            <!-- 打赏 -->
+            <div class="m-wiki-thx-panel">
+                <WikiPanel>
+                    <template slot="head-title">
+                        <i class="el-icon-coin"></i>
+                        <span>参与打赏</span>
+                    </template>
+                    <template slot="body">
+                        <Thx
+                            class="m-thx"
+                            :postId="id"
+                            postType="quest"
+                            :postTitle="wiki_post.source.Name"
+                            :userId="author_id"
+                            :adminBoxcoinEnable="true"
+                            :userBoxcoinEnable="true"
+                            :authors="authors"
+                            mode="wiki"
+                            :key="'quest-thx-' + id"
+                            :client="client"
+                        />
+                    </template>
+                </WikiPanel>
+            </div>
+
             <!-- 百科评论 -->
             <WikiComments type="quest" :source-id="id_str" />
         </div>