fix:家具刷图

Author: fifthThirteen

src/assets/css/furniture/pc/single.less

@@ -3,6 +3,13 @@
 .p-furniture-single {
     padding: 40px 0 0 0;
 
+    .m-navigation {
+        .flex;
+        align-items: center;
+        justify-content: space-between;
+        .z(10);
+    }
+
     .u-goback {
         .pointer;
         .r(30px);

src/components/common/PvxSingleAdminDrop.vue

@@ -1,13 +1,20 @@
 <template>
     <div class="m-pvx-admin-drop" v-if="showAdmin">
         <el-dropdown trigger="click" @command="handleCommand">
-            <el-button type="primary" class="c-admin-button c-admin-drop__button"
-                ><i class="el-icon-setting"></i> 管理<i class="el-icon-arrow-down el-icon--right"></i>
+            <el-button type="primary" class="c-admin-button c-admin-drop__button">
+                <span class="c-admin-drop__button-inner">
+                    <i class="el-icon-setting"></i>
+                    <span>管理</span>
+                    <i class="el-icon-arrow-down el-icon--right"></i>
+                </span>
             </el-button>
             <template #dropdown>
                 <el-dropdown-menu>
                     <el-dropdown-item command="pictureTask">
-                        <span><el-icon><Refresh /></el-icon>刷图</span>
+                        <span class="c-admin-drop__item">
+                            <el-icon><Refresh /></el-icon>
+                            <span>刷图</span>
+                        </span>
                     </el-dropdown-item>
                 </el-dropdown-menu>
             </template>
@@ -66,7 +73,27 @@ export default {
     .flex;
     align-items: center;
     .el-icon-setting {
-        margin-right: 5px;
+        margin-right: 0;
+    }
+}
+
+.c-admin-drop__button-inner,
+.c-admin-drop__item {
+    display: inline-flex;
+    align-items: center;
+    gap: 4px;
+    line-height: 1;
+
+    i,
+    .el-icon {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        line-height: 1;
+    }
+
+    .el-icon--right {
+        margin-left: 0;
     }
 }
 </style>

src/views/furniture/Single.vue

@@ -3,6 +3,7 @@
         <template v-if="!isRobot">
         <div class="m-navigation">
             <div class="u-goback" @click="goBack">返回列表</div>
+            <PvxSingleAdminDrop></PvxSingleAdminDrop>
         </div>
 
         <div class="m-furniture-content">
@@ -235,6 +236,7 @@ import Wiki from "@/components/wiki/Wiki.vue";
 import furnitureMaterials from "@/components/furniture/furniture_materials.vue";
 import Fav from "@jx3box/jx3box-ui/src/interact/Fav.vue";
 import PvxUser from "@/components/PvxUser.vue";
+import PvxSingleAdminDrop from "@/components/common/PvxSingleAdminDrop.vue";
 
 import { getLink, iconLink } from "@jx3box/jx3box-common/js/utils";
 import User from "@jx3box/jx3box-common/js/user";
@@ -270,6 +272,7 @@ export default {
         furnitureMaterials,
         Fav,
         PvxUser,
+        PvxSingleAdminDrop,
         // ListCross,
         WikiComments,
     },