update

package.json

@@ -24,6 +24,7 @@
     "sass-embedded": "^1.80.5",
     "vue": "^3.4.29",
     "vue-router": "^4.4.5",
+    "vue3-cookies": "^1.0.6",
     "vue3-progress-scroll": "^1.2.7"
   },
   "devDependencies": {

src/main.ts

@@ -18,9 +18,13 @@ import 'bootstrap/dist/js/bootstrap.bundle.min'
 import 'aplayer/dist/APlayer.min.css';
 
 import {useScroll} from "vue3-progress-scroll";
+// 引入VueCookies
+import VueCookies from 'vue3-cookies'
 
 const app = createApp(App)
 
+app.use(VueCookies)
+
 app.use(useScroll, {
     progress: "green", // 进度条颜色
     progressRollback: "#fff", // 进度条回滚颜色

src/pages/upload.vue

@@ -60,7 +60,7 @@ import {toast} from "@/utils/utils";
 import service from "@/axios";
 import router from "@/router";
 
-const text = ref('#引入md-editor-v3\n##markdown编辑器\n###请书写你的文章');
+const text = ref('# 引入md-editor-v3\n## markdown编辑器\n### 请书写你的文章');
 
 const title = ref('');
 

src/pages/v0/bgi.vue

@@ -0,0 +1,93 @@
+<template>
+  <br>
+  <hr>
+  <el-carousel ref="cRef" type="card" height="200px" :autoplay="false">
+    <el-carousel-item v-for="item in bgis">
+      <div class="block">
+        <span class="demonstration" v-text="(item.type==1?'竖屏':'横屏') + (item.id)"></span>
+        <el-image :src="item.url"/>
+      </div>
+    </el-carousel-item>
+  </el-carousel>
+  <br>
+  <hr>
+  <el-row class="row-bg" justify="center">
+    <el-col :span="6">
+      <div class="mb-4">
+        <el-button @click="uset()" type="primary" round>使用此</el-button>
+        <el-button @click="delt()" type="danger" round>删除此</el-button>
+        <hr>
+        <el-upload
+            ref="uploadRef"
+            class="upload-demo"
+            action="/api/bgi/upload_image0"
+            :auto-upload="false"
+            list-type="picture"
+            name="img"
+            accept="img/*"
+        >
+          <template #trigger>
+            <el-button type="primary">选择一个图片</el-button>
+          </template>
+
+          <el-button class="ml-3" type="success" @click="submitUpload">
+            上传
+          </el-button>
+        </el-upload>
+      </div>
+    </el-col>
+  </el-row>
+
+</template>
+
+<style scoped>
+</style>
+<script lang="ts" setup>
+import {ElCarousel, ElCarouselItem} from 'element-plus'
+import {ref} from "vue";
+import service from "@/axios";
+
+let bgis = ref([])
+
+function loadAll() {
+  service.get("/api/bgi/user_image_list").then(res => {
+    bgis.value = res
+  })
+}
+
+loadAll();
+
+import $ from "jquery";
+// 引入方式2
+import {useCookies} from "vue3-cookies";
+
+const {cookies} = useCookies();
+
+const uset = function () {
+  cookies.remove("randUrl")
+  service.get("/api/bgi/set_image?id=" + bgis.value[cRef.value.activeIndex].id).then(res => {
+    $("body").css("background-image", "url(" + res.u0 + ")")
+  })
+}
+
+const delt = function () {
+  let url = bgis.value[cRef.value.activeIndex].url;
+  service.get("/api/bgi/del_image?url=" + url).then(res => {
+    bgis.value = res
+  })
+}
+
+import type {UploadInstance, CarouselInstance} from 'element-plus'
+
+const cRef = ref<CarouselInstance>()
+const uploadRef = ref<UploadInstance>()
+
+const submitUpload = () => {
+  if (uploadRef.value) {
+    uploadRef.value!.submit()
+    setTimeout(function () {
+      loadAll()
+    }, 1000)
+  }
+}
+</script>

src/pages/v0/v0.vue

@@ -29,17 +29,25 @@
             <el-icon>
               <icon-menu/>
             </el-icon>
-            <span>杂项</span>
+            <span>API管理</span>
           </el-menu-item>
         </RouterLink>
-        <RouterLink to="/v0/pnote" style="text-decoration: none;">
+        <RouterLink to="/v0/bgi" style="text-decoration: none;">
           <el-menu-item index="4">
+            <el-icon><Picture /></el-icon>
+            <span>背景图管理</span>
+          </el-menu-item>
+        </RouterLink>
+
+        <RouterLink to="/v0/pnote" style="text-decoration: none;">
+          <el-menu-item index="5">
             <el-icon><Notebook /></el-icon>
             <span>密码本</span>
           </el-menu-item>
         </RouterLink>
+
         <RouterLink v-if="roles.includes('admin')" to="/v0/adminv0" style="text-decoration: none;">
-          <el-menu-item index="5">
+          <el-menu-item index="6">
             <el-icon>
               <setting/>
             </el-icon>
@@ -59,7 +67,7 @@
 <script lang="ts" setup>
 import {RouterLink, RouterView} from 'vue-router'
 
-import {Document, Menu as IconMenu, Notebook, Setting} from "@element-plus/icons-vue";
+import {Document, Menu as IconMenu, Notebook, Setting, Picture} from "@element-plus/icons-vue";
 import {onMounted, ref} from "vue";
 import service from "@/axios";
 

src/router/index.ts

@@ -15,6 +15,7 @@ import v0 from '@/pages/v0/v0.vue'
 import info from '@/pages/v0/info.vue'
 import articles from '@/pages/v0/articles.vue'
 import aox from '@/pages/v0/aox.vue'
+import bgi from '@/pages/v0/bgi.vue'
 import pnote from '@/pages/v0/pnote.vue'
 import adminv0 from '@/pages/v0/adminv0.vue'
 
@@ -70,6 +71,9 @@ const routes = [{
     }, {
         path: 'aox',
         component: aox
+    }, {
+        path: 'bgi',
+        component: bgi
     },{
         path: 'pnote',
         component: pnote

vite.config.ts

@@ -52,6 +52,9 @@ export default defineConfig({
             }, '/2024/': {
                 target: baseUrl,
                 changeOrigin: false
+            }, '/2025/': {
+                target: baseUrl,
+                changeOrigin: false
             }, '/avatar/': {
                 target: baseUrl,
                 changeOrigin: false