Wexim v1.3 - 一页视差 preview 1

Wexim v1.3 - 一页视差

bookmark

Wexim 是一款基于 Bootstrap 4 的单页视差模板，定位为创意作品集/代理类网站，包含首页、关于、团队、作品、价格、博客、联系七大板块，支持全屏幻灯片、侧边导航栏和多种入场动画，适合快速搭建商业展示站点。

HTML

项目简介

Wexim 是一款基于 Bootstrap 4 的单页视差模板，定位为创意作品集/代理类网站，包含首页、关于、团队、作品、价格、博客、联系七大板块，支持全屏幻灯片、侧边导航栏和多种入场动画，适合快速搭建商业展示站点。

技术栈

  • Bootstrap 4（网格布局与响应式组件）
  • Static HTML（无框架，纯静态页面）
  • jQuery（交互逻辑与插件驱动）
  • Google Fonts（Roboto、Poppins）
  • Font Awesome（图标）
  • Owl Carousel、Cube Portfolio、FancyBox（轮播与灯箱）
  • Revolution Slider（幻灯片组件）

项目结构

text
weximhtml-13/
├── main-file/
│   └── bootstrap-v4/
│       ├── index.html          ← 主入口页面
│       ├── css/
│       │   ├── style.css       ← 全局样式（含所有模块）
│       │   ├── bootstrap.min.css
│       │   └── animate.min.css
│       └── images/             ← 占位图片资源
├── Documentation/               ← 官方文档（可参考配置说明）
│   ├── index.html
│   └── css/

核心文件说明

  • main-file/bootstrap-v4/index.html — 页面入口，定义各 section 区块及导航
  • css/style.css — 主样式表，包含排版、按钮、渐变色、动画等完整定义
  • css/bootstrap.min.css — Bootstrap 框架样式，提供栅格与基础组件
  • css/animate.min.css — CSS 动画库，控制元素入场效果
  • js/ — jQuery 插件及自定义交互脚本（slider、地图、灯箱等）
  • rs-plugin/ — Revolution Slider 幻灯片配置与素材

快速开始

纯静态项目，直接用浏览器打开以下文件即可预览：

text
main-file/bootstrap-v4/index.html

如需本地服务器，可执行：

bash
python -m http.server 8080

然后访问 http://localhost:8080

使用建议

适用于作品集、个人简历、企业展示等单页展示型网站。开发时需替换 Logo 图片、填充实际文案内容，并调整 style.css 中的主题色（目前默认蓝色 #3264f5 → 紫色渐变）以匹配品牌风格。

help_outline

常见问题