From 96b38dd3ec471d94c0558394d71e8b0e25b5518f Mon Sep 17 00:00:00 2001 From: HeskeyBaozi Date: Tue, 21 Aug 2018 18:33:52 +0800 Subject: [PATCH] use svg icon in introduce --- components/tree/style/mixin.less | 4 --- docs/spec/introduce.en-US.md | 55 ++++++++++++++++++++++++++++---- docs/spec/introduce.zh-CN.md | 55 ++++++++++++++++++++++++++++---- site/theme/static/common.less | 4 +-- 4 files changed, 97 insertions(+), 21 deletions(-) diff --git a/components/tree/style/mixin.less b/components/tree/style/mixin.less index 0c21cee63c..ac72a03b47 100644 --- a/components/tree/style/mixin.less +++ b/components/tree/style/mixin.less @@ -1,10 +1,6 @@ @import "../../style/mixins/index"; @tree-prefix-cls: ~"@{ant-prefix}-tree"; -@tree-default-open-icon: "\e606"; -@tree-showline-open-icon: "\e621"; -@tree-showline-close-icon: "\e645"; -@tree-doc-icon: "\e664"; .antTreeSwitcherIcon(@type: "tree-default-open-icon") { .@{tree-prefix-cls}-switcher-icon { diff --git a/docs/spec/introduce.en-US.md b/docs/spec/introduce.en-US.md index 235f977ec1..e0cde8ab8f 100644 --- a/docs/spec/introduce.en-US.md +++ b/docs/spec/introduce.en-US.md @@ -26,13 +26,54 @@ We supply a series of design principles, practical patterns and high quality des [React](http://facebook.github.io/react/) is used to encapsulate a library of components which embody our design language. We welcome the community to implement [our design system](https://ant.design/docs/spec/introduce) in other front-end frameworks of their choice. -- [Ant Design of React](/docs/react/introduce) (official implementation) -- -- -- -- -- -- +```__react +import { Icon } from 'antd'; + +const LinkIcon = () => ( + +); + +const LinksList = () => ( + +); + +ReactDOM.render(, mountNode); +``` ## Who's using Ant Design diff --git a/docs/spec/introduce.zh-CN.md b/docs/spec/introduce.zh-CN.md index 25aca47b2d..9c80100989 100644 --- a/docs/spec/introduce.zh-CN.md +++ b/docs/spec/introduce.zh-CN.md @@ -28,13 +28,54 @@ title: 介绍 我们采用 [React](http://facebook.github.io/react/) 封装了一套 Ant Design 的组件库,也欢迎社区其他框架的实现版本。 -- [Ant Design of React](/docs/react/introduce)(官方实现) -- -- -- -- -- -- +```__react +import { Icon } from 'antd'; + +const LinkIcon = () => ( + +); + +const LinksList = () => ( + +); + +ReactDOM.render(, mountNode); +``` ## 谁在使用 diff --git a/site/theme/static/common.less b/site/theme/static/common.less index 3415865338..9612701e15 100644 --- a/site/theme/static/common.less +++ b/site/theme/static/common.less @@ -90,9 +90,7 @@ a { display: inline-block; } -.outside-link:after { - content: '\e691'; - font-family: 'anticon'; +.outside-link-icon { margin-left: 5px; font-size: 12px; color: #aaa;