From 29090b3985fc7c112c0a5cca1ebc5b30e3028a19 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=A2=81=E7=81=8F?= <admin@aresn.com>
Date: Mon, 4 Jun 2018 10:36:43 +0800
Subject: [PATCH] update

---
 src/components/ad.vue       |   4 +-
 src/components/app.vue      |   4 +-
 src/components/article.vue  |  90 ++++++++++++++--------------------
 src/components/code.vue     |  13 ++---
 src/components/menu.vue     |  95 +++++-------------------------------
 src/components/navigate.vue |  79 +++++-------------------------
 src/config/navigate.js      |  65 ------------------------
 src/images/logo-footer.png  | Bin 0 -> 14915 bytes
 src/locale.js               |  66 -------------------------
 src/router.js               |   6 +--
 src/styles/article.less     |   5 +-
 src/views/index.vue         |   5 +-
 12 files changed, 80 insertions(+), 352 deletions(-)
 create mode 100644 src/images/logo-footer.png
 delete mode 100644 src/locale.js

diff --git a/src/components/ad.vue b/src/components/ad.vue
index aed92e6..bec9e13 100644
--- a/src/components/ad.vue
+++ b/src/components/ad.vue
@@ -1,5 +1,5 @@
 <template>
-    <div v-if="lang === 'zh-CN'">
+    <div>
         <!--<div class="advertisement" id="API">-->
             <!--<row :gutter="32">-->
                 <!--<i-col span="12">-->
@@ -74,7 +74,6 @@
         components: { adSend },
         data () {
             return {
-                lang: this.$lang,
                 ad_index: 1  // 随机广告索引,更好地显示一类广告
             }
         },
@@ -87,7 +86,6 @@
             }
         },
         mounted () {
-            this.lang = this.$lang;
             // 随机广告索引
             this.ad_index = Math.floor(Math.random () * 2 + 1);
         }
diff --git a/src/components/app.vue b/src/components/app.vue
index f10080f..62a85cf 100755
--- a/src/components/app.vue
+++ b/src/components/app.vue
@@ -58,7 +58,7 @@
                 this.liveVisible = true;
             }
 
