ruiling/tachybase_todo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: use icon for boolean field

Browse Source
This commit is contained in:
chenos 2020-12-30 12:30:38 +08:00
parent 2e35947dae
commit d74eda3f23
1 changed files with 2 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/app/src/components/views/Field/index.tsx
View File

@ -9,6 +9,7 @@ import { fields2columns } from '../SortableTable';
import ViewFactory from '..'; import ViewFactory from '..';
import './style.less'; import './style.less';
import { getImageByUrl } from '@/components/form.fields'; import { getImageByUrl } from '@/components/form.fields';
import { CheckOutlined, CloseOutlined } from '@ant-design/icons';
const InterfaceTypes = new Map<string, any>(); const InterfaceTypes = new Map<string, any>();
@ -65,7 +66,7 @@ export function TextareaField(props: any) {
export function BooleanField(props: any) { export function BooleanField(props: any) {
const { value } = props; const { value } = props;
return ( return (
<>{value ? '是' : '否'}</> <>{value ? <CheckOutlined style={{color: '#52c41a'}}/> : <CloseOutlined style={{color: '#f5222d'}}/>}</>
); );
} }