🏆 创新马拉松比赛材料

包含两个参赛项目的展示材料，支持多种风格。

📦 安装

npm install @xingzhihui/competition-materials
# 或
yarn add @xingzhihui/competition-materials

📂 目录结构

competition-materials/
├── shine-mi/                    # shine-mi组件库 - 科技风格版
├── shine-mi-formal/             # shine-mi组件库 - 正式汇报版
├── xingzhijian/                 # 兴智检规范工具 - 科技风格版
└── xingzhijian-formal/          # 兴智检规范工具 - 正式汇报版

🎯 项目说明

1. shine-mi 移动端组件库

• 定位：技术驱动业务敏捷，赋能全行数字化转型
• 核心数据：52个通用组件、38+项目接入、4438次使用、70%+效率提升

2. 兴智检 前端代码规范工具

• 定位：首个技术委通过的企业级前端规范工具
• 核心数据：3中心、40+团队、149+项目、98%成本降低

📋 文件说明

正式汇报版（推荐）

适合银行内部领导汇报，深蓝商务风格。

| 文件 | 说明 | |------|------| | A1-项目概览 | 首页开场 | | A2-核心价值 | 价值阐述 | | A3-痛点方案 | 背景说明 | | A4-业务流程 | 流程展示（兴智检） | | A4/A5-五大亮点 | 创新亮点 | | B1-简约扁平风 | 备选方案 | | C1-一页总览 | 总结/打印 |

科技风格版

适合小红书、公众号等平台宣传，视觉冲击力强。

🖼️ 使用方法

方法1：直接打开HTML文件

# 找到安装目录
cd node_modules/@xingzhihui/competition-materials
# 用浏览器打开对应HTML文件
open shine-mi-formal/A1-项目概览-深蓝商务风.html

方法2：复制到项目中

cp -r node_modules/@xingzhihui/competition-materials ./materials

方法3：在代码中引用路径

const path = require('path');
const materialsPath = path.dirname(require.resolve('@xingzhihui/competition-materials/package.json'));
console.log(materialsPath); // 输出材料文件夹路径

📸 截图方法

1. 双击HTML文件用浏览器打开
2. Mac: Cmd + Shift + 4 选区截图
3. 或 Cmd + P → 另存为PDF

🎨 风格对比

| 版本 | 配色 | 适用场景 | |------|------|----------| | 科技风格版 | 渐变色、霓虹效果 | 宣传推广、小红书 | | 正式汇报版 | 深蓝+金色+白底 | 领导汇报、答辩 |

📄 License

MIT