-            if (this.liveVisible && this.$lang === 'zh-CN') {
+            if (this.liveVisible) {
 //                this.$Notice.config({
 //                    top: 85
 //                });
@@ -75,7 +75,7 @@
 //                this.$Notice.config({
 //                    top: 24
 //                });
-            } else if (this.liveVisible && this.$lang === 'en-US') {
+            } else if (this.liveVisible) {
 //                this.$Notice.config({
 //                    top: 85
 //                });
diff --git a/src/components/article.vue b/src/components/article.vue
index 5ea44a0..00d365f 100644
--- a/src/components/article.vue
+++ b/src/components/article.vue
@@ -22,8 +22,7 @@
                             <div class="catalogue" v-show="list.length">
                                 <card dis-hover>
                                     <div class="catalogue-title">
-                                        <template v-if="lang === 'zh-CN'">目录</template>
-                                        <template v-else>Catalogue</template>
+                                        <template>目录</template>
                                     </div>
                                     <div class="catalogue-content">
                                         <ul>
@@ -38,7 +37,7 @@
                                 </card>
                             </div>
 
-                            <template v-if="lang === 'zh-CN'">
+                            <template>
                                 <div style="margin-top: 20px"></div>
                                 <!--<a v-if="ad_index === 1" href="https://cn.udacity.com/course/intro-to-python-nanodegree-foundation&#45;&#45;nd000-cn-python/?utm_source=iviewui&utm_medium=banner&utm_campaign=python" target="_blank" @click="handleAsideAd('aside-udacity')" class="wrapper-aside wrapper-aside-no-padding">-->
                                     <!--<img src="../images/aside-udacity-1.jpg">-->
@@ -55,27 +54,27 @@
                                 <!--<a v-if="ad_index === 2" href="https://cn.udacity.com/fend/?utm_source=iviewui&utm_medium=banner&utm_campaign=fend" target="_blank" @click="handleAsideAd('aside-udacity')" class="wrapper-aside wrapper-aside-no-padding">-->
                                     <!--<img src="../images/aside-udacity-5.jpg">-->
                                 <!--</a>-->
-                                <a v-if="ad_index === 1" href="http://t.cn/R3dhfIj" target="_blank" @click="handleAsideAd('aside-udacity')" class="wrapper-aside wrapper-aside-no-padding">
-                                    <img src="../images/aside-u-1.png">
-                                </a>
-                                <a v-if="ad_index === 2" href="http://t.cn/R3dhfIj" target="_blank" @click="handleAsideAd('aside-udacity')" class="wrapper-aside wrapper-aside-no-padding">
-                                    <img src="../images/aside-u-2.png">
-                                </a>
-                                <a v-if="ad_index === 3" href="http://t.cn/R3dhfIj" target="_blank" @click="handleAsideAd('aside-udacity')" class="wrapper-aside wrapper-aside-no-padding">
-                                    <img src="../images/aside-u-3.png">
-                                </a>
-                                <a v-if="ad_index === 4" href="http://t.cn/R3dhfIj" target="_blank" @click="handleAsideAd('aside-udacity')" class="wrapper-aside wrapper-aside-no-padding">
-                                    <img src="../images/aside-u-4.png">
-                                </a>
-                                <a v-if="ad_index === 5" href="http://t.cn/R3dhfIj" target="_blank" @click="handleAsideAd('aside-udacity')" class="wrapper-aside wrapper-aside-no-padding">
-                                    <img src="../images/aside-u-5.png">
-                                </a>
-                                <a v-if="ad_index === 6" href="https://cn.udacity.com/fend/?utm_source=iviewui&utm_medium=banner&utm_campaign=fend" target="_blank" @click="handleAsideAd('aside-udacity')" class="wrapper-aside wrapper-aside-no-padding">
-                                    <img src="../images/aside-udacity-5.jpg">
-                                </a>
-                                <a href="https://segmentfault.com/ls/1650000011074057" target="_blank" @click="handleAsideAd('aside-iview-live')" class="wrapper-aside">
-                                    <img src="../images/aside-iview-live.png">
-                                </a>
+                                <!--<a v-if="ad_index === 1" href="http://t.cn/R3dhfIj" target="_blank" @click="handleAsideAd('aside-udacity')" class="wrapper-aside wrapper-aside-no-padding">-->
+                                    <!--<img src="../images/aside-u-1.png">-->
+                                <!--</a>-->
+                                <!--<a v-if="ad_index === 2" href="http://t.cn/R3dhfIj" target="_blank" @click="handleAsideAd('aside-udacity')" class="wrapper-aside wrapper-aside-no-padding">-->
+                                    <!--<img src="../images/aside-u-2.png">-->
+                                <!--</a>-->
+                                <!--<a v-if="ad_index === 3" href="http://t.cn/R3dhfIj" target="_blank" @click="handleAsideAd('aside-udacity')" class="wrapper-aside wrapper-aside-no-padding">-->
+                                    <!--<img src="../images/aside-u-3.png">-->
+                                <!--</a>-->
+                                <!--<a v-if="ad_index === 4" href="http://t.cn/R3dhfIj" target="_blank" @click="handleAsideAd('aside-udacity')" class="wrapper-aside wrapper-aside-no-padding">-->
+                                    <!--<img src="../images/aside-u-4.png">-->
+                                <!--</a>-->
+                                <!--<a v-if="ad_index === 5" href="http://t.cn/R3dhfIj" target="_blank" @click="handleAsideAd('aside-udacity')" class="wrapper-aside wrapper-aside-no-padding">-->
+                                    <!--<img src="../images/aside-u-5.png">-->
+                                <!--</a>-->
+                                <!--<a v-if="ad_index === 6" href="https://cn.udacity.com/fend/?utm_source=iviewui&utm_medium=banner&utm_campaign=fend" target="_blank" @click="handleAsideAd('aside-udacity')" class="wrapper-aside wrapper-aside-no-padding">-->
+                                    <!--<img src="../images/aside-udacity-5.jpg">-->
+                                <!--</a>-->
+                                <!--<a href="https://segmentfault.com/ls/1650000011074057" target="_blank" @click="handleAsideAd('aside-iview-live')" class="wrapper-aside">-->
+                                    <!--<img src="../images/aside-iview-live.png">-->
+                                <!--</a>-->
                                 <!--<a href="https://www.mysubmail.com/sms?from=iview" target="_blank" @click="handleAsideAd('aside-submail')" class="wrapper-aside wrapper-aside-no-padding">-->
                                     <!--<img src="../images/aside-submail3.jpg">-->
                                 <!--</a>-->
@@ -101,59 +100,53 @@
                                 <a href="https://github.com/iview/iview" target="_blank">iView</a>
                             </li>
                             <li>
-                                <a href="https://github.com/iview/iview-cli" target="_blank">iView Cli</a>
-                            </li>
-                            <li>
-                                <a href="https://github.com/iview/iview-admin" target="_blank">iView Admin</a>
+                                <a href="https://github.com/TalkingData/iview-weapp" target="_blank">iView Weapp</a>
                             </li>
                             <li>
-                                <a href="https://github.com/iview/iview-doc" target="_blank">iView Doc</a>
-                            </li>
-                            <li>
-                                <a href="https://github.com/iview/iview-project" target="_blank">iView Project</a>
+                                <a href="https://github.com/iview/weapp-doc" target="_blank">iView Weapp Doc</a>
                             </li>
                         </ul>
                     </i-col>
                     <i-col span="5">
                         <h4>
                             <Icon type="link"></Icon>
-                            {{ $t('index.links') }}
+                            相关站点
                         </h4>
                         <ul>
                             <li>
-                                <a href="https://www.talkingdata.com/" target="_blank">TalkingData</a> - {{ $t('index.td') }}
+                                <a href="https://www.talkingdata.com/" target="_blank">TalkingData</a> - 用数据的心智去超越
                             </li>
                             <li>
-                                <a href="http://mi.talkingdata.com/" target="_blank">Marketing Intelligence</a> - {{ $t('index.td_mi') }}
+                                <a href="http://mi.talkingdata.com/" target="_blank">Marketing Intelligence</a> - 免费公开大数据查询平台
                             </li>
                             <li>
-                                <a href="https://github.com/TalkingData/inmap/" target="_blank">inMap</a> - {{ $t('index.inmap') }}
+                                <a href="https://github.com/TalkingData/inmap/" target="_blank">inMap</a> - 大数据地理信息可视化框架
                             </li>
                             <li>
-                                <a href="https://github.com/TalkingData/Fregata" target="_blank">Fregata</a> - {{ $t('index.Fregata') }}
+                                <a href="https://github.com/TalkingData/Fregata" target="_blank">Fregata</a> - 大规模机器学习算法库
                             </li>
                             <li>
-                                <a href="https://github.com/TalkingData/Myna" target="_blank">Myna</a> - {{ $t('index.Myna') }}
+                                <a href="https://github.com/TalkingData/Myna" target="_blank">Myna</a> - Android 平台情景感知框架
                             </li>
                             <li>
-                                <a href="https://github.com/TalkingData/owl" target="_blank">OWL</a> - {{ $t('index.OWL') }}
+                                <a href="https://github.com/TalkingData/owl" target="_blank">OWL</a> - 分布式监控系统
                             </li>
                         </ul>
                     </i-col>
                     <i-col span="5" offset="2">
                         <h4>
                             <Icon type="chatbubbles"></Icon>
-                            {{ $t('index.community') }}
+                            社区
                         </h4>
                         <ul>
                             <li>
-                                <a href="https://github.com/iview/iview/issues" target="_blank">{{ $t('index.feedback') }}</a>
+                                <a href="https://github.com/TalkingData/weapp/issues" target="_blank">反馈建议</a>
                             </li>
                             <li>
-                                <a href="https://www.iviewui.com/new-issue" target="_blank">{{ $t('index.bug') }}</a>
+                                <a href="https://www.iviewui.com/new-issue" target="_blank">提交bug</a>
                             </li>
                             <li>
-                                <a href="https://gitter.im/iview/iview" target="_blank">{{ $t('index.chat') }}</a>
+                                <a href="https://gitter.im/iview/iview" target="_blank">在线讨论</a>
                             </li>
                             <li>
                                 <a href="https://segmentfault.com/t/iview" target="_blank">SegmentFault</a>
@@ -163,12 +156,7 @@
                     <i-col span="5" offset="2">
                         <div class="footer-aside">
                             <div class="footer-logo">
-                                <img src="../images/logo.png">
-                            </div>
-                            <div class="footer-author">
-                                <a href="https://www.talkingdata.com/">
-                                    <img src="../images/logo-td.png">
-                                </a>
+                                <img src="../images/logo-footer.png">
                             </div>
                             <!--<div class="footer-version">-->
                                 <!--<p>{{ $t('index.current_version') }}</p>-->
@@ -263,7 +251,6 @@
                 donate: false,
                 ask: false,
                 activeKey: '',
-                lang: this.$lang,
                 adCarousel: 0,
                 ad_index: this.app.ad_index
             }
@@ -322,9 +309,6 @@
                 }
             }
         },
