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/20.PC/347/253/257Vue2/347/273/204/344/273/266/350/257/264/346/230/216/357/274/210/351/273/230/350/256/244/357/274/211/40./345/261/225/347/244/272/063./347/224/273/345/273/212.md

@@ -0,0 +1,130 @@
+# 画廊
+
+画廊组件用于展示多张图片，通常用于文章配图、相册浏览、商品展示。
+
+<img src="../assets/hualang_202410081509_1.png" class="imgStyle" style="" />
+
+## 属性
+
+> 组件通用属性请参见[组件通用属性说明](../../17.组件通用属性说明.md)。
+
+### 数据属性
+
+- 数据源：画廊中图片链接的数据来源，支持绑定`List<T>`类型变量或输出参数为`List<T>`类型的逻辑，`List<T>`可以是文本格式或列表格式。T类型为String时，String内容为图片链接，T为其他类型时必须包含“url”字段，字段内容为图片链接。数据源结构示例：
+
+  - `List<String>`
+    ```
+    [
+        "https://static-vusion.nos-eastchina1.126.net/h5-template/gallery/1_1.png",
+        "https://static-vusion.nos-eastchina1.126.net/h5-template/gallery/1_2.png",
+        "https://static-vusion.nos-eastchina1.126.net/h5-template/gallery/1_3.png"
+    ]
+    ```
+
+  - `List<T>`
+
+    ```
+    [
+        {
+            "url": "https://static-vusion.nos-eastchina1.126.net/h5-template/gallery/1_1.png"
+        },
+        {
+            "url": "https://static-vusion.nos-eastchina1.126.net/h5-template/gallery/1_2.png"
+        },
+        {
+            "url": "https://static-vusion.nos-eastchina1.126.net/h5-template/gallery/1_3.png"
+        }
+    ]
+    ```
+
+- 数据类型：数据源返回的数据结构的类型，自动识别类型进行展示说明，为只读状态无法修改。
+
+### 主要属性
+
+- 画廊模式：图片的显示模式，支持大图模式和缩略图模式。开启编辑表达式功能后，用于标识"画廊模式“属性不同选项的对应值如下：
+
+  <img src="../assets/hualang_202410081509_2.png" class="imgStyle" style="" />
+
+  大图模式和缩略图模式参考效果如下：
+
+  <img src="../assets/hualang_202410081509_3.png" class="imgStyle" style="" />
+
+- 显示图片数：画廊最多同时展示的图片数量。
+- 显示左右箭头：图片支持通过鼠标按住拖动或点击左右箭头的方式调整位置，关闭该选项后不显示左右箭头。当“数据源”中包含的图片数量大于“显示图片数”、即当前有图片未显示时，支持调整图片位置。
+
+## 事件
+
+| 事件名 | 描述                     |
+| :-- | :--------------------- |
+| 加载前 | 组件数据源绑定逻辑调用前触发该事件中的逻辑。 |
+| 加载后 | 组件数据源绑定逻辑调用后触发该事件中的逻辑。 |
+
+### 加载前 / 加载后
+
+- 事件概述：
+
+    - 加载前：组件数据源绑定逻辑调用前触发该事件中的逻辑。
+    - 加载后：组件数据源绑定逻辑调用后触发该事件中的逻辑。
+- 其他说明：触发事件的前提条件是画廊的数据源使用调用逻辑。
+
+## 组件逻辑
+
+页面添加画廊组件后，支持调用画廊组件的内置逻辑：
+
+| 逻辑名    | 描述         |
+| :----- | :--------- |
+| reload | 打开选择器的下拉框。 |
+
+<img src="../assets/hualang_202410081509_5.png" class="imgStyle" style="width:400px;" />
+
+### reload
+
+- 逻辑概述：清除缓存，重新加载数据。适用于画廊的数据源使用调用逻辑的情况。
+- 其他说明：当画廊的数据源使用调用逻辑并添加了监听变量，被监听的变量改变时将自动触发画廊的reload。详细说明请参考[组件通用属性说明](../../17.组件通用属性说明.md)-监听变量。
+
+## 可访问属性
+
+在编写表达式或使用前端逻辑时，可以通过“变量或常量“使用画廊组件的[可访问属性](../../19.组件可访问属性.md)，可访问属性有：
+
+<img src="../assets/hualang_202410081509_4.png" class="imgStyle" style="width:300px;" />
+
+- data（数据）：`List<T>`类型，画廊内容的数据集合，来源于画廊的数据源。支持获取。
+- \_if（显示条件）：Boolean类型，画廊是否显示，值与“显示条件”属性对齐。支持获取和赋值。
+
+
+## 样式
+
+> 组件通用样式请参见[组件通用样式说明](../../18.组件通用样式说明.md)。
+
+## 示例
+
+### 需求场景
+
+使用文件上传组件上传图片，使用画廊组件展示上传的图片。
+
+### 操作步骤
+
+1.  在页面中拖拽生成文件上传组件和画廊组件。文件上传组件开启“多文件上传”属性。
+
+    <img src="../assets/hualang_202410081509_6.png" class="imgStyle" style="" />
+
+1.  创建String类型局部变量addressList，绑定为文件上传组件的“值”属性。
+
+    <img src="../assets/hualang_202410081509_7.png" class="imgStyle" style="" />
+
+1.  将局部变量addressList绑定为画廊组件的“数据源”。
+
+    <img src="../assets/hualang_202410081509_8.png" class="imgStyle" style="" />
+
+1.  发布预览效果。
+
+### 效果演示
+
+<img src="../assets/hualang_202410081509_9.gif" 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);">2024年10月08日</span>
+</div>

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/20.PC/347/253/257Vue2/347/273/204/344/273/266/350/257/264/346/230/216/357/274/210/351/273/230/350/256/244/357/274/211/40./345/261/225/347/244/272/065./346/240/207/347/255/276.md

