WebApp【公共组件库】@前端(For Git Submodule)
Tevin
2025-03-24 5582ece6bad3fe6002732de1731d3a56c0501374
_cursor.ai/组件目录.md
@@ -1,10 +1,176 @@
# 公共组件目录
这是移动端平台的公共组件目录
移动端全部公共组件目录
## 表单类组件
## 1. 表单类组件
### 1.1 输入控件
## 排版类组件
- **CInput 文本输入框**
    基础的文本输入框组件,用于在表单中收集用户的文本输入
    [组件文档 »](/src/components/_cursor.ai/forms.doc/input.doc/CInput.doc.md)
    [组件代码 »](/src/components/forms/input/CInput.vue)
## 复杂插件类组件
- **CInputPhoneCode 手机验证码输入框**
    带验证码功能的手机号输入组件
    [组件文档 »](/src/components/_cursor.ai/forms.doc/input.doc/CInputPhoneCode.doc.md)
    [组件代码 »](/src/components/forms/input/CInputPhoneCode.vue)
- **CInputScanCode 扫码输入框**
    带扫码功能的输入框组件
    [组件文档 »](/src/components/_cursor.ai/forms.doc/input.doc/CInputScanCode.doc.md)
    [组件代码 »](/src/components/forms/input/CInputScanCode.vue)
- **CInputExpressCode 快递单号输入框**
    快递单号输入组件
    [组件文档 »](/src/components/_cursor.ai/forms.doc/input.doc/CInputExpressCode.doc.md)
    [组件代码 »](/src/components/forms/input/CInputExpressCode.vue)
- **CTextarea 多行文本输入**
    多行文本输入组件
    [组件文档 »](/src/components/_cursor.ai/forms.doc/textarea.doc/CTextarea.doc.md)
    [组件代码 »](/src/components/forms/textarea/CTextarea.vue)
### 1.2 选择控件
- **CSelect 选择器**
    下拉选择组件
    [组件文档 »](/src/components/_cursor.ai/forms.doc/select.doc/CSelect.doc.md)
    [组件代码 »](/src/components/forms/select/CSelect.vue)
- **CDatePicker 日期选择器**
    日期选择组件
    [组件文档 »](/src/components/_cursor.ai/forms.doc/datePicker.doc/CDatePicker.doc.md)
    [组件代码 »](/src/components/forms/datePicker/CDatePicker.vue)
- **CChinaArea 中国区域选择器**
    中国省市区选择器组件
    [组件文档 »](/src/components/_cursor.ai/forms.doc/chinaArea.doc/CChinaArea.doc.md)
    [组件代码 »](/src/components/forms/chinaArea/CChinaArea.vue)
- **CImagePicker 图片选择器**
    图片上传选择组件
    [组件文档 »](/src/components/_cursor.ai/forms.doc/imagePicker.doc/CImagePicker.doc.md)
    [组件代码 »](/src/components/forms/imagePicker/CImagePicker.vue)
### 1.3 数值控件
- **CNumberStep 数字步进器**
    数字加减步进器组件
    [组件文档 »](/src/components/_cursor.ai/forms.doc/numberStep.doc/CNumberStep.doc.md)
    [组件代码 »](/src/components/forms/numberStep/CNumberStep.vue)
- **CNumberValve 数字阀值**
    数字阀值设置组件
    [组件文档 »](/src/components/_cursor.ai/forms.doc/numberValve.doc/CNumberValve.doc.md)
    [组件代码 »](/src/components/forms/numberValve/CNumberValve.vue)
### 1.4 状态控件
- **CCheckbox 复选框**
    复选框组件
    [组件文档 »](/src/components/_cursor.ai/forms.doc/checkbox.doc/CCheckbox.doc.md)
    [组件代码 »](/src/components/forms/checkbox/CCheckbox.vue)
- **CSwitch 开关**
    开关切换组件
    [组件文档 »](/src/components/_cursor.ai/forms.doc/switch.doc/CSwitch.doc.md)
    [组件代码 »](/src/components/forms/switch/CSwitch.vue)
### 1.5 特殊表单组件
- **CForm 表单**
    表单容器组件,用于管理表单数据和验证
    [组件文档 »](/src/components/_cursor.ai/forms.doc/form.doc/CForm.doc.md)
    [组件代码 »](/src/components/forms/form/CForm.vue)