-        created () {
-            this.lang = this.$lang;
-        },
         mounted () {
             this.updateActiveNav();
 
diff --git a/src/components/code.vue b/src/components/code.vue
index 52e4ea7..cd55fc4 100644
--- a/src/components/code.vue
+++ b/src/components/code.vue
@@ -37,17 +37,17 @@
     <div>
         <pre :class="{bg: bg}"><code :class="language" ref="code"><slot></slot></code></pre>
         <span class="open-fiddle" v-if="title !== 'Code'" @click="openFiddle">
-            <Tooltip :content="$t('index.code_jsfiddle')" placement="top" transfer>
+            <Tooltip content="在 JSFiddle 中打开" placement="top" transfer>
                 <Icon type="code" size="18" />
             </Tooltip>
         </span>
         <span class="scale" @click="scale">
-            <Tooltip :content="$t('index.code_fullscreen')" placement="top" transfer>
+            <Tooltip content="放大" placement="top" transfer>
                 <Icon type="qr-scanner" size="18"></Icon>
             </Tooltip>
         </span>
         <span class="copy" @click="clip">
-            <Tooltip :content="$t('index.code_copy')" placement="top" transfer>
+            <Tooltip content="复制代码" placement="top" transfer>
                 <Icon type="clipboard" size="18" v-show="!copied"></Icon>
                 <Icon type="checkmark" size="18" v-show="copied" style="color:#5cb85c"></Icon>
             </Tooltip>
@@ -87,7 +87,6 @@
                 openScale: false,
                 code: '',
                 copied: false,
-                docLang: this.$lang,
                 title: 'Code'
             }
         },
