valaxy-theme-yun 0.14.13 → 0.14.15

package/components/YunLinks.vue

@@ -37,7 +37,7 @@ const { data } = useRandomData(props.links, props.random)
   </div>
 </template>
 
-<stye lang="scss">
+<stye lang="scss" scoped>
 .link-item {
   display: inline-flex;
 }
@@ -53,7 +53,7 @@ const { data } = useRandomData(props.links, props.random)
   }
 
   .link-url {
-    --smc-primary: var(--primary-color);
+    --smc-link-color: var(--primary-color);
 
     display: inline-flex;
     text-align: center;

package/components/YunPostCard.vue

@@ -57,11 +57,11 @@ const { icon, styles } = usePostProperty(props.post.type)
 
     <!-- always show -->
     <div w="full" class="yun-card-actions flex justify-between" border="t" text="sm">
-      <div class="inline-flex">
-        <YunPostCategories m="l-2" :categories="post.categories" />
+      <div class="post-categories inline-flex" flex="wrap 1">
+        <YunPostCategories m="l-1" :categories="post.categories" />
       </div>
 
-      <div class="post-tags inline-flex" m="r-2">
+      <div class="post-tags inline-flex" flex="wrap 1" justify="end" m="1">
         <template v-if="post.tags">
           <YunPostTags :tags="post.tags" />
         </template>

package/components/YunPostCategories.vue

@@ -12,9 +12,11 @@ defineProps<{
       path: '/categories/',
       query: { category: Array.isArray(categories) ? categories[categories.length - 1] : categories },
     }"
-    class="post-categories inline-flex justify-center items-center"
+    class="post-category inline-flex-center"
   >
-    <div m="x-1" i-ri-folder-2-line />
-    {{ Array.isArray(categories) ? categories.join(' > ') : categories }}
+    <div m="x-1" inline-flex i-ri-folder-2-line />
+    <span>
+      {{ Array.isArray(categories) ? categories.join(' > ') : categories }}
+    </span>
   </router-link>
 </template>

package/components/YunPostList.vue

@@ -20,7 +20,7 @@ const displayedPosts = computed(() => posts.value.slice((props.curPage - 1) * pa
 </script>
 
 <template>
-  <div w="full" p="x-4 lt-sm:0">
+  <div class="yun-post-list" w="full" p="x-4 lt-sm:0">
     <template v-if="!displayedPosts.length">
       <div py2 op50>
         博主还什么都没写哦～
@@ -40,8 +40,4 @@ const displayedPosts = computed(() => posts.value.slice((props.curPage - 1) * pa
   border-top: 1px solid rgba(122, 122, 122, 0.15);
   min-height: 2.5rem;
 }
-
-.post-categories {
-  color: var(--va-c-text);
-}
 </style>

package/components/YunPostTags.vue

@@ -12,6 +12,6 @@ defineProps<{
     class="post-tag inline-flex-center"
   >
     <div m="r-1" i-ri-price-tag-3-line />
-    {{ tag }}
+    <span>{{ tag }}</span>
   </router-link>
 </template>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "valaxy-theme-yun",
-  "version": "0.14.13",
+  "version": "0.14.15",
   "author": {
     "email": "me@yunyoujun.cn",
     "name": "YunYouJun",
@@ -22,6 +22,6 @@
     "valaxy-addon-waline": "0.1.0"
   },
   "devDependencies": {
-    "valaxy": "0.14.13"
+    "valaxy": "0.14.15"
   }
 }

package/styles/layout/post.scss

@@ -91,6 +91,11 @@
   }
 }
 
+// category
+.post-category {
+  color: var(--va-c-text);
+}
+
 .post-tag {
   white-space: nowrap;
   color: var(--yun-tag-color);

package/utils/index.ts

@@ -1,5 +1,11 @@
 export const anonymousImage = 'https://cdn.yunyoujun.cn/img/avatar/none.jpg'
 
-export const onImgError = (e: Event) => {
-  (e.target as HTMLImageElement).src = anonymousImage
+/**
+ * set default img
+ * @param e
+ */
+export const onImgError = (e: Event, defaultImg = anonymousImage) => {
+  const targetEl = e.target as HTMLImageElement
+  targetEl.setAttribute('data-src', targetEl.src)
+  targetEl.src = defaultImg
 }