@@ -0,0 +1,104 @@
+# 标签
+
+标签组件可以起到重点突出关键字的作用。常用于展示状态、分类、标记等信息。
+
+<img src="../assets/biaoqian_202410081533_1.png" class="imgStyle" style="" />
+
+## 属性
+
+> 组件通用属性请参见[组件通用属性说明](../../17.组件通用属性说明.md)。
+
+### 主要属性
+
+- 文本：标签所展示的文本内容。可手动输入内容或编辑表达式，手动输入的文本，作为静态内容直接显示在标签中；编辑表达式可绑定变量，通常用于动态显示文本。
+
+    - 手动输入
+
+      <img src="../assets/biaoqian_202410081533_2.png" class="imgStyle" style="" />
+
+    - 编辑表达式：例如将文本内容存储在局部变量input中。
+
+      <img src="../assets/biaoqian_202410081533_3.png" class="imgStyle" style="" />
+
+- 样式类型：设置标签的样式，包含主要标签（有背景色），普通标签（无背景色）。开启编辑表达式功能后，用于标识"样式类型“属性不同选项的对应值如下：
+
+  <img src="../assets/biaoqian_202410081533_4.png" class="imgStyle" style="width:300px;" />
+
+- 主题颜色：设置标签颜色，包括默认、主题色、成功色、警告色和错误色。开启编辑表达式功能后，用于标识"主题颜色“属性不同选项的对应值如下：
+
+  <img src="../assets/biaoqian_202410081533_5.png" class="imgStyle" style="width:300px;" />
+
+  参考示例：已有枚举类型局部变量status，开启“主题颜色”属性的编辑表达式功能，使用匹配组件根据status的值匹配主题颜色。
+
+  <img src="../assets/biaoqian_202410081533_6.png" class="imgStyle" style="" />
+
+  > 主题颜色由主题样式决定，修改主题样式请参考文档：[主题样式](../../../60.可视化开发界面/70.更多设置/30.自定义主题样式.md)
+
+- 展示方式：按钮展示方式，提供两种选项
+
+  - 行内：设置按钮为行内元素，相邻的行内元素同占一行。
+  - 块级：设置按钮为块级元素，独占一行。
+
+    <img src="../assets/biaoqian_202410081533_7.png" class="imgStyle" style="" />
+
+### 交互属性
+
+- 可关闭：设置删除图标的显隐，开启时显示删除图标。关闭编辑表达式，可直接手动选择当前标签是否可关闭；开启编辑表达式绑定为Boolean类型内容，可实现动态控制标签是否可关闭。
+
+  点击删除图标不会删除该标签，仅会触发组件的删除事件。
+
+  <img src="../assets/biaoqian_202410081533_8.png" class="imgStyle" style="" />
+
+### 样式属性
+
+- 尺寸：设置标签尺寸，包括小，正常，大，巨大。开启编辑表达式功能后，用于标识"尺寸“属性不同选项的对应值如下：
+
+  <img src="../assets/biaoqian_202410081533_9.png" class="imgStyle" style="width:300px;" />
+
+## 事件
+
+| 事件名   | 描述                      |
+| :---- | :---------------------- |
+| 点击    | 鼠标左键单击对应组件时触发该事件中的逻辑    |
+| 双击    | 鼠标左键双击对应组件时触发该事件中的逻辑    |
+| 右键点击  | 鼠标右键单击对应组件时触发该事件中的逻辑    |
+| 鼠标按下  | 鼠标任意键在组件区域内按下时触发该事件中的逻辑 |
+| 鼠标释放  | 鼠标任意键在组件区域内释放时触发该事件中的逻辑 |
+| 鼠标移入  | 鼠标指针移入组件区域时触发该事件中的逻辑    |
+| 鼠标移出  | 鼠标指针移出组件区域时触发该事件中的逻辑    |
+| 删除前触发 | 点击标签的删除图标还未删除前触发该事件中的逻辑 |
+| 删除时触发 | 点击标签的删除图标时触发该事件中的逻辑     |
+
+## 可访问属性
+
+在编写表达式或使用前端逻辑时，可以通过“变量或常量“使用标签组件的[可访问属性](../../19.组件可访问属性.md)，可访问属性有：
+
+<img src="../assets/biaoqian_202410081533_10.png" class="imgStyle" style="width:300px;" />
+
+- \_if（显示条件）：Boolean类型，标签是否显示，值与“显示条件”属性对齐。支持获取和赋值。
+
+
+## 样式
+
+> 组件通用样式请参见[组件通用样式说明](../../18.组件通用样式说明.md)。
+
+### 主题样式
+
+- 标签水平方向内边距（x轴方向）：如1px。
+- 标签垂直方向内边距（y轴方向）：如1px。
+- 标签的字号大小：如1px。
+- 可删除标签的删除图标与文本之间的内边距（x轴方向）：如1px。
+- 主要标签的背景色：如#223325。
+- 主要标签的背景色（鼠标悬浮状态）：如#223325。
+- 主要标签的背景色（选中状态）：如#223325。
+- 主要标签的字体颜色：如：#223325。
+- 主要标签的字体颜色（鼠标悬浮状态）：如#223325。
+- 主要标签的字体颜色（选中状态）：如#223325。
+
+
+<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);">2024年10月08日</span>
+</div>

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/20.PC/347/253/257Vue2/347/273/204/344/273/266/350/257/264/346/230/216/357/274/210/351/273/230/350/256/244/357/274/211/40./345/261/225/347/244/272/070./345/276/275/347/253/240.md

