+
@@ -111,5 +123,6 @@ onMounted(async () => {
.n-alert {
text-align: center;
+ margin-bottom: 10px;
}
diff --git a/frontend/src/components/About.vue b/frontend/src/components/About.vue
new file mode 100644
index 0000000..78e825b
--- /dev/null
+++ b/frontend/src/components/About.vue
@@ -0,0 +1,14 @@
+
+
+
+
+
+
+
diff --git a/frontend/src/config/constants.js b/frontend/src/config/constants.js
index 5759aa0..8561c8b 100644
--- a/frontend/src/config/constants.js
+++ b/frontend/src/config/constants.js
@@ -1,43 +1,3 @@
-export const MENU_OPTIONS = [
- {
- label: '塔罗牌',
- key: 'tarot',
- },
- {
- label: '姻缘',
- key: 'fate',
- },
- {
- label: '传统算卦',
- key: 'birthday',
- children: [
- {
- label: '生辰八字',
- key: 'birthday',
- },
- {
- label: '起名',
- key: 'new_name',
- },
- {
- label: '姓名五格',
- key: 'name',
- },
- {
- label: '周公解梦',
- key: 'dream',
- },
- {
- label: '梅花易数',
- key: 'plum_flower',
- },
- ]
- },
- {
- label: '关于',
- key: 'about',
- }
-];
export const DIVINATION_OPTIONS = [
{
label: '塔罗牌',
diff --git a/frontend/src/main.js b/frontend/src/main.js
index efe493a..fd59e67 100644
--- a/frontend/src/main.js
+++ b/frontend/src/main.js
@@ -1,7 +1,9 @@
import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
+import { registerSW } from 'virtual:pwa-register'
+registerSW({ immediate: true })
const app = createApp(App)
app.use(router)
app.mount('#app')
diff --git a/frontend/src/views/Index.vue b/frontend/src/views/Index.vue
index 46a33e1..664704c 100644
--- a/frontend/src/views/Index.vue
+++ b/frontend/src/views/Index.vue
@@ -1,12 +1,16 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
农历: {{ lunarBirthday }}
+
+
+ ←
+
+
+ →
+
+
+
+
+
+
+
+
+
+
+
+
农历: {{ lunarBirthday }}
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
农历: {{ lunarBirthday }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
农历: {{ lunarBirthday }}
+
-
-
-
-
-
-
-
-
-
请随机输入两个 0-1000 的数字
-
-
-
-
-
-
+
+
-
-
-
-
缘分是天定的,幸福是自己的。
-
想知道你和 ta 有没有缘分呢,编辑“姓名1” “姓名2”,然后点击“一键预测”。
-
如郭靖 黄蓉,然后点击一键预测。 就能查看你和 ta 的缘分了。
-
-
-
-
-
-
-
-
-
- 占卜
-
-
-
-
-
-
-
-
+
+
+
缘分是天定的,幸福是自己的。
+
想知道你和 ta 有没有缘分呢,编辑“姓名1” “姓名2”,然后点击“一键预测”。
+
如郭靖 黄蓉,然后点击一键预测。 就能查看你和 ta 的缘分了。
+
+
+
+
+
+
+
+
+
+
+
+ {{ loading ? "点击打开占卜结果页面" : "查看占卜结果" }}
+
+
+ {{ loading ? "正在占卜中..." : "占卜" }}
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -202,10 +227,8 @@ watch(birthday, async (newBirthday, oldBirthday) => {
justify-content: center;
}
-.n-button {
- margin-top: 12px;
- text-align: center;
- margin-bottom: 12px;
+.button {
+ margin: 10px;
}
.result {
diff --git a/frontend/vite.config.js b/frontend/vite.config.js
index aaff137..b7a2edd 100644
--- a/frontend/vite.config.js
+++ b/frontend/vite.config.js
@@ -6,9 +6,6 @@ import { VitePWA } from 'vite-plugin-pwa'
// https://vitejs.dev/config/
export default defineConfig({
- // build: {
- // outDir: '../dist',
- // },
plugins: [
vue(),
VitePWA({