feat: add doc for field style setting (nocobase#102)

sheldon66 · Aug 8, 2024 · 0d82e61 · 0d82e61
1 parent 629a69f
commit 0d82e61
Show file tree

Hide file tree

Showing 6 changed files with 43 additions and 2 deletions.
diff --git a/docs/en-US/handbook/ui/fields/generic/detail-form-item.md b/docs/en-US/handbook/ui/fields/generic/detail-form-item.md
@@ -27,4 +27,10 @@
 - [编辑字段标题](/handbook/ui/fields/field-settings/edit-title)
 - [显示标题](/handbook/ui/fields/field-settings/display-title)
 - [编辑字段描述](/handbook/ui/fields/field-settings/edit-description)
-- [编辑字段提示信息](/handbook/ui/fields/field-settings/edit-tooltip)
+- [编辑字段提示信息](/handbook/ui/fields/field-settings/edit-tooltip)
+
+### 风格
+
+![2024-06-26-15-16-09-表单风格入口](https://static-docs.nocobase.com/2024-06-26-15-16-09-表单风格入口.png)
+![2024-06-26-15-21-31-样式配置](https://static-docs.nocobase.com/2024-06-26-15-21-31-样式配置.png)
+![2024-06-26-15-22-42-表单-最终效果](https://static-docs.nocobase.com/2024-06-26-15-22-42-表单-最终效果.png)
diff --git a/docs/en-US/handbook/ui/fields/generic/form-item.md b/docs/en-US/handbook/ui/fields/generic/form-item.md
@@ -41,3 +41,11 @@
 - [编辑字段描述](/handbook/ui/fields/field-settings/edit-description)
 - [编辑字段提示信息](/handbook/ui/fields/field-settings/edit-tooltip)
 - [模式](/handbook/ui/fields/field-settings/pattern)
+
+### 风格
+
+表单在阅读模式下可以设置风格
+
+![2024-06-26-15-16-09-表单风格入口](https://static-docs.nocobase.com/2024-06-26-15-16-09-表单风格入口.png)
+![2024-06-26-15-21-31-样式配置](https://static-docs.nocobase.com/2024-06-26-15-21-31-样式配置.png)
+![2024-06-26-15-22-42-表单-最终效果](https://static-docs.nocobase.com/2024-06-26-15-22-42-表单-最终效果.png)
diff --git a/docs/en-US/handbook/ui/fields/generic/table-column.md b/docs/en-US/handbook/ui/fields/generic/table-column.md
@@ -32,3 +32,9 @@
 ### 固定列
 
 ![20240511140524](https://static-docs.nocobase.com/20240511140524.png)
+
+### 风格
+支持按条件配置列的颜色和背景颜色
+![风格入口](https://static-docs.nocobase.com/风格入口.png)
+![2024-06-26-14-06-07-样式配置](https://static-docs.nocobase.com/2024-06-26-14-06-07-样式配置.png)
+![2024-06-26-14-06-17-最终效果](https://static-docs.nocobase.com/2024-06-26-14-06-17-最终效果.png)
diff --git a/docs/zh-CN/handbook/ui/fields/generic/detail-form-item.md b/docs/zh-CN/handbook/ui/fields/generic/detail-form-item.md
@@ -27,4 +27,10 @@
 - [编辑字段标题](/handbook/ui/fields/field-settings/edit-title)
 - [显示标题](/handbook/ui/fields/field-settings/display-title)
 - [编辑字段描述](/handbook/ui/fields/field-settings/edit-description)
-- [编辑字段提示信息](/handbook/ui/fields/field-settings/edit-tooltip)
+- [编辑字段提示信息](/handbook/ui/fields/field-settings/edit-tooltip)
+
+### 风格
+
+![2024-06-26-15-16-09-表单风格入口](https://static-docs.nocobase.com/2024-06-26-15-16-09-表单风格入口.png)
+![2024-06-26-15-21-31-样式配置](https://static-docs.nocobase.com/2024-06-26-15-21-31-样式配置.png)
+![2024-06-26-15-22-42-表单-最终效果](https://static-docs.nocobase.com/2024-06-26-15-22-42-表单-最终效果.png)
diff --git a/docs/zh-CN/handbook/ui/fields/generic/form-item.md b/docs/zh-CN/handbook/ui/fields/generic/form-item.md
@@ -41,3 +41,11 @@
 - [编辑字段描述](/handbook/ui/fields/field-settings/edit-description)
 - [编辑字段提示信息](/handbook/ui/fields/field-settings/edit-tooltip)
 - [模式](/handbook/ui/fields/field-settings/pattern)
+
+### 风格
+
+表单在阅读模式下可以设置风格
+
+![2024-06-26-15-16-09-表单风格入口](https://static-docs.nocobase.com/2024-06-26-15-16-09-表单风格入口.png)
+![2024-06-26-15-21-31-样式配置](https://static-docs.nocobase.com/2024-06-26-15-21-31-样式配置.png)
+![2024-06-26-15-22-42-表单-最终效果](https://static-docs.nocobase.com/2024-06-26-15-22-42-表单-最终效果.png)
diff --git a/docs/zh-CN/handbook/ui/fields/generic/table-column.md b/docs/zh-CN/handbook/ui/fields/generic/table-column.md
@@ -32,3 +32,10 @@
 ### 固定列
 
 ![20240511140524](https://static-docs.nocobase.com/20240511140524.png)
+
+### 风格
+
+支持按条件配置列的颜色和背景颜色
+![风格入口](https://static-docs.nocobase.com/风格入口.png)
+![2024-06-26-14-06-07-样式配置](https://static-docs.nocobase.com/2024-06-26-14-06-07-样式配置.png)
+![2024-06-26-14-06-17-最终效果](https://static-docs.nocobase.com/2024-06-26-14-06-17-最终效果.png)