Browse Source

docs: add some badge

zwlafk 4 years ago
parent
commit
9833a9bebf
2 changed files with 36 additions and 8 deletions
  1. 18 4
      README-zh_CN.md
  2. 18 4
      README.md

+ 18 - 4
README-zh_CN.md

@@ -5,12 +5,26 @@
     <p>
         现代、全面、灵活的设计系统和 UI 库。 快速搭建美观的React 应用。
     </p>
-    <p style="display: flex">
-        <img src="https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/semi-info-1.gif" />
-    </p>
 </article>
+    
+<div align="center">
+
+[![NPM][npm-badge]][npm-url] [![FIGMA][figma-badge]][figma-url] [![LICENSE][license-badge]][license-url]
+
+
+[npm-badge]: https://img.shields.io/npm/v/@douyinfe/semi-ui.svg
+[npm-url]: https://www.npmjs.com/package/@douyinfe/semi-ui
+[figma-badge]: https://img.shields.io/badge/Figma-UIKit-%2318a0fb
+[figma-url]: https://www.figma.com/@semi
+
+[license-badge]: https://img.shields.io/npm/l/@douyinfe/semi-ui
+[license-url]: https://github.com/DouyinFE/semi-design/blob/main/LICENSE
+
+</div>
 
-![NPM](https://img.shields.io/npm/l/@douyinfe/semi-ui)
+<p>
+    <img src="https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/semi-info-1.gif" />
+</p>
 
 简体中文 | [English](./README.md)
 

+ 18 - 4
README.md

@@ -5,12 +5,26 @@
     <p>
         A modern, comprehensive, flexible design system and UI library. Quickly build beautiful React apps.
     </p>
-    <p style="display: flex">
-        <img src="https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/semi-info-1.gif" />
-    </p>
 </article>
+    
+<div align="center">
+
+[![NPM][npm-badge]][npm-url] [![FIGMA][figma-badge]][figma-url] [![LICENSE][license-badge]][license-url]
+
+
+[npm-badge]: https://img.shields.io/npm/v/@douyinfe/semi-ui.svg
+[npm-url]: https://www.npmjs.com/package/@douyinfe/semi-ui
+[figma-badge]: https://img.shields.io/badge/Figma-UIKit-%2318a0fb
+[figma-url]: https://www.figma.com/@semi
+
+[license-badge]: https://img.shields.io/npm/l/@douyinfe/semi-ui
+[license-url]: https://github.com/DouyinFE/semi-design/blob/main/LICENSE
+
+</div>
 
-![NPM](https://img.shields.io/npm/l/@douyinfe/semi-ui)
+<p>
+    <img src="https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/semi-info-1.gif" />
+</p>
 
 English | [简体中文](./README-zh_CN.md)