@@ -126,11 +125,7 @@
                     e.clearSelection();
                     clipboard.destroy();
                     this.copied = true;
-                    if (this.docLang === 'zh-CN') {
-                        this.$Message.success('代码已复制到剪贴板');
-                    } else {
-                        this.$Message.success('Code copied');
-                    }
+                    this.$Message.success('代码已复制到剪贴板');
                     setTimeout(() => {
                         this.copied = false;
                     }, 2000);
diff --git a/src/components/menu.vue b/src/components/menu.vue
index b08d30c..57dda47 100644
--- a/src/components/menu.vue
+++ b/src/components/menu.vue
@@ -11,72 +11,32 @@
     <Menu mode="horizontal" :active-name="currentActiveKey" @on-select="handleSelect">
         <div class="wrapper-header-nav">
             <router-link to="/" class="wrapper-header-nav-logo">
-                <img src="../images/logo-doc.png">
+                <img src="../images/logo.png">
             </router-link>
             <div class="wrapper-header-nav-search">
                 <i-select
                     ref="select"
                     v-model="search"
                     filterable
-                    :placeholder="searchText"
-                    :not-found-text="notFoundText"
+                    placeholder="搜索组件"
                     @on-change="handleSearch">
                     <i-option v-for="item in navigateList" :key="item.path" :value="item.path">
-                        <template v-if="lang === 'zh-CN'">{{ item.title }}</template>
-                        <template v-else>{{ item.title.split(' ')[0] }}</template>
+                        {{ item.title }}
                     </i-option>
                 </i-select>
             </div>
             <div class="wrapper-header-nav-list">
-                <Menu-item name="guide">
+                <Menu-item name="index">
                     <Icon type="ios-navigate"></Icon>
-                    {{ $t('index.guide') }}
+                    首页
                 </Menu-item>
                 <Menu-item name="component">
                     <Icon type="ios-keypad"></Icon>
-                    {{ $t('index.component') }}
+                    组件
                 </Menu-item>
-                <Menu-item name="live" v-if="lang === 'zh-CN'">
-                    <Badge :dot="liveDot">
-                        <Icon type="ios-videocam"></Icon>
-                        {{ $t('index.live') }}
-                    </Badge>
-                </Menu-item>
-                <Menu-item name="practice">
-                    <Icon type="ios-analytics"></Icon>
-                    {{ $t('index.practice') }}
-                </Menu-item>
-                <Submenu name="ecosystem">
-                    <template slot="title">
-                        <Icon type="ios-infinite"></Icon>
-                        {{ $t('index.ecosystem') }}
-                    </template>
-                    <Menu-item name="cli">
-                        <!--<Icon type="settings"></Icon>-->
-                        {{ $t('index.cli') }}
-                    </Menu-item>
-                    <Menu-item name="iview-loader">
-                        <!--<Icon type="settings"></Icon>-->
-                        iView Loader
-                    </Menu-item>
-                    <Menu-item name="iview-admin">
-                        iView Admin
-                    </Menu-item>
-                    <Menu-item name="iview-area">
-                        iView Area
-                    </Menu-item>
-                </Submenu>
-                <!--<Select size="small" value="2" style="width: 60px;margin: 0 10px;" @on-change="handleVersion">-->
-                    <!--<Option value="2">2.x</Option>-->
-                    <!--<Option value="1">1.x</Option>-->
-                <!--</Select>-->
-                <ButtonGroup>
+                <ButtonGroup class="wrapper-header-nav-list-btn">
                     <Button type="ghost" size="small" icon="social-github" @click="handleGoToGitHub"></Button>
                     <Button type="ghost" size="small" icon="social-twitter" @click="handleGoToTwitter"></Button>
