add new

7 months ago · aa6e6dd423
5 changed files with 61 additions and 20 deletions
--- a/index.html
+++ b/index.html
@ -2,7 +2,7 @@
 <html lang="en">
  <head>
    <meta charset="UTF-8">
-    <link rel="icon" href="/favicon.ico">
+    <link rel="icon" href="http://www.wuruilin.cn/otherimg/头像.jpg">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>SunFree</title>
  </head>
--- a/src/stores/index.ts
+++ b/src/stores/index.ts
@ -63,6 +63,8 @@ export const blogStore = defineStore("blog", () => {
    ids: "",
    title:""
  })
+  const isEmpty=ref(false)
+  const isPage=ref(true)
  const formControl = ref({
    open: false,
    ids: null
@ -71,7 +73,7 @@ export const blogStore = defineStore("blog", () => {
  const setReadCount=(num:number)=>{
    readcount.value+=num
  }
-  return { delControl,formControl,readcount,setReadCount }
+  return { delControl,formControl,readcount,isEmpty,isPage,setReadCount }
 })
 export const useContentStore = defineStore('content', () => {
  const content = ref({ text: "" });
@ -94,9 +96,10 @@ export const diaryStore = defineStore("diary", () => {
    ids: null,
    title:""
  })
-  
+  const isEmpty=ref(false)
+  const isPage=ref(true)

-  return { delControl }
+  return { delControl,isEmpty,isPage }
 })
 export const classticStore = defineStore("classtic", () => {
  const addControl = reactive({
--- a/src/views/blog/HomePageView.vue
+++ b/src/views/blog/HomePageView.vue
@ -32,8 +32,8 @@
                            </a-tag>
                        </div>
                        <div class="blog-content">
-                            <div>
-                                <a-image :preview="false" :width="200" :src=article.imglink />
+                            <div class="image-container">
+                                <a-image :preview="false" :src=article.imglink  class="responsive-image"/>
                            </div>
                            <div class="text-container">
                                {{ article.blogcontent }}
@ -81,8 +81,8 @@
                            </a-tag>
                        </div>
                        <div class="blog-content">
-                            <div>
-                                <a-image :preview="false" :width="1000" :height="500" :src=article.imglink />
+                            <div class="image-container">
+                                <a-image :preview="false" :src=article.imglink class="responsive-image"/>
                            </div>
                        </div>
                        <div class="read-button">
@ -207,6 +207,25 @@ watch(() => homepageStore.homepagelist, () => {
    margin: 48px;
 }

+.blogs .image-container {
+    width: 300px;
+   
+}
+
+.blogs .responsive-image {
+    width: 100%;
+    height: auto;
+}
+.diarys .image-container {
+    width: 1000px;
+   
+}
+
+.diarys .responsive-image {
+    width: 100%;
+    height: auto;
+}
+
 .main .blog-content>:first-child {
    padding: 4px;
    border: 2px solid #ccc;
--- a/src/views/blog/blogcontent/BlogListView.vue
+++ b/src/views/blog/blogcontent/BlogListView.vue
@ -48,7 +48,7 @@
                </a-card>
            </a-badge-ribbon>
        </div>
-        <div class="pagination">
+        <div class="pagination" v-if="blogstore.isPage">
            <a-pagination v-model:current="current" v-if="dataLoaded" v-model:page-size="pageSizeRef"
                :page-size-options="pageSizeOptions" :total="total" show-size-changer @change="onShowSizeChange">
                <template #buildOptionText="props">
@ -57,19 +57,23 @@
                </template>
            </a-pagination>
        </div>
-
+        <div class="is-null" v-if="blogstore.isEmpty">
+            <a-card hoverable>
+                <a-empty description="没有数据" />
+            </a-card>
+        </div>
    </div>
 </template>

 <script setup lang='ts'>
 import { onMounted, ref } from 'vue';
 import iconComponents from '@/assets';
-import { useContentStore } from "@/stores"
+import { blogStore } from "@/stores"
 import dayjs from 'dayjs';
 import type { blogInterface } from '@/api/admin';
 import { get,put } from "@/tools/request"
 import router from '@/router';
-const store = useContentStore()
+const blogstore = blogStore()
 const randomColor = () => {
    const labelColor = ref(["processing", "success", "error", "warning", "magenta", "red", "volcano", "orange", "gold", "lime", "green", "cyan", "blue", "geekblue", "purple"])
    return labelColor.value[Math.floor(Math.random() * labelColor.value.length)];
@ -104,18 +108,21 @@ const blogList = async (page: number, pageSize: number) => {
            readnum: items.readnum,
            readminite: Math.round(items.blogcontent.length/ 200),
            imglink: items.imglink || 'http://www.wuruilin.cn/personself/暂无图片.jpg',
-
        }))
        total.value = response.data.data.total; // 更新总数
+        if (response.data.data.total===0) {
+            blogstore.isEmpty=true
+            blogstore.isPage=false
+        }else{
+            blogstore.isEmpty=false
+            blogstore.isPage=true
+        }
        pageSizeRef.value = pageSize; // 更新页大小，如果需要从接口返回页大小也可以改为 response.data.data.page_size
        dataLoaded.value = true
    } catch (error) {
        console.error('Failed to fetch data', error);
    }
 }
-const blogCount=async (id:any)=>{
-    await put(`/blogs/update/${id}/readnum`)
-}

 const readMore = (id: any) => {
    router.push(`/blog/${id}`)
@ -154,6 +161,7 @@ onMounted(() => {
 .main .blog-content {
    display: flex;
    margin: 48px;
+    width: 45%;
 }

 .main .blog-content>:first-child {
--- a/src/views/blog/diarycontent/DiaryListView.vue
+++ b/src/views/blog/diarycontent/DiaryListView.vue
@ -43,7 +43,7 @@
                </a-card>
            </a-badge-ribbon>
        </div>
-        <div class="pagination">
+        <div class="pagination" v-if="diarystore.isPage">
            <a-pagination v-model:current="current" v-if="dataLoaded" v-model:page-size="pageSizeRef"
                :page-size-options="pageSizeOptions" :total="total" show-size-changer @change="onShowSizeChange">
                <template #buildOptionText="props">
@ -52,7 +52,11 @@
                </template>
            </a-pagination>
        </div>
-
+        <div class="is-null" v-if="diarystore.isEmpty">
+            <a-card hoverable>
+                <a-empty description="没有数据" />
+            </a-card>
+        </div>
    </div>
 </template>

@ -62,9 +66,9 @@ import iconComponents from '@/assets';
 import dayjs from 'dayjs';
 import type { diaryInterface } from '@/api/admin';
 import { get,put } from "@/tools/request"
-import { useContentStore } from "@/stores"
+import { diaryStore } from "@/stores"
 import router from '@/router';
-const store = useContentStore()
+const diarystore = diaryStore()
 const dataLoaded = ref(false);
 // 分页
 const pageSizeOptions = ref<string[]>(['10', '20', '30', '40', '50']);
@ -99,6 +103,13 @@ const diaryList = async (page: number, pageSize: number) => {
            imglink: items.imglink || 'http://www.wuruilin.cn/personself/暂无图片.jpg',
        }));
        total.value = response.data.data.total; // 更新总数
+        if (response.data.data.total===0) {
+            diarystore.isEmpty=true,
+            diarystore.isPage=false
+        }else{
+            diarystore.isEmpty=false,
+            diarystore.isPage=true
+        }
        pageSizeRef.value = pageSize; // 更新页大小，如果需要从接口返回页大小也可以改为 response.data.data.page_size
        dataLoaded.value = true
    } catch (error) {