feat: scaffold infrastructure - router, pinia, tailwind, amap, auth store, page placeholders

src/views/admin/AdminView.vue

@@ -0,0 +1,9 @@
+<script setup lang="ts">
+</script>
+
+<template>
+  <div class="max-w-5xl mx-auto px-4 py-12">
+    <h1 class="text-3xl font-bold text-gray-900 mb-4">🔧 管理后台</h1>
+    <p class="text-gray-500">管理后台开发中...</p>
+  </div>
+</template>

src/views/auth/LoginView.vue

@@ -0,0 +1,75 @@
+<script setup lang="ts">
+import { ref } from 'vue'
+import { useRouter, useRoute } from 'vue-router'
+import { useAuthStore } from '@/stores/auth'
+
+const authStore = useAuthStore()
+const router = useRouter()
+const route = useRoute()
+
+const email = ref('')
+const password = ref('')
+const error = ref('')
+const loading = ref(false)
+
+async function handleLogin() {
+  error.value = ''
+  loading.value = true
+  try {
+    await authStore.login(email.value, password.value)
+    const redirect = (route.query.redirect as string) || '/'
+    router.push(redirect)
+  } catch (e: unknown) {
+    error.value = e instanceof Error ? e.message : '登录失败'
+  } finally {
+    loading.value = false
+  }
+}
+</script>
+
+<template>
+  <div class="flex items-center justify-center min-h-[calc(100vh-4rem)] px-4">
+    <div class="w-full max-w-sm">
+      <h1 class="text-2xl font-bold text-gray-900 text-center mb-8">登录 OpenCloud</h1>
+
+      <form @submit.prevent="handleLogin" class="space-y-4">
+        <div>
+          <label class="block text-sm font-medium text-gray-700 mb-1">邮箱</label>
+          <input
+            v-model="email"
+            type="email"
+            required
+            placeholder="your@email.com"
+            class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-sky-500 focus:border-transparent"
+          />
+        </div>
+
+        <div>
+          <label class="block text-sm font-medium text-gray-700 mb-1">密码</label>
+          <input
+            v-model="password"
+            type="password"
+            required
+            placeholder="至少8位"
+            class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-sky-500 focus:border-transparent"
+          />
+        </div>
+
+        <p v-if="error" class="text-sm text-red-600">{{ error }}</p>
+
+        <button
+          type="submit"
+          :disabled="loading"
+          class="w-full py-2.5 bg-sky-500 text-white font-medium rounded-lg hover:bg-sky-600 disabled:opacity-50 transition-colors"
+        >
+          {{ loading ? '登录中...' : '登录' }}
+        </button>
+      </form>
+
+      <p class="mt-6 text-center text-sm text-gray-500">
+        没有账号？
+        <RouterLink to="/register" class="text-sky-600 hover:text-sky-700 font-medium">去注册</RouterLink>
+      </p>
+    </div>
+  </div>
+</template>

src/views/auth/RegisterView.vue

