From aa87fc1786380cbe63a0e2d73b06d608c459979c Mon Sep 17 00:00:00 2001 From: Leopoldthecoder Date: Tue, 27 Dec 2016 13:59:40 +0800 Subject: [PATCH] add version switch dropdown --- build/cooking.demo.js | 4 + examples/components/side-nav.vue | 100 +++++- examples/i18n/component.json | 6 + examples/versions.json | 3 + package.json | 1 + yarn.lock | 530 ++++++++++++++++--------------- 6 files changed, 390 insertions(+), 254 deletions(-) create mode 100644 examples/versions.json diff --git a/build/cooking.demo.js b/build/cooking.demo.js index d1f677d00..15d0e7b59 100644 --- a/build/cooking.demo.js +++ b/build/cooking.demo.js @@ -1,6 +1,7 @@ var cooking = require('cooking'); var config = require('./config'); var md = require('markdown-it')(); +var CopyWebpackPlugin = require('copy-webpack-plugin'); var striptags = require('./strip-tags'); var slugify = require('transliteration').slugify; var isProd = process.env.NODE_ENV === 'production'; @@ -113,5 +114,8 @@ if (isProd) { cooking.add('externals.vue-router', 'VueRouter'); } +cooking.add('plugin.CopyWebpackPlugin', new CopyWebpackPlugin([ + { from: 'examples/versions.json' } +])); cooking.add('vue.preserveWhitespace', false); module.exports = cooking.resolve(); diff --git a/examples/components/side-nav.vue b/examples/components/side-nav.vue index dd6409c89..90efd8a8d 100644 --- a/examples/components/side-nav.vue +++ b/examples/components/side-nav.vue @@ -12,6 +12,41 @@ margin: 0; overflow: hidden; } + + .nav-dropdown { + margin-bottom: 6px; + width: 100%; + span { + display: block; + width: 100%; + font-size: 16px; + color: #5e6d82; + line-height: 40px; + transition: .2s; + border-bottom: 1px solid #eaeefb; + &:hover { + cursor: pointer; + } + } + i { + transition: .2s; + font-size: 12px; + color: #d3dce6; + } + @when active { + span, i { + color: #20a0ff; + } + i { + transform: rotateZ(180deg) translateY(2px); + } + } + &:hover { + span, i { + color: #20a0ff; + } + } + } .nav-item { a { @@ -53,9 +88,37 @@ margin-top: 10px; } } + .nav-dropdown-list { + width: 120px; + margin-top: -8px; + li { + font-size: 14px; + } + }