From 477239e2f8b9bc3bfaa8684be83db40dce3bd838 Mon Sep 17 00:00:00 2001
From: sssllg <sssllg@qq.com>
Date: Thu, 27 Mar 2025 17:14:12 +0000
Subject: [PATCH] update docs/zh/integration/vue.md.

Signed-off-by: sssllg <sssllg@qq.com>
---
 docs/zh/integration/vue.md | 54 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 54 insertions(+)

diff --git a/docs/zh/integration/vue.md b/docs/zh/integration/vue.md
index b410215..4a55151 100644
--- a/docs/zh/integration/vue.md
+++ b/docs/zh/integration/vue.md
@@ -123,3 +123,57 @@ const fetchData = () => {
 };
 </script>
 ```
+
+
+使用Antd Vue时，出现checkBox 无法显示的问题可以在使用页面增加一下样式
+/* 添加样式覆盖 */
+/deep/ .custom-tinyflow {
+	select {
+		appearance: auto !important;
+		-webkit-appearance: menulist !important;
+	}
+
+	/* 如果使用checkbox需要添加 */
+	input[type="checkbox"] {
+		width: 16px;
+		height: 16px;
+		margin: 0 4px;
+		border: 1px solid #ccc;
+	}
+}
+/* 添加checkbox交互样式 */
+/deep/ .custom-tinyflow {
+	input[type="checkbox"] {
+		width: 18px;
+		height: 18px;
+		border: 2px solid #d9d9d9;
+		border-radius: 4px;
+		transition: all 0.3s;
+		position: relative;
+		cursor: pointer;
+		margin: 0 8px 0 0;
+
+		&:checked {
+			background-color: #1890ff;
+			border-color: #1890ff;
+
+			&::after {
+				content: '';
+				position: absolute;
+				left: 50%;
+				top: 50%;
+				width: 8px;
+				height: 12px;
+				border: 2px solid #fff;
+				border-top: 0;
+				border-left: 0;
+				transform: translate(-50%, -60%) rotate(45deg);
+			}
+		}
+
+		&:hover {
+			border-color: #40a9ff;
+		}
+	}
+}
+
-- 
Gitee