-                    <Button type="ghost" size="small" @click="handleChangeLang" >
-                        <template v-if="lang === 'zh-CN'">EN</template>
-                        <template v-else>中文</template>
-                    </Button>
                 </ButtonGroup>
             </div>
         </div>
@@ -97,9 +57,6 @@
                 navigateList: [],
                 liveDot: false,
                 currentActiveKey: this.activeKey,
-                searchText: this.$t('index.search'),
-                notFoundText: this.$t('index.notFound'),
-                lang: this.$lang
             };
         },
         watch: {
@@ -112,7 +69,6 @@
         },
         methods: {
             handleSearch (path) {
-                if (this.lang === 'en-US') path += '-en';
                 this.search = '';
                 this.$refs.select.setQuery('');
                 this.$nextTick(() => {
@@ -122,29 +78,13 @@
                 });
             },
             handleSelect (type) {
-                const pathSuffix = this.lang === 'zh-CN' ? '' : '-en';
 
-                if (type === 'donate') {
-                    bus.$emit('on-donate-show');
-                } else if (type === 'github') {
-                    window.open('https://github.com/iview/iview');
-                } else if (type === 'guide') {
-                    this.$router.push(navigate.guide[0].path + pathSuffix);
+                if (type === 'index') {
+                    this.$router.push('/');
                 } else if (type === 'component') {
-                    this.$router.push(navigate.beforeComponents[0].path + pathSuffix);
-                } else if (type === 'practice') {
-                    this.$router.push(navigate.practice[0].path + pathSuffix);
-                } else if (type === 'cli') {
-                    this.$router.push('/cli' + pathSuffix);
-                } else if (type === 'live') {
-                    this.$router.push('/live');
-                } else if (type === 'iview-loader') {
-                    this.$router.push('/docs/guide/iview-loader' + pathSuffix);
-                } else if (type === 'iview-admin') {
-                    window.open('https://github.com/iview/iview-admin');
-                } else if (type === 'iview-area') {
-                    window.open('https://github.com/iview/iview-area');
+                    this.$router.push(navigate.beforeComponents[0].path);
                 }
+
                 this.$nextTick(() => {
                     this.updateActiveNav();
                 });
@@ -171,19 +111,9 @@
                     this.currentActiveKey = 'guide';
                 }
             },
-            handleChangeLang () {
-                const lang = this.lang === 'zh-CN' ? 'en-US' : 'zh-CN';
-                const path = this.$route.path.indexOf('-en') > -1 ? this.$route.path.split('-en')[0] : this.$route.path + '-en';
-                bus.$emit('on-change-lang', lang, path);
-            },
-            handleVersion (v) {
-                if (v == 1) {
-                    window.location.href = 'http://v1.iviewui.com';
-                }
-            },
             handleGoToGitHub () {
                 _hmt.push(['_trackEvent', 'menu-go-github', 'click']);
-                window.open('https://github.com/iview/iview');
+                window.open('https://github.com/TalkingData/weapp');
             },
             handleGoToTwitter () {
                 _hmt.push(['_trackEvent', 'menu-go-twitter', 'click']);
@@ -191,7 +121,6 @@
             }
         },
         created () {
-            this.lang = this.$lang;
             let list = [];
             for (let i = 0; i < navigate.components.length; i++) {
                 for (let j = 0; j < navigate.components[i].list.length; j++) {
diff --git a/src/components/navigate.vue b/src/components/navigate.vue
index fdf093a..6371e66 100644
--- a/src/components/navigate.vue
+++ b/src/components/navigate.vue
@@ -3,93 +3,44 @@
 </style>
 <template>
     <div class="navigate">
-        <div class="asd" @click="handleAd" v-if="lang === 'zh-CN'">
-            <div class="asd-main">
-                <img src="../images/ad-juejin.jpg" style="border-radius: 6px">
-                <ad-send></ad-send>
-            </div>
-        </div>
-        <Menu width="auto" :active-name="activeKey" @on-select="handleSelect" v-if="type === 'guide'">
-            <Menu-item v-for="item in navigate.guide" :key="item.path" :name="item.path">
-                <template v-if="lang === 'zh-CN'">{{ item.title }}</template>
-                <template v-else>{{ item.titleEn }}</template>
-            </Menu-item>
-        </Menu>
+        <!--<div class="asd" @click="handleAd" v-if="lang === 'zh-CN'">-->
+            <!--<div class="asd-main">-->
+                <!--<img src="../images/ad-juejin.jpg" style="border-radius: 6px">-->
+                <!--<ad-send></ad-send>-->
+            <!--</div>-->
+        <!--</div>-->
         <Menu width="auto" :active-name="activeKey" @on-select="handleSelect" v-if="type === 'component'">
             <Menu-item v-for="item in navigate.beforeComponents" :key="item.path" :name="item.path">
                 <template v-if="item.title !== '更新日志'">
-                    <template v-if="lang === 'zh-CN'">{{ item.title }}</template>
-                    <template v-else>{{ item.titleEn }}</template>
+                    {{ item.title }}
                 </template>
                 <template v-if="item.title === '更新日志'">
                     <Badge :dot="showDot">
-                        <template v-if="lang === 'zh-CN'">{{ item.title }}</template>
-                        <template v-else>{{ item.titleEn }}</template>
+                        {{ item.title }}
                     </Badge>
                 </template>
             </Menu-item>
-            <!--<Button type="warning" v-if="lang === 'zh-CN'" icon="heart" size="small" style="width:130px;margin:15px 0 15px 15px;" @click="handleDonate">{{ $t('index.donate') }}</Button>-->
-            <div class="navigate-group">{{ $t('index.component') }}</div>
+            <div class="navigate-group">组件</div>
             <Menu-group v-for="item in navigate.components" :key="item.type" :title="item.type">
                 <Menu-item v-for="component in item.list" :key="component.path" :name="component.path">
                     <i class="ivu-icon" :class="'ivu-icon-' + component.icon"></i>
-                    <template v-if="lang === 'zh-CN'">
+                    <template>
                         {{ component.title.split(' ')[0] }}
                         <span class="navigate-group-span">{{ component.title.split(' ')[1] }}</span>
                     </template>
-                    <template v-else>{{ component.title.split(' ')[0] }}</template>
                 </Menu-item>
             </Menu-group>
         </Menu>
         <Menu width="auto" :active-name="activeKey" @on-select="handleSelect" v-if="type === 'practice'">
             <Menu-item v-for="item in navigate.practice" :key="item.path" :name="item.path">
-                <template v-if="lang === 'zh-CN'">{{ item.title }}</template>
-                <template v-else>{{ item.titleEn }}</template>
+                {{ item.title }}
             </Menu-item>
         </Menu>
         <Menu width="auto" :active-name="activeKey" @on-select="handleSelect" v-if="type === 'live'">
             <Menu-item v-for="item in navigate.live" :key="item.path" :name="item.path">
-                <template v-if="lang === 'zh-CN'">{{ item.title }}</template>
-                <template v-else>{{ item.titleEn }}</template>
+                {{ item.title }}
             </Menu-item>
         </Menu>
-        <Modal v-model="showAd" width="900" title="《Vue.js 实战》现已开售" footer-hide>
-            <div class="i-article">
-                <Row>
-                    <Col span="10">
-                        <img src="../images/vue-book.png" style="display: block;width: 90%;margin: 0 auto;">
-                    </Col>
-                    <Col span="14">
-                        <div style="padding: 32px">
-                            <Alert>
-                                《Vue.js 实战》
-                                <div slot="desc">
-                                    <p style="margin-top: 6px">本书由 Vue.js 作者 <strong>尤雨溪</strong> 作推荐序,TalkingData 研发副总裁马骥、W3cplus.com 站长 大漠、在线回声前端技术专家 justjavac(迷渡)、laravel-china.org 站长 Summer 联合推荐。</p>
-                                    <p style="margin-top: 6px">作者:TalkingData 可视化架构师 & iView 作者 梁灏(Aresn)</p>
-                                    <p style="margin-top: 6px">图书介绍:本书以 Vue.js 2.0 为基础,以项目实战的方式来引导读者渐进式学习 Vue.js。通过本书的学习,读者能够掌握 Vue.js 框架主要 API 的使用方法、自定义指令、组件开发、单文件组件、Render 函数、使用 Webpack 开发可复用的单页面富应用等。本书特点是示例丰富,侧重实战,适用于刚接触或即将接触 Vue.js 的开发者,也适用于对 Vue.js 有过开发经验,但需要进一步提升的开发者。</p>
-                                </div>
-                            </Alert>
-                            <div style="margin-top: 12px;">
-                                <Row :gutter="16">
-                                    <i-col span="8">
-                                        <Button icon="ios-cart" type="warning" size="large" long @click="handleBuy('taobao')">天猫购买</Button>
-                                    </i-col>
-                                    <i-col span="8">
-                                        <Button icon="ios-cart" type="error" size="large" long @click="handleBuy('jd')">京东购买</Button>
-                                    </i-col>
-                                    <i-col span="8">
-                                        <Button icon="ios-cart" type="info" size="large" long @click="handleBuy('dangdang')">当当购买</Button>
-                                    </i-col>
-                                    <!--<i-col span="6">-->
-                                        <!--<Button icon="ios-videocam" type="info" size="large" long @click="handleBuy('video')">系列视频教程</Button>-->
-                                    <!--</i-col>-->
-                                </Row>
-                            </div>
-                        </div>
-                    </Col>
-                </Row>
-            </div>
-        </Modal>
     </div>
 </template>
 <script>
@@ -110,7 +61,6 @@
                 navigate: navigate,
                 showDot: false,
                 activeKey: this.$route.path,
-                lang: this.$lang,
                 showAd: false
             }
         },
@@ -119,7 +69,6 @@
                 bus.$emit('on-donate-show');
             },
             handleSelect (path) {
-                if (this.lang === 'en-US') path += '-en';
                 this.$nextTick(() => {
                     this.$router.push(path);
                 });
@@ -143,9 +92,7 @@
             }
         },
         created () {
-            this.lang = this.$lang;
-            const path = this.lang === 'zh-CN' ? this.$route.path : this.$route.path.split('-en')[0];
-            this.activeKey = path;
+            this.activeKey = this.$route.path;
         },
         mounted () {
             // 判断是否已阅读更新日志
diff --git a/src/config/navigate.js b/src/config/navigate.js
index 16b3ba6..055833f 100644
--- a/src/config/navigate.js
+++ b/src/config/navigate.js
@@ -1,59 +1,12 @@
 // 定义左侧导航
 
 const list = {
-    guide: [
-        {
-            title: '介绍',
-            titleEn: 'Introduction',
-            path: '/docs/guide/introduce'
-        },
-        {
-            title: '设计原则',
-            titleEn: 'Design Principles',
-            path: '/docs/guide/design'
-        },
-        {
-            title: '布局',
-            titleEn: 'Navigation Examples',
-            path: '/docs/guide/layout'
-        },
-        {
-            title: '参与贡献',
-            titleEn: 'Contributing Guide',
-            path: '/docs/guide/standard'
-        }
-    ],
     beforeComponents: [
-        {
-            title: '安装',
-            titleEn: 'Installation',
-            path: '/docs/guide/install'
-        },
         {
             title: '快速上手',
             titleEn: 'Quick Start',
             path: '/docs/guide/start'
         },
-        {
-            title: '国际化',
-            titleEn: 'Internationalization',
-            path: '/docs/guide/i18n'
-        },
-        {
-            title: '定制主题',
-            titleEn: 'Customize Theme',
-            path: '/docs/guide/theme'
-        },
-        {
-            title: 'iView Loader',
-            titleEn: 'iView Loader',
-            path: '/docs/guide/iview-loader'
-        },
-        {
-            title: '概览',
-            titleEn: 'Overview',
-            path: '/overview'
-        },
         {
             title: '更新日志',
             titleEn: 'Change Log',
@@ -397,24 +350,6 @@ const list = {
                 }
             ]
         }
-    ],
-    practice: [
-        {
-            title: '实践案例',
-            titleEn: 'Practical Cases',
-            path: '/docs/practice/case'
-        },
-        {
-            title: 'iView Logo 设计思路',
-            titleEn: 'iView Logo Design',
-            path: '/docs/practice/logo'
-        }
-    ],
-    live: [
-        {
-            title: '最新课程',
-            path: '/live'
-        }
     ]
 };
 
