codewave-openclaw-installer 1.0.0

package/skills/smart-customer-service/docs/codewave/20./345/272/224/347/224/250/345/274/200/345/217/221/10./351/241/265/351/235/242/350/256/276/350/256/241/28.H5/347/253/257Vue3/347/273/204/344/273/266/350/257/264/346/230/216/030./345/256/271/345/231/250/030./346/212/230/345/217/240/351/235/242/346/235/277.md

@@ -0,0 +1,198 @@
+# 折叠面板
+
+<span class="tag-blue">Vue3</span> <span class="tag-yellow">H5</span>
+
+将一组内容放置在多个折叠面板中，点击面板的标题可以展开或收缩其内容。
+
+<img src="../assets/zhediemianban_202509121336_1.png" class="imgStyle" style="width:300px;" />
+
+<div class="highlight">
+
+在本章节，你将学习：
+
+1. 折叠面板的各类属性、事件、可访问属性等基础信息。
+2. 如何使用折叠面板的各类属性，具体实现效果包括但不限于
+
+   * 使用折叠面板的“数据源”属性，以设置折叠面板中展示的数据内容；
+   * 使用折叠面板的“手风琴模式”属性，以实现展开一个面板项时，其他面板项全部折叠；
+
+3. 使用“添加折叠面板项”，在折叠面板未绑定数据源的情况下添加新的折叠面板项。
+4. 如何使用折叠面板的各类组件逻辑，具体实现效果包括但不限于
+
+   * 使用折叠面板的组件逻辑“reload”，以实现清除缓存，重新加载数据；
+   * 使用折叠面板的组件逻辑“toggleAll”，以实现展开或折叠所有折叠面板项。
+
+5. 如何使用折叠面板项的各类组件逻辑，具体实现效果包括但不限于
+
+   * 使用折叠面板项的组件逻辑“toggle”，以实现展开或折叠该折叠面板项。
+
+</div>
+
+## 属性
+
+> 组件通用属性请参见[组件通用属性说明](../../17.组件通用属性说明.md)。
+
+### 折叠面板
+
+<img src="../assets/zhediemianban_202509121336_2.png" class="imgStyle" style="width:300px;" />
+
+支持通过添加折叠面板项的方式形成一个固定面板项数量的折叠面板。折叠面板项标题中默认包含文本组件，支持替换为其他组件。
+
+#### 数据属性
+
+- 数据源:除了直接添加折叠面板项的方式外,折叠面板可通过数据源属性的编辑表达式绑定数据源,实现动态折叠面板的效果。数据源可以绑定 `List<T>` 类型变量或输出参数为数组或包含 `List<T>` 的匿名数据结构的逻辑，List中的T可以是任意类型（包括 `List<T>`、联合类型）。
+
+    <div class="highlight">
+
+    当折叠面板绑定数据源后，应用自动生成current变量。折叠面板会根据数据源中包含的 List 按顺序对每一项进行循环遍历，使用current即可指代在 List 中当前正在访问或操作的对象。为 **折叠面板项** 中的组件编辑表达式或添加事件，即可调用current变量：
+
+    <img src="../assets/zhediemianban_202509121336_3.png" class="imgStyle" style="width:200px;" />
+
+    **所有可绑定数据源的组件同理。**
+
+    在折叠面板的属性中设置任意字段（如唯一标识字段）时，同样根据字段值进行循环遍历，但不显示其 current.item 前缀。
+    </div>
+
+    操作步骤：
+
+    1.  点击“请选择表达式”进入编辑表达式页面，通过拖入变量、使用调用逻辑组件等方式设置数据源。
+
+        <img src="../assets/zhediemianban_202509121336_4.png" class="imgStyle" style="" />
+
+    2.  选择“唯一标识字段”，用于获取当前激活面板的标识。
+
+        <img src="../assets/zhediemianban_202509121336_5.png" class="imgStyle" style="width:300px;" />
+
+    3.  向折叠面板中拖拽需要展示为折叠面板项的组件，为组件绑定数据源中的current.item或其属性，实现动态展示选项。例如拖入文本和图片，并动态获取文本和图片内容。
+
+        <img src="../assets/zhediemianban_202509121336_6.png" class="imgStyle" style="" />
+
+    参考示例效果：
+
+    <img src="../assets/zhediemianban_202509121336_7.gif" class="imgStyle" style="width:300px;" />
+
+- 数据类型：数据源返回的数据结构的类型，自动识别类型进行展示说明，为只读状态无法修改。
+- 唯一标识字段：绑定数据源后，依据该字段动态加载折叠面板项的标识。用于指定“当前激活的面板”属性。
+- 当前激活的面板：当前展开的折叠面板项的标识，开启“手风琴模式”时数据类型为V，未开启时为`List<V>`，V的数据类型由折叠面板的“唯一标识字段”或折叠面板项的“值”属性决定。默认开启编辑表达式功能,编辑表达式时通常直接绑定变量,如果开启“是否将组件输入赋值给变量“,会根据选择的导航项的索引改变变量的值,也会根据变量的值展示当前选择的导航项。
+
+#### 交互属性
+
+- 手风琴模式：Boolean类型，是否开启手风琴模式。关闭时可同时展开多个面板项；开启时当展开一个面板项，其他面板项全部折叠。
+
+#### 样式属性
+
+- 是否显示边框：Boolean类型，折叠面板是否显示边框。
+- 标题右侧图标：折叠面板项右上角用于展开/收起的图标。支持从图标库选择图标、上传自定义SVG格式图标或编辑表达式。具体使用方法请参考[图标](../040.展示/120.图标.md)组件的“图标”属性。
+
+    <img src="../assets/zhediemianban_202509121336_8.png" class="imgStyle" style="width:300px;" />
+
+### 折叠面板项
+
+#### 数据属性
+
+- 值：当前折叠面板项的唯一标识。当折叠面包项被展开时，折叠面板的“当前激活的面板”属性将包含该值。
+
+#### 状态属性
+
+- 禁用：当前折叠面板项是否置灰显示，且禁止展开。
+
+#### 样式属性
+
+- 标题右侧图标：当前折叠面板项右上角用于展开/收起的图标。支持从图标库选择图标、上传自定义SVG格式图标或编辑表达式。具体使用方法请参考[图标](../040.展示/120.图标.md)组件的“图标”属性。
+
+## 事件
+
+| 事件名  | 描述                                    |
+| :---------- | :--------------------------------------------- |
+| 当前激活面板改变时触发 | 该折叠面板中任意折叠面板项展开导致折叠面板的“当前激活面板”属性改变时，触发该事件中的逻辑。 |
+
+## 可访问属性
+
+在编写表达式或使用前端逻辑时，可以通过“变量或常量“使用折叠面板组件的[可访问属性](../../19.组件可访问属性.md)，可访问属性有：
+
+<img src="../assets/zhediemianban_202509121336_9.png" class="imgStyle" style="width:300px;" />
+
+**折叠面板**
+
+- modeValue (当前激活的面板) : `V`或`List<V>`类型,当前激活的面板的唯一标识符或唯一标识的集合,支持获取。
+
+- \_if（显示条件）：Boolean类型，折叠面板是否显示，值与“显示条件”属性对齐。支持获取和赋值。
+
+**折叠面板项**
+
+- \_if（显示条件）：Boolean类型，折叠面板项是否显示，值与“显示条件”属性对齐。支持获取和赋值。
+
+## 组件逻辑
+
+页面添加折叠面板组件后，支持调用折叠面板的内置逻辑，内置逻辑有：
+
+**折叠面板**
+
+| **逻辑名** | **描述**                                                                                                    |
+| :-------- | :---------------------------------------------------------------------------------------------------------- |
+| reload    | 清除缓存，重新加载数据。                                                                                                |
+| toggleAll | 展开或折叠所有折叠面板项。入参expand为Boolean类型选填参数，expand为True表示展开所有面板项目，为False表示折叠所有面板项，expand为空表示切换所有面板项的展开状态。参expand选填， |
+
+<img src="../assets/zhediemianban_202509121336_10.png" class="imgStyle" style="width:300px;" />
+
+**折叠面板项**
+
+| 逻辑名 | 描述                                                                                         |
+| :------ | :----------------------------------------------------------------------------------------------- |
+| toggle  | 展开或折叠当前折叠面板项。入参expand为Boolean类型选填参数，expand为True表示展开当前面板项，为False表示折叠当前面板项，expand为空表示切换当前面板项的展开状态。 |
+
+<img src="../assets/zhediemianban_202509121336_11.png" class="imgStyle" style="width:300px;" />
+
+## 插槽
+
+折叠面板组件中包含插槽，支持拖拽放置其他组件：
+
+- 折叠面板项包含四个插槽。若折叠面板绑定数据源，折叠面板项不可选中，折叠面板项对应区域的插槽中的组件支持根据折叠面板的数据源来配置信息并动态加载。常见用法如：指示当前折叠面板项的标题和内容。
+
+    <img src="../assets/zhediemianban_202509121336_12.png" class="imgStyle" style="width:300px;" />
+
+## 样式
+
+> 组件通用样式请参见[组件通用样式说明](../../18.组件通用样式说明.md)。
+
+
+<div style="text-align: right;font-size: 14px;">
+    <span style="color: rgb(78, 110, 142);">创建人：</span>
+    <span style="color: rgb(118, 118, 118);">有鲤</span>
+    <span style="color: rgb(78, 110, 142);margin: 0 0 0 40px;">更新时间：</span>
+    <span style="color: rgb(118, 118, 118);">2025年09月12日</span>
+</div>
+
+<style>
+ .highlight {
+    background-color: #eaf6ff;
+    border-color: #679CF8;
+    border-left-width: 0.2rem;
+    border-left-style: solid;
+    padding: 1rem 1rem 1rem 1rem;
+    margin: 1rem 0px;
+}
+</style>
+<style>
+.tag-blue {
+    display: inline-block;
+    padding: 0.5px 10px;
+    border-radius: 9999px;
+    font-size: 0.75rem;
+    font-weight: 500;
+    margin-bottom: 1rem;
+    background-color: #dbeafe; /* 浅蓝色背景 */
+    color: #2563eb; /* 深蓝色文字 */
+}
+.tag-yellow {
+    display: inline-block;
+    padding: 0.5px 10px;
+    border-radius: 9999px;
+    font-size: 0.75rem;
+    font-weight: 500;
+    margin-bottom: 1rem;
+    background-color: #fef3c7; /* 浅黄色背景 */
+    color: #d97706; /* 深黄色文字 */
+}
+
+</style>

