scroll={{ x: 800 }}
columns={[
{
- title: '参数',
+ title: 'Property',
dataIndex: 'props',
},
{
- title: '说明',
+ title: 'Description',
dataIndex: 'desciption',
},
{
- title: '类型',
+ title: 'Type',
dataIndex: 'type',
},
{
- title: '默认值',
+ title: 'Default',
dataIndex: 'default',
},
]}
dataSource={[
{
props: 'type',
- desciption: '图标类型',
+ desciption: 'icon type',
type: 'String',
default: '-',
+ },
+ {
+ props: 'colorful',
+ desciption: "to set the SVG has 'symbol element'",
+ type: 'Bool',
+ default: 'false',
}]}
/>
+
Thanks
+
export default IcoPage
diff --git a/src/routes/UIElement/iconfont/index.less b/src/routes/UIElement/iconfont/index.less
index 02d9381..d8f2f06 100644
--- a/src/routes/UIElement/iconfont/index.less
+++ b/src/routes/UIElement/iconfont/index.less
@@ -2,10 +2,9 @@
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
- margin-right: -24px;
li {
- width: 160px;
+ width: 120px;
text-align: center;
cursor: pointer;
height: 100px;
@@ -13,10 +12,10 @@
display: flex;
flex-direction: column;
align-items: center;
- margin-right: 24px;
margin-bottom: 24px;
box-sizing: border-box;
border: solid 1px transparent;
+ justify-content: center;
&:hover {
border: solid 1px #f5f5f5;
@@ -24,10 +23,31 @@
}
.name {
- margin-top: 16px;
+ margin-top: 8px;
}
- :global .iconfont {
- font-size: 48px;
+ :global {
+ .colorful-icon {
+ font-size: 36px;
+ }
+
+ .antdadmin {
+ font-size: 32px;
+ line-height: 1;
+ }
+ }
+}
+@media (min-width: 1600px) {
+ .list {
+ li {
+ width: 160px;
+ }
+ }
+}
+@media (max-width: 767px) {
+ .list {
+ li {
+ width: 100px;
+ }
}
}
diff --git a/src/routes/app.js b/src/routes/app.js
index f22eeb8..8f7cbdb 100644
--- a/src/routes/app.js
+++ b/src/routes/app.js
@@ -62,13 +62,16 @@ const App = ({ children, location, dispatch, app, loading }) => {
return