feat: 初始化工程

2026-09-07 19:41:38 +08:00
commit cdb1f80464
25 changed files with 10845 additions and 0 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -0,0 +1,21 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+.DS_Store
+dist
+*.local
+
+# Editor directories and files
+.idea
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
--- a/index.html
+++ b/index.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8" />
+    <script>
+      var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') ||
+        CSS.supports('top: constant(a)'))
+      document.write(
+        '<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
+        (coverSupport ? ', viewport-fit=cover' : '') + '" />')
+    </script>
+    <title></title>
+    <!--preload-links-->
+    <!--app-context-->
+  </head>
+  <body>
+    <div id="app"><!--app-html--></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
--- a/package.json
+++ b/package.json
@@ -0,0 +1,76 @@
+{
+  "name": "uni-preset-vue",
+  "version": "0.0.0",
+  "scripts": {
+    "dev:custom": "uni -p",
+    "dev:h5": "uni",
+    "dev:h5:ssr": "uni --ssr",
+    "dev:mp-alipay": "uni -p mp-alipay",
+    "dev:mp-baidu": "uni -p mp-baidu",
+    "dev:mp-jd": "uni -p mp-jd",
+    "dev:mp-kuaishou": "uni -p mp-kuaishou",
+    "dev:mp-lark": "uni -p mp-lark",
+    "dev:mp-qq": "uni -p mp-qq",
+    "dev:mp-toutiao": "uni -p mp-toutiao",
+    "dev:mp-harmony": "uni -p mp-harmony",
+    "dev:mp-weixin": "uni -p mp-weixin",
+    "dev:mp-xhs": "uni -p mp-xhs",
+    "dev:quickapp-webview": "uni -p quickapp-webview",
+    "dev:quickapp-webview-huawei": "uni -p quickapp-webview-huawei",
+    "dev:quickapp-webview-union": "uni -p quickapp-webview-union",
+    "build:custom": "uni build -p",
+    "build:h5": "uni build",
+    "build:h5:ssr": "uni build --ssr",
+    "build:mp-alipay": "uni build -p mp-alipay",
+    "build:mp-baidu": "uni build -p mp-baidu",
+    "build:mp-jd": "uni build -p mp-jd",
+    "build:mp-kuaishou": "uni build -p mp-kuaishou",
+    "build:mp-lark": "uni build -p mp-lark",
+    "build:mp-qq": "uni build -p mp-qq",
+    "build:mp-toutiao": "uni build -p mp-toutiao",
+    "build:mp-harmony": "uni build -p mp-harmony",
+    "build:mp-weixin": "uni build -p mp-weixin",
+    "build:mp-xhs": "uni build -p mp-xhs",
+    "build:quickapp-webview": "uni build -p quickapp-webview",
+    "build:quickapp-webview-huawei": "uni build -p quickapp-webview-huawei",
+    "build:quickapp-webview-union": "uni build -p quickapp-webview-union",
+    "type-check": "vue-tsc --noEmit"
+  },
+  "dependencies": {
+    "@dcloudio/uni-app": "3.0.0-5020420260813003",
+    "@dcloudio/uni-app-harmony": "3.0.0-5020420260813003",
+    "@dcloudio/uni-app-plus": "3.0.0-5020420260813003",
+    "@dcloudio/uni-components": "3.0.0-5020420260813003",
+    "@dcloudio/uni-h5": "3.0.0-5020420260813003",
+    "@dcloudio/uni-mp-alipay": "3.0.0-5020420260813003",
+    "@dcloudio/uni-mp-baidu": "3.0.0-5020420260813003",
+    "@dcloudio/uni-mp-harmony": "3.0.0-5020420260813003",
+    "@dcloudio/uni-mp-jd": "3.0.0-5020420260813003",
+    "@dcloudio/uni-mp-kuaishou": "3.0.0-5020420260813003",
+    "@dcloudio/uni-mp-lark": "3.0.0-5020420260813003",
+    "@dcloudio/uni-mp-qq": "3.0.0-5020420260813003",
+    "@dcloudio/uni-mp-toutiao": "3.0.0-5020420260813003",
+    "@dcloudio/uni-mp-weixin": "3.0.0-5020420260813003",
+    "@dcloudio/uni-mp-xhs": "3.0.0-5020420260813003",
+    "@dcloudio/uni-quickapp-webview": "3.0.0-5020420260813003",
+    "@wot-ui/ui": "^2.3.2",
+    "miniprogram-api-typings": "^5.2.3",
+    "vue": "^3.4.21",
+    "vue-i18n": "^9.1.9"
+  },
+  "devDependencies": {
+    "@dcloudio/types": "^3.4.8",
+    "@dcloudio/uni-automator": "3.0.0-5020420260813003",
+    "@dcloudio/uni-cli-shared": "3.0.0-5020420260813003",
+    "@dcloudio/uni-stacktracey": "3.0.0-5020420260813003",
+    "@dcloudio/vite-plugin-uni": "3.0.0-5020420260813003",
+    "@vue/tsconfig": "^0.1.3",
+    "@vue/runtime-core": "^3.4.21",
+    "sass": "^1.98.0",
+    "typescript": "^4.9.4",
+    "unocss": "^66.8.1",
+    "unocss-preset-weapp": "^66.0.2",
+    "vite": "5.2.8",
+    "vue-tsc": "^1.0.24"
+  }
+}
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
--- a/shims-uni.d.ts
+++ b/shims-uni.d.ts
@@ -0,0 +1,10 @@
+/// <reference types='@dcloudio/types' />
+import 'vue'
+
+declare module '@vue/runtime-core' {
+  type Hooks = App.AppInstance & Page.PageInstance;
+
+  interface ComponentCustomOptions extends Hooks {
+
+  }
+}
--- a/src/App.vue
+++ b/src/App.vue
@@ -0,0 +1,20 @@
+<script setup lang="ts">
+import { onLaunch, onShow, onHide } from "@dcloudio/uni-app";
+onLaunch(() => {
+  console.log("App Launch");
+});
+onShow(() => {
+  console.log("App Show");
+});
+onHide(() => {
+  console.log("App Hide");
+});
+</script>
+<style>
+page,
+.wd-root-portal {
+  --wot-primary-5: #7c3aed;
+  --wot-primary-6: #6d28d9;
+  --wot-primary-7: #5b21b6;
+}
+</style>
--- a/src/env.d.ts
+++ b/src/env.d.ts
@@ -0,0 +1,8 @@
+/// <reference types="vite/client" />
+
+declare module '*.vue' {
+  import { DefineComponent } from 'vue'
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}
--- a/src/main.ts
+++ b/src/main.ts
@@ -0,0 +1,9 @@
+import 'uno.css'
+import { createSSRApp } from 'vue'
+import App from './App.vue'
+
+export function createApp() {
+  const app = createSSRApp(App)
+
+  return { app }
+}
--- a/src/manifest.json
+++ b/src/manifest.json
@@ -0,0 +1,72 @@
+{
+    "name" : "",
+    "appid" : "",
+    "description" : "",
+    "versionName" : "1.0.0",
+    "versionCode" : "100",
+    "transformPx" : false,
+    /* 5+App特有相关 */
+    "app-plus" : {
+        "usingComponents" : true,
+        "nvueStyleCompiler" : "uni-app",
+        "compilerVersion" : 3,
+        "splashscreen" : {
+            "alwaysShowBeforeRender" : true,
+            "waiting" : true,
+            "autoclose" : true,
+            "delay" : 0
+        },
+        /* 模块配置 */
+        "modules" : {},
+        /* 应用发布信息 */
+        "distribute" : {
+            /* android打包配置 */
+            "android" : {
+                "permissions" : [
+                    "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
+                    "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
+                    "<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
+                    "<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
+                    "<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
+                    "<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.CAMERA\"/>",
+                    "<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
+                    "<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
+                    "<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
+                    "<uses-feature android:name=\"android.hardware.camera\"/>",
+                    "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
+                ]
+            },
+            /* ios打包配置 */
+            "ios" : {},
+            /* SDK配置 */
+            "sdkConfigs" : {}
+        }
+    },
+    /* 快应用特有相关 */
+    "quickapp" : {},
+    /* 小程序特有相关 */
+    "mp-weixin" : {
+        "appid" : "",
+        "setting" : {
+            "urlCheck" : false
+        },
+        "usingComponents" : true
+    },
+    "mp-alipay" : {
+        "usingComponents" : true
+    },
+    "mp-baidu" : {
+        "usingComponents" : true
+    },
+    "mp-toutiao" : {
+        "usingComponents" : true
+    },
+    "uniStatistics": {  
+        "enable": false
+    },
+    "vueVersion" : "3"
+}
--- a/src/pages.json
+++ b/src/pages.json
@@ -0,0 +1,44 @@
+{
+	"pages": [
+		{
+			"path": "pages/index/index",
+			"style": { "navigationBarTitleText": "首页" }
+		}
+		{
+			"path": "pages/user/index",
+			"style": { "navigationBarTitleText": "我的" }
+		}
+	],
+	"tabBar": {
+		"color": "#999999",
+		"selectedColor": "#8b5cf6",
+		"backgroundColor": "#ffffff",
+		"borderStyle": "black",
+		"list": [
+			{
+				"pagePath": "pages/index/index",
+				"text": "首页",
+				"iconPath": "static/tabs/home.png",
+				"selectedIconPath": "static/tabs/home-active.png"
+			},
+			{
+				"pagePath": "pages/user/index",
+				"text": "我的",
+				"iconPath": "static/tabs/user.png",
+				"selectedIconPath": "static/tabs/user-active.png"
+			}
+		]
+	},
+	"globalStyle": {
+		"navigationBarTextStyle": "black",
+		"navigationBarTitleText": "uni-app",
+		"navigationBarBackgroundColor": "#ffffff",
+		"backgroundColor": "#F8F8F8"
+	},
+	"easycom": {
+		"autoscan": true,
+		"custom": {
+			"^wd-(.*)": "@wot-ui/ui/components/wd-$1/wd-$1.vue"
+		}
+	}
+}
--- a/src/pages/index/index.vue
+++ b/src/pages/index/index.vue
@@ -0,0 +1,92 @@
+<template>
+  <view class="min-h-screen flex flex-col" style="background-image: linear-gradient(180deg, #7c3aed 0%, #a78bfa 42%, #ede9fe 100%)">
+    <!-- 顶部 -->
+    <view class="self-center py-3 flex items-center gap-2 text-gray-800">
+      <wd-img :width="40" :height="40" :src="imgURL" />
+      <view class="flex min-w-0 flex-col">
+        <text class="truncate text-lg text-white font-semibold">
+          {{ greeting }}
+        </text>
+        <text class="mt-0.5 text-xs text-white/70">
+          {{ today }} · 记录每一次改变
+        </text>
+      </view>
+    </view>
+
+    <wd-card title="今日任务">
+      <view
+          v-for="task in taskList"
+          :key="task.id"
+          class="mb-2 flex items-center gap-5 rounded-2xl p-4 shadow-sm"
+          :class="isChecked(task.id) ? 'bg-purple-200' : 'bg-gray-100'"
+          @tap="toggleClick(task.id)"
+      >
+        <!-- 图标 -->
+        <view class="flex h-11 w-11 items-center justify-center rounded-xl bg-gray-100 text-2xl">
+          {{ task.icon }}
+        </view>
+
+        <!-- 信息 -->
+        <view class="flex-1 flex flex-col gap-1">
+          <text class="text-base font-medium text-gray-800">{{ task.title }}</text>
+          <text v-if="task.time && task.duration === 0" class="text-xs text-gray-400">
+            ⏰ {{ task.time }}
+          </text>
+          <text v-if="task.time && task.duration !== 0" class="text-xs text-gray-400">
+            ⏰ {{ task.time }} ~ {{ calcEndTime(task.time, task.duration) }}
+          </text>
+          <text class="text-xs text-gray-400">
+            🔥 连续 {{ getStreak(task.id) }} 天
+          </text>
+        </view>
+
+        <wd-text size="large" :text="isChecked(task.id) ? '✓' : '〇'"></wd-text>
+      </view>
+    </wd-card>
+  </view>
+</template>
+
+<script lang="ts" setup>
+import { ref, computed } from 'vue'
+import { onShow } from '@dcloudio/uni-app'
+import appLogo from '@/static/logo.png'
+import { loadTasks } from "@/utils/task";
+import type { ITask } from "@/utils/task";
+import { getStreak, isChecked, toggleCheck } from '@/utils/check'
+import { calcEndTime } from "@/utils";
+
+defineOptions({ name: 'Home' })
+
+const imgURL = appLogo
+
+// ===== 时间 =====
+const now = new Date()
+const hour = now.getHours()
+
+const greeting = computed(() => {
+  if (hour < 6) return '夜深了 🌙'
+  if (hour < 12) return '早上好 ☀️'
+  if (hour < 18) return '下午好 👋'
+  return '晚上好 ✨'
+})
+
+const today = computed(() => {
+  const m = now.getMonth() + 1
+  const d = now.getDate()
+  const w = ['日', '一', '二', '三', '四', '五', '六'][now.getDay()]
+  return `${m}月${d}日 周${w}`
+})
+
+const taskList = ref<ITask[]>([])
+
+onShow(() => loadData())
+
+function loadData() {
+  taskList.value = loadTasks()
+}
+
+function toggleClick(taskId: number) {
+  toggleCheck(taskId)
+  taskList.value = loadTasks()
+}
+</script>
--- a/src/pages/user/index.vue
+++ b/src/pages/user/index.vue
@@ -0,0 +1,226 @@
+<template>
+  <view class="min-h-screen flex flex-col" style="background-image: linear-gradient(180deg, #7c3aed 0%, #a78bfa 42%, #ede9fe 100%)">
+    <view class="self-center py-3 flex items-center gap-2 text-gray-800">
+      <view class="flex min-w-0 flex-col">
+        <text class="truncate text-lg text-white font-semibold">
+          系统设置
+        </text>
+      </view>
+    </view>
+
+    <wd-card title="任务清单">
+      <view
+          v-for="task in taskList"
+          :key="task.id"
+          class="mb-2 flex items-center gap-5 rounded-2xl p-4 shadow-sm bg-gray-100"
+      >
+        <!-- 图标 -->
+        <view class="flex h-11 w-11 items-center justify-center rounded-xl bg-gray-100 text-2xl">
+          {{ task.icon }}
+        </view>
+
+        <!-- 信息 -->
+        <view class="flex-1 flex flex-col gap-1">
+          <text class="text-base font-medium text-gray-800">{{ task.title }}</text>
+          <text v-if="task.time && task.duration === 0" class="text-xs text-gray-400">
+            {{ task.time }}
+          </text>
+          <text v-if="task.time && task.duration !== 0" class="text-xs text-gray-400">
+            {{ task.time }} ~ {{ calcEndTime(task.time, task.duration) }}
+          </text>
+        </view>
+
+        <view class="flex items-center gap-5">
+          <wd-button icon="edit" round @click="openEdit(task)"></wd-button>
+          <wd-button type="danger" icon="delete" round @click="onDelete(task.id)"></wd-button>
+        </view>
+      </view>
+    </wd-card>
+
+    <view class="px-3">
+      <wd-button block @click="openAdd">新增任务</wd-button>
+    </view>
+
+    <wd-popup
+        v-model="popupVisible"
+        position="bottom"
+        :safe-area-inset-bottom="true"
+        :close-on-click-modal="true"
+        custom-style="border-radius: 32rpx 32rpx 0 0; padding: 40rpx 32rpx"
+    >
+      <view class="flex flex-col max-h-[70vh] overflow-y-auto">
+        <!-- 标题 -->
+        <view class="mb-5 text-center text-base text-gray-700 font-semibold">
+          {{ popupMode === 'add' ? '新增任务' : '编辑任务' }}
+        </view>
+
+        <!-- 表单 -->
+        <wd-form
+            ref="form"
+            :model="data.form"
+            layout="horizontal"
+            title-width="80"
+            size="large"
+            border
+        >
+          <wd-form-item title="名称">
+            <wd-input
+                v-model="data.form.title"
+                :maxlength="20"
+                show-word-limit
+                placeholder="请输入任务名称"
+            />
+          </wd-form-item>
+
+          <wd-form-item
+              title="时间"
+              prop="time"
+              is-link
+              :value="data.form.time"
+              placeholder="请选择任务时间"
+              @click="showTimePicker = true"
+          />
+
+          <wd-form-item title="时长" prop="value">
+            <view class="flex items-center gap-2">
+              <wd-input-number
+                  v-model="data.form.duration"
+                  :min="0"
+                  :max="480"
+              />
+              <text class="shrink-0 text-sm text-gray-400">分钟</text>
+            </view>
+          </wd-form-item>
+
+          <wd-form-item title="图标">
+            <wd-radio-group v-model="data.form.icon" type="button">
+              <wd-radio
+                  v-for="item in iconColumns"
+                  :key="item.value"
+                  :value="item.value"
+              >
+                {{ item.label }}
+              </wd-radio>
+            </wd-radio-group>
+          </wd-form-item>
+        </wd-form>
+
+        <!-- 底部按钮 -->
+        <view class="flex w-full items-center justify-evenly">
+          <wd-button type="info" @click="cancelClick">取消</wd-button>
+          <wd-button type="primary" @click="saveClick">保存</wd-button>
+        </view>
+      </view>
+    </wd-popup>
+
+    <wd-datetime-picker
+        v-model="data.form.time"
+        v-model:visible="showTimePicker"
+        type="time"
+        placeholder="请选择任务时间"
+    />
+  </view>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive } from 'vue'
+import { onShow } from '@dcloudio/uni-app'
+import { addTask, deleteTask, getTasks, loadTasks, updateTask } from "@/utils/task";
+import type { ITask } from "@/utils/task";
+import { calcEndTime } from "@/utils";
+
+const taskList = ref<ITask[]>([])
+const popupVisible = ref(false)
+const popupMode = ref<'add' | 'edit'>('add')
+const showTimePicker = ref(false)
+
+const iconColumns = [
+  { label: '📋', value: '📋' },
+  { label: '🏃', value: '🏃' },
+  { label: '💧', value: '💧' },
+  { label: '📖', value: '📖' },
+  { label: '🌙', value: '🌙' },
+  { label: '💪', value: '💪' },
+  { label: '🥗', value: '🥗' },
+  { label: '🧠', value: '🧠' },
+  { label: '🎵', value: '🎵' },
+  { label: '☀️', value: '☀️' },
+  { label: '🧘', value: '🧘' },
+  { label: '📱', value: '📱' },
+]
+
+const data = reactive({
+  form: {
+    id: 0,
+    title: '',
+    icon: '',
+    time: '',
+    duration: 0,
+  } as ITask,
+})
+
+onShow(() => loadData())
+
+function loadData() {
+  taskList.value = loadTasks()
+}
+
+function openAdd() {
+  popupMode.value = 'add'
+  data.form = {
+    id: Date.now(),
+    title: '',
+    icon: '📋',
+    time: '',
+    duration: 0,
+  }
+  popupVisible.value = true
+}
+
+function openEdit(task: ITask) {
+  data.form = {
+    id: task.id,
+    title: task.title,
+    icon: task.icon,
+    time: task.time,
+    duration: task.duration,
+  }
+  popupMode.value = 'edit'
+  popupVisible.value = true
+}
+
+function onDelete(id: number) {
+  uni.showModal({
+    title: '提示',
+    content: '确定删除这个任务吗？',
+    success(res) {
+      if (res.confirm) {
+        deleteTask(id)
+        taskList.value = getTasks()
+      }
+    },
+  })
+}
+
+function cancelClick() {
+  popupVisible.value = false
+}
+
+function saveClick() {
+  if (!data.form.title || !data.form.title.trim()) {
+    uni.showToast({ title: '请输入任务名称', icon: 'none' })
+    return
+  }
+
+  if (popupMode.value === 'add') {
+    addTask(data.form)
+    uni.showToast({ title: '已新增', icon: 'success' })
+  } else {
+    updateTask(data.form.id, data.form)
+    uni.showToast({ title: '已保存', icon: 'success' })
+  }
+
+  popupVisible.value = false
+  taskList.value = getTasks()
+}
+</script>
--- a/src/shime-uni.d.ts
+++ b/src/shime-uni.d.ts
@@ -0,0 +1,6 @@
+export {}
+
+declare module "vue" {
+  type Hooks = App.AppInstance & Page.PageInstance;
+  interface ComponentCustomOptions extends Hooks {}
+}
--- a/src/static/logo.png
+++ b/src/static/logo.png
--- a/src/static/tabs/home-active.png
+++ b/src/static/tabs/home-active.png
--- a/src/static/tabs/home.png
+++ b/src/static/tabs/home.png
--- a/src/static/tabs/user-active.png
+++ b/src/static/tabs/user-active.png
--- a/src/static/tabs/user.png
+++ b/src/static/tabs/user.png
--- a/src/uni.scss
+++ b/src/uni.scss
@@ -0,0 +1,76 @@
+/**
+ * 这里是uni-app内置的常用样式变量
+ *
+ * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+
+/* 颜色变量 */
+
+/* 行为相关颜色 */
+$uni-color-primary: #007aff;
+$uni-color-success: #4cd964;
+$uni-color-warning: #f0ad4e;
+$uni-color-error: #dd524d;
+
+/* 文字基本颜色 */
+$uni-text-color: #333; // 基本色
+$uni-text-color-inverse: #fff; // 反色
+$uni-text-color-grey: #999; // 辅助灰色，如加载更多的提示信息
+$uni-text-color-placeholder: #808080;
+$uni-text-color-disable: #c0c0c0;
+
+/* 背景颜色 */
+$uni-bg-color: #fff;
+$uni-bg-color-grey: #f8f8f8;
+$uni-bg-color-hover: #f1f1f1; // 点击状态颜色
+$uni-bg-color-mask: rgba(0, 0, 0, 0.4); // 遮罩颜色
+
+/* 边框颜色 */
+$uni-border-color: #c8c7cc;
+
+/* 尺寸变量 */
+
+/* 文字尺寸 */
+$uni-font-size-sm: 12px;
+$uni-font-size-base: 14px;
+$uni-font-size-lg: 16;
+
+/* 图片尺寸 */
+$uni-img-size-sm: 20px;
+$uni-img-size-base: 26px;
+$uni-img-size-lg: 40px;
+
+/* Border Radius */
+$uni-border-radius-sm: 2px;
+$uni-border-radius-base: 3px;
+$uni-border-radius-lg: 6px;
+$uni-border-radius-circle: 50%;
+
+/* 水平间距 */
+$uni-spacing-row-sm: 5px;
+$uni-spacing-row-base: 10px;
+$uni-spacing-row-lg: 15px;
+
+/* 垂直间距 */
+$uni-spacing-col-sm: 4px;
+$uni-spacing-col-base: 8px;
+$uni-spacing-col-lg: 12px;
+
+/* 透明度 */
+$uni-opacity-disabled: 0.3; // 组件禁用态的透明度
+
+/* 文章场景相关 */
+$uni-color-title: #2c405a; // 文章标题颜色
+$uni-font-size-title: 20px;
+$uni-color-subtitle: #555; // 二级标题颜色
+$uni-font-size-subtitle: 18px;
+$uni-color-paragraph: #3f536e; // 文章段落颜色
+$uni-font-size-paragraph: 15px;
--- a/src/utils/check.ts
+++ b/src/utils/check.ts
@@ -0,0 +1,79 @@
+const STORAGE_KEY = 'sign_checkins'
+
+export interface ICheckIns {
+  [date: string]: {
+    [taskId: number]: boolean
+  }
+}
+
+// 读取
+function loadCheckIns(): ICheckIns {
+  return uni.getStorageSync(STORAGE_KEY) || {}
+}
+
+// 保存
+function saveCheckIns(data: ICheckIns) {
+  uni.setStorageSync(STORAGE_KEY, data)
+}
+
+// 今日日期字符串 YYYY-MM-DD
+export function getTodayStr(): string {
+  const d = new Date()
+  return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`
+}
+
+// 判断某任务今日是否已签到
+export function isChecked(taskId: number): boolean {
+  const all = loadCheckIns()
+  const today = getTodayStr()
+  return !!(all[today] && all[today][taskId])
+}
+
+// 切换签到状态
+export function toggleCheck(taskId: number) {
+  const all = loadCheckIns()
+  const today = getTodayStr()
+
+  if (!all[today]) {
+    all[today] = {}
+  }
+
+  all[today][taskId] = !all[today][taskId]
+  saveCheckIns(all)
+}
+
+// 计算某任务连续天数
+export function getStreak(taskId: number): number {
+  const all = loadCheckIns()
+  let streak = 0
+  const d = new Date()
+
+  while (true) {
+    const key = `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`
+    if (all[key] && all[key][taskId]) {
+      streak++
+      d.setDate(d.getDate() - 1)
+    } else {
+      break
+    }
+  }
+  return streak
+}
+
+// 今日已签到数量
+export function getTodayCheckedCount(): number {
+  const all = loadCheckIns()
+  const today = getTodayStr()
+  if (!all[today]) return 0
+  return Object.values(all[today]).filter(Boolean).length
+}
+
+// 所有任务中最长连续天数
+export function getMaxStreak(taskList: { id: number }[]): number {
+  let max = 0
+  taskList.forEach(t => {
+    const s = getStreak(t.id)
+    if (s > max) max = s
+  })
+  return max
+}
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -0,0 +1,7 @@
+export function calcEndTime(startTime: string, duration: number): string {
+  const [hour, minute] = startTime.split(':').map(Number)
+  const totalMinutes = hour * 60 + minute + duration
+  const endHour = Math.floor(totalMinutes / 60) % 24
+  const endMinute = totalMinutes % 60
+  return `${String(endHour).padStart(2, '0')}:${String(endMinute).padStart(2, '0')}`
+}
--- a/src/utils/task.ts
+++ b/src/utils/task.ts
@@ -0,0 +1,67 @@
+const STORAGE_KEY = 'sign_tasks'
+
+export interface ITask {
+  id: number
+  title: string
+  icon: string
+  time: string
+  duration: number
+}
+
+// 默认内置任务
+const defaultTasks: ITask[] = [
+  { id: 1757212800000, title: '早起', icon: '☀️', time: '07:00', duration: 0 },
+  { id: 1757212800001, title: '喝水2000ml', icon: '💧', time: '', duration: 0 },
+  { id: 1757212800002, title: '阅读', icon: '📖', time: '21:00', duration: 30 },
+]
+
+// 读取
+export function loadTasks(): ITask[] {
+  const saved = uni.getStorageSync(STORAGE_KEY)
+  const list = (saved && saved.length > 0) ? saved : defaultTasks
+
+  list.sort((a: ITask, b: ITask) => {
+    if (!a.time && !b.time) return 0
+    if (!a.time) return 1
+    if (!b.time) return -1
+    return a.time.localeCompare(b.time)
+  })
+
+  if (!saved || saved.length === 0) {
+    uni.setStorageSync(STORAGE_KEY, list)
+  }
+  return [...list]
+}
+
+// 保存
+function saveTasks(tasks: ITask[]) {
+  uni.setStorageSync(STORAGE_KEY, tasks)
+}
+
+// 获取全部任务
+export function getTasks(): ITask[] {
+  return loadTasks()
+}
+
+// 单个新增
+export function addTask(task: ITask) {
+  const tasks = loadTasks()
+  tasks.push(task)
+  saveTasks(tasks)
+}
+
+// 单个修改
+export function updateTask(id: number, task: ITask) {
+  const tasks = loadTasks()
+  const idx = tasks.findIndex(t => t.id === id)
+  if (idx === -1) return
+  tasks[idx] = task
+  saveTasks(tasks)
+}
+
+// 单个删除
+export function deleteTask(id: number) {
+  const tasks = loadTasks()
+  const filtered = tasks.filter(t => t.id !== id)
+  saveTasks(filtered)
+}
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -0,0 +1,13 @@
+{
+  "extends": "@vue/tsconfig/tsconfig.json",
+  "compilerOptions": {
+    "sourceMap": true,
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    },
+    "lib": ["esnext", "dom"],
+    "types": ["@dcloudio/types", "miniprogram-api-typings"]
+  },
+  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"]
+}
--- a/unocss.config.ts
+++ b/unocss.config.ts
@@ -0,0 +1,20 @@
+import { defineConfig } from 'unocss'
+import presetWeapp from 'unocss-preset-weapp'
+import { extractorAttributify, transformerClass } from 'unocss-preset-weapp/transformer'
+
+const { presetWeappAttributify, transformerAttributify } = extractorAttributify()
+
+export default defineConfig({
+    presets: [
+        presetWeapp(),          // 小程序预设，默认单位 rpx：w-100 => width:100rpx
+        presetWeappAttributify()
+    ],
+    shortcuts: {
+        center: 'flex justify-center items-center',
+        'btn-primary': 'bg-blue-500 text-white rounded'
+    },
+    transformers: [
+        transformerAttributify(),
+        transformerClass()      // 解决小程序不支持 \ : [ ] $ 等特殊字符
+    ]
+})
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -0,0 +1,12 @@
+import { defineConfig } from 'vite'
+import uni from '@dcloudio/vite-plugin-uni'
+
+export default defineConfig(async () => {
+  const UnoCSS = (await import('unocss/vite')).default // 0.59+ 纯 ESM，动态导入更稳
+  return {
+    plugins: [
+      uni(),
+      UnoCSS()
+    ]
+  }
+})