-
-
-
+
+
@@ -117,4 +119,9 @@ onUnmounted(() => {
src: url('@/assets/font/LCDML.woff2');
}
+.dt-card {
+ background-image: url('@/assets/images/中秋节中国风边框34.png');
+ background-size: 100% 100%;
+ padding: 20px 40px;
+}
\ No newline at end of file
diff --git a/src/components/menu.vue b/src/components/menuH.vue
similarity index 99%
rename from src/components/menu.vue
rename to src/components/menuH.vue
index 531ba99..c25d877 100644
--- a/src/components/menu.vue
+++ b/src/components/menuH.vue
@@ -164,10 +164,11 @@ function toLogin() {
onMounted(() => {
- console.log(route.name);
+
userinfo.value = $cookies.get('userinfo');
console.log('>>>>>>>>>>', userinfo.value);
key.value = route.name as string;
+ console.log('>>> --> route.name:', route.name)
getLocation(); // 组件挂载时获取位置
const h: number = nav.value.clientHeight
diff --git a/src/icon/download.svg b/src/icon/download.svg
new file mode 100644
index 0000000..84a06ff
--- /dev/null
+++ b/src/icon/download.svg
@@ -0,0 +1,4 @@
+
diff --git a/src/icon/lock.svg b/src/icon/lock.svg
new file mode 100644
index 0000000..e1edeab
--- /dev/null
+++ b/src/icon/lock.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/icon/unlock.svg b/src/icon/unlock.svg
new file mode 100644
index 0000000..ef22c0f
--- /dev/null
+++ b/src/icon/unlock.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/main.ts b/src/main.ts
index 8dc5da5..ec4cea9 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -3,7 +3,7 @@ import { useConfig } from "@/config";
import icon from "@/icon/index.ts";
import { createPinia } from "pinia";
import "virtual:uno.css";
-import { createApp } from "vue";
+import { createApp, vaporInteropPlugin } from "vue";
import App from "./App.vue";
import router from "./router";
// 自定义主题配置 - 设置主色和二级色
@@ -16,6 +16,7 @@ const themeService = ThemeServiceInit({ infinityTheme }, "infinityTheme");
themeService?.applyTheme(sweetTheme);
const app = createApp(App);
+app.use(vaporInteropPlugin)
app.use(createPinia());
app.use(router);
diff --git a/src/router/index.ts b/src/router/index.ts
index f0ead0f..bb32ad8 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,100 +1,21 @@
import { createRouter, createWebHistory } from "vue-router";
-
-import layout from "@/Layout.vue";
-import Home from '@/views/Home.vue';
+import { routes } from 'vue-router/auto-routes';
+// import layout from "@/Layout.vue";
+// import Home from '@/views/Home.vue';
// 导入视图组件 - 修改为@开头的懒加载路径
-const Gallery = () => import("@/views/Gallery.vue");
-const Article = () => import("@/views/Article.vue");
-const Widget = () => import("@/views/Widget.vue");
-const AppShare = () => import("@/views/AppShare.vue");
-const Plink = () => import("@/views/Plink.vue");
-const Login = () => import("@/views/login/Login.vue");
-const NotFound = () => import("@/views/NotFound.vue");
+// const Gallery = () => import("@/views/Gallery.vue");
+// const Article = () => import("@/views/Article.vue");
+// const Widget = () => import("@/views/Widget.vue");
+// const AppShare = () => import("@/views/AppShare.vue");
+// const Plink = () => import("@/views/Plink.vue");
+// const Login = () => import("@/views/Login.vue");
+// const NotFound = () => import("@/views/NotFound.vue");
const router = createRouter({
history: createWebHistory(import.meta.env.BASE_URL),
- routes: [
- {
- path: "/",
-
- meta: {},
- children: [
- {
- path: "/",
- component: layout,
- redirect: {name:'home'},
- children: [
- {
- path: "/home",
- name: "home",
- component: Home,
- meta: {
- title:'首页'
- },
- },
- {
- path: "/gallery",
- name: "gallery",
- component: Gallery,
- meta: {
- title:'画廊'
- },
- },
- {
- path: "/article",
- name: "article",
- component: Article,
- meta: {
- title:'文章'
- },
- },
- {
- path: "/widget",
- name: "widget",
- component: Widget,
- meta: {
- title:'工具'
- },
- },
- {
- path: "/appshare",
- name: "appShare",
- component: AppShare,
- meta: {
- title:'软件分享'
- },
- },
- {
- path: "/plink",
- name: "plink",
- component: Plink,
- meta: {
- title:'友链'
- },
- },
- ],
- },
- {
- path: "/login",
- name: "login",
- component: Login,
- meta: {
- title:'登录'
- },
- },
- {
- path: "/404",
- name: "404",
- component: NotFound,
- meta: {
- title:'错误页'
- },
- },
- ],
- },
- ],
+ routes:routes as any
});
export default router;
diff --git a/src/views/Gallery.vue b/src/views/Gallery.vue
index fe2842a..bae8a75 100644
--- a/src/views/Gallery.vue
+++ b/src/views/Gallery.vue
@@ -1,8 +1,10 @@
-
-
-
-
- {{ t }}
- {{ d }}
-
-
+
+
+
+
+
+
+ {{ t }}
+ {{ d }}
+
+
-
+
+
+
+
+
+
+
+
- 我的
+
+ class="gallery-item group relative my-[10px] rounded-lg overflow-hidden transition-transform duration-300 box-border hover:-translate-y-1.5">
+
![]()
+
+
+
+
由 {{ item.nickname }} 上传
+ 加载中...
+ 已全部加载完成
+
+
+
+
+
+
+
+ 将文件拖到此处，或
+ 点击上传
+
+ 注意图片大小不要大于5MB哟~
+
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+
+ 已共享
+ 未共享
+
+
+
+
+
+
+
+
+
+ 加载中...
+ 已全部加载完成
+ ![]()
+ ![]()
+ ![]()
+ ![]()
+
+