+
+
+
+
+
+
+
+
+
diff --git a/src/assets/base.css b/src/assets/base.css
new file mode 100644
index 0000000..8816868
--- /dev/null
+++ b/src/assets/base.css
@@ -0,0 +1,86 @@
+/* color palette from + + More instructions are available in
README.md.
+
+
+
+
+
+
diff --git a/src/components/icons/IconCommunity.vue b/src/components/icons/IconCommunity.vue
new file mode 100644
index 0000000..2dc8b05
--- /dev/null
+++ b/src/components/icons/IconCommunity.vue
@@ -0,0 +1,7 @@
+
+
+
diff --git a/src/components/icons/IconDocumentation.vue b/src/components/icons/IconDocumentation.vue
new file mode 100644
index 0000000..6d4791c
--- /dev/null
+++ b/src/components/icons/IconDocumentation.vue
@@ -0,0 +1,7 @@
+
+
+
diff --git a/src/components/icons/IconEcosystem.vue b/src/components/icons/IconEcosystem.vue
new file mode 100644
index 0000000..c3a4f07
--- /dev/null
+++ b/src/components/icons/IconEcosystem.vue
@@ -0,0 +1,7 @@
+
+
+
diff --git a/src/components/icons/IconSupport.vue b/src/components/icons/IconSupport.vue
new file mode 100644
index 0000000..7452834
--- /dev/null
+++ b/src/components/icons/IconSupport.vue
@@ -0,0 +1,7 @@
+
+
+
diff --git a/src/components/icons/IconTooling.vue b/src/components/icons/IconTooling.vue
new file mode 100644
index 0000000..660598d
--- /dev/null
+++ b/src/components/icons/IconTooling.vue
@@ -0,0 +1,19 @@
+
+
+
+
diff --git a/src/main.ts b/src/main.ts
new file mode 100644
index 0000000..8495e8f
--- /dev/null
+++ b/src/main.ts
@@ -0,0 +1,21 @@
+// normalize.css
+// import 'normalize.css/normalize.css'
+import '@unocss/reset/normalize.css'
+
+import './assets/main.css'
+
+// unocss
+import 'virtual:uno.css'
+
+import { createApp } from 'vue'
+import { createPinia } from 'pinia'
+
+import App from './App.vue'
+import router from './router'
+
+const app = createApp(App)
+
+app.use(createPinia())
+app.use(router)
+
+app.mount('#app')
diff --git a/src/router/index.ts b/src/router/index.ts
new file mode 100644
index 0000000..a49ae50
--- /dev/null
+++ b/src/router/index.ts
@@ -0,0 +1,23 @@
+import { createRouter, createWebHistory } from 'vue-router'
+import HomeView from '../views/HomeView.vue'
+
+const router = createRouter({
+ history: createWebHistory(import.meta.env.BASE_URL),
+ routes: [
+ {
+ path: '/',
+ name: 'home',
+ component: HomeView
+ },
+ {
+ path: '/about',
+ name: 'about',
+ // route level code-splitting
+ // this generates a separate chunk (About.[hash].js) for this route
+ // which is lazy-loaded when the route is visited.
+ component: () => import('../views/AboutView.vue')
+ }
+ ]
+})
+
+export default router
diff --git a/src/stores/counter.ts b/src/stores/counter.ts
new file mode 100644
index 0000000..b6757ba
--- /dev/null
+++ b/src/stores/counter.ts
@@ -0,0 +1,12 @@
+import { ref, computed } from 'vue'
+import { defineStore } from 'pinia'
+
+export const useCounterStore = defineStore('counter', () => {
+ const count = ref(0)
+ const doubleCount = computed(() => count.value * 2)
+ function increment() {
+ count.value++
+ }
+
+ return { count, doubleCount, increment }
+})
diff --git a/src/typed-router.d.ts b/src/typed-router.d.ts
new file mode 100644
index 0000000..8ff91b7
--- /dev/null
+++ b/src/typed-router.d.ts
@@ -0,0 +1,22 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// Generated by unplugin-vue-router. ‼️ DO NOT MODIFY THIS FILE ‼️
+// It's recommended to commit this file.
+// Make sure to add this file to your tsconfig.json file as an "includes" or "files" entry.
+
+declare module 'vue-router/auto-routes' {
+ import type {
+ RouteRecordInfo,
+ ParamValue,
+ ParamValueOneOrMore,
+ ParamValueZeroOrMore,
+ ParamValueZeroOrOne,
+ } from 'unplugin-vue-router/types'
+
+ /**
+ * Route name map generated by unplugin-vue-router
+ */
+ export interface RouteNamedMap {
+ }
+}
diff --git a/src/views/AboutView.vue b/src/views/AboutView.vue
new file mode 100644
index 0000000..1f6b621
--- /dev/null
+++ b/src/views/AboutView.vue
@@ -0,0 +1,86 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
new file mode 100644
index 0000000..2918bc7
--- /dev/null
+++ b/src/views/HomeView.vue
@@ -0,0 +1,76 @@
+
+ This is an about page
+
+
+
+ 
+
+
+
+ + Sign in to your account +
+
+
+
+
+ + Not a member? + Start a 14 day free trial +
+
+
+
+ 复选框
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/tsconfig.app.json b/tsconfig.app.json
new file mode 100644
index 0000000..fa7a8b7
--- /dev/null
+++ b/tsconfig.app.json
@@ -0,0 +1,21 @@
+{
+ "extends": "@vue/tsconfig/tsconfig.dom.json",
+ "include": [
+ "env.d.ts",
+ "src/**/*",
+ "src/**/*.vue"
+ ],
+ "exclude": [
+ "src/**/__tests__/*"
+ ],
+ "compilerOptions": {
+ "composite": true,
+ "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+ "baseUrl": ".",
+ "paths": {
+ "@/*": [
+ "./src/*"
+ ]
+ }
+ }
+}
\ No newline at end of file
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..66b5e57
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,11 @@
+{
+ "files": [],
+ "references": [
+ {
+ "path": "./tsconfig.node.json"
+ },
+ {
+ "path": "./tsconfig.app.json"
+ }
+ ]
+}
diff --git a/tsconfig.node.json b/tsconfig.node.json
new file mode 100644
index 0000000..f7b2d6f
--- /dev/null
+++ b/tsconfig.node.json
@@ -0,0 +1,20 @@
+{
+ "extends": "@tsconfig/node20/tsconfig.json",
+ "include": [
+ "vite.config.*",
+ "vitest.config.*",
+ "cypress.config.*",
+ "nightwatch.conf.*",
+ "playwright.config.*"
+ ],
+ "compilerOptions": {
+ "composite": true,
+ "noEmit": true,
+ "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+ "module": "ESNext",
+ "moduleResolution": "Bundler",
+ "types": [
+ "node"
+ ]
+ }
+}
\ No newline at end of file
diff --git a/uno.config.ts b/uno.config.ts
new file mode 100644
index 0000000..49da184
--- /dev/null
+++ b/uno.config.ts
@@ -0,0 +1,41 @@
+// uno.config.ts
+import { defineConfig, presetAttributify, presetUno, presetMini } from 'unocss'
+import presetRemToPx from '@unocss/preset-rem-to-px'
+import presetIcons from '@unocss/preset-icons'
+
+export default defineConfig({
+ presets: [
+ // 此预设尝试提供流行的工具优先框架的通用超集，包括 Tailwind CSS、Windi CSS、Bootstrap、Tachyons 等。
+ presetUno(), // https://unocss.nodejs.cn/presets/uno
+ // 属性化模式预设：通过在元素的属性中使用类名的方式来应用样式，提供一种更语义化的开发体验
+ presetAttributify(), // https://unocss.nodejs.cn/presets/attributify
+ // https://unocss.nodejs.cn/presets/icons
+ presetIcons({
+ collections: {
+ antDesign: () => import('@iconify-json/ant-design').then((i) => i.icons as any)
+ }
+ }),
+ presetRemToPx({
+ baseFontSize: 16
+ }),
+ // 该预设包含更多实用的 CSS 工具，但功能更简单以保持其小巧的尺寸。它可以用作高级布局需求的替代方案。
+ presetMini() // https://unocss.nodejs.cn/presets/mini
+ // ...other presets
+ ],
+ shortcuts: [
+ // shortcuts to multiple utilities
+ // 一个用于按钮的快捷方式，将多种样式组合在一起。使用 btn 类时，会自动应用以下样式
+ [
+ 'btn',
+ 'px-6 py-3 rounded-3 border-none inline-block bg-green-400 text-white cursor-pointer !outline-none hover:bg-green-600 disabled:cursor-default disabled:bg-gray-600 disabled:opacity-50'
+ ],
+ [
+ 'btn1',
+ 'px-6 py-3 rounded-3 border-none inline-block bg-green-200 text-white cursor-pointer !outline-none hover:bg-green-600 disabled:cursor-default disabled:bg-gray-600 disabled:opacity-50'
+ ]
+ ],
+ rules: [
+ // 动态规则：匹配 "font-icon-数字"
+ [/^font-icon-(\d+)$/, ([, size]) => ({ 'font-size': `${size}px` })]
+ ]
+})
diff --git a/vite.config.ts b/vite.config.ts
new file mode 100644
index 0000000..64432b5
--- /dev/null
+++ b/vite.config.ts
@@ -0,0 +1,59 @@
+import { fileURLToPath, URL } from 'node:url'
+import path from 'path'
+function resolve(dir: string) {
+ return path.join(__dirname, dir)
+}
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import vueJsx from '@vitejs/plugin-vue-jsx'
+import VueDevTools from 'vite-plugin-vue-devtools'
+
+import VueRouter from 'unplugin-vue-router/vite' // 自动配置生成路由
+
+import { stylePlugin, autoImportPlugin } from './build/vite'
+
+import legacy from '@vitejs/plugin-legacy'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+ plugins: [
+ VueRouter({
+ extensions: ['.vue'],
+ routesFolder: 'src/pages', // 指定路由文件夹路径
+ dts: 'src/typed-router.d.ts'
+ }),
+ vue(),
+ vueJsx(),
+ VueDevTools(),
+
+ legacy({
+ targets: ['defaults', 'not IE 11']
+ }),
+ // vite plugins
+ autoImportPlugin(),
+ stylePlugin()
+ // routerPlugin()
+ ],
+ resolve: {
+ alias: {
+ '@': fileURLToPath(new URL('./src', import.meta.url)),
+ '@common': resolve('./src/common'),
+ '@components': resolve('./src/components'),
+ '@store': resolve('./src/store'),
+ '@pages': resolve('./src/pages')
+ },
+ extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json']
+ }
+ // css: {
+ // postcss: {
+ // plugins: [
+ // mobile({
+ // appSelector: '#app',
+ // viewportWidth: 375,
+ // maxDisplayWidth: 580,
+ // rootContainingBlockSelectorList: ['van-tabbar', 'van-popup']
+ // })
+ // ]
+ // }
+ // }
+})
+
+
+ 模版搭建
+
+ 模版搭建
+ 模版搭建 220px
+ 模版搭建 220px
+ 模版搭建 220px
+ 模版搭建 220px
+ 1
+ 1
+
+
+
+
+ 模版搭建
+
+ 模版搭建
+ + 模版搭建 +
+模版搭建
+ ++ 模版搭建 +
+字体
+
+
+