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--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'); }