# component-library-guidedoc

**Repository Path**: delta1035/component-library-guidedoc

## Basic Information

- **Project Name**: component-library-guidedoc
- **Description**: 珠峰架构组件库开发指导文档
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 2
- **Created**: 2026-04-07
- **Last Updated**: 2026-04-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 珠峰架构组件库开发指导文档

![Build](https://github.com/everest-architecture/component-library-guidedoc/workflows/Build/badge.svg)

文档地址：https://everest-architecture.github.io/component-library-guidedoc/

### 简介

​ 本文档目标是解决设计上的问题，提供组件库开发的一些思路，还有一些简易的实现，后面会再开仓库按照此指导文档来制作组件库。

​ 一个前端都有做自己组件库的梦想，但是能做出好用的组件库通常不是一个人能完成的，所以需要集合团体的力量与智慧去解决各种问题，同时也能在制作过程中获得提高。为此我开了个 qq 交流群（微信有时间限制，换二维码麻烦），群号 603841408 ，希望一起学习交流进步。

​ 欢迎提 issue 和 pr 一起学习进步。

### 计划

前面有需要修改的也可以进行修改，并不是过了就不能改了。组件方面不一定只做这些，也都可以修改。

- 第一周：确立代码规范
- 第二周：确立主题与主题色。
- 第三周：确立排版
- 第四周：确立全局变量，工具函数。
- 第五周：确立文件夹结构，构建工具，打包配置。
- 第六周：确立 Avatar、badge、button 样式与功能
- 第七周：确立 Card、List、Popover 样式与功能
- 第八周：确立 menu、table、pagenation 样式与功能
- 第九周：确立 Form、radio、checkbox 样式与功能
- 第十周：确立 inputNumber、input、select 样式与功能
- 第十一周：确立 upload，switch，datepicker 样式与功能。
- 第十二周：确立文档平台制作，cicd 配置。

### 已完成部分

第一周：

- 代码规范方面简单写了下约定的东西。

第二周：

- 花了些时间制作了主题，已经完全可以操作主题来改变颜色。
- 主题的设计参考了很多资料，最终设计出这样的方案：

<img src="https://github.com/everest-architecture/component-library-guidedoc/blob/master/public/week2.jpg" />

- 细节可以参考代码。

第三周：

- 提前更新了下，对字型字号行高阴影等加入主题并实现预览。

### 欢迎加入交流群

- qq 群 603841408

![opensourceqqgroup.png](https://img.zhufengpeixun.com/opensourceqqgroup.png)