From d74eda3f23f2a5f7f582b2d9aaa1d85c4ddcff42 Mon Sep 17 00:00:00 2001
From: chenos <chenlinxh@gmail.com>
Date: Wed, 30 Dec 2020 12:30:38 +0800
Subject: [PATCH] feat: use icon for boolean field

---
 packages/app/src/components/views/Field/index.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/app/src/components/views/Field/index.tsx b/packages/app/src/components/views/Field/index.tsx
index 41ccdd120..82f6da1d6 100644
--- a/packages/app/src/components/views/Field/index.tsx
+++ b/packages/app/src/components/views/Field/index.tsx
@@ -9,6 +9,7 @@ import { fields2columns } from '../SortableTable';
 import ViewFactory from '..';
 import './style.less';
 import { getImageByUrl } from '@/components/form.fields';
+import { CheckOutlined, CloseOutlined } from '@ant-design/icons';
 
 const InterfaceTypes = new Map<string, any>();
 
@@ -65,7 +66,7 @@ export function TextareaField(props: any) {
 export function BooleanField(props: any) {
   const { value } = props;
   return (
-    <>{value ? '是' : '否'}</>
+    <>{value ? <CheckOutlined style={{color: '#52c41a'}}/> : <CloseOutlined style={{color: '#f5222d'}}/>}</>
   );
 }