- **CUserSignature 用户签名**
    用户手写签名组件
    [组件文档 »](/src/components/_cursor.ai/forms.doc/userSignature.doc/CUserSignature.doc.md)
    [组件代码 »](/src/components/forms/userSignature/CUserSignature.vue)
## 2. 排版类组件
### 2.1 容器组件
- **CH5Page H5页面**
    H5页面容器组件
    [组件文档 »](/src/components/_cursor.ai/layout.doc/h5Page.doc/CH5Page.doc.md)
    [组件代码 »](/src/components/layout/h5Page/CH5Page.vue)
- **CCard 卡片**
    卡片容器组件
    [组件文档 »](/src/components/_cursor.ai/layout.doc/card.doc/CCard.doc.md)
    [组件代码 »](/src/components/layout/card/CCard.vue)
- **CDrawer 抽屉**
    抽屉组件
    [组件文档 »](/src/components/_cursor.ai/layout.doc/drawer.doc/CDrawer.doc.md)
    [组件代码 »](/src/components/layout/drawer/CDrawer.vue)
### 2.2 导航组件
- **CNavCustomBar 自定义导航栏**
    自定义顶部导航栏组件
    [组件文档 »](/src/components/_cursor.ai/layout.doc/navCustomBar.doc/CNavCustomBar.doc.md)
    [组件代码 »](/src/components/layout/navCustomBar/CNavCustomBar.vue)
- **CHomeNav 首页导航**
    首页导航组件
    [组件文档 »](/src/components/_cursor.ai/layout.doc/homeNav.doc/CHomeNav.doc.md)
    [组件代码 »](/src/components/layout/homeNav/CHomeNav.vue)
- **CAnchor 锚点**
    页面锚点组件
    [组件文档 »](/src/components/_cursor.ai/layout.doc/anchor.doc/CAnchor.doc.md)
    [组件代码 »](/src/components/layout/anchor/CAnchor.vue)
### 2.3 交互提示组件
- **CAlert 弹窗**
    基于 Taro UI 的模态框封装的alert弹窗组件
    [组件文档 »](/src/components/_cursor.ai/layout.doc/alert.doc/CAlert.doc.md)
    [组件代码 »](/src/components/layout/alert/CAlert.vue)
- **CWaiting 等待提示**
    加载等待提示组件
    [组件文档 »](/src/components/_cursor.ai/layout.doc/waiting.doc/CWaiting.doc.md)
    [组件代码 »](/src/components/layout/waiting/CWaiting.vue)
### 2.4 数据展示组件
- **CNumerical 数值显示**
    数值显示组件
    [组件文档 »](/src/components/_cursor.ai/layout.doc/numerical.doc/CNumerical.doc.md)
    [组件代码 »](/src/components/layout/numerical/CNumerical.vue)
- **CDescription 描述列表**
    描述列表组件
    [组件文档 »](/src/components/_cursor.ai/layout.doc/description.doc/CDescription.doc.md)
    [组件代码 »](/src/components/layout/description/CDescription.vue)
## 3. 复杂插件类组件
### 3.1 数据可视化
- **CEcharts 图表**
    基于 Echarts 的图表组件
    [组件文档 »](/src/components/_cursor.ai/plugins.doc/echarts.doc/CEcharts.doc.md)
    [组件代码 »](/src/components/plugins/echarts/CEcharts.vue)
- **CQrcode 二维码**
    二维码生成组件
    [组件文档 »](/src/components/_cursor.ai/plugins.doc/qrcode.doc/CQrcode.doc.md)
    [组件代码 »](/src/components/plugins/qrcode/CQrcode.vue)
### 3.2 数据交互
- **CFilter 筛选器**
    数据筛选器组件
    [组件文档 »](/src/components/_cursor.ai/plugins.doc/filter.doc/CFilter.doc.md)
    [组件代码 »](/src/components/plugins/filter/CFilter.vue)
- **CInfiniteScroll 无限滚动**
    无限滚动加载组件
    [组件文档 »](/src/components/_cursor.ai/plugins.doc/infiniteScroll.doc/CInfiniteScroll.doc.md)
    [组件代码 »](/src/components/plugins/infiniteScroll/CInfiniteScroll.vue)