MOSE Web

MOSE Web 是一个基于 Vue 3 和 Tailwind CSS v4 的多语言区块链项目网站。

特点

• 使用 Vue 3 和 TypeScript 构建
• 使用 Tailwind CSS v4 进行样式设计
• 支持多语言（中文、英文、日语）
• 响应式设计，适配桌面、平板和移动端
• 模块化组件结构

页面

• 首页：展示项目概览和核心特点
• 生态系统：展示项目生态系统中的应用和合作伙伴
• 关于我们：介绍项目团队和发展历程
• 404页面：自定义错误页面

技术栈

• Vue 3：前端框架
• Vue Router：路由管理
• Vue I18n：国际化
• Tailwind CSS v4：CSS 框架
• Vite：构建工具

开发

# 安装依赖
npm install

# 启动开发服务器
npm run dev

# 构建生产版本
npm run build

# 预览生产版本
npm run preview

项目结构

MOSE Web/
├── public/               # 静态资源
├── src/
│   ├── assets/           # 项目资源文件
│   ├── components/       # 组件
│   │   └── layout/       # 布局组件
│   ├── i18n/             # 国际化
│   │   └── locales/      # 语言文件
│   ├── router/           # 路由
│   ├── views/            # 页面
│   ├── App.vue           # 根组件
│   ├── main.ts           # 入口文件
│   └── style.css         # 全局样式
├── index.html            # HTML 模板
├── package.json          # 项目配置
├── tailwind.config.js    # Tailwind 配置
├── tsconfig.json         # TypeScript 配置
└── vite.config.ts        # Vite 配置