独角数卡lime-zest模板

Lime-Zest 是一款清新的卡密商城模板，专为 Laravel 独角数卡系统设计。它采用现代化设计风格，完美适配独角卡系统，提供流畅的用户体验   主配色为极简白

- 完全响应式设计 - 完美适配手机、平板、电脑等设备

- 流畅的动画效果 - 悬停、点击等交互反馈

- 优化的用户体验 - 美化的表单交互效果

- 完善的错误页面 - 友好的错误提示

- 支持多种支付方式 - 支付宝、微信等

交互效果

- 卡片悬停放大效果

- 按钮点击反馈

- 表单输入框聚焦效果

- 平滑的过渡动画

- 支付方式选中高亮

### 安装步骤

1. 备份原有文件

2. 上传模板文件

   - resources/views/lime-zest/ → 网站的 resources/views/ 目录

   - public/assets/lime-zest/ → 网站的 public/assets/ 目录

3. 设置模板 - 在后台选择 "lime-zest" 模板

文件结构

lime-zest-template/
├── resources/views/lime-zest/      # 视图文件
│   ├── layouts/                    # 布局组件
│   │   ├── default.blade.php      # 主布局
│   │   ├── _header.blade.php      # 头部
│   │   ├── _nav.blade.php         # 导航栏
│   │   ├── _footer.blade.php      # 页脚
│   │   └── _script.blade.php      # 脚本
│   ├── static_pages/               # 静态页面
│   │   ├── home.blade.php         # 首页
│   │   ├── buy.blade.php          # 购买页
│   │   ├── searchOrder.blade.php  # 订单查询
│   │   ├── orderinfo.blade.php    # 订单详情
│   │   ├── qrpay.blade.php        # 二维码支付
│   │   ├── bill.blade.php         # 账单页
│   │   └── error.blade.php        # 错误页
│   └── errors/                     # 错误页面
│       ├── 404.blade.php          # 404页面
│       └── error.blade.php        # 通用错误页
│
└── public/assets/lime-zest/        # 资源文件
    ├── css/                        # 样式文件
    │   ├── style.css              # 主样式
    │   └── bootstrap.min.css      # Bootstrap
    └── js/                         # 脚本文件
        ├── main.js                # 主脚本
        ├── jquery.min.js          # jQuery
        └── bootstrap.bundle.min.js # Bootstrap脚本

### 自定义配置 修改主题颜色

编辑 public/assets/lime-zest/css/style.css ：

:root {
    --primary-color: #84cc16;        /* 主色调 */
    --secondary-color: #65a30d;      /* 次要色调 */
    --primary-color-rgb: 132, 204, 22; /* RGB值 */
    --text: #1f2937;                 /* 主文本颜色 */
    --text-light: #6b7280;           /* 次要文本颜色 */
    --surface: #ffffff;              /* 表面颜色 */
    --border: #e5e7eb;               /* 边框颜色 */
    --radius: 12px;                  /* 圆角大小 */
}

修改商品卡片布局

在 home.blade.php 中修改 grid-template-columns ：

/* 5列 */
grid-template-columns: repeat(5, 1fr);
/* 4列 */
grid-template-columns: repeat(4, 1fr);
/* 3列 */
grid-template-columns: repeat(3, 1fr);

### 页面功能

页面 功能 首页 公告展示、商品分类、商品卡片列表 购买页 商品详情、库存状态、购买表单、支付方式选择 订单查询 订单号输入、密码验证、订单状态显示 订单详情 订单完整信息、支付状态、卡密内容 二维码支付 支付二维码展示、金额显示、自动刷新 错误页面 404页面、通用错误页、友好提示

###  版权信息

- 模板名称 : Lime-Zest 独家卡密商城模板

- 版本号 : v1.3

- 发布日期 : 2026-01-14

- 开发者 : 无忧设计

- 版权声明 : 未经授权，禁止复制、分发或用于商业用途