docs: update docs
parent
d0ae9ccaeb
commit
58794aaba9
|
@ -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
|
||||||
|
|
||||||
|
|
|
@ -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
|
||||||
|
|
||||||
|
|
|
@ -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
|
||||||
|
|
|
@ -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>
|
||||||
|
|
||||||
## 周期性赞助
|
## 周期性赞助
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in New Issue