Skip to content

Commit 191030c

Browse files
dingyimingdingyiming
committed
update home page
1 parent 0f0a135 commit 191030c

File tree

7 files changed

+17
-141
lines changed

7 files changed

+17
-141
lines changed

‎themes/vue/_config.yml

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,3 @@
11
google_analytics: UA-46852172-1
22
root_domain: vuefe.cn
3-
vue_version: 2.0.0-rc.7
43
vue_version: 2.0.0-rc.8

‎themes/vue/layout/index.ejs

Lines changed: 12 additions & 134 deletions
Original file line numberDiff line numberDiff line change
@@ -6,175 +6,53 @@
66

77
<div id="hero">
88
<div class="inner">
9-
<ul id="nav">
10-
<li><a href="/guide/" class="nav-link">教程</a></li>
11-
<li><a href="/api/" class="nav-link">API</a></li>
12-
<li><a href="/examples/" class="nav-link">示例</a></li>
13-
<li><a href="/changelog/" class="nav-link">更新日志</a></li>
14-
<li><a href="/about/" class="nav-link">关于翻译</a></li>
15-
<li><a href="/blog" class="nav-link">博客</a></li>
16-
<%- partial('partials/community_dropdown') %>
17-
</ul>
18-
<div id="logo-wrap">
19-
<img id="logo" src="/images/logo.png">
20-
<h1>Vue.js 2.0</h1>
21-
</div>
22-
<p class="desc">数据驱动的组件，为现代化的 Web 界面而生</p>
23-
<p class="buttons">
24-
<a href="/guide/installation.html" class="small-button">安装 v<%- theme.vue_version %></a>
25-
<a href="/guide/index.html" class="small-button">立刻上手</a>
26-
</p>
27-
<ul id="social">
28-
<li><a href="https://twitter.com/vuejs" class="twitter-follow-button" data-show-count="false" data-dnt="true">Follow @vuejs</a></li>
29-
<li><iframe src="//ghbtns.com/github-btn.html?user=vuejs&repo=vue&type=watch&count=true"
30-
allowtransparency="true" frameborder="0" scrolling="0" width="100" height="20"></iframe></li>
31-
<li id="donate">
32-
<span class="wrapper" style="width: 108px">
33-
<img src="/images/patreon.png">
34-
<a href="/support-vuejs">支持 Vue.js</a>
35-
</span>
36-
</li>
37-
</ul>
38-
39-
<ul id="translations">
40-
<li><a href="http://cn.vuejs.org" class="nav-link">中文</a></li>
41-
<li class="delimiter">|</li>
42-
<li><a href="http://jp.vuejs.org" class="nav-link">日本語</a></li>
43-
<li class="delimiter">|</li>
44-
<li><a href="http://it.vuejs.org" class="nav-link">Italiano</a></li>
45-
</ul>
469
<div class="left">
4710
<img class="hero-logo" src="/images/logo.png">
4811
</div><div class="right">
4912
<h2 class="vue">Vue.js</h2>
5013
<h1>
51-
The Progressive<br>JavaScript Framework
14+
先进的<br>JavaScript 框架
5215
</h1>
5316
<p>
54-
<a class="button" href="/guide/">GET STARTED</a>
17+
<a class="button" href="/guide/">起步</a>
5518
<a class="button white" href="https://github.com/vuejs/vue" target="_blank">GITHUB</a>
5619
</p>
5720
</div>
5821
</div>
5922
</div>
6023

61-
<div id="sponsors-mobile">
62-
<%- partial('partials/sponsors') %>
63-
</div>
64-
65-
<div id="example">
66-
<h2>10 秒钟看懂 Vue.js</h2>
67-
<div class="block">
68-
<figure class="highlight lang-html"><table><tbody><tr><td class="gutter"><pre>1
69-
2
70-
3
71-
4
72-
</pre></td><td class="code"><pre><span class="tag">&lt;<span class="title">div</span> <span class="attribute">id</span>=<span class="value">"demo"</span>&gt;</span>
73-
<span class="tag">&lt;<span class="title">p</span>&gt;</span>{{message}}<span class="tag">&lt;/<span class="title">p</span>&gt;</span>
74-
<span class="tag">&lt;<span class="title">input</span> <span class="attribute">v-model</span>=<span class="value">"message"</span>&gt;</span>
75-
<span class="tag">&lt;/<span class="title">div</span>&gt;</span>
76-
</pre></td></tr></tbody></table></figure>
77-
</div>
78-
79-
<div class="sign">+</div>
80-
81-
<div class="block">
82-
<figure class="highlight lang-js"><table><tbody><tr><td class="gutter"><pre>1
83-
2
84-
3
85-
4
86-
5
87-
6
88-
</pre></td><td class="code"><pre><span class="keyword">var</span> demo = <span class="keyword">new</span> Vue({
89-
el: <span class="string">'#demo'</span>,
90-
data: {
91-
message: <span class="string">'Hello Vue.js!'</span>
92-
}
93-
})
94-
</pre></td></tr></tbody></table></figure>
95-
</div>
9624
<div id="highlights">
9725
<div class="inner">
9826
<div class="point">
99-
<h2>Performant</h2>
27+
<h2>性能</h2>
10028
<p>
101-
16kb min+gzip Runtime<br>
102-
Blazing Fast Virtual DOM<br>
103-
Minimal Optimization Efforts
29+
16kb min+gzip 运行大小<br>
30+
超快速的虚拟DOM<br>
31+
最少优化
10432
</p>
10533
</div>
10634

10735
<div class="point">
108-
<h2>Versatile</h2>
109-
<p>Lean, minimal core with a feature-rich, incrementally adoptable ecosystem.</p>
36+
<h2>通用</h2>
37+
<p>依赖功能丰富的最简核心, 持续发展的生态系统。</p>
11038
</div>
11139

