docs: add sponsors info

Author: tangjinzhou

README-zh_CN.md

@@ -1,26 +1,46 @@
 <p align="center">
   <a href="https://vuecomponent.github.io/ant-design-vue/">
-    <img width="230" src="https://raw.githubusercontent.com/vueComponent/ant-design-vue/master/logo.png">
+    <img width="200" src="https://raw.githubusercontent.com/vueComponent/ant-design-vue/master/logo.png">
   </a>
 </p>
 
-# [Ant Design Vue](https://vuecomponent.github.io/ant-design-vue/)
+<h1 align="center">
+  <a href="https://vuecomponent.github.io/ant-design-vue/" target="_blank">Ant Design Vue</a>
+</h1>
+
+<div align="center">
+
+An enterprise-class UI components based on Ant Design and Vue.
 
 [![Travis branch](https://travis-ci.org/vueComponent/ant-design-vue.svg?branch=master)](https://travis-ci.org/vueComponent/ant-design-vue)
 [![codecov](https://img.shields.io/codecov/c/github/vueComponent/ant-design-vue/master.svg?style=flat-square)](https://codecov.io/gh/vueComponent/ant-design-vue)
-[![bitHound Dependencies](https://www.bithound.io/github/vueComponent/ant-design-vue/badges/dependencies.svg)](https://www.bithound.io/github/vueComponent/ant-design-vue/master/dependencies/npm)
-[![bitHound Dev Dependencies](https://www.bithound.io/github/vueComponent/ant-design-vue/badges/devDependencies.svg)](https://www.bithound.io/github/vueComponent/ant-design-vue/master/dependencies/npm)
 [![npm package](https://img.shields.io/npm/v/ant-design-vue.svg?style=flat-square)](https://www.npmjs.org/package/ant-design-vue)
 [![NPM downloads](http://img.shields.io/npm/dm/ant-design-vue.svg?style=flat-square)](http://www.npmtrends.com/ant-design-vue)
 [![Join the chat at https://gitter.im/vueComponent/ant-design-english](https://badges.gitter.im/vueComponent/ant-design-english.svg?style=flat-square)](https://gitter.im/vueComponent/ant-design-english?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge) (English)
 [![Join the chat at https://gitter.im/vueComponent/ant-design-vue](https://img.shields.io/gitter/room/vueComponent/ant-design-vue.svg?style=flat-square)](https://gitter.im/vueComponent/ant-design-vue?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)（中文）
+[![backers](https://opencollective.com/ant-design-vue/backers/badge.svg)](#backers)
+[![sponsors](https://opencollective.com/ant-design-vue/sponsors/badge.svg)](#sponsors)
 
-
-Ant Design 3.X 的 Vue 实现，开发和服务于企业级后台产品。
+</div>
 
 [官网国内镜像](http://tangjinzhou.gitee.io/ant-design-vue/docs/vue/introduce-cn/)
 
-[README in English](README.md)
+English | [简体中文](./README-zh_CN.md)
+
+<p align="center">
+  <b>Special thanks to the generous sponsorship by:</b>
+</p>
+<table>
+  <tbody>
+    <tr>
+      <td align="center" valign="middle">
+        <a href="https://tipe.io/?ref=ant-design-vue" target="_blank">
+          <img width="120px" src="https://user-images.githubusercontent.com/1016365/34124854-48fafa06-e3e9-11e7-8c04-251055feebee.png">
+        </a>
+      </td>
+    </tr>
+  </tbody>
+</table>
 
 ## 特性
 
@@ -58,3 +78,19 @@ ant-design-vue是MIT协议的开源项目。为了项目能够更好的持续的
 - [paypal](https://www.paypal.me/tangjinzhou)
 - [支付宝或微信](https://user-images.githubusercontent.com/6937879/43032487-932a5536-8cea-11e8-9175-9c006e938a82.png)
 
+## Sponsors
+
+Become a sponsor and get your logo on our README on Github with a link to your site. [[Become a sponsor](https://opencollective.com/ant-design-vue#sponsor)]
+
+<a href="https://opencollective.com/ant-design-vue/sponsor/0/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/0/avatar.svg"></a>
+<a href="https://opencollective.com/ant-design-vue/sponsor/1/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/1/avatar.svg"></a>
+<a href="https://opencollective.com/ant-design-vue/sponsor/2/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/2/avatar.svg"></a>
+<a href="https://opencollective.com/ant-design-vue/sponsor/3/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/3/avatar.svg"></a>
+<a href="https://opencollective.com/ant-design-vue/sponsor/4/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/4/avatar.svg"></a>
+<a href="https://opencollective.com/ant-design-vue/sponsor/5/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/5/avatar.svg"></a>
+<a href="https://opencollective.com/ant-design-vue/sponsor/6/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/6/avatar.svg"></a>
+<a href="https://opencollective.com/ant-design-vue/sponsor/7/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/7/avatar.svg"></a>
+<a href="https://opencollective.com/ant-design-vue/sponsor/8/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/8/avatar.svg"></a>
+<a href="https://opencollective.com/ant-design-vue/sponsor/9/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/9/avatar.svg"></a>
+<a href="https://opencollective.com/ant-design-vue/sponsor/10/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/10/avatar.svg"></a>
+

README.md

@@ -1,25 +1,46 @@
 <p align="center">
   <a href="https://vuecomponent.github.io/ant-design-vue/">
-    <img width="230" src="https://raw.githubusercontent.com/vueComponent/ant-design-vue/master/logo.png">
+    <img width="200" src="https://raw.githubusercontent.com/vueComponent/ant-design-vue/master/logo.png">
   </a>
 </p>
 
-# [Ant Design Vue](https://vuecomponent.github.io/ant-design-vue/)
+<h1 align="center">
+  <a href="https://vuecomponent.github.io/ant-design-vue/" target="_blank">Ant Design Vue</a>
+</h1>
+
+<div align="center">
+
+An enterprise-class UI components based on Ant Design and Vue.
 
 [![Travis branch](https://travis-ci.org/vueComponent/ant-design-vue.svg?branch=master)](https://travis-ci.org/vueComponent/ant-design-vue)
 [![codecov](https://img.shields.io/codecov/c/github/vueComponent/ant-design-vue/master.svg?style=flat-square)](https://codecov.io/gh/vueComponent/ant-design-vue)
-[![bitHound Dependencies](https://www.bithound.io/github/vueComponent/ant-design-vue/badges/dependencies.svg)](https://www.bithound.io/github/vueComponent/ant-design-vue/master/dependencies/npm)
-[![bitHound Dev Dependencies](https://www.bithound.io/github/vueComponent/ant-design-vue/badges/devDependencies.svg)](https://www.bithound.io/github/vueComponent/ant-design-vue/master/dependencies/npm)
 [![npm package](https://img.shields.io/npm/v/ant-design-vue.svg?style=flat-square)](https://www.npmjs.org/package/ant-design-vue)
 [![NPM downloads](http://img.shields.io/npm/dm/ant-design-vue.svg?style=flat-square)](http://www.npmtrends.com/ant-design-vue)
 [![Join the chat at https://gitter.im/vueComponent/ant-design-english](https://badges.gitter.im/vueComponent/ant-design-english.svg?style=flat-square)](https://gitter.im/vueComponent/ant-design-english?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge) (English)
 [![Join the chat at https://gitter.im/vueComponent/ant-design-vue](https://img.shields.io/gitter/room/vueComponent/ant-design-vue.svg?style=flat-square)](https://gitter.im/vueComponent/ant-design-vue?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)（中文）
+[![backers](https://opencollective.com/ant-design-vue/backers/badge.svg)](#backers)
+[![sponsors](https://opencollective.com/ant-design-vue/sponsors/badge.svg)](#sponsors)
 
-An enterprise-class UI components based on Ant Design 3.X and Vue.
+</div>
 
 [官网国内镜像](http://tangjinzhou.gitee.io/ant-design-vue/docs/vue/introduce-cn/)
 
-[中文 README](README-zh_CN.md)
+[English](./README.md) | 简体中文
+
+<p align="center">
+  <b>Special thanks to the generous sponsorship by:</b>
+</p>
+<table>
+  <tbody>
+    <tr>
+      <td align="center" valign="middle">
+        <a href="https://tipe.io/?ref=ant-design-vue" target="_blank">
+          <img width="120px" src="https://user-images.githubusercontent.com/1016365/34124854-48fafa06-e3e9-11e7-8c04-251055feebee.png">
+        </a>
+      </td>
+    </tr>
+  </tbody>
+</table>
 
 ## Features
 
@@ -57,4 +78,20 @@ ant-design-vue is an MIT-licensed open source project. In order to achieve bette
 - [paypal](https://www.paypal.me/tangjinzhou)
 - [支付宝或微信](https://user-images.githubusercontent.com/6937879/43032487-932a5536-8cea-11e8-9175-9c006e938a82.png)
 
+## Sponsors
+
+Become a sponsor and get your logo on our README on Github with a link to your site. [[Become a sponsor](https://opencollective.com/ant-design-vue#sponsor)]
+
+<a href="https://opencollective.com/ant-design-vue/sponsor/0/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/0/avatar.svg"></a>
+<a href="https://opencollective.com/ant-design-vue/sponsor/1/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/1/avatar.svg"></a>
+<a href="https://opencollective.com/ant-design-vue/sponsor/2/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/2/avatar.svg"></a>
+<a href="https://opencollective.com/ant-design-vue/sponsor/3/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/3/avatar.svg"></a>
+<a href="https://opencollective.com/ant-design-vue/sponsor/4/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/4/avatar.svg"></a>
+<a href="https://opencollective.com/ant-design-vue/sponsor/5/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/5/avatar.svg"></a>
+<a href="https://opencollective.com/ant-design-vue/sponsor/6/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/6/avatar.svg"></a>
+<a href="https://opencollective.com/ant-design-vue/sponsor/7/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/7/avatar.svg"></a>
+<a href="https://opencollective.com/ant-design-vue/sponsor/8/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/8/avatar.svg"></a>
+<a href="https://opencollective.com/ant-design-vue/sponsor/9/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/9/avatar.svg"></a>
+<a href="https://opencollective.com/ant-design-vue/sponsor/10/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/10/avatar.svg"></a>
+
 

site/components/layout.vue

@@ -2,6 +2,7 @@
 import AllDemo from '../demo'
 import Header from './header'
 import Footer from './footer'
+import Sponsors from './sponsors'
 import zhCN from 'antd/locale-provider/zh_CN'
 import enUS from 'antd/locale-provider/default'
 import sortBy from 'lodash/sortBy'
@@ -218,6 +219,7 @@ export default {
             <a-row>
               <a-col v-show={showSideBars} ref='sidebar' class='site-sidebar' xxl={4} xl={5} lg={5} md={6} sm={8} xs={12}>
                 <div class='drawer-mask' onClick={() => { this.showSideBars = false }}></div>
+                <Sponsors title={isCN ? '赞助商' : 'Sponsors'}/>
                 <a-menu
                   class='aside-container menu-site'
                   selectedKeys={[name]}

site/components/sponsors.vue

@@ -0,0 +1,17 @@
+<template>
+<div class="sponsorsWrap">
+  <span class="sponsorsTitle">{{title}}</span>
+  <ul >
+    <li class="sponsorsItem">
+      <a href="https://tipe.io/?ref=ant-design-vue" target="_blank">
+        <img width="34" src="https://cdn.tipe.io/tipe/tipe-cat-no-text.svg" alt="tipe">
+      </a>
+    </li>
+  </ul>
+</div>
+</template>
+<script>
+export default {
+  props: ['title'],
+}
+</script>

site/index.less

@@ -98,6 +98,9 @@
  z-index: 1;   
 }
 @media only screen and (max-width: 767.99px) {
+  .sponsorsWrap {
+    display: none;
+  }
   .site-sidebar{
     position: fixed;
     z-index: 1;
@@ -192,3 +195,21 @@
     display: none !important;
   }
 }
+.sponsorsWrap {
+  padding-left: 40px;
+  position: relative;
+  top: -15px;
+  .sponsorsTitle{
+    color: #777;
+    font-weight: 300;
+    font-size: 14px;
+  }
+  ul {
+    overflow: hidden;
+    margin-top: 5px;
+  }
+  .sponsorsItem {
+    display: inline-block;
+    margin-right: 8px;
+  }
+}