项目简介link

Lexend 是一款面向 SaaS、软件和创业公司的多布局网站模板，基于 UniCore 框架构建，提供 14 种首页变体，支持 RTL 语言、暗黑模式切换、滚动动画和响应式设计。

技术栈link

• Vue 3（组件交互）
• Bootstrap 5（布局与基础组件）
• UIkit 3（部分 UI 组件）
• Vite 6（构建工具，已从 Gulp 迁移）
• Sass/SCSS（样式开发）
• Swiper、GSAP、Typed.js（动画与交互）
• jQuery（兼容遗留代码）

项目结构link

template/
  src/
    index.html                    ← 入口页面
    assets/
      scss/theme/                 ← 主题样式目录
      js/
        app.js                    ← 应用主脚本
        uni-core/                 ← UniCore 组件库
  docs/
    index.html                    ← 官方文档
  package.json                    ← 项目配置
  vite.config.js                  ← Vite 配置
  build.mjs                       ← 构建脚本

核心文件说明link

• src/index.html — 主页面入口，包含 SEO meta、预加载资源和样式引用
• src/assets/scss/theme/ — SCSS 主题文件目录，用于自定义样式
• src/assets/js/app.js — 应用初始化脚本，绑定交互行为
• docs/index.html — 完整的使用文档，包含自定义说明
• package.json — 依赖声明及 npm scripts
• build.mjs — 生产构建脚本，支持 --minify、--lite 等参数

快速开始link

cd template
npm install
npm run dev      # 开发模式（localhost 可访问）
npm run build    # 生产构建

使用建议link

模板内置大量页面组件（博客、服务、定价等），建议按需修改 SCSS 变量实现品牌定制；如需新增页面，可参考 src/main/ 目录下现有模板的 HTML 结构进行复制修改。