@@ -0,0 +1,107 @@
+<script setup lang="ts">
+import { ref } from 'vue'
+import { useRouter } from 'vue-router'
+import { useAuthStore } from '@/stores/auth'
+
+const authStore = useAuthStore()
+const router = useRouter()
+
+const email = ref('')
+const password = ref('')
+const confirmPassword = ref('')
+const username = ref('')
+const error = ref('')
+const loading = ref(false)
+
+async function handleRegister() {
+  error.value = ''
+
+  if (password.value.length < 8) {
+    error.value = '密码至少8位'
+    return
+  }
+  if (password.value !== confirmPassword.value) {
+    error.value = '两次密码不一致'
+    return
+  }
+
+  loading.value = true
+  try {
+    await authStore.register(email.value, password.value, username.value)
+    router.push('/')
+  } catch (e: unknown) {
+    error.value = e instanceof Error ? e.message : '注册失败'
+  } finally {
+    loading.value = false
+  }
+}
+</script>
+
+<template>
+  <div class="flex items-center justify-center min-h-[calc(100vh-4rem)] px-4">
+    <div class="w-full max-w-sm">
+      <h1 class="text-2xl font-bold text-gray-900 text-center mb-8">注册 OpenCloud</h1>
+
+      <form @submit.prevent="handleRegister" class="space-y-4">
+        <div>
+          <label class="block text-sm font-medium text-gray-700 mb-1">用户名</label>
+          <input
+            v-model="username"
+            type="text"
+            required
+            placeholder="你的昵称"
+            class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-sky-500 focus:border-transparent"
+          />
+        </div>
+
+        <div>
+          <label class="block text-sm font-medium text-gray-700 mb-1">邮箱</label>
+          <input
+            v-model="email"
+            type="email"
+            required
+            placeholder="your@email.com"
+            class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-sky-500 focus:border-transparent"
+          />
+        </div>
+
+        <div>
+          <label class="block text-sm font-medium text-gray-700 mb-1">密码</label>
+          <input
+            v-model="password"
+            type="password"
+            required
+            placeholder="至少8位"
+            class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-sky-500 focus:border-transparent"
+          />
+        </div>
+
+        <div>
+          <label class="block text-sm font-medium text-gray-700 mb-1">确认密码</label>
+          <input
+            v-model="confirmPassword"
+            type="password"
+            required
+            placeholder="再次输入密码"
+            class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-sky-500 focus:border-transparent"
+          />
+        </div>
+
+        <p v-if="error" class="text-sm text-red-600">{{ error }}</p>
+
+        <button
+          type="submit"
+          :disabled="loading"
+          class="w-full py-2.5 bg-sky-500 text-white font-medium rounded-lg hover:bg-sky-600 disabled:opacity-50 transition-colors"
+        >
+          {{ loading ? '注册中...' : '注册' }}
+        </button>
+      </form>
+
+      <p class="mt-6 text-center text-sm text-gray-500">
+        已有账号？
+        <RouterLink to="/login" class="text-sky-600 hover:text-sky-700 font-medium">去登录</RouterLink>
+      </p>
+    </div>
+  </div>
+</template>

src/views/encyclopedia/CloudTypeView.vue

@@ -0,0 +1,9 @@
+<script setup lang="ts">
+</script>
+
+<template>
+  <div class="max-w-3xl mx-auto px-4 py-12">
+    <h1 class="text-3xl font-bold text-gray-900 mb-4">云型详情</h1>
+    <p class="text-gray-500">详情页开发中...</p>
+  </div>
+</template>

src/views/encyclopedia/EncyclopediaView.vue

@@ -0,0 +1,9 @@
+<script setup lang="ts">
+</script>
+
+<template>
+  <div class="max-w-5xl mx-auto px-4 py-12">
+    <h1 class="text-3xl font-bold text-gray-900 mb-8">☁️ 云朵图鉴</h1>
+    <p class="text-gray-500">图鉴功能开发中...</p>
+  </div>
+</template>

src/views/gallery/GalleryView.vue

@@ -0,0 +1,9 @@
+<script setup lang="ts">
+</script>
+
+<template>
+  <div class="max-w-5xl mx-auto px-4 py-12">
+    <h1 class="text-3xl font-bold text-gray-900 mb-8">🖼️ 画廊</h1>
+    <p class="text-gray-500">画廊功能开发中...</p>
+  </div>
+</template>

src/views/map/MapView.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+</script>
+
+<template>
+  <div class="flex items-center justify-center min-h-[calc(100vh-4rem)]">
+    <div class="text-center">
+      <h1 class="text-4xl font-bold text-gray-900 mb-4">☁️ OpenCloud</h1>
+      <p class="text-gray-500">实时云图地图加载中...</p>
+    </div>
+  </div>
+</template>

src/views/profile/ProfileView.vue

@@ -0,0 +1,9 @@
+<script setup lang="ts">
+</script>
+
+<template>
+  <div class="max-w-3xl mx-auto px-4 py-12">
+    <h1 class="text-3xl font-bold text-gray-900 mb-4">个人主页</h1>
+    <p class="text-gray-500">个人主页开发中...</p>
+  </div>
+</template>

src/views/upload/UploadView.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+</script>
+
+<template>
+  <div class="flex items-center justify-center min-h-[calc(100vh-4rem)]">
+    <div class="text-center">
+      <h1 class="text-2xl font-bold text-gray-900 mb-2">📷 上传云图</h1>
+      <p class="text-gray-500">上传功能开发中...</p>
+    </div>
+  </div>
+</template>