package/skills/smart-customer-service/docs/codewave/20./345/272/224/347/224/250/345/274/200/345/217/221/10./351/241/265/351/235/242/350/256/276/350/256/241/28.H5/347/253/257Vue3/347/273/204/344/273/266/350/257/264/346/230/216/040./345/261/225/347/244/272/010./346/214/211/351/222/256.md

@@ -0,0 +1,204 @@
+# 按钮
+
+<span class="tag-blue">Vue3</span> <span class="tag-yellow">H5</span>
+
+按钮用于触发一个操作，如提交表单。
+
+<img src="../assets/anniu_202509121340_1.png" class="imgStyle" style="width:300px;" />
+
+<div class="highlight">
+
+在本章节，你将学习：
+
+1. 按钮的各类属性、事件、可访问属性等基础信息。
+2. 如何使用按钮的各类属性，具体实现效果包括但不限于
+
+   * 使用“按钮”的“按钮文字”属性，并通过编辑表达式绑定变量，动态显示文本；
+   * 使用“按钮”的“加载文字”属性，设置加载状态时，按钮上显示的文本内容；
+   * 使用“按钮”的“链接地址”属性，以设置点击按钮时实现链接跳转。
+
+</div>
+
+## 属性
+
+> 组件通用属性请参见[组件通用属性说明](../../17.组件通用属性说明.md)。
+
+### 主要属性
+
+- 类型：设置按钮的样式，可选默认、主要、成功、信息、警告、危险。
+
+    <img src="../assets/anniu_202509121340_2.png" class="imgStyle" style="width:300px;" />
+
+    <div class="highlight">
+
+    开启编辑表达式后，可复制选项标识来配置表达式的值。用于标识“类型”属性不同选项的对应值如下图：
+
+    <img src="../assets/anniu_202509121340_3.png" class="imgStyle" style="width:300px" />,
+    <img src="../assets/anniu_202509121340_4.png" class="imgStyle" style="width:300px" />
+
+    </div>
+
+    
+
+- 朴素按钮：Boolean类型，可选按钮外观，是否为朴素按钮。
+
+    <img src="../assets/anniu_202509121340_5.png" class="imgStyle" style="width:300px;" />
+
+- 按钮文字：按钮上显示的文本内容。可手动输入内容或编辑表达式。
+
+    - 手动输入：手动输入的文本，作为静态内容直接显示在按钮中；
+
+        <img src="../assets/anniu_202509121340_6.png" class="imgStyle" style="" />
+
+    - 编辑表达式：编辑表达式可绑定变量，通常用于动态显示文本。例如将文本内容存储在局部变量button中。
+
+        <img src="../assets/anniu_202509121340_7.png" class="imgStyle" style="" />
+
+- 加载中：Boolean类型，按钮是否显示加载状态。
+- 禁用：Boolean类型，置灰显示，且禁止任何交互，如焦点、点击等。
+- 左图标：按钮中显示的图标，支持从图标库选择图标、上传自定义SVG格式图标或编辑表达式。具体使用方法请参考[图标](../040.展示/120.图标.md)组件的“图标”属性。
+- 图标位置：按钮中显示图标的位置，可选左或右。
+- 加载文字：按钮为加载状态时，按钮上显示的文本内容。
+
+    <img src="../assets/anniu_202509121340_8.png" class="imgStyle" style="width:175px;" />
+
+- 方形按钮：Boolean类型，可选按钮外观，是否为方形按钮。
+
+    <img src="../assets/anniu_202509121340_9.png" class="imgStyle" style="width:300px;" />
+
+- 细边框：Boolean类型，可选按钮外观，是否为0.5px细边框按钮。
+
+    <img src="../assets/anniu_202509121340_10.png" class="imgStyle" style="width:300px;" />
+
+- 加载类型：按钮为加载状态时，加载图标的样式，可选圆形和旋转。
+
+    <img src="../assets/anniu_202509121340_11.png" class="imgStyle" style="width:275px;" />
+
+### 交互属性
+
+- 链接地址：页面跳转链接的详细地址，支持点击链接跳转至应用内外部页面。默认开启编辑表达式，可直接点击“请选择表达式“进入编辑表达式界面选择应用内的页面实现跳转，也可以使用变量或其他表达式实现动态的页面跳转。当关闭编辑表达式属性时，可直接输入跳转页面的路由链接，如/dashboard。
+
+    - 开启编辑表达式，直接选择应用内的页面实现跳转。
+
+        <img src="../assets/anniu_202509121340_12.png" class="imgStyle" style="width:300px;" />
+
+    - 开启编辑表达式，使用变量或者其他表达式实现动态的页面跳转。例如将跳转链接地址存储在String类型的局部变量address。
+
+        <img src="../assets/anniu_202509121340_13.png" class="imgStyle" style="width:300px;" />
+
+    - 关闭编辑表达式，手动输入跳转链接地址。
+
+        <img src="../assets/anniu_202509121340_14.png" class="imgStyle" style="width:300px;" />
+
+### 样式属性
+
+- 尺寸：按钮尺寸，可选默认、大、小。
+- 圆角按钮：Boolean类型，可选按钮外观，是否为圆角按钮。
+
+    <img src="../assets/anniu_202509121340_15.png" class="imgStyle" style="width:300px;" />
+
+- 自定义颜色：按钮的颜色，优先级高于“类型”属性。支持输入RGB、RGBA、Hex、颜色英文代码。
+- 块级元素：Boolean类型，按钮是否作为块级元素，独占一行。
+
+## 事件
+
+| 事件名 | 描述          |
+| :------ | :---------------- |
+| 点击时     | 点击按钮后触发该事件中的逻辑。   |
+| 双击      | 双击按钮后触发该事件中的逻辑。   |
+| 触摸开始    | 开始触摸按钮后触发该事件中的逻辑。 |
+
+## 可访问属性
+
+在编写表达式或使用前端逻辑时，可以通过“变量或常量“使用按钮组件的[可访问属性](../../19.组件可访问属性.md)，可访问属性有：
+
+<img src="../assets/anniu_202509121340_16.png" class="imgStyle" style="width:300px;" />
+
+- \_if（显示条件）：Boolean类型，按钮是否显示，值与“显示条件”属性对齐。支持获取和赋值。
+
+## 样式
+
+> 组件通用样式请参见[组件通用样式说明](../../18.组件通用样式说明.md)。
+
+### 主题样式
+
+- mini-height：按钮迷你尺寸高度
+- mini-padding：按钮迷你尺寸内边距
+- mini-font-size：按钮迷你尺寸字体大小
+- small-height：按钮小尺寸高度
+- small-padding：按钮小尺寸内边距
+- small-font-size：按钮小尺寸字体大小
+- normal-padding：按钮普通尺寸内边距
+- normal-font-size：按钮普通尺寸字体大小
+- large-height：按钮大尺寸高度
+- default-height：按钮默认高度
+- default-line-height：按钮默认行高
+- default-font-size：按钮默认字体大小
+- default-color：按钮默认文字颜色
+- default-background：按钮默认背景色
+- default-border-color：按钮默认边框颜色
+- primary-color：按钮主要类型文字颜色
+- primary-background：按钮主要类型背景色
+- primary-border-color：按钮主要类型边框颜色
+- success-color：按钮成功类型文字颜色
+- success-background：按钮成功类型背景色
+- success-border-color：按钮成功类型边框颜色
+- danger-color：按钮危险类型文字颜色
+- danger-background：按钮危险类型背景色
+- danger-border-color：按钮危险类型边框颜色
+- warning-color：按钮警告类型文字颜色
+- warning-background：按钮警告类型背景色
+- warning-border-color：按钮警告类型边框颜色
+- border-width：按钮边框宽度
+- radius：按钮圆角半径
+- round-radius：按钮圆形圆角半径
+- plain-background：按钮朴素类型背景色
+- disabled-opacity：按钮禁用状态透明度
+- icon-size：按钮图标大小
+- loading-icon-size：按钮加载图标大小
+
+组件支持在**样式**->**主题样式**中调整当前单个组件的主题样式；也支持在**自定义主题样式**->**组件主题配置**中调整当前类型组件在应用中的所有样式，并支持直接预览效果。
+
+> 推荐前往组件主题配置中查看各主题样式的效果，相关文档请参考[自定义主题样式](../../../60.可视化开发界面/70.更多设置/30.自定义主题样式.md)。
+
+<img src="../assets/anniu_202509121340_17.png" class="imgStyle" style="" />
+
+<div style="text-align: right;font-size: 14px;">
+    <span style="color: rgb(78, 110, 142);">创建人：</span>
+    <span style="color: rgb(118, 118, 118);">有鲤</span>
+    <span style="color: rgb(78, 110, 142);margin: 0 0 0 40px;">更新时间：</span>
+    <span style="color: rgb(118, 118, 118);">2025年09月12日</span>
+</div>
+<style>
+ .highlight {
+    background-color: #eaf6ff;
+    border-color: #679CF8;
+    border-left-width: 0.2rem;
+    border-left-style: solid;
+    padding: 1rem 1rem 1rem 1rem;
+    margin: 1rem 0px;
+}
+</style>
+<style>
+.tag-blue {
+    display: inline-block;
+    padding: 0.5px 10px;
+    border-radius: 9999px;
+    font-size: 0.75rem;
+    font-weight: 500;
+    margin-bottom: 1rem;
+    background-color: #dbeafe; /* 浅蓝色背景 */
+    color: #2563eb; /* 深蓝色文字 */
+}
+.tag-yellow {
+    display: inline-block;
+    padding: 0.5px 10px;
+    border-radius: 9999px;
+    font-size: 0.75rem;
+    font-weight: 500;
+    margin-bottom: 1rem;
+    background-color: #fef3c7; /* 浅黄色背景 */
+    color: #d97706; /* 深黄色文字 */
+}
+
+</style>

