
Lexend v4.0 - 软件、SaaS 和启动 HTML5 模板
categorySaaS
# 项目简介
Lexend 是一款面向 SaaS、软件和创业公司的多布局网站模板,基于 UniCore 框架构建,提供 14 种首页变体,支持 RTL 语言、暗黑模式切换、滚动动画和响应式设计。
## 技术栈
- Vue 3(组件交互)
- Bootstrap 5(布局与基础组件)
- UIkit 3(部分 UI 组件)
- Vite 6(构建工具,已从 Gulp 迁移)
- Sass/SCSS(样式开发)
- Swiper、GSAP、Typed.js(动画与交互)
- jQuery(兼容遗留代码)
## 项目结构
```
template/
src/
index.html ← 入口页面
assets/
scss/theme/ ← 主题样式目录
js/
app.js ← 应用主脚本
uni-core/ ← UniCore 组件库
docs/
index.html ← 官方文档
package.json ← 项目配置
vite.config.js ← Vite 配置
build.mjs ← 构建脚本
```
## 核心文件说明
- `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` 等参数
## 快速开始
```bash
cd template
npm install
npm run dev # 开发模式(localhost 可访问)
npm run build # 生产构建
```
## 使用建议
模板内置大量页面组件(博客、服务、定价等),建议按需修改 SCSS 变量实现品牌定制;如需新增页面,可参考 `src/main/` 目录下现有模板的 HTML 结构进行复制修改。
help_outline
常见问题
评论0
发布时间Dec 7, 2025
技术栈
HTML
标签
agencyaibootstrapdigital agencydigital producthtml5it solutionslandingmarketingnodejssaassaas templatesite templatesoftwarestartup