@@ -0,0 +1,66 @@
+# 徽章
+
+徽章组件多用于显示消息条数，代办事项提醒等。拖拽生成组件时提供数字徽章和小圆点两种方式。
+
+<img src="../assets/huizhang_202410081540_1.png" class="imgStyle" style="" />
+
+## 属性
+
+> 组件通用属性请参见[组件通用属性说明](../../17.组件通用属性说明.md)。
+
+### 数据属性
+
+- 值：Integer或String类型，徽标右上角展示的消息内容，为空时不展示消息。可手动输入或编辑表达式。手动输入的内容，作为静态内容直接显示在徽标中。编辑表达式可绑定变量，通常用于动态显示消息条数。
+
+    - 手动输入
+
+      <img src="../assets/huizhang_202410081540_2.png" class="imgStyle" style="" />
+
+    - 编辑表达式：例如将需要展示的内容存储在局部变量input中。
+
+      <img src="../assets/huizhang_202410081540_3.png" class="imgStyle" style="" />
+
+- 最大值：当“徽章值”为Integer整数或Decimal小数类型时，徽章值支持展示的最大数值，Integer类型。“徽章值”超过最大值将不再显示准确的数字，用“最大值+”代替，如99+。
+
+  <img src="../assets/huizhang_202410081540_4.png" class="imgStyle" style="" />
+
+### 主要属性
+
+- 角标在右上角：默认开启，开启时提醒角标位置显示在右上角，关闭时提醒角标显示在组件右侧。
+
+  <img src="../assets/huizhang_202410081540_5.png" class="imgStyle" style="" />
+
+## 插槽
+
+徽章组件中包含插槽，支持拖拽放置其他组件：
+
+<img src="../assets/huizhang_202410081540_7.png" class="imgStyle" style="" />
+
+## 可访问属性
+
+在编写表达式或使用前端逻辑时，可以通过“变量或常量“使用徽章组件的[可访问属性](../../19.组件可访问属性.md)，可访问属性有：
+
+<img src="../assets/huizhang_202410081540_6.png" class="imgStyle" style="width:300px;" />
+
+- value（值）：Integer或String类型，徽章的消息内容，值与“值”属性对齐。支持获取和赋值。
+- \_if（显示条件）：Boolean类型，徽章是否显示，值与“显示条件”属性对齐。支持获取和赋值。
+
+
+
+## 样式
+
+> 组件通用样式请参见[组件通用样式说明](../../18.组件通用样式说明.md)。
+
+### 主题样式
+
+- 徽章的背景色：如#223325。
+- 徽章的字体颜色：如#223325。
+- 徽章的圆点大小（数字模式）：如1px。
+- 徽章的圆点大小（圆点模式）：如1px。
+
+<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);">2024年10月08日</span>
+</div>

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/20.PC/347/253/257Vue2/347/273/204/344/273/266/350/257/264/346/230/216/357/274/210/351/273/230/350/256/244/357/274/211/40./345/261/225/347/244/272/080./345/271/273/347/201/257/347/211/207.md