11240
<div class="point">
113-
<h2>Approachable</h2>
114-
<p>Already know HTML, CSS and JavaScript? Read the guide and start building things in no time!</p>
41+
<h2>易用</h2>
42+
<p>已经会了HTML,CSS,JavaScript？即刻阅读指南开始构建应用！</p>
11543
</div>
11644
</div>
11745
</div>
118-
<div id="features">
119-
<div class="feats">
120-
<div class="feat">
121-
<h2><span class="icon simple"></span>简洁</h2>
122-
<p>TML 模板 + JSON 数据，再创建一个 Vue 实例，就这么简单。</p>
123-
</div>
124-
<div class="feat">
125-
<h2><span class="icon powerful"></span>数据驱动</h2>
126-
<p>自动追踪依赖的模板表达式和计算属性。</p>
127-
</div>
128-
<div class="feat">
129-
<h2><span class="icon composable"></span>轻量</h2>
130-
<p>用解耦、可复用的组件来构造界面。</p>
131-
</div>
132-
<div class="feat">
133-
<h2><span class="icon compact"></span>轻量</h2>
134-
<p>~24kb min+gzip，无依赖。</p>
135-
</div>
136-
<div class="feat">
137-
<h2><span class="icon fast"></span>快速</h2>
138-
<p>精确有效的异步批量 DOM 更新。</p>
139-
</div>
140-
<div class="feat">
141-
<h2><span class="icon module"></span>模块友好</h2>
142-
<p>通过 NPM 或 Bower 安装，无缝融入你的工作流。</p>
143-
</div>
144-
</div>
145-
</div>
146-
<div id="why">
147-
<h2>如果你喜欢下面这些，那你一定会喜欢 Vue.js：</h2>
148-
<ul>
149-
<li>可扩展的数据绑定机制</li>
150-
<li>原生对象即模型</li>
151-
<li>简洁明了的 API</li>
152-
<li>组件化 UI 构建</li>
153-
<li>多个轻量库搭配使用</li>
154-
</ul>
155-
</div>
156-
<div id="footer">
157-
<a class="start" href="/guide/index.html">立刻上手</a>
158-
<p>以 <a href="http://opensource.org/licenses/MIT" target="_blank">MIT 许可证</a>发布</p>
159-
<p>Copyright (c) <%- date(Date.now(), 'YYYY') %> <a href="http://evanyou.me" target="_blank">Evan You</a></p>
160-
</div>
161-
162-
=======
16346

16447
<div id="sponsors">
16548
<div class="inner">
166-
<h3>PROUDLY SPONSORED BY</h3>
167-
<%- partial('partials/sponsors') %>
168-
<br>
169-
<a class="become-sponsor button white" href="/support-vuejs/">Become a Backer</a>
49+
<a class="become-sponsor button white" href="/support-vuejs/">成为赞助者</a>
17050
</div>
17151
</div>
17252

17353
<div id="footer">
174-
Released under the <a href="https://opensource.org/licenses/MIT" href="_blank">MIT License</a><br>
54+
遵循 <a href="https://opensource.org/licenses/MIT" href="_blank">MIT 开源协议</a><br>
17555
Copyright &copy; 2014-<%- new Date().getFullYear() %> Evan You
17656
</div>
17757

178-
<script src="//cdn.jsdelivr.net/docsearch.js/1/docsearch.min.js"></script>
17958
<script src="/js/common.js"></script>
180-
>>>>>>> 9d5c0295ecf3f0c913b9d198f3f9b653f02ae8ab

‎themes/vue/layout/partials/header.ejs

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<div id="header">
22
<a id="logo" href="/">
33
<img src="/images/logo.png">
4-
<span>Vue.js</span>
4+
<span>Vue.js v2.0.0-rc.8</span>
55
</a>
66
<span style="
77
position: absolute;

‎themes/vue/layout/partials/main_menu.ejs

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,7 @@
11
<li><a href="/guide/" class="nav-link<%- page.path.match(/guide/) ? ' current' : '' %>">教程</a></li>
2-
<li><a href="/ssr/" class="nav-link<%- page.path.match(/ssr/) ? ' current' : '' %>">SSR</a></li>
32
<li><a href="/api/" class="nav-link<%- page.path.match(/api/) ? ' current' : '' %>">API</a></li>
43
<li><a href="/examples/" class="nav-link<%- page.path.match(/examples/) ? ' current' : '' %>">示例</a></li>
4+
<li><a href="/ssr/" class="nav-link<%- page.path.match(/ssr/) ? ' current' : '' %>">SSR</a></li>
55
<li><a href="/changelog/" class="nav-link<%- page.path.match(/changelog/) ? ' current' : '' %>">更新日志</a></li>
66
<li><a href="/about/" class="nav-link<%- page.path.match(/about/) ? ' current' : '' %>">关于翻译</a></li>
7-
<li><a href="/blog/" class="nav-link<%- page.path.match(/blog/) ? ' current' : '' %>">博客</a></li>
87
<%- partial('partials/community_dropdown') %>

‎themes/vue/source/css/_common.styl

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ img
1717
border none
1818

1919
h1, h2, h3, h4, strong
20-
font-weight 400
20+
font-weight 600
2121
color $dark
2222

2323
code, pre

‎themes/vue/source/css/_demo.styl

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -54,4 +54,4 @@ ul#demo, ul.demo
5454
text-align right
5555

5656
th, td
57-
padding: 3px 7px
57+
padding: 3px 7px

‎themes/vue/source/css/_header.styl

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -82,4 +82,4 @@ $header-height = 40px
8282
top 5px
8383
left 50%
8484
margin-left -15px
85-
background-size 30px
85+
background-size 30px

0 commit comments

Comments
 (0)