|
|
|
<!DOCTYPE html>
|
|
|
|
<html>
|
|
|
|
<head>
|
|
|
|
<meta charset="utf-8">
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
|
|
|
<meta name="format-detection" content="telephone=no">
|
|
|
|
<meta name="description" content="{{ config.site.description }}"/>
|
|
|
|
<title>{% block title %}{{ config.site.name }} - {{ config.site.description }}{% endblock %}</title>
|
|
|
|
<link rel="icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
|
|
|
|
<link rel="shortcut icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
|
|
|
|
{% block styles %}{% endblock %}
|
|
|
|
<link rel="stylesheet" href="{{static_url('../dist/demo.css')}}?20160114">
|
|
|
|
<script src="https://as.alipayobjects.com/g/component/??console-polyfill/0.2.2/index.js,es5-shim/4.1.14/es5-shim.min.js,es5-shim/4.1.14/es5-sham.min.js,html5shiv/3.7.2/html5shiv.min.js,media-match/2.0.2/media.match.min.js,jquery/1.11.3/jquery.min.js,bluebird/3.1.1/bluebird.min.js"></script>
|
|
|
|
<script>
|
|
|
|
(function() {
|
|
|
|
window.ANT_COMPONENTS = [];
|
|
|
|
window.InstantClickChangeFns = [];
|
|
|
|
{%- for item in resource.pages|find_category(["CSS","Components"]) %}
|
|
|
|
ANT_COMPONENTS.push({
|
|
|
|
title: '{{item.title}}',
|
|
|
|
desc: '{{item.meta.chinese}}'
|
|
|
|
});
|
|
|
|
{%- endfor %}
|
|
|
|
// fix ie location origin
|
|
|
|
// http://stackoverflow.com/questions/22564167/window-location-origin-gives-wrong-value-when-using-ie
|
|
|
|
if (!window.location.origin) {
|
|
|
|
window.location.origin = window.location.protocol + "//"
|
|
|
|
+ window.location.hostname
|
|
|
|
+ (window.location.port ? ':' + window.location.port : '');
|
|
|
|
}
|
|
|
|
var i = location.pathname.split('/').lastIndexOf('ant-design');
|
|
|
|
if (i > 0) {
|
|
|
|
window.rootUrl = location.origin + location.pathname.split('/').slice(0, 2+1).join('/');
|
|
|
|
} else {
|
|
|
|
window.rootUrl = location.origin;
|
|
|
|
}
|
|
|
|
})();
|
|
|
|
</script>
|
|
|
|
<script>
|
|
|
|
window.antdVersion = {
|
|
|
|
latest: '{{config.package.version}}'
|
|
|
|
};
|
|
|
|
</script>
|
|
|
|
<script src="{{static_url('../dist/demo.js')}}?20160114"></script>
|
|
|
|
{% block scripts %}{% endblock %}
|
|
|
|
</head>
|
|
|
|
<body {% block bodyAttribute %}{% endblock %}>
|
|
|
|
<header id="header" class="clearfix">
|
|
|
|
<a class="logo" href="{{static_url('../')}}">
|
|
|
|
<img width="60" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg">
|
|
|
|
{{ config.site.name }}
|
|
|
|
</a>
|
|
|
|
<div class="search">
|
|
|
|
<div id="autoComplete"></div>
|
|
|
|
</div>
|
|
|
|
<nav class="nav">
|
|
|
|
<span class="bar"></span>
|
|
|
|
<ul>
|
|
|
|
<li class="{%- if post.meta.filepath === 'README.md' %}current{%- endif %}">
|
|
|
|
<a href="{{static_url('../')}}">首页</a>
|
|
|
|
</li>
|
|
|
|
<li class="{%- if post.directory|rootDirectoryIn(['docs/practice']) %}current{%- endif %}">
|
|
|
|
<a href="{{static_url('../docs/practice/cases')}}">实践</a>
|
|
|
|
</li>
|
|
|
|
<li class="{%- if post.directory|rootDirectoryIn(['docs/pattern']) %}current{%- endif %}">
|
|
|
|
<a href="{{static_url('../docs/pattern/navigation')}}">模式</a>
|
|
|
|
</li>
|
|
|
|
<li class="{%- if post.directory|rootDirectoryIn(['docs/react','components']) or post.meta.filepath === 'CHANGELOG.md' %}current{%- endif %}">
|
|
|
|
<a href="{{static_url('../docs/react/introduce')}}">组件</a>
|
|
|
|
</li>
|
|
|
|
<li class="{%- if post.directory|rootDirectoryIn(['docs/spec']) %}current{%- endif %}">
|
|
|
|
<a href="{{static_url('../docs/spec/introduce')}}">语言</a>
|
|
|
|
</li>
|
|
|
|
<li class="{%- if post.directory|rootDirectoryIn(['docs/resource']) %}current{%- endif %}">
|
|
|
|
<a href="{{static_url('../docs/resource/download')}}">资源</a>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</nav>
|
|
|
|
<div class="nav-phone-icon"></div>
|
|
|
|
</header>
|
|
|
|
<div class="main-wrapper">
|
|
|
|
{% block aside %}{% endblock %} {% block content %}{% endblock %}
|
|
|
|
</div>
|
|
|
|
{%- include "footer.html" %}
|
|
|
|
<script data-no-instant>
|
|
|
|
if (!location.port) {
|
|
|
|
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
|
|
|
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
|
|
|
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
|
|
|
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
|
|
|
ga('create', 'UA-72788897-1', 'auto');
|
|
|
|
ga('send', 'pageview');
|
|
|
|
InstantClick.on('change', function() {
|
|
|
|
ga('send', 'pageview', location.pathname + location.search);
|
|
|
|
});
|
|
|
|
}
|
|
|
|
</script>
|
|
|
|
<script data-no-instant>
|
|
|
|
InstantClick.on('change', function() {
|
|
|
|
InstantClickChangeFns.forEach(function(fn) {
|
|
|
|
fn();
|
|
|
|
});
|
|
|
|
});
|
|
|
|
InstantClick.init();
|
|
|
|
</script>
|
|
|
|
</body>
|
|
|
|
</html>
|