diff --git a/src/images/logo-footer.png b/src/images/logo-footer.png
new file mode 100644
index 0000000000000000000000000000000000000000..86c42c6cd52b15d7d3455d9075886e2e775afb3b
GIT binary patch
literal 14915
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

literal 0
HcmV?d00001

diff --git a/src/locale.js b/src/locale.js
deleted file mode 100644
index ac7300e..0000000
--- a/src/locale.js
+++ /dev/null
@@ -1,66 +0,0 @@
-export default {
-    'zh-CN': {
-        index: {
-            title: '一套基于 Vue.js 的高质量 UI 组件库',
-            guide: '指南',
-            component: '组件',
-            practice: '实践',
-            cli: 'iView Cli',
-            overview: '概览',
-            live: '教程',
-            search: '搜索组件...',
-            notFound: '没有找到相关组件',
-            ask: '提问',
-            donate: '广告投放',
-            links: '相关站点',
-            tc: '有逼格的程序员社区',
-            td: '用数据的心智去超越',
-            td_mi: '免费公开大数据查询平台',
-            inmap: '大数据地理信息可视化框架',
-            Fregata: '大规模机器学习算法库',
-            Myna: 'Android 平台情景感知框架',
-            OWL: '分布式监控系统',
-            community: '社区',
-            feedback: '反馈建议',
-            bug: '提交bug',
-            chat: '在线讨论',
-            ecosystem: '生态',
-            code_copy: '复制代码',
-            code_fullscreen: '放大',
-            code_jsfiddle: '在 JSFiddle 中打开',
-            current_version: '当前呈现版本:'
-        }
-    },
-    'en-US': {
-        index: {
-            title: 'A high quality UI Toolkit based on Vue.js',
-            guide: 'Guide',
-            component: 'Components',
-            practice: 'Practice',
-            cli: 'iView Cli',
-            overview: 'Overview',
-            live: 'Live',
-            search: 'Search Components...',
-            notFound: 'Not Found',
-            ask: 'Ask',
-            donate: 'Donate',
-            links: 'Related Links',
-            tc: 'Programmer Community',
-            td: 'Go beyond with the heart and mind of data',
-            td_mi: 'Free Public Mobile Big Data Query Platform',
-            inmap: 'Map visualization',
-            Fregata: 'Machine Learning Library',
-            Myna: 'Android Situational Awareness Library',
-            OWL: 'Distributed Monitoring System',
-            community: 'Community',
-            feedback: 'Feedback',
-            bug: 'Bug Report',
-            chat: 'Chat Room',
-            ecosystem: 'Ecosystem',
-            code_copy: 'Copy code',
-            code_fullscreen: 'Fullscreen',
-            code_jsfiddle: 'Open in JSFiddle',
-            current_version: 'Current Version:'
-        }
-    }
-}
\ No newline at end of file
diff --git a/src/router.js b/src/router.js
index 5fd6afe..7c8368a 100755
--- a/src/router.js
+++ b/src/router.js
@@ -10,11 +10,11 @@ const routers = [
         component: (resolve) => require(['./views/index.vue'], resolve)
     },
     {
-        path: '/components/scroll-en',
+        path: '/docs/guide/start',
         meta: {
-            title: 'Scroll'
+            title: '快速上手'
         },
-        component: (resolve) => require(['./views/components/scroll-en.vue'], resolve)
+        component: (resolve) => require(['./views/guide/start.vue'], resolve)
     },
     {
         path: '*',
diff --git a/src/styles/article.less b/src/styles/article.less
index ff262ea..924b271 100644
--- a/src/styles/article.less
+++ b/src/styles/article.less
@@ -30,6 +30,9 @@
                     display: block;
                     clear: both;
                 }
+                &-btn{
+                    margin-left: 32px;
+                }
             }
             &-logo{
                 height: 50px;
@@ -154,7 +157,7 @@
     }
     &-logo{
         text-align: center;
-        height: 45px;
+        height: 65px;
         img{
             height: 100%;
         }
diff --git a/src/views/index.vue b/src/views/index.vue
index f2d5060..f2696b9 100755
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -23,7 +23,7 @@
                         <div class="index-content">一套高质量的</div>
                         <div class="index-content">微信小程序 UI 组件库</div>
                         <div class="index-actions">
-                            <Button class="index-btn" size="large" type="primary" shape="circle">开始使用</Button>
+                            <Button class="index-btn" size="large" type="primary" shape="circle" @click="handleStart">开始使用</Button>
                             <Poptip title="使用微信扫描体验" trigger="hover">
                                 <Button class="index-btn" size="large" type="ghost" shape="circle">扫描体验</Button>
                                 <div slot="content">
@@ -41,6 +41,9 @@
 <script>
     export default {
         methods: {
+            handleStart () {
+                this.$router.push('/docs/guide/start');
+            },
             handleGitHub () {
                 window.open('https://github.com/TalkingData/iview-weapp');
             }