perf: 优化皮肤预览图

base-manager-ui/admin/src/pages/basicset/surface/components/RightPreview.vue

@@ -23,6 +23,9 @@
             :key="v.id"
           >
             <img :src="v.previewImagePath" />
+            <div class="name">
+              {{ v.name }}
+            </div>
           </div>
         </div>
         <a-empty v-else :image="simpleImage" />
@@ -180,12 +183,25 @@ export default {
       margin-bottom: 6px;
       height: 120px;
       background-color: #ececec;
+      position: relative;
       cursor: pointer;
       img {
         width: 100%;
         height: 100%;
         object-fit: contain;
       }
+      .name {
+        width: 100%;
+        background-color: rgba(0, 0, 0, 0.3);
+        color: #fff;
+        position: absolute;
+        left: 0px;
+        bottom: 0px;
+        text-align: center;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
     }
     .active {
       border: 4px solid #ff8522;