package/skills/smart-customer-service/docs/codewave/20./345/272/224/347/224/250/345/274/200/345/217/221/10./351/241/265/351/235/242/350/256/276/350/256/241/28.H5/347/253/257Vue3/347/273/204/344/273/266/350/257/264/346/230/216/040./345/261/225/347/244/272/020./345/215/225/345/205/203/346/240/274/347/273/204.md

@@ -0,0 +1,215 @@
+# 单元格组
+
+<span class="tag-blue">Vue3</span> <span class="tag-yellow">H5</span>
+
+
+包含多个单元格，每个单元格为列表中的单个展示项。
+
+<img src="../assets/danyuangezu_20260106160836_1.png" class="imgStyle" style="width:300px" />
+
+<div class="highlight">
+
+在本章节，你将学习：
+
+1. 单元格组的各类属性、事件、可访问属性等基础信息。
+2. 如何使用单元格组的各类属性，具体实现效果包括但不限于
+
+   * 使用单元格组的“分组标题”属性，开启单元格组顶部插槽，以自定义顶部区域内容展示；
+
+3. 如何使用单元格的各类属性，具体实现效果包括但不限于
+
+   * 使用单元格的“左侧图标”、“右侧图标”属性，以设置单元格左右侧图标展示；
+   * 使用单元格的“链接地址”属性，以实现点击单元格页面跳转；
+
+4. 使用“添加单元格”，以添加一个新的单元格；
+5. 示例：如何使用单元格组实现一个导航栏。
+
+</div>
+
+
+
+## 属性
+
+> 组件通用属性请参见[组件通用属性说明](../../17.组件通用属性说明.md)。
+
+### 单元格组
+
+<img src="../assets/danyuangezu_20260106160836_2.png" class="imgStyle" style="width:300px" />
+
+#### 主要属性
+
+* 卡片风格：Boolean类型，是否使用卡片风格样式。
+* 边框：Boolean类型，单元格之间是否显示边框。
+* 分组标题：Boolean类型，单元格组顶部是否包含插槽，可用于展示标题。
+
+    <img src="../assets/danyuangezu_20260106160836_3.png" class="imgStyle" style="width:300px" />
+
+### 单元格
+
+#### 主要属性
+
+* 大小：当前单元格的大小，可选大和默认。
+* 左侧图标：显示于自定义左侧标题左边的图标。支持从图标库选择图标、上传自定义SVG格式图标或编辑表达式。具体使用方法请参考[图标](../040.展示/120.图标.md)组件的“图标”属性。
+* 右侧图标：显示于自定义右侧内容右边的图标。支持从图标库选择图标、上传自定义SVG格式图标或编辑表达式。具体使用方法请参考[图标](../040.展示/120.图标.md)组件的“图标”属性。
+* 边框：Boolean类型，当前单元格下方是否显示边框，优先级高于单元格组的“边框”属性。
+* 开启点击反馈：Boolean类型，是否在点击单元格时有短暂的 “按压动效”让用户感知到点击操作已触发。
+* 展示右侧箭头并开启点击反馈：Boolean类型，是否在自定义右侧内容右边展示箭头并开启点击反馈。设置“右侧图标”时不生效。
+
+    <img src="../assets/danyuangezu_20260106160836_4.png" class="imgStyle" style="width:300px" />
+
+* 显示表单必填星号：Boolean类型，是否在单元格最左侧显示星号。
+
+    <img src="../assets/danyuangezu_20260106160836_5.png" class="imgStyle" style="width:300px" />
+
+* 垂直居中：Boolean类型，内容是否垂直居中。
+
+    <img src="../assets/danyuangezu_20260106160836_6.png" class="imgStyle" style="width:300px" />
+
+* 箭头方向：开启“展示右侧箭头并开启点击反馈”属性时，展示箭头的方向。
+
+#### 交互属性
+
+* 链接地址：页面跳转链接的详细地址，支持点击链接跳转至应用内外部页面。具体使用方法请参考[链接](../../26.PC端Vue3组件说明/40.展示/130.链接.md)组件的交互属性。
+* 替换路由：Boolean类型，开启该属性后，当进行路由跳转时，路由跳转操作不会向浏览器的历史记录中添加新的跳转记录，而是用目标路由对应的记录替换当前历史记录。
+
+## 事件
+
+**单元格**
+
+| **事件名** | **描述**                       |
+| ---------------- | ------------------------------------ |
+| 点击后           | 点击相应单元格后触发该事件中的逻辑。 |
+
+## 可访问属性
+
+在编写表达式或使用前端逻辑时，可以通过“变量或常量“使用单元格组组件的[可访问属性](../../19.组件可访问属性.md)，可访问属性有：
+
+<img src="../assets/danyuangezu_20260106160836_7.png" class="imgStyle" style="width:300px" />
+
+**单元格组**
+
+* _if（显示条件）：Boolean类型，单元格组是否显示，值与“显示条件”属性对齐。支持获取和赋值。
+
+**单元格**
+
+* _if（显示条件）：Boolean类型，单元格是否显示，值与“显示条件”属性对齐。支持获取和赋值。
+
+## 插槽
+
+**单元格组**
+
+开启分组标题属性后，单元格组顶部包含插槽，支持拖拽放置其他组件：
+
+<img src="../assets/danyuangezu_20260106160836_8.png" class="imgStyle" style="width:300px" />
+
+**单元格**
+
+单元格中包含四个插槽，支持拖拽放置其他组件：
+
+<img src="../assets/danyuangezu_20260106160836_9.png" class="imgStyle" style="width:300px" />
+
+## 样式
+
+> 组件通用样式请参见[组件通用样式说明](../../18.组件通用样式说明.md)。
+
+### 主题样式
+
+* background：单元格组背景色
+* title-color：单元格组标题颜色
+* title-padding：单元格组标题内边距
+* title-font-size：单元格组标题字体大小
+* title-line-height：单元格组标题行高
+* inset-padding：单元格组内嵌内边距
+* inset-radius：单元格组内嵌圆角半径
+* inset-title-padding：单元格组内嵌标题内边距
+* --van-cell-font-size：单元格字体大小
+* --van-cell-line-height：单元格行高
+* --van-cell-vertical-padding：单元格垂直内边距
+* --van-cell-horizontal-padding：单元格水平内边距
+* --van-cell-text-color：单元格文字颜色
+* --van-cell-background：单元格背景色
+* --van-cell-border-color：单元格边框颜色
+* --van-cell-active-color：单元格激活状态颜色
+* --van-cell-required-color：单元格必填标记颜色
+* --van-cell-label-color：单元格标签颜色
+* --van-cell-label-font-size：单元格标签字体大小
+* --van-cell-label-line-height：单元格标签行高
+* --van-cell-label-margin-top：单元格标签上边距
+* --van-cell-value-color：单元格值颜色
+* --van-cell-value-font-size：单元格值字体大小
+* --van-cell-icon-size：单元格图标大小
+* --van-cell-right-icon-color：单元格右侧图标颜色
+* --van-cell-large-vertical-padding：单元格大尺寸垂直内边距
+* --van-cell-large-title-font-size：单元格大尺寸标题字体大小
+* --van-cell-large-label-font-size：单元格大尺寸标签字体大小
+* --van-cell-large-value-font-size：单元格大尺寸值字体大小
+
+组件支持在**样式**->**主题样式**中调整当前单个组件的主题样式；也支持在**自定义主题样式**->**组件主题配置**中调整当前类型组件在应用中的所有样式，并支持直接预览效果。
+
+> 推荐前往组件主题配置中查看各主题样式的效果，相关文档请参考[自定义主题样式](../../../60.可视化开发界面/70.更多设置/30.自定义主题样式.md)。
+
+<img src="../assets/danyuangezu_20260106160836_10.png" class="imgStyle" style="" />
+
+## 示例
+
+### 场景介绍
+
+通过单元格组组件展示账户设置页面，其中点击“账号信息”单元格时支持跳转至信息修改页面。
+
+### 操作步骤
+
+1. 拖拽生成单元格组组件，手动新增三个单元格，并启用分组标题的展示功能。
+
+    <img src="../assets/danyuangezu_20260106160836_11.png" class="imgStyle" style="" />
+
+2. 编辑单元格的展示信息（如展示账号、手机号码等内容），可为单元格开启“展示右侧箭头并开启点击反馈”，并设置跳转的“链接地址”，实现点击该单元格时进入个人信息修改页面。
+
+    <img src="../assets/danyuangezu_20260106160836_12.png" class="imgStyle" style="" />
+
+3. 其余单元格可根据展示需求，灵活拖入组件完成内容呈现。
+
+### 效果演示
+
+<img src="../assets/danyuangezu_20260106160836_13.gif" class="imgStyle" style="width:300px" />
+
+
+<style>
+ .highlight {
+    background-color: #eaf6ff;
+    border-color: #679CF8;
+    border-left-width: 0.2rem;
+    border-left-style: solid;
+    padding: 1rem 1rem 1rem 1rem;
+    margin: 1rem 0px;
+}
+</style>
+
+<style>
+  .tag-blue {
+      display:inline-block;
+      padding:0.5px 10px;
+      border-radius:9999px;
+      font-size:0.75rem;
+      font-weight:500;
+      margin-bottom:1rem;
+      background-color:#dbeafe;
+      color:#2563eb;
+}
+.tag-yellow {
+      display:inline-block;
+      padding:0.5px 10px;
+      border-radius:9999px;
+      font-size:0.75rem;
+      font-weight:500;
+      margin-bottom:1rem;
+      background-color:#fef3c7;
+      color:#d97706;
+}
+</style>
+
+<div style="text-align: right;font-size: 14px;">
+    <span style="color: rgb(78, 110, 142);">创建人：</span>
+    <span style="color: rgb(118, 118, 118);">有鲤</span>
+    <span style="color: rgb(78, 110, 142);margin: 0 0 0 40px;">更新时间：</span>
+    <span style="color: rgb(118, 118, 118);">2026年01月06日</span>
+</div>