docs: update docs

pull/471/head
tangjinzhou 2019-01-26 16:04:32 +08:00
parent d0ae9ccaeb
commit 58794aaba9
8 changed files with 78 additions and 76 deletions

View File

@ -91,7 +91,7 @@ ant-design-vue是MIT协议的开源项目。为了项目能够更好的持续的
- [Patreon](https://www.patreon.com/tangjinzhou) - [Patreon](https://www.patreon.com/tangjinzhou)
- [opencollective](https://opencollective.com/ant-design-vue) - [opencollective](https://opencollective.com/ant-design-vue)
- [paypal](https://www.paypal.me/tangjinzhou) - [paypal](https://www.paypal.me/tangjinzhou)
- [支付宝或微信](https://user-images.githubusercontent.com/6937879/43032487-932a5536-8cea-11e8-9175-9c006e938a82.png) - [支付宝或微信](https://cdn.nlark.com/yuque/0/2019/png/87084/1548485701785-assets/web-upload/648ca181-a52f-4382-957c-97c5dbb3e1cc.png)
## Backers ## Backers

View File

@ -86,7 +86,7 @@ ant-design-vue is an MIT-licensed open source project. In order to achieve bette
- [Patreon](https://www.patreon.com/tangjinzhou) - [Patreon](https://www.patreon.com/tangjinzhou)
- [opencollective](https://opencollective.com/ant-design-vue) - [opencollective](https://opencollective.com/ant-design-vue)
- [paypal](https://www.paypal.me/tangjinzhou) - [paypal](https://www.paypal.me/tangjinzhou)
- [支付宝或微信](https://user-images.githubusercontent.com/6937879/43032487-932a5536-8cea-11e8-9175-9c006e938a82.png) - [支付宝或微信](https://cdn.nlark.com/yuque/0/2019/png/87084/1548485701785-assets/web-upload/648ca181-a52f-4382-957c-97c5dbb3e1cc.png)
## Backers ## Backers

View File

@ -8,7 +8,7 @@ We accept donations through these channels:
<div> <div>
<a href="https://www.paypal.me/tangjinzhou" target="_blank">PayPal</a> <a href="https://www.paypal.me/tangjinzhou" target="_blank">PayPal</a>
<br/> <br/>
<a href="https://user-images.githubusercontent.com/6937879/43032487-932a5536-8cea-11e8-9175-9c006e938a82.png" target="_blank">Alipay or WeChat</a> <a href="https://cdn.nlark.com/yuque/0/2019/png/87084/1548485701785-assets/web-upload/648ca181-a52f-4382-957c-97c5dbb3e1cc.png" target="_blank">Alipay or WeChat</a>
</div> </div>
## Recurring Pledges ## Recurring Pledges

View File

@ -8,7 +8,7 @@ ant-design-vue 是采用 MIT 许可的开源项目,使用完全免费。 但
<div> <div>
<a href="https://www.paypal.me/tangjinzhou" target="_blank">PayPal</a> <a href="https://www.paypal.me/tangjinzhou" target="_blank">PayPal</a>
<br/> <br/>
<a href="https://user-images.githubusercontent.com/6937879/43032487-932a5536-8cea-11e8-9175-9c006e938a82.png" target="_blank">支付宝或微信</a> <a href="https://cdn.nlark.com/yuque/0/2019/png/87084/1548485701785-assets/web-upload/648ca181-a52f-4382-957c-97c5dbb3e1cc.png" target="_blank">支付宝或微信</a>
</div> </div>
## 周期性赞助 ## 周期性赞助

View File

@ -1,31 +1,43 @@
<script> <script>
import axios from 'axios';
const carbonUrls = { const carbonUrls = {
'vuecomponent.github.io':'//cdn.carbonads.com/carbon.js?serve=CK7DL2JW&placement=vuecomponentgithubio', 'vuecomponent.github.io':'//cdn.carbonads.com/carbon.js?serve=CK7DL2JW&placement=vuecomponentgithubio',
'tangjinzhou.gitee.io':'//cdn.carbonads.com/carbon.js?serve=CK7DL2JN&placement=tangjinzhougiteeio', 'tangjinzhou.gitee.io':'//cdn.carbonads.com/carbon.js?serve=CK7DL2JN&placement=tangjinzhougiteeio',
}; };
const carbonUrl = carbonUrls[location.host]; const carbonUrl = '//cdn.carbonads.com/carbon.js?serve=CK7DL2JW&placement=vuecomponentgithubio' || carbonUrls[location.host];
const isGitee = location.host.indexOf('gitee') !== -1;
export default { export default {
mounted() { mounted() {
this.load(); this.load();
}, },
watch: { watch: {
$route(e, t) { $route(e, t) {
if(e.path !== t.path && this.$el.querySelector("#carbonads")){ let adId = '#carbonads';
if(isGitee) {
adId = '#cf';
}
if(e.path !== t.path && this.$el.querySelector(adId)){
this.$el.innerHTML = ""; this.$el.innerHTML = "";
this.load(); this.load();
} }
this.adInterval && clearInterval(this.adInterval); this.adInterval && clearInterval(this.adInterval);
this.adInterval = setInterval(()=>{ this.adInterval = setInterval(()=>{
if(!this.$el.querySelector("#carbonads")){ if(!this.$el.querySelector(adId)){
this.$el.innerHTML = ""; this.$el.innerHTML = "";
this.load(); this.load();
} }
}, 20000); }, 20000);
}, },
}, },
methods: { methods: {
load() { load() {
if(carbonUrl) { if(isGitee) {
axios.get('https://api.codefund.app/properties/162/funder.html?template=horizontal')
.then(function (response) {
document.getElementById("codefund-ads").innerHTML = response.data;
});
} else if(carbonUrl) {
const e = document.createElement("script"); const e = document.createElement("script");
e.id = "_carbonads_js"; e.id = "_carbonads_js";
e.src = carbonUrl; e.src = carbonUrl;
@ -35,7 +47,7 @@ export default {
}, },
render () { render () {
return ( return (
<div id="carbon-ads"/> isGitee ? <div id="codefund-ads"/> : <div id="carbon-ads"/>
); );
}, },
}; };
@ -44,6 +56,7 @@ export default {
#carbon-ads { #carbon-ads {
width: 145px; width: 145px;
position: fixed; position: fixed;
z-index: 9;
bottom: 10px; bottom: 10px;
right: 10px; right: 10px;
padding: 10px; padding: 10px;

View File

@ -37,7 +37,7 @@ export default {
<a-row> <a-row>
<a-col class='header-left' xxl={4} xl={5} lg={5} md={6} sm={24} xs={24}> <a-col class='header-left' xxl={4} xl={5} lg={5} md={6} sm={24} xs={24}>
<router-link to={{ path: '/ant-design-vue' }} id='logo'> <router-link to={{ path: '/ant-design-vue' }} id='logo'>
<img alt='logo' height='32' src='https://raw.githubusercontent.com/vueComponent/ant-design-vue/master/logo.png' /> <img alt='logo' height='32' src='https://cdn.nlark.com/yuque/0/2019/png/87084/1548485177381-assets/web-upload/d18a622f-08d8-4955-a5c2-38138f80177b.png' />
<span style='color: black;font-size: 16px;font-weight: 400;'>Ant Design Vue</span> <span style='color: black;font-size: 16px;font-weight: 400;'>Ant Design Vue</span>
</router-link> </router-link>
<a-button ghost size='small' onClick={this.handleClick} class='header-lang-button' key='lang-button'> <a-button ghost size='small' onClick={this.handleClick} class='header-lang-button' key='lang-button'>
@ -76,9 +76,6 @@ export default {
<a-menu-item key='components'> <a-menu-item key='components'>
{isCN ? '组件' : 'Components'} {isCN ? '组件' : 'Components'}
</a-menu-item> </a-menu-item>
<a-menu-item key='github'>
<a target="_blank" href='https://github.com/vueComponent/ant-design-vue'>GitHub</a>
</a-menu-item>
<a-sub-menu key="Ecosystem" title={isCN ? '生态系统' : 'Ecosystem'}> <a-sub-menu key="Ecosystem" title={isCN ? '生态系统' : 'Ecosystem'}>
<a-menu-item key="design"> <a-menu-item key="design">
<router-link to={{ path: isCN ? '/ant-design-vue/docs/vue/download-cn/' : '/ant-design-vue/docs/vue/download/'}}> <router-link to={{ path: isCN ? '/ant-design-vue/docs/vue/download-cn/' : '/ant-design-vue/docs/vue/download/'}}>
@ -95,19 +92,36 @@ export default {
Awesome Awesome
</a> </a>
</a-menu-item> </a-menu-item>
<a-menu-item key='dingding'> <a-menu-item key="github">
<a-popover placement='bottom'> <a target="_blank" href='https://github.com/vueComponent/ant-design-vue'>GitHub</a>
</a-menu-item>
<a-menu-item key='wechat'>
<a-popover placement='right'>
<template slot='content'> <template slot='content'>
<img <img
width='160' width='160'
height='163' height='160'
alt='dingding' alt='wechat'
src='https://user-images.githubusercontent.com/4122593/50038786-571eaf80-0060-11e9-98a1-ea202fc60859.png' src='https://cdn.nlark.com/yuque/0/2019/jpeg/87084/1548484520368-assets/web-upload/28b3f1f9-938a-4bd5-ad2d-0cc4d2c200ed.jpeg'
/> />
</template> </template>
<a> <a>
<a-icon type='dingding' style={{ color: '#1890ff' }}/> {isCN ? '微信' : 'WeChat'}
{isCN ? '钉钉服务群' : 'Ding Group QR Code'} </a>
</a-popover>
</a-menu-item>
<a-menu-item key='qq'>
<a-popover placement='right'>
<template slot='content'>
<img
width='160'
height='160'
alt='qq'
src='https://cdn.nlark.com/yuque/0/2019/png/87084/1548484520571-assets/web-upload/ca2259e1-6600-461b-8c5b-31018e8bcc07.png'
/>
</template>
<a>
{isCN ? 'QQ(217490093)' : 'QQ(217490093)'}
</a> </a>
</a-popover> </a-popover>
</a-menu-item> </a-menu-item>

View File

@ -267,6 +267,7 @@ export default {
} }
<a-col xxl={20} xl={19} lg={19} md={18} sm={24} xs={24}> <a-col xxl={20} xl={19} lg={19} md={18} sm={24} xs={24}>
<section class='main-container main-container-component'> <section class='main-container main-container-component'>
<CarbonAds />
{!isMobile ? <div class='toc-affix' style='width: 120px;'> {!isMobile ? <div class='toc-affix' style='width: 120px;'>
{this.getSubMenu(isCN)} {this.getSubMenu(isCN)}
</div> : null} </div> : null}
@ -302,7 +303,6 @@ export default {
</div> </div>
</a-locale-provider> </a-locale-provider>
{ name.indexOf('back-top') === -1 ? <a-back-top /> : null } { name.indexOf('back-top') === -1 ? <a-back-top /> : null }
<CarbonAds />
</div> </div>
); );
}, },

View File

@ -1,60 +1,35 @@
<!doctype html> <!doctype html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"> <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0"> <meta http-equiv="Expires" content="0">
<meta name="description" content="An enterprise-class UI components based on Ant Design and Vue"> <meta name="description" content="An enterprise-class UI components based on Ant Design and Vue">
<title>Ant Design Vue</title> <title>Ant Design Vue</title>
<link rel="icon" type="image/x-icon" href="https://raw.githubusercontent.com/vueComponent/ant-design-vue/master/logo.png"> <link rel="icon" type="image/x-icon" href="https://cdn.nlark.com/yuque/0/2019/png/87084/1548485177381-assets/web-upload/d18a622f-08d8-4955-a5c2-38138f80177b.png">
<style id="nprogress-style"> <style id="nprogress-style">
#nprogress { #nprogress {
display: none; display: none;
} }
</style> </style>
<script> <script>
var _hmt = _hmt || []; var _hmt = _hmt || [];
var isGithub = location.host.indexOf('github') !== -1; var isGithub = location.host.indexOf('github') !== -1;
var src = isGithub ? 'https://hm.baidu.com/hm.js?b3ef688fa86bfb75027f1b410180a867' : 'https://hm.baidu.com/hm.js?1564b57c5b8f74933e4fedca9dc75b0d'; var src = isGithub ? 'https://hm.baidu.com/hm.js?b3ef688fa86bfb75027f1b410180a867' : 'https://hm.baidu.com/hm.js?1564b57c5b8f74933e4fedca9dc75b0d';
(function() { (function() {
var hm = document.createElement('script'); var hm = document.createElement('script');
hm.src = src; hm.src = src;
var s = document.getElementsByTagName('script')[0]; var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s); s.parentNode.insertBefore(hm, s);
})() })()
</script> </script>
</head> </head>
<body> <body>
<div id="app"> <div id="app">
<router-view></router-view> <router-view></router-view>
</div> </div>
<div id="ad">
<!-- <script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?serve=CK7DL2JW&placement=vuecomponentgithubio" id="_carbonads_js"></script> -->
</div>
<div id="codefund"></div>
<script>
// var SeedAndDewConfig = {};
// (function() {
// SeedAndDewConfig['adClass'] = "snd-ad";
// /* * * DON'T EDIT BELOW THIS LINE * * */
// SeedAndDewConfig['projectId'] = '31734ee0-6439-448d-8848-ed99e514f266';
// SeedAndDewConfig['loadStartTime'] = performance.now();
// SeedAndDewConfig['apiVersion'] = '2018-05-28'
// SeedAndDewConfig['sessionId'] = Math.random().toString(36).substring(2, 15);
// var snd = document.createElement('script');
// snd.type = 'text/javascript';
// snd.async = true;
// snd.src = 'https://www.seedanddew.com/static/embed.min.js';
// (document.getElementsByTagName('head')[0] ||
// document.getElementsByTagName('body')[0]).appendChild(snd);
// })();
</script>
</body> </body>
</html> </html>