前端技术 #技术

Input实现

1.需求分析支持text和textarea 支持不同大小支持密码显示，支持隐藏/显示密码支持前缀/后缀，可填充图标/模板等支持前置/后置用于label 支持原生属性：placeholder等暴露输入框实例，提供自定义操作。 2.编码实现 2.1类型定义

Published on 2025-04-26

前端技术 #技术

Switch实现

1.需求分析类似于checkbox 样式与checkbox不同支持switch不同状态标签展示 2.编码实现 2.1属性定义 export type SwitchValueType = boolean | string | number; export interface SwtichProps

Published on 2025-04-26

前端技术 #技术

1. 需求分析可以通过点击标题进行隐藏\显示折叠内容可以动态嵌入输入内容，输入内容可为文本可谓HTML文本需要有收起展开过渡动画拥有两种模式，一种最多只能打开一个，一种可以打开多个需要进行双向绑定 2. 编码实现 2.1. 组件结构

Published on 2025-04-08

前端技术 #技术

1. 需求分析大多关注样式，交互较少分为多种类型按钮，有不同类型的样式（Primary、Danger、Info、Success、Warning）拥有disable（禁用）、round（圆角）、plain（朴素）、size（大小）、circle（圆形）、loading多种状态 2. 编码实现 2

Published on 2025-04-08

前端技术 #技术

项目介绍本项目旨在通过开发依赖vue的组件库，预封装可复用的原子化组件（如按钮、表单控件）和复合组件（如数据表格、模态框），开发者无需重复造轮子，可将核心精力聚焦于业务逻辑实现。组件库通过模块化设计和标准化接口，实现了代码质量的三重保障：严格的单元测试体系确保功能稳定性，类型系统(TypeScr

Published on 2025-04-08