feat: 可新建

JX3BOX · Sep 4, 2023 · fbf41ef · fbf41ef
1 parent cfbf03a
commit fbf41ef
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 4 deletions.
diff --git a/src/assets/css/face/item.less b/src/assets/css/face/item.less
@@ -8,7 +8,7 @@
     gap: 10px;
     padding: 20px;
     box-sizing: border-box;
-    background: #fff; 
+    background: #fff;
     &.noName {
         .h(234px);
         background: rgba(36, 41, 46, 0.05);
@@ -39,21 +39,33 @@
             .r(10px);
             object-fit: cover;
         }
-        .u-mark {
+        .m-mark-left {
             .pa;
+            .lt(10px);
+            max-width: 72px;
+        }
+        .u-mark + .u-mark {
+            .mt(6px);
+        }
+        .u-mark {
+            .bold;
             .fz(12px,16px);
             .z(6);
             .r(3px);
+            .x;
             color: #fff;
             padding: 2px 8px;
             font-style: normal;
         }
         .u-mark--star {
-            .lt(10px);
             background-color: @faceColor;
         }
+        .u-mark--new {
+            background-color: #ff7991;
+        }
 
         .u-mark--pay {
+            .pa;
             .rt(10px);
             background-color: #ffad31;
         }

diff --git a/src/components/face/item.vue b/src/components/face/item.vue
@@ -7,7 +7,11 @@
     >
         <div class="m-img">
             <img class="u-pic" :src="showThumb(imgLink)" loading="lazy" />
-            <i class="u-mark u-mark--star" v-if="!!item.star">编辑推荐</i>
+            <div class="m-mark-left">
+                <i class="u-mark u-mark--star" v-if="!!item.star">编辑推荐</i>
+                <i class="u-mark u-mark--new" v-if="!!item.is_unlimited">可新建</i>
+            </div>
+
             <i class="u-mark u-mark--pay" v-if="!!~~item.price_type && !!item.price_count">付费</i>
         </div>