@@ -0,0 +1,156 @@
+# 幻灯片
+
+幻灯片组件用于展示一组图片、视频、文本等，多用于展示产品、介绍公司、活动宣传和推广等。
+
+<img src="../assets/huandengpian_202407301507_1.gif" class="imgStyle" style="" />
+
+## 属性
+
+> 组件通用属性请参见[组件通用属性说明](../../17.组件通用属性说明.md)。
+
+### 幻灯片
+
+<img src="../assets/huandengpian_202407301507_2.png" class="imgStyle" style="" />
+
+幻灯片可以通过添加幻灯片子项的方式形成一个固定幻灯片数量的静态幻灯片。幻灯片子项中默认包含图片展示组件，支持替换为其他组件。
+
+#### 数据属性
+
+- 数据源：除了直接添加幻灯片子项的方式外，幻灯片可通过开启数据源属性的编辑表达式绑定数据源，实现动态幻灯片的效果。数据源可以绑定 `List<T>`类型变量或输出参数为数组或包含 `List<T>`的匿名数据结构的逻辑，List中的T可以是任意类型（包括 `List<T>`、联合类型）。
+
+    操作步骤：
+
+    1. 开启编辑表达式。
+
+        <img src="../assets/huandengpian_202407301507_3.png" class="imgStyle" style="" />
+
+    2. 点击“请选择表达式”进入编辑表达式页面，拖入变量或使用调用逻辑组件。
+
+        <img src="../assets/huandengpian_202407301507_4.png" class="imgStyle" style="" />
+
+    3. 向幻灯片中拖拽需要切换展示的组件，为组件绑定数据源中的current.item或其属性，实现动态获取数据。
+
+        <img src="../assets/huandengpian_202407301507_5.png" class="imgStyle" style="" />
+
+- 数据类型：数据源返回的数据结构的类型，自动识别类型进行展示说明，为只读状态无法修改。
+
+#### 主要属性
+
+- 轮播：是否循环播放所有幻灯片子项。
+- 切换时间：开启轮播后幻灯片自动切换时间，单位ms。
+
+## 事件
+
+| 事件名 | 描述                    |
+| :-- | :-------------------- |
+| [选择前](#选择前-选择后) | 选择某一页前触发该事件中的逻辑       |
+| [选择后](#选择前-选择后) | 选择某一页后触发该事件中的逻辑       |
+| [加载前](#加载前-加载后) | 组件数据源绑定逻辑调用前触发该事件中的逻辑 |
+| [加载后](#加载前-加载后) | 组件数据源绑定逻辑调用后触发该事件中的逻辑 |
+
+### 选择前 / 选择后
+
+- 事件概述：
+
+    - 选择前：选择某一页前触发该事件中的逻辑。
+    - 选择后：选择某一页后触发该事件中的逻辑。
+- 其他说明：触发事件的方式为点击幻灯片底部按钮。
+
+<img src="../assets/huandengpian_202407301507_6.png" class="imgStyle" style="" />
+
+### 加载前 / 加载后
+
+- 事件概述：
+
+    - 加载前：组件数据源绑定逻辑调用前触发该事件中的逻辑。
+    - 加载前：组件数据源绑定逻辑调用后触发该事件中的逻辑。
+- 其他说明：触发事件的前提条件是幻灯片的数据源使用调用逻辑。
+
+## 可访问属性
+
+在编写表达式或使用前端逻辑时，可以通过“变量或常量“使用幻灯片组件的[可访问属性](../../19.组件可访问属性.md)，可访问属性有：
+
+<img src="../assets/huandengpian_202407301756_1.png" class="imgStyle" style="width:400px;" />
+
+### 幻灯片
+
+- data（数据）：`List<T>`类型，幻灯片内容的数据集合，来源于幻灯片的数据源。支持获取。
+- _if（显示条件）：Boolean类型，幻灯片是否显示，值与“显示条件”属性对齐。支持获取和赋值。
+
+### 幻灯片选项
+
+- _if（显示条件）：Boolean类型，幻灯片选项是否显示，值与“显示条件”属性对齐。支持获取和赋值。
+
+## 组件逻辑
+
+页面添加幻灯片组件后，支持调用幻灯片的组件逻辑，组件逻辑有：
+
+| 逻辑名    | 描述           |
+| :----- | :----------- |
+| [reload](#reload)| 清除缓存，重新加载数据。 |
+
+<img src="../assets/huandengpian_202407301507_7.png" class="imgStyle" style="width:400px;" />
+
+### reload
+
+- 逻辑概述：清除缓存，重新加载数据。
+- 其他说明：
+  - 当幻灯片的数据源添加了监听变量，被监听的变量改变时将自动触发幻灯片的reload。详细说明请参考[组件通用属性说明](../../17.组件通用属性说明.md)-监听变量。
+  - 当幻灯片的数据源为经过处理的动态数据，即非直接绑定变量，例如在数据源中使用内置函数处理变量或逻辑，初始化幻灯片和更新动态数据后需要调用组件 reload 重新加载幻灯片。相关问题详情请参考[动态数据源获取不到数据](../../../../93.版本更新说明/001.版本兼容性问题说明.md)。
+
+## 插槽
+
+幻灯片组件中包含插槽，支持拖拽放置其他组件：
+
+- 幻灯片选项包含插槽。常见用法如：指示当前轮播的内容。
+
+    <img src="../assets/huandengpian_202407301507_8.png" class="imgStyle" style="" />
+
+## 样式
+
+> 组件通用样式请参见[组件通用样式说明](../../18.组件通用样式说明.md)。
+
+### 主题样式
+
+- 幻灯片图片宽度：如1px。
+- 幻灯片图片高度：如1px。
+- 幻灯片底部按钮下边距：如1px。
+- 幻灯片底部按钮宽度（未高亮状态）：如1px。
+- 幻灯片底部按钮高度：如1px。
+- 幻灯片底部按钮内边距（高亮状态）：如1px。
+- 幻灯片底部按钮背景色（未高亮状态）：如#223325。
+- 幻灯片底部按钮背景色（高亮状态）：如#223325。
+- 幻灯片左右换页按钮的外边距：如1px。
+- 幻灯片左右换页按钮大小：如1px。
+- 幻灯片左右换页按钮颜色：如#223325。
+- 幻灯片左右换页按钮颜色（高亮状态）：如#223325。
+- 幻灯片左右换页按钮鼠标悬停颜色变化动画快慢参数：如 all 0.2s。
+- 幻灯片切换动画快慢参数：如0.3s。
+
+## 使用说明
+
+- 当同时使用设置数据源和添加幻灯片子项两种方式时，需要先设置数据源，再根据需要添加幻灯片子项，这两种方式不会冲突。幻灯片将保留添加的幻灯片子项内容，并与数据源的内容一起展示。数据源的数据先展示，手动添加的幻灯片子项内容后展示。
+
+## 示例
+
+创建一个静态幻灯片。
+
+1.  在页面上添加一个幻灯片组件，这里示例添加3次幻灯片子项，幻灯片为3页。可根据需要自行添加。
+
+    <img src="../assets/huandengpian_202407301507_9.gif" class="imgStyle" style="" />
+
+1.  为3页幻灯片的图片展示组件更换不同的图片。
+
+    <img src="../assets/huandengpian_202407301507_10.png" class="imgStyle" style="" />
+
+效果展示：
+
+<img src="../assets/huandengpian_202407301507_11.gif" 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);">2024年07月30日</span>
+</div>
+                

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/20.PC/347/253/257Vue2/347/273/204/344/273/266/350/257/264/346/230/216/357/274/210/351/273/230/350/256/244/357/274/211/40./345/261/225/347/244/272/090./350/257/246/346/203/205/345/210/227/350/241/250.md

@@ -0,0 +1,119 @@
+# 详情列表
+
+详情列表组件包含基本用法和额外插槽两种用法，其中，额外插槽可以在列表分组栏中插入链接或者按钮组件。详情列表组件常用于订单详情展示、任务详情展示等场景。
+
+- 基本用法：默认生成两个详情列表组。
+
+  <img src="../assets/xiangqingliebiao_202407301432_1.png" class="imgStyle" style="" />
+
+- 额外插槽：默认生成一个详情列表组，列表组右侧插槽会默认添加“设置”链接组件。
+
+  <img src="../assets/xiangqingliebiao_202407301432_2.png" class="imgStyle" style="" />
+
+## 属性
+
+> 组件通用属性说明请参见[组件通用属性说明](../../17.组件通用属性说明.md)。
+
+### 详情列表
+
+详情列表支持添加详情列表组和详情列表项。
+
+- 添加详情列表组：详情列表组用于展示多层级数据，以表格形式显示详细信息。选中详情列表，单击加号，点击弹出的按钮“添加详情列表组”，根据所需要的分组数量添加即可。
+
+  <img src="../assets/xiangqingliebiao_202407301432_3.png" class="imgStyle" style="" />
+
+- 添加详情列表项：使用详情列表添加的详情列表项位于详情列表最下方，不属于任何一个详情列表组。选中详情列表，单击加号，点击弹出的按钮“添加详情列表项”。
+
+  <img src="../assets/xiangqingliebiao_202407301432_4.png" class="imgStyle" style="" />
+
+#### 主要属性
+
+- 列数：Integer类型，设置详情列表项展示的划分列数，默认为3。
+- 显示表格头部：开启时会显示表格头部，默认开启。
+
+  <img src="../assets/xiangqingliebiao_202407301432_5.png" class="imgStyle" style="" />
+
+#### 样式属性
+
+- 列表项标题宽度：设置详情列表中所有详情列表项的标题宽度，包括自适应，小，正常，大。
+
+### 详情列表组
+
+详情列表组支持添加详情列表项。
+
+- 添加详情列表项：使用详情列表组添加的详情列表项属于添加操作的详情列表组，添加的详情列表项根据设置的列数从左到右添加。选中详情列表组，单击加号，点击弹出的按钮“添加详情列表项”。
+
+  <img src="../assets/xiangqingliebiao_202407301432_6.png" class="imgStyle" style="" />
+
+#### 主要属性
+
+- 列数：Integer类型，设置详情列表项展示的划分列数。优先级高于详情列表的“列数”属性。
+
+#### 样式属性
+
+- 列表项标题宽度：设置详情列表组中所有详情列表项的标题宽度，包括自适应，小，正常，大。优先级高于详情列表的“列表项标题宽度”属性。
+
+### 详情列表项
+
+#### 主要属性
+
+- 占据数：Integer类型，当前列表项占的列数，为空默认为1。
+- 文本省略显示：开启时该项文本过长会省略显示，默认不开启为换行显示。
+
+#### 样式属性
+
+- 列表项标题宽度：设置当前详情列表项的标题宽度，包括自适应，小，正常，大。优先级高于详情列表和详情列表组的“列表项标题宽度”属性。
+
+## 可访问属性
+
+在编写表达式或使用前端逻辑时，可以通过“变量或常量“使用详情列表组件的可访问属性，可访问属性有：
+
+### 详情列表
+
+* _if（显示条件）：Boolean类型，详情列表单是否显示，值与“显示条件”属性对齐。支持获取和赋值。
+
+### 详情列表组
+
+* _if（显示条件）：Boolean类型，详情列表组是否显示，值与“显示条件”属性对齐。支持获取和赋值。
+
+### 详情列表项
+
+* _if（显示条件）：Boolean类型，详情列表项是否显示，值与“显示条件”属性对齐。支持获取和赋值。
+
+
+
+## 插槽
+
+详情列表组件中包含插槽，支持拖拽放置其他组件：
+
+- 详情列表项中包含两个插槽。常见用法如：左侧插槽用于指示当前详情列表项的标题信息，右侧插槽用于接收详情信息。
+
+  <img src="../assets/xiangqingliebiao_202407301432_7.png" class="imgStyle" style="" />
+
+- 详情列表组中包含两个插槽。常见用法如：左侧插槽用于指示当前详情列表组的标题信息，右侧插槽用于补充额外说明。
+
+  <img src="../assets/xiangqingliebiao_202407301432_8.png" class="imgStyle" style="" />
+
+## 样式
+
+> 组件通用样式说明请参见[组件通用样式说明](../../18.组件通用样式说明.md)。
+
+## 示例
+
+通过详情列表显示个人详细信息。
+
+在页面上添加一个详情列表组件，并自定义表头和详情列表项的标题以及展示内容的文本信息。
+
+<img src="../assets/xiangqingliebiao_202407301432_9.png" class="imgStyle" style="" />
+
+效果展示 ：
+
+<img src="../assets/xiangqingliebiao_202407301432_10.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);">2024年07月30日</span>
+</div>
+