befly-admin-ui 1.40.0 → 1.42.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "befly-admin-ui",
3
- "version": "1.40.0",
3
+ "version": "1.42.0",
4
4
  "gitHead": "071d17be177355cdd61f30659c6e4c5873f87d39",
5
5
  "private": false,
6
6
  "description": "Befly - 管理后台功能组件",
@@ -34,6 +34,7 @@
34
34
  ".": "./package.json",
35
35
  "./components/*": "./components/*",
36
36
  "./layouts/*": "./layouts/*",
37
+ "./views/*": "./views/*",
37
38
  "./styles/*": "./styles/*",
38
39
  "./utils/*": "./utils/*.js"
39
40
  },
@@ -45,5 +46,9 @@
45
46
  "build": "vite build",
46
47
  "dev": "vite",
47
48
  "preview": "vite preview"
49
+ },
50
+ "dependencies": {
51
+ "tdesign-icons-vue-next": "^0.4.4",
52
+ "tdesign-vue-next": "^1.20.1"
48
53
  }
49
54
  }
@@ -0,0 +1,57 @@
1
+ <template>
2
+ <div class="page-not-found">
3
+ <div class="page-not-found__content">
4
+ <div class="page-not-found__icon">
5
+ <t-icon name="error-circle" size="64px" />
6
+ </div>
7
+ <h1 class="page-not-found__title">页面不见了</h1>
8
+ <p class="page-not-found__desc">你访问的页面可能已经删除、移动或从未存在过</p>
9
+ <t-button theme="primary" @click="$Method.goHome">返回首页</t-button>
10
+ </div>
11
+ </div>
12
+ </template>
13
+
14
+ <script setup>
15
+ import { Button as TButton, Icon as TIcon } from "tdesign-vue-next";
16
+ import { useRouter } from "vue-router";
17
+
18
+ const $Router = useRouter();
19
+
20
+ const $Method = {
21
+ goHome: function () {
22
+ $Router.push("/");
23
+ }
24
+ };
25
+ </script>
26
+
27
+ <style scoped lang="scss">
28
+ .page-not-found {
29
+ display: flex;
30
+ align-items: center;
31
+ justify-content: center;
32
+ height: 100vh;
33
+
34
+ &__content {
35
+ display: flex;
36
+ flex-direction: column;
37
+ align-items: center;
38
+ gap: 16px;
39
+ text-align: center;
40
+ }
41
+
42
+ &__icon {
43
+ color: var(--color-text-secondary, #4e5969);
44
+ }
45
+
46
+ &__title {
47
+ margin: 0;
48
+ font-size: var(--font-size-title, 18px);
49
+ color: var(--color-text-primary, #1f2329);
50
+ }
51
+
52
+ &__desc {
53
+ margin: 0;
54
+ color: var(--color-text-secondary, #4e5969);
55
+ }
56
+ }
57
+ </style>