├── .babelrc ├── .editorconfig ├── .eslintignore ├── .eslintrc.js ├── .gitignore ├── .postcssrc.js ├── README.md ├── build ├── build.js ├── check-versions.js ├── dev-client.js ├── dev-server.js ├── utils.js ├── vue-loader.conf.js ├── webpack.base.conf.js ├── webpack.dev.conf.js ├── webpack.prod.conf.js └── webpack.test.conf.js ├── config ├── dev.env.js ├── index.js ├── prod.env.js └── test.env.js ├── element-variables.css ├── index.html ├── package-lock.json ├── package.json ├── src ├── App.vue ├── assets │ ├── Koala.jpg │ ├── img.jpg │ └── logo.png ├── common │ └── css │ │ └── index.css ├── components │ ├── left │ │ └── left.vue │ ├── login │ │ └── login.vue │ ├── loginSuccess │ │ └── loginSuccess.vue │ ├── rightcontent │ │ ├── book │ │ │ ├── book.vue │ │ │ └── bookDetail.vue │ │ ├── department │ │ │ └── department.vue │ │ ├── homepage │ │ │ └── homepage.vue │ │ ├── info │ │ │ └── info.vue │ │ ├── schedual │ │ │ └── schedual.vue │ │ ├── see │ │ │ └── see.vue │ │ └── systemset │ │ │ ├── log.vue │ │ │ └── permission.vue │ ├── righthead │ │ ├── login.vue │ │ └── righthead.vue │ └── rightnav │ │ └── rightnav.vue ├── global │ └── api.js ├── main.js ├── router │ └── index.js └── vendor │ ├── Blob.js │ └── Export2Excel.js ├── static ├── .gitkeep ├── Koala.jpg └── dataJson │ ├── book.json │ ├── homepage.json │ ├── permission.json │ ├── personalInfo.json │ └── schedual.json ├── test ├── e2e │ ├── custom-assertions │ │ └── elementCount.js │ ├── nightwatch.conf.js │ ├── runner.js │ └── specs │ │ └── test.js └── unit │ ├── .eslintrc │ ├── index.js │ ├── karma.conf.js │ └── specs │ └── Hello.spec.js └── theme ├── alert.css ├── autocomplete.css ├── badge.css ├── base.css ├── breadcrumb-item.css ├── breadcrumb.css ├── button-group.css ├── button.css ├── card.css ├── carousel-item.css ├── carousel.css ├── cascader.css ├── checkbox-button.css ├── checkbox-group.css ├── checkbox.css ├── col.css ├── collapse-item.css ├── collapse.css ├── color-picker.css ├── date-picker.css ├── dialog.css ├── dropdown-item.css ├── dropdown-menu.css ├── dropdown.css ├── element-variables.css ├── fonts ├── element-icons.ttf └── element-icons.woff ├── form-item.css ├── form.css ├── icon.css ├── index.css ├── input-number.css ├── input.css ├── loading.css ├── menu-item-group.css ├── menu-item.css ├── menu.css ├── message-box.css ├── message.css ├── notification.css ├── option-group.css ├── option.css ├── pagination.css ├── popover.css ├── progress.css ├── radio-button.css ├── radio-group.css ├── radio.css ├── rate.css ├── reset.css ├── row.css ├── scrollbar.css ├── select-dropdown.css ├── select.css ├── slider.css ├── spinner.css ├── step.css ├── steps.css ├── submenu.css ├── switch.css ├── tab-pane.css ├── table-column.css ├── table.css ├── tabs.css ├── tag.css ├── time-picker.css ├── time-select.css ├── tooltip.css ├── transfer.css ├── tree.css └── upload.css /.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": [ 3 | ["env", { 4 | "modules": false, 5 | "targets": { 6 | "browsers": ["> 1%", "last 2 versions", "not ie <= 8"] 7 | } 8 | }], 9 | "stage-2" 10 | ], 11 | "plugins": ["transform-runtime"], 12 | "env": { 13 | "test": { 14 | "presets": ["env", "stage-2"], 15 | "plugins": ["istanbul"] 16 | } 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /.editorconfig: -------------------------------------------------------------------------------- 1 | root = true 2 | 3 | [*] 4 | charset = utf-8 5 | indent_style = space 6 | indent_size = 2 7 | end_of_line = lf 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | -------------------------------------------------------------------------------- /.eslintignore: -------------------------------------------------------------------------------- 1 | build/*.js 2 | config/*.js 3 | -------------------------------------------------------------------------------- /.eslintrc.js: -------------------------------------------------------------------------------- 1 | // http://eslint.org/docs/user-guide/configuring 2 | 3 | module.exports = { 4 | root: true, 5 | parser: 'babel-eslint', 6 | parserOptions: { 7 | sourceType: 'module' 8 | }, 9 | env: { 10 | browser: true, 11 | }, 12 | // https://github.com/feross/standard/blob/master/RULES.md#javascript-standard-style 13 | extends: 'standard', 14 | // required to lint *.vue files 15 | plugins: [ 16 | 'html' 17 | ], 18 | // add your custom rules here 19 | 'rules': { 20 | // allow paren-less arrow functions 21 | 'arrow-parens': 0, 22 | // allow async-await 23 | 'generator-star-spacing': 0, 24 | // allow debugger during development 25 | 'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0 26 | } 27 | } 28 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules/ 3 | dist/ 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | test/unit/coverage 8 | test/e2e/reports 9 | selenium-debug.log 10 | 11 | # Editor directories and files 12 | .idea 13 | *.suo 14 | *.ntvs* 15 | *.njsproj 16 | *.sln 17 | -------------------------------------------------------------------------------- /.postcssrc.js: -------------------------------------------------------------------------------- 1 | // https://github.com/michael-ciniawsky/postcss-load-config 2 | 3 | module.exports = { 4 | "plugins": { 5 | // to edit target browsers: use "browserslist" field in package.json 6 | "autoprefixer": {} 7 | } 8 | } 9 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Manage 2 | -------------------------------------------------------------------------------- /build/build.js: -------------------------------------------------------------------------------- 1 | require('./check-versions')() 2 | 3 | process.env.NODE_ENV = 'production' 4 | 5 | var ora = require('ora') 6 | var rm = require('rimraf') 7 | var path = require('path') 8 | var chalk = require('chalk') 9 | var webpack = require('webpack') 10 | var config = require('../config') 11 | var webpackConfig = require('./webpack.prod.conf') 12 | 13 | var spinner = ora('building for production...') 14 | spinner.start() 15 | 16 | rm(path.join(config.build.assetsRoot, config.build.assetsSubDirectory), err => { 17 | if (err) throw err 18 | webpack(webpackConfig, function (err, stats) { 19 | spinner.stop() 20 | if (err) throw err 21 | process.stdout.write(stats.toString({ 22 | colors: true, 23 | modules: false, 24 | children: false, 25 | chunks: false, 26 | chunkModules: false 27 | }) + '\n\n') 28 | 29 | console.log(chalk.cyan(' Build complete.\n')) 30 | console.log(chalk.yellow( 31 | ' Tip: built files are meant to be served over an HTTP server.\n' + 32 | ' Opening index.html over file:// won\'t work.\n' 33 | )) 34 | }) 35 | }) 36 | -------------------------------------------------------------------------------- /build/check-versions.js: -------------------------------------------------------------------------------- 1 | var chalk = require('chalk') 2 | var semver = require('semver') 3 | var packageConfig = require('../package.json') 4 | var shell = require('shelljs') 5 | function exec (cmd) { 6 | return require('child_process').execSync(cmd).toString().trim() 7 | } 8 | 9 | var versionRequirements = [ 10 | { 11 | name: 'node', 12 | currentVersion: semver.clean(process.version), 13 | versionRequirement: packageConfig.engines.node 14 | }, 15 | ] 16 | 17 | if (shell.which('npm')) { 18 | versionRequirements.push({ 19 | name: 'npm', 20 | currentVersion: exec('npm --version'), 21 | versionRequirement: packageConfig.engines.npm 22 | }) 23 | } 24 | 25 | module.exports = function () { 26 | var warnings = [] 27 | for (var i = 0; i < versionRequirements.length; i++) { 28 | var mod = versionRequirements[i] 29 | if (!semver.satisfies(mod.currentVersion, mod.versionRequirement)) { 30 | warnings.push(mod.name + ': ' + 31 | chalk.red(mod.currentVersion) + ' should be ' + 32 | chalk.green(mod.versionRequirement) 33 | ) 34 | } 35 | } 36 | 37 | if (warnings.length) { 38 | console.log('') 39 | console.log(chalk.yellow('To use this template, you must update following to modules:')) 40 | console.log() 41 | for (var i = 0; i < warnings.length; i++) { 42 | var warning = warnings[i] 43 | console.log(' ' + warning) 44 | } 45 | console.log() 46 | process.exit(1) 47 | } 48 | } 49 | -------------------------------------------------------------------------------- /build/dev-client.js: -------------------------------------------------------------------------------- 1 | /* eslint-disable */ 2 | require('eventsource-polyfill') 3 | var hotClient = require('webpack-hot-middleware/client?noInfo=true&reload=true') 4 | 5 | hotClient.subscribe(function (event) { 6 | if (event.action === 'reload') { 7 | window.location.reload() 8 | } 9 | }) 10 | -------------------------------------------------------------------------------- /build/dev-server.js: -------------------------------------------------------------------------------- 1 | require('./check-versions')() 2 | 3 | var config = require('../config') 4 | if (!process.env.NODE_ENV) { 5 | process.env.NODE_ENV = JSON.parse(config.dev.env.NODE_ENV) 6 | } 7 | 8 | var opn = require('opn') 9 | var path = require('path') 10 | var express = require('express') 11 | var webpack = require('webpack') 12 | var proxyMiddleware = require('http-proxy-middleware') 13 | var webpackConfig = process.env.NODE_ENV === 'testing' 14 | ? require('./webpack.prod.conf') 15 | : require('./webpack.dev.conf') 16 | 17 | // default port where dev server listens for incoming traffic 18 | var port = process.env.PORT || config.dev.port 19 | // automatically open browser, if not set will be false 20 | var autoOpenBrowser = !!config.dev.autoOpenBrowser 21 | // Define HTTP proxies to your custom API backend 22 | // https://github.com/chimurai/http-proxy-middleware 23 | var proxyTable = config.dev.proxyTable 24 | 25 | var app = express() 26 | var compiler = webpack(webpackConfig) 27 | 28 | var devMiddleware = require('webpack-dev-middleware')(compiler, { 29 | publicPath: webpackConfig.output.publicPath, 30 | quiet: true 31 | }) 32 | 33 | var hotMiddleware = require('webpack-hot-middleware')(compiler, { 34 | log: () => {}, 35 | heartbeat: 2000 36 | }) 37 | // force page reload when html-webpack-plugin template changes 38 | compiler.plugin('compilation', function (compilation) { 39 | compilation.plugin('html-webpack-plugin-after-emit', function (data, cb) { 40 | hotMiddleware.publish({ action: 'reload' }) 41 | cb() 42 | }) 43 | }) 44 | 45 | // proxy api requests 46 | Object.keys(proxyTable).forEach(function (context) { 47 | var options = proxyTable[context] 48 | if (typeof options === 'string') { 49 | options = { target: options } 50 | } 51 | app.use(proxyMiddleware(options.filter || context, options)) 52 | }) 53 | 54 | // handle fallback for HTML5 history API 55 | app.use(require('connect-history-api-fallback')()) 56 | 57 | // serve webpack bundle output 58 | app.use(devMiddleware) 59 | 60 | // enable hot-reload and state-preserving 61 | // compilation error display 62 | app.use(hotMiddleware) 63 | 64 | // serve pure static assets 65 | var staticPath = path.posix.join(config.dev.assetsPublicPath, config.dev.assetsSubDirectory) 66 | app.use(staticPath, express.static('./static')) 67 | 68 | var uri = 'http://localhost:' + port 69 | 70 | var _resolve 71 | var readyPromise = new Promise(resolve => { 72 | _resolve = resolve 73 | }) 74 | 75 | console.log('> Starting dev server...') 76 | devMiddleware.waitUntilValid(() => { 77 | console.log('> Listening at ' + uri + '\n') 78 | // when env is testing, don't need open it 79 | if (autoOpenBrowser && process.env.NODE_ENV !== 'testing') { 80 | opn(uri) 81 | } 82 | _resolve() 83 | }) 84 | 85 | var server = app.listen(port) 86 | 87 | module.exports = { 88 | ready: readyPromise, 89 | close: () => { 90 | server.close() 91 | } 92 | } 93 | -------------------------------------------------------------------------------- /build/utils.js: -------------------------------------------------------------------------------- 1 | var path = require('path') 2 | var config = require('../config') 3 | var ExtractTextPlugin = require('extract-text-webpack-plugin') 4 | 5 | exports.assetsPath = function (_path) { 6 | var assetsSubDirectory = process.env.NODE_ENV === 'production' 7 | ? config.build.assetsSubDirectory 8 | : config.dev.assetsSubDirectory 9 | return path.posix.join(assetsSubDirectory, _path) 10 | } 11 | 12 | exports.cssLoaders = function (options) { 13 | options = options || {} 14 | 15 | var cssLoader = { 16 | loader: 'css-loader', 17 | options: { 18 | minimize: process.env.NODE_ENV === 'production', 19 | sourceMap: options.sourceMap 20 | } 21 | } 22 | 23 | // generate loader string to be used with extract text plugin 24 | function generateLoaders (loader, loaderOptions) { 25 | var loaders = [cssLoader] 26 | if (loader) { 27 | loaders.push({ 28 | loader: loader + '-loader', 29 | options: Object.assign({}, loaderOptions, { 30 | sourceMap: options.sourceMap 31 | }) 32 | }) 33 | } 34 | 35 | // Extract CSS when that option is specified 36 | // (which is the case during production build) 37 | if (options.extract) { 38 | return ExtractTextPlugin.extract({ 39 | use: loaders, 40 | fallback: 'vue-style-loader' 41 | }) 42 | } else { 43 | return ['vue-style-loader'].concat(loaders) 44 | } 45 | } 46 | 47 | // https://vue-loader.vuejs.org/en/configurations/extract-css.html 48 | return { 49 | css: generateLoaders(), 50 | postcss: generateLoaders(), 51 | less: generateLoaders('less'), 52 | sass: generateLoaders('sass', { indentedSyntax: true }), 53 | scss: generateLoaders('sass'), 54 | stylus: generateLoaders('stylus'), 55 | styl: generateLoaders('stylus') 56 | } 57 | } 58 | 59 | // Generate loaders for standalone style files (outside of .vue) 60 | exports.styleLoaders = function (options) { 61 | var output = [] 62 | var loaders = exports.cssLoaders(options) 63 | for (var extension in loaders) { 64 | var loader = loaders[extension] 65 | output.push({ 66 | test: new RegExp('\\.' + extension + '$'), 67 | use: loader 68 | }) 69 | } 70 | return output 71 | } 72 | -------------------------------------------------------------------------------- /build/vue-loader.conf.js: -------------------------------------------------------------------------------- 1 | var utils = require('./utils') 2 | var config = require('../config') 3 | var isProduction = process.env.NODE_ENV === 'production' 4 | 5 | module.exports = { 6 | loaders: utils.cssLoaders({ 7 | sourceMap: isProduction 8 | ? config.build.productionSourceMap 9 | : config.dev.cssSourceMap, 10 | extract: isProduction 11 | }), 12 | transformToRequire: { 13 | video: 'src', 14 | source: 'src', 15 | img: 'src', 16 | image: 'xlink:href' 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /build/webpack.base.conf.js: -------------------------------------------------------------------------------- 1 | var path = require('path') 2 | var utils = require('./utils') 3 | var config = require('../config') 4 | var vueLoaderConfig = require('./vue-loader.conf') 5 | 6 | function resolve (dir) { 7 | return path.join(__dirname, '..', dir) 8 | } 9 | 10 | module.exports = { 11 | entry: { 12 | app: './src/main.js' 13 | }, 14 | output: { 15 | path: config.build.assetsRoot, 16 | filename: '[name].js', 17 | publicPath: process.env.NODE_ENV === 'production' 18 | ? config.build.assetsPublicPath 19 | : config.dev.assetsPublicPath 20 | }, 21 | resolve: { 22 | extensions: ['.js', '.vue', '.json'], 23 | alias: { 24 | 'vue$': 'vue/dist/vue.esm.js', 25 | '@': resolve('src'), 26 | 'right':resolve('src/components/right') 27 | } 28 | }, 29 | module: { 30 | rules: [ 31 | // { 32 | // test: /\.(js|vue)$/, 33 | // loader: 'eslint-loader', 34 | // enforce: 'pre', 35 | // include: [resolve('src'), resolve('test')], 36 | // options: { 37 | // formatter: require('eslint-friendly-formatter') 38 | // } 39 | // }, 40 | { 41 | test: /\.vue$/, 42 | loader: 'vue-loader', 43 | options: vueLoaderConfig 44 | }, 45 | { 46 | test: /\.js$/, 47 | loader: 'babel-loader', 48 | include: [resolve('src'), resolve('test')] 49 | }, 50 | { 51 | test: /\.(png|jpe?g|gif|svg)(\?.*)?$/, 52 | loader: 'url-loader', 53 | options: { 54 | limit: 10000, 55 | name: utils.assetsPath('img/[name].[hash:7].[ext]') 56 | } 57 | }, 58 | { 59 | test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/, 60 | loader: 'url-loader', 61 | options: { 62 | limit: 10000, 63 | name: utils.assetsPath('media/[name].[hash:7].[ext]') 64 | } 65 | }, 66 | { 67 | test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/, 68 | loader: 'url-loader', 69 | options: { 70 | limit: 10000, 71 | name: utils.assetsPath('fonts/[name].[hash:7].[ext]') 72 | } 73 | }, 74 | { 75 | test: /\.exec\.js$/, 76 | use: [ 'script-loader' ] 77 | } 78 | ] 79 | } 80 | } 81 | -------------------------------------------------------------------------------- /build/webpack.dev.conf.js: -------------------------------------------------------------------------------- 1 | var utils = require('./utils') 2 | var webpack = require('webpack') 3 | var config = require('../config') 4 | var merge = require('webpack-merge') 5 | var baseWebpackConfig = require('./webpack.base.conf') 6 | var HtmlWebpackPlugin = require('html-webpack-plugin') 7 | var FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin') 8 | 9 | // add hot-reload related code to entry chunks 10 | Object.keys(baseWebpackConfig.entry).forEach(function (name) { 11 | baseWebpackConfig.entry[name] = ['./build/dev-client'].concat(baseWebpackConfig.entry[name]) 12 | }) 13 | 14 | module.exports = merge(baseWebpackConfig, { 15 | module: { 16 | rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap }) 17 | }, 18 | // cheap-module-eval-source-map is faster for development 19 | devtool: '#cheap-module-eval-source-map', 20 | plugins: [ 21 | new webpack.DefinePlugin({ 22 | 'process.env': config.dev.env 23 | }), 24 | // https://github.com/glenjamin/webpack-hot-middleware#installation--usage 25 | new webpack.HotModuleReplacementPlugin(), 26 | new webpack.NoEmitOnErrorsPlugin(), 27 | // https://github.com/ampedandwired/html-webpack-plugin 28 | new HtmlWebpackPlugin({ 29 | filename: 'index.html', 30 | template: 'index.html', 31 | inject: true 32 | }), 33 | new FriendlyErrorsPlugin() 34 | ] 35 | }) 36 | -------------------------------------------------------------------------------- /build/webpack.prod.conf.js: -------------------------------------------------------------------------------- 1 | var path = require('path') 2 | var utils = require('./utils') 3 | var webpack = require('webpack') 4 | var config = require('../config') 5 | var merge = require('webpack-merge') 6 | var baseWebpackConfig = require('./webpack.base.conf') 7 | var CopyWebpackPlugin = require('copy-webpack-plugin') 8 | var HtmlWebpackPlugin = require('html-webpack-plugin') 9 | var ExtractTextPlugin = require('extract-text-webpack-plugin') 10 | var OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin') 11 | 12 | var env = process.env.NODE_ENV === 'testing' 13 | ? require('../config/test.env') 14 | : config.build.env 15 | 16 | var webpackConfig = merge(baseWebpackConfig, { 17 | module: { 18 | rules: utils.styleLoaders({ 19 | sourceMap: config.build.productionSourceMap, 20 | extract: true 21 | }) 22 | }, 23 | devtool: config.build.productionSourceMap ? '#source-map' : false, 24 | output: { 25 | path: config.build.assetsRoot, 26 | filename: utils.assetsPath('js/[name].[chunkhash].js'), 27 | chunkFilename: utils.assetsPath('js/[id].[chunkhash].js') 28 | }, 29 | plugins: [ 30 | // http://vuejs.github.io/vue-loader/en/workflow/production.html 31 | new webpack.DefinePlugin({ 32 | 'process.env': env 33 | }), 34 | new webpack.optimize.UglifyJsPlugin({ 35 | compress: { 36 | warnings: false 37 | }, 38 | sourceMap: true 39 | }), 40 | // extract css into its own file 41 | new ExtractTextPlugin({ 42 | filename: utils.assetsPath('css/[name].[contenthash].css') 43 | }), 44 | // Compress extracted CSS. We are using this plugin so that possible 45 | // duplicated CSS from different components can be deduped. 46 | new OptimizeCSSPlugin({ 47 | cssProcessorOptions: { 48 | safe: true 49 | } 50 | }), 51 | // generate dist index.html with correct asset hash for caching. 52 | // you can customize output by editing /index.html 53 | // see https://github.com/ampedandwired/html-webpack-plugin 54 | new HtmlWebpackPlugin({ 55 | filename: process.env.NODE_ENV === 'testing' 56 | ? 'index.html' 57 | : config.build.index, 58 | template: 'index.html', 59 | inject: true, 60 | minify: { 61 | removeComments: true, 62 | collapseWhitespace: true, 63 | removeAttributeQuotes: true 64 | // more options: 65 | // https://github.com/kangax/html-minifier#options-quick-reference 66 | }, 67 | // necessary to consistently work with multiple chunks via CommonsChunkPlugin 68 | chunksSortMode: 'dependency' 69 | }), 70 | // split vendor js into its own file 71 | new webpack.optimize.CommonsChunkPlugin({ 72 | name: 'vendor', 73 | minChunks: function (module, count) { 74 | // any required modules inside node_modules are extracted to vendor 75 | return ( 76 | module.resource && 77 | /\.js$/.test(module.resource) && 78 | module.resource.indexOf( 79 | path.join(__dirname, '../node_modules') 80 | ) === 0 81 | ) 82 | } 83 | }), 84 | // extract webpack runtime and module manifest to its own file in order to 85 | // prevent vendor hash from being updated whenever app bundle is updated 86 | new webpack.optimize.CommonsChunkPlugin({ 87 | name: 'manifest', 88 | chunks: ['vendor'] 89 | }), 90 | // copy custom static assets 91 | new CopyWebpackPlugin([ 92 | { 93 | from: path.resolve(__dirname, '../static'), 94 | to: config.build.assetsSubDirectory, 95 | ignore: ['.*'] 96 | } 97 | ]) 98 | ] 99 | }) 100 | 101 | if (config.build.productionGzip) { 102 | var CompressionWebpackPlugin = require('compression-webpack-plugin') 103 | 104 | webpackConfig.plugins.push( 105 | new CompressionWebpackPlugin({ 106 | asset: '[path].gz[query]', 107 | algorithm: 'gzip', 108 | test: new RegExp( 109 | '\\.(' + 110 | config.build.productionGzipExtensions.join('|') + 111 | ')$' 112 | ), 113 | threshold: 10240, 114 | minRatio: 0.8 115 | }) 116 | ) 117 | } 118 | 119 | if (config.build.bundleAnalyzerReport) { 120 | var BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin 121 | webpackConfig.plugins.push(new BundleAnalyzerPlugin()) 122 | } 123 | 124 | module.exports = webpackConfig 125 | -------------------------------------------------------------------------------- /build/webpack.test.conf.js: -------------------------------------------------------------------------------- 1 | // This is the webpack config used for unit tests. 2 | 3 | var utils = require('./utils') 4 | var webpack = require('webpack') 5 | var merge = require('webpack-merge') 6 | var baseConfig = require('./webpack.base.conf') 7 | 8 | var webpackConfig = merge(baseConfig, { 9 | // use inline sourcemap for karma-sourcemap-loader 10 | module: { 11 | rules: utils.styleLoaders() 12 | }, 13 | devtool: '#inline-source-map', 14 | resolveLoader: { 15 | alias: { 16 | // necessary to to make lang="scss" work in test when using vue-loader's ?inject option 17 | // see discussion at https://github.com/vuejs/vue-loader/issues/724 18 | 'scss-loader': 'sass-loader' 19 | } 20 | }, 21 | plugins: [ 22 | new webpack.DefinePlugin({ 23 | 'process.env': require('../config/test.env') 24 | }) 25 | ] 26 | }) 27 | 28 | // no need for app entry during tests 29 | delete webpackConfig.entry 30 | 31 | module.exports = webpackConfig 32 | -------------------------------------------------------------------------------- /config/dev.env.js: -------------------------------------------------------------------------------- 1 | var merge = require('webpack-merge') 2 | var prodEnv = require('./prod.env') 3 | 4 | module.exports = merge(prodEnv, { 5 | NODE_ENV: '"development"' 6 | }) 7 | -------------------------------------------------------------------------------- /config/index.js: -------------------------------------------------------------------------------- 1 | // see http://vuejs-templates.github.io/webpack for documentation. 2 | var path = require('path') 3 | 4 | module.exports = { 5 | build: { 6 | env: require('./prod.env'), 7 | index: path.resolve(__dirname, '../dist/index.html'), 8 | assetsRoot: path.resolve(__dirname, '../dist'), 9 | assetsSubDirectory: '', 10 | staticPath:'./', 11 | assetsPublicPath: './', 12 | productionSourceMap: true, 13 | // Gzip off by default as many popular static hosts such as 14 | // Surge or Netlify already gzip all static assets for you. 15 | // Before setting to `true`, make sure to: 16 | // npm install --save-dev compression-webpack-plugin 17 | productionGzip: false, 18 | productionGzipExtensions: ['js', 'css'], 19 | // Run the build command with an extra argument to 20 | // View the bundle analyzer report after build finishes: 21 | // `npm run build --report` 22 | // Set to `true` or `false` to always turn it on or off 23 | bundleAnalyzerReport: process.env.npm_config_report 24 | }, 25 | dev: { 26 | env: require('./dev.env'), 27 | port: 8080, 28 | autoOpenBrowser: true, 29 | assetsSubDirectory: 'static', 30 | staticPath:'/static/', 31 | assetsPublicPath: '/', 32 | proxyTable: {}, 33 | // CSS Sourcemaps off by default because relative paths are "buggy" 34 | // with this option, according to the CSS-Loader README 35 | // (https://github.com/webpack/css-loader#sourcemaps) 36 | // In our experience, they generally work as expected, 37 | // just be aware of this issue when enabling this option. 38 | cssSourceMap: false 39 | } 40 | } 41 | -------------------------------------------------------------------------------- /config/prod.env.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | NODE_ENV: '"production"' 3 | } 4 | -------------------------------------------------------------------------------- /config/test.env.js: -------------------------------------------------------------------------------- 1 | var merge = require('webpack-merge') 2 | var devEnv = require('./dev.env') 3 | 4 | module.exports = merge(devEnv, { 5 | NODE_ENV: '"testing"' 6 | }) 7 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | mydemo 6 | 7 | 8 |
9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "mydemo", 3 | "version": "1.0.0", 4 | "description": "A Vue.js project", 5 | "author": "KamChing <1329469294@qq.com>", 6 | "private": true, 7 | "scripts": { 8 | "dev": "node build/dev-server.js", 9 | "start": "node build/dev-server.js", 10 | "build": "node build/build.js", 11 | "unit": "cross-env BABEL_ENV=test karma start test/unit/karma.conf.js --single-run", 12 | "e2e": "node test/e2e/runner.js", 13 | "test": "npm run unit && npm run e2e", 14 | "lint": "eslint --ext .js,.vue src test/unit/specs test/e2e/specs" 15 | }, 16 | "dependencies": { 17 | "echarts": "^3.6.2", 18 | "element-ui": "^1.4.1", 19 | "file-saver": "^1.3.3", 20 | "less": "^2.7.2", 21 | "less-loader": "^4.0.4", 22 | "vue": "^2.3.3", 23 | "vue-resource": "^1.3.4", 24 | "vue-router": "^2.6.0", 25 | "xlsx": "^0.11.1" 26 | }, 27 | "devDependencies": { 28 | "autoprefixer": "^7.1.2", 29 | "babel-core": "^6.22.1", 30 | "babel-eslint": "^7.1.1", 31 | "babel-loader": "^7.1.1", 32 | "babel-plugin-istanbul": "^4.1.1", 33 | "babel-plugin-transform-runtime": "^6.22.0", 34 | "babel-preset-env": "^1.3.2", 35 | "babel-preset-stage-2": "^6.22.0", 36 | "babel-register": "^6.22.0", 37 | "chai": "^3.5.0", 38 | "chalk": "^2.0.1", 39 | "chromedriver": "^2.27.2", 40 | "connect-history-api-fallback": "^1.3.0", 41 | "copy-webpack-plugin": "^4.0.1", 42 | "cross-env": "^5.0.1", 43 | "cross-spawn": "^5.0.1", 44 | "css-loader": "^0.28.0", 45 | "cssnano": "^3.10.0", 46 | "element-theme-default": "^1.4.1", 47 | "eslint": "^3.19.0", 48 | "eslint-config-standard": "^6.2.1", 49 | "eslint-friendly-formatter": "^3.0.0", 50 | "eslint-loader": "^1.7.1", 51 | "eslint-plugin-html": "^3.0.0", 52 | "eslint-plugin-promise": "^3.4.0", 53 | "eslint-plugin-standard": "^2.0.1", 54 | "eventsource-polyfill": "^0.9.6", 55 | "express": "^4.14.1", 56 | "extract-text-webpack-plugin": "^2.0.0", 57 | "file-loader": "^0.11.1", 58 | "friendly-errors-webpack-plugin": "^1.1.3", 59 | "html-webpack-plugin": "^2.28.0", 60 | "http-proxy-middleware": "^0.17.3", 61 | "inject-loader": "^3.0.0", 62 | "karma": "^1.4.1", 63 | "karma-coverage": "^1.1.1", 64 | "karma-mocha": "^1.3.0", 65 | "karma-phantomjs-launcher": "^1.0.2", 66 | "karma-phantomjs-shim": "^1.4.0", 67 | "karma-sinon-chai": "^1.3.1", 68 | "karma-sourcemap-loader": "^0.3.7", 69 | "karma-spec-reporter": "0.0.31", 70 | "karma-webpack": "^2.0.2", 71 | "lolex": "^1.5.2", 72 | "mocha": "^3.2.0", 73 | "nightwatch": "^0.9.12", 74 | "opn": "^5.1.0", 75 | "optimize-css-assets-webpack-plugin": "^2.0.0", 76 | "ora": "^1.2.0", 77 | "phantomjs-prebuilt": "^2.1.14", 78 | "rimraf": "^2.6.0", 79 | "script-loader": "^0.7.0", 80 | "selenium-server": "^3.0.1", 81 | "semver": "^5.3.0", 82 | "shelljs": "^0.7.6", 83 | "sinon": "^2.1.0", 84 | "sinon-chai": "^2.8.0", 85 | "url-loader": "^0.5.8", 86 | "vue-loader": "^12.1.0", 87 | "vue-style-loader": "^3.0.1", 88 | "vue-template-compiler": "^2.3.3", 89 | "webpack": "^2.6.1", 90 | "webpack-bundle-analyzer": "^2.2.1", 91 | "webpack-dev-middleware": "^1.10.0", 92 | "webpack-hot-middleware": "^2.18.0", 93 | "webpack-merge": "^4.1.0" 94 | }, 95 | "engines": { 96 | "node": ">= 4.0.0", 97 | "npm": ">= 3.0.0" 98 | }, 99 | "browserslist": [ 100 | "> 1%", 101 | "last 2 versions", 102 | "not ie <= 8" 103 | ] 104 | } 105 | -------------------------------------------------------------------------------- /src/App.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 10 | 11 | 14 | -------------------------------------------------------------------------------- /src/assets/Koala.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Sunshine-four4/Manage/581655803daa9a5a33ea377b62698765b23abc0c/src/assets/Koala.jpg -------------------------------------------------------------------------------- /src/assets/img.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Sunshine-four4/Manage/581655803daa9a5a33ea377b62698765b23abc0c/src/assets/img.jpg -------------------------------------------------------------------------------- /src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Sunshine-four4/Manage/581655803daa9a5a33ea377b62698765b23abc0c/src/assets/logo.png -------------------------------------------------------------------------------- /src/common/css/index.css: -------------------------------------------------------------------------------- 1 | .log{ 2 | width: 86%; 3 | float: right; 4 | } -------------------------------------------------------------------------------- /src/components/left/left.vue: -------------------------------------------------------------------------------- 1 | 64 | 65 | 69 | 70 | -------------------------------------------------------------------------------- /src/components/login/login.vue: -------------------------------------------------------------------------------- 1 | 19 | 20 | 54 | 55 | 79 | -------------------------------------------------------------------------------- /src/components/loginSuccess/loginSuccess.vue: -------------------------------------------------------------------------------- 1 | 14 | 15 | 27 | 28 | 41 | 42 | -------------------------------------------------------------------------------- /src/components/rightcontent/homepage/homepage.vue: -------------------------------------------------------------------------------- 1 | 56 | 57 | 146 | 147 | 179 | -------------------------------------------------------------------------------- /src/components/rightcontent/systemset/log.vue: -------------------------------------------------------------------------------- 1 | 33 | 34 | 49 | 64 | -------------------------------------------------------------------------------- /src/components/righthead/login.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 11 | 12 | -------------------------------------------------------------------------------- /src/components/righthead/righthead.vue: -------------------------------------------------------------------------------- 1 | 27 | 28 | 41 | 42 | -------------------------------------------------------------------------------- /src/components/rightnav/rightnav.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 13 | 14 | 20 | -------------------------------------------------------------------------------- /src/global/api.js: -------------------------------------------------------------------------------- 1 | //接口配置 2 | 3 | //把全体接口封装在的前端配置文件（序号与接口文档一一对应），多个环境配置时可快速切换整站式的全部接口，不用逐个页面去改。 4 | const config = require('../../config'); 5 | 6 | let url = { 7 | //ctxPath: "/ccp-web/dist", //tomcat服务dist目录 8 | ctxPath: "/dist", //node服务dist目录 9 | 10 | //staticPath:config.dev.staticPath, //开发环境静态资源路径 11 | staticPath: process.env.NODE_ENV !== 'development' ? config.build.staticPath: config.dev.staticPath 12 | }; 13 | 14 | //----------------请注意：如果正式环境，不需要本地json数据模拟，请删除以上代码和api中的模拟接口。---------------- 15 | 16 | 17 | export const api = { 18 | //'login':'http://localhost:80/dataJson/login.json',//ngxin 19 | 'book':url.staticPath+'dataJson/book.json',//登录模拟接口，正式环境请删除 20 | 'homepage':url.staticPath+'dataJson/homepage.json',//获取登录用户模拟接口 21 | 'permission':url.staticPath+'dataJson/permission.json',//表格模拟接口 22 | 'personalInfo':url.staticPath+'dataJson/personalInfo.json',//表单模拟接口 23 | "schedual":url.staticPath+"dataJson/schedual.json"//获取角色和对应用户 24 | } 25 | 26 | 27 | // export default api 28 | -------------------------------------------------------------------------------- /src/main.js: -------------------------------------------------------------------------------- 1 | // The Vue build version to load with the `import` command 2 | // (runtime-only or standalone) has been set in webpack.base.conf with an alias. 3 | import Vue from 'vue' 4 | import App from './App' 5 | import VueRouter from 'vue-router' 6 | import ElementUI from 'element-ui'; 7 | import 'element-ui/lib/theme-default/index.css'; 8 | import homepage from '@/components/rightcontent/homepage/homepage.vue' 9 | import schedual from '@/components/rightcontent/schedual/schedual.vue' 10 | import book from '@/components/rightcontent/book/book.vue' 11 | import bookDetail from '@/components/rightcontent/book/bookDetail.vue' 12 | import see from '@/components/rightcontent/see/see.vue' 13 | import department from '@/components/rightcontent/department/department.vue' 14 | import info from '@/components/rightcontent/info/info.vue' 15 | import permission from '@/components/rightcontent/systemset/permission.vue' 16 | import log from '@/components/rightcontent/systemset/log.vue' 17 | import login from '@/components/login/login.vue' 18 | import loginSuccess from '@/components/loginSuccess/loginSuccess.vue' 19 | import VueResource from 'vue-resource' 20 | 21 | Vue.use(VueRouter); 22 | Vue.use(VueResource); 23 | Vue.use(ElementUI); 24 | Vue.config.productionTip = false 25 | 26 | 27 | const routes = [ 28 | 29 | {path:'/',redirect:'/login'}, 30 | {path: '/login',component: login}, 31 | {path: '/loginSuccess',component: loginSuccess, 32 | children:[ 33 | { path: 'homepage', component: homepage }, 34 | { path: 'schedual', component: schedual }, 35 | { path: 'book', component: book }, 36 | { path: 'see', component: see }, 37 | { path:'info',component:info}, 38 | { path:'department',component:department}, 39 | { path: 'permission', component: permission }, 40 | { path: 'log', component: log }, 41 | { path: 'bookDetail', component: bookDetail }, 42 | // 使得已进入主页面，就会默认出现首页内容 43 | { path: '/', component: homepage }, 44 | ] 45 | } 46 | ] 47 | 48 | const router = new VueRouter({ 49 | routes 50 | }) 51 | 52 | /* eslint-disable no-new */ 53 | new Vue({ 54 | el: '#app', 55 | router, 56 | template: '', 57 | components: { App } 58 | }) 59 | -------------------------------------------------------------------------------- /src/router/index.js: -------------------------------------------------------------------------------- 1 | // import Vue from 'vue' 2 | // import Router from 'vue-router' 3 | // import Hello from '@/components/Hello' 4 | 5 | // Vue.use(Router) 6 | 7 | // export default new Router({ 8 | // routes: [ 9 | // { 10 | // path: '/', 11 | // name: 'Hello', 12 | // component: Hello 13 | // } 14 | // ] 15 | // }) 16 | -------------------------------------------------------------------------------- /src/vendor/Export2Excel.js: -------------------------------------------------------------------------------- 1 | /* eslint-disable */ 2 | require('script-loader!file-saver'); 3 | require('script-loader!vendor/Blob'); 4 | require('script-loader!xlsx/dist/xlsx.core.min'); 5 | function generateArray(table) { 6 | var out = []; 7 | var rows = table.querySelectorAll('tr'); 8 | var ranges = []; 9 | for (var R = 0; R < rows.length; ++R) { 10 | var outRow = []; 11 | var row = rows[R]; 12 | var columns = row.querySelectorAll('td'); 13 | for (var C = 0; C < columns.length; ++C) { 14 | var cell = columns[C]; 15 | var colspan = cell.getAttribute('colspan'); 16 | var rowspan = cell.getAttribute('rowspan'); 17 | var cellValue = cell.innerText; 18 | if (cellValue !== "" && cellValue == +cellValue) cellValue = +cellValue; 19 | 20 | //Skip ranges 21 | ranges.forEach(function (range) { 22 | if (R >= range.s.r && R <= range.e.r && outRow.length >= range.s.c && outRow.length <= range.e.c) { 23 | for (var i = 0; i <= range.e.c - range.s.c; ++i) outRow.push(null); 24 | } 25 | }); 26 | 27 | //Handle Row Span 28 | if (rowspan || colspan) { 29 | rowspan = rowspan || 1; 30 | colspan = colspan || 1; 31 | ranges.push({s: {r: R, c: outRow.length}, e: {r: R + rowspan - 1, c: outRow.length + colspan - 1}}); 32 | } 33 | ; 34 | 35 | //Handle Value 36 | outRow.push(cellValue !== "" ? cellValue : null); 37 | 38 | //Handle Colspan 39 | if (colspan) for (var k = 0; k < colspan - 1; ++k) outRow.push(null); 40 | } 41 | out.push(outRow); 42 | } 43 | return [out, ranges]; 44 | }; 45 | 46 | function datenum(v, date1904) { 47 | if (date1904) v += 1462; 48 | var epoch = Date.parse(v); 49 | return (epoch - new Date(Date.UTC(1899, 11, 30))) / (24 * 60 * 60 * 1000); 50 | } 51 | 52 | function sheet_from_array_of_arrays(data, opts) { 53 | var ws = {}; 54 | var range = {s: {c: 10000000, r: 10000000}, e: {c: 0, r: 0}}; 55 | for (var R = 0; R != data.length; ++R) { 56 | for (var C = 0; C != data[R].length; ++C) { 57 | if (range.s.r > R) range.s.r = R; 58 | if (range.s.c > C) range.s.c = C; 59 | if (range.e.r < R) range.e.r = R; 60 | if (range.e.c < C) range.e.c = C; 61 | var cell = {v: data[R][C]}; 62 | if (cell.v == null) continue; 63 | var cell_ref = XLSX.utils.encode_cell({c: C, r: R}); 64 | 65 | if (typeof cell.v === 'number') cell.t = 'n'; 66 | else if (typeof cell.v === 'boolean') cell.t = 'b'; 67 | else if (cell.v instanceof Date) { 68 | cell.t = 'n'; 69 | cell.z = XLSX.SSF._table[14]; 70 | cell.v = datenum(cell.v); 71 | } 72 | else cell.t = 's'; 73 | 74 | ws[cell_ref] = cell; 75 | } 76 | } 77 | if (range.s.c < 10000000) ws['!ref'] = XLSX.utils.encode_range(range); 78 | return ws; 79 | } 80 | 81 | function Workbook() { 82 | if (!(this instanceof Workbook)) return new Workbook(); 83 | this.SheetNames = []; 84 | this.Sheets = {}; 85 | } 86 | 87 | function s2ab(s) { 88 | var buf = new ArrayBuffer(s.length); 89 | var view = new Uint8Array(buf); 90 | for (var i = 0; i != s.length; ++i) view[i] = s.charCodeAt(i) & 0xFF; 91 | return buf; 92 | } 93 | 94 | export function export_table_to_excel(id) { 95 | var theTable = document.getElementById(id); 96 | console.log('a') 97 | var oo = generateArray(theTable); 98 | var ranges = oo[1]; 99 | 100 | /* original data */ 101 | var data = oo[0]; 102 | var ws_name = "SheetJS"; 103 | console.log(data); 104 | 105 | var wb = new Workbook(), ws = sheet_from_array_of_arrays(data); 106 | 107 | /* add ranges to worksheet */ 108 | // ws['!cols'] = ['apple', 'banan']; 109 | ws['!merges'] = ranges; 110 | 111 | /* add worksheet to workbook */ 112 | wb.SheetNames.push(ws_name); 113 | wb.Sheets[ws_name] = ws; 114 | 115 | var wbout = XLSX.write(wb, {bookType: 'xlsx', bookSST: false, type: 'binary'}); 116 | 117 | saveAs(new Blob([s2ab(wbout)], {type: "application/octet-stream"}), "test.xlsx") 118 | } 119 | 120 | function formatJson(jsonData) { 121 | console.log(jsonData) 122 | } 123 | export function export_json_to_excel(th, jsonData, defaultTitle) { 124 | 125 | /* original data */ 126 | 127 | var data = jsonData; 128 | data.unshift(th); 129 | var ws_name = "SheetJS"; 130 | 131 | var wb = new Workbook(), ws = sheet_from_array_of_arrays(data); 132 | 133 | 134 | /* add worksheet to workbook */ 135 | wb.SheetNames.push(ws_name); 136 | wb.Sheets[ws_name] = ws; 137 | 138 | var wbout = XLSX.write(wb, {bookType: 'xlsx', bookSST: false, type: 'binary'}); 139 | var title = defaultTitle || '列表' 140 | saveAs(new Blob([s2ab(wbout)], {type: "application/octet-stream"}), title + ".xlsx") 141 | } 142 | -------------------------------------------------------------------------------- /static/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Sunshine-four4/Manage/581655803daa9a5a33ea377b62698765b23abc0c/static/.gitkeep -------------------------------------------------------------------------------- /static/Koala.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Sunshine-four4/Manage/581655803daa9a5a33ea377b62698765b23abc0c/static/Koala.jpg -------------------------------------------------------------------------------- /static/dataJson/book.json: -------------------------------------------------------------------------------- 1 | { 2 | "visitInfos": 3 | [ 4 | { 5 | "visitTime":"09:00~10:00", 6 | "visitPeople":"李春华", 7 | "visitState":"就诊中" 8 | }, 9 | { 10 | "visitTime":"09:00~10:00", 11 | "visitPeople":"李春华", 12 | "visitState":"未就诊" 13 | }, 14 | { 15 | "visitTime":"09:00~10:00", 16 | "visitPeople":"李春华", 17 | "visitState":"就诊中" 18 | } 19 | 20 | ], 21 | "appointmentData": 22 | [ 23 | { 24 | "bookTime":"20160908", 25 | "patientName":"李春华，女", 26 | "clinicDoctor":"王医生", 27 | "chief":"病情描述病情描述病情描述", 28 | "payStatus":"已支付", 29 | "clinicStatus":"已就诊" 30 | }, 31 | { 32 | "bookTime":"20160908", 33 | "patientName":"李春华，女", 34 | "clinicDoctor":"王医生", 35 | "chief":"病情描述病情描述病情描述", 36 | "payStatus":"未支付", 37 | "clinicStatus":"未就诊" 38 | }, 39 | { 40 | "bookTime":"20160908", 41 | "patientName":"李春华，女", 42 | "clinicDoctor":"王医生", 43 | "chief":"病情描述病情描述病情描述", 44 | "payStatus":"已支付", 45 | "clinicStatus":"已就诊" 46 | }, 47 | { 48 | "bookTime":"20160908", 49 | "patientName":"李春华，女", 50 | "clinicDoctor":"王医生", 51 | "chief":"病情描述病情描述病情描述", 52 | "payStatus":"已支付", 53 | "clinicStatus":"未就诊" 54 | }, 55 | { 56 | "bookTime":"20160908", 57 | "patientName":"李春华，女", 58 | "clinicDoctor":"王医生", 59 | "chief":"病情描述病情描述病情描述", 60 | "payStatus":"未支付", 61 | "clinicStatus":"已就诊" 62 | }, 63 | { 64 | "bookTime":"20160908", 65 | "patientName":"李春华，女", 66 | "clinicDoctor":"王医生", 67 | "chief":"病情描述病情描述病情描述", 68 | "payStatus":"已支付", 69 | "clinicStatus":"未就诊" 70 | } 71 | ], 72 | "timeDate": 73 | [ 74 | { 75 | "Today":"", 76 | "Tomorrow":"", 77 | "Tuesday":"", 78 | "Wednesday":"", 79 | "Thusday":"", 80 | "Friday":"", 81 | "Saturday":"" 82 | } 83 | ] 84 | } -------------------------------------------------------------------------------- /static/dataJson/homepage.json: -------------------------------------------------------------------------------- 1 | { 2 | "tableData1": [{ 3 | "date": "08:00~09:00", 4 | "name": "李女士,1351235678", 5 | "doctor": "预约：刘医生" 6 | }, { 7 | "date": "08:00~09:00", 8 | "name": "李女士,1351235678", 9 | "doctor": "预约：刘医生" 10 | }, { 11 | "date": "08:00~09:00", 12 | "name": "李女士,1351235678", 13 | "doctor": "预约：刘医生" 14 | },{ 15 | "date": "08:00~09:00", 16 | "name": "李女士,1351235678", 17 | "doctor": "预约：刘医生" 18 | },{ 19 | "date": "08:00~09:00", 20 | "name": "李女士,1351235678", 21 | "doctor": "预约：刘医生" 22 | },{ 23 | "date": "08:00~09:00", 24 | "name": "李女士,1351235678", 25 | "doctor": "预约：刘医生" 26 | } 27 | ], 28 | 29 | "tableData2":[{ 30 | "date": "09:00~11:00", 31 | "doctor":"刘医生" 32 | },{ 33 | "date": "09:00~11:00", 34 | "doctor":"刘医生" 35 | },{ 36 | "date": "09:00~11:00", 37 | "doctor":"刘医生" 38 | },{ 39 | "date": "09:00~11:00", 40 | "doctor":"刘医生" 41 | } 42 | 43 | ], 44 | "tableData4":[{ 45 | "date": "12:00:03", 46 | "opor":"刘医生修改了排班" 47 | },{ 48 | "date": "12:30:43", 49 | "opor":"刘医生修改了排班" 50 | },{ 51 | "date": "12:40:03", 52 | "opor":"欧医生修改了排班" 53 | },{ 54 | "date": "12:00:23", 55 | "opor":"刘医生修改了排班" 56 | },{ 57 | "date": "12:50:00", 58 | "opor":"陈医生修改了排班" 59 | },{ 60 | "date": "13:00:03", 61 | "opor":"刘护士登录了系统" 62 | } 63 | ] 64 | } -------------------------------------------------------------------------------- /static/dataJson/permission.json: -------------------------------------------------------------------------------- 1 | { 2 | "tableData3":[ 3 | { 4 | "juese":"管理员", 5 | "yonghu":"王管理" 6 | }, 7 | { 8 | "juese":"医生", 9 | "yonghu":"刘利伟 何颖成 黄洪峰 黄振华 胡苏 梁景炜 李辉 刘林 刘易林 李耀明 王展鹏 温智光 林水运 杨超峰 杨楚新 杨海裕 钟南" 10 | 11 | }, 12 | { 13 | "juese":"药师", 14 | "yonghu":"刘利伟 何颖成 黄洪峰 黄振华 胡苏 梁景炜 李辉 刘林 刘易林 李耀明 王展鹏 温智光" 15 | 16 | }, 17 | { 18 | "juese":"护士", 19 | "yonghu":"杨楚新 杨海裕 钟南" 20 | 21 | }, 22 | { 23 | "juese":"收费员", 24 | "yonghu":"松林 吴少萍 吴宗胜 谢凤 张玉婷 周柳莹" 25 | 26 | }, 27 | { 28 | "juese":"财务", 29 | "yonghu":"谢凤 张玉婷 周柳莹" 30 | 31 | } 32 | ] 33 | } -------------------------------------------------------------------------------- /static/dataJson/personalInfo.json: -------------------------------------------------------------------------------- 1 | { 2 | "personalInfo":{ 3 | "PerName":"Nike", 4 | "sex":"女", 5 | "age":"46", 6 | "subordinate":"内科", 7 | "subtitle":"-", 8 | "phone":"-", 9 | "login":"abcdefg", 10 | "email":"-" 11 | }, 12 | "options": 13 | [ 14 | { 15 | "value": "内科", 16 | "label": "内科" 17 | }, { 18 | "value": "外科", 19 | "label": "外科" 20 | }, { 21 | "value": "精神科", 22 | "label": "精神" 23 | }, { 24 | "value": "儿科", 25 | "label": "儿科" 26 | }, { 27 | "value": "妇科", 28 | "label": "妇科" 29 | } 30 | ] 31 | 32 | } -------------------------------------------------------------------------------- /static/dataJson/schedual.json: -------------------------------------------------------------------------------- 1 | { 2 | "tableData": [ 3 | { 4 | 5 | "date": "2016-05-01", 6 | "name": "王医生", 7 | "appointment": "9.00-11.00" 8 | 9 | }, { 10 | 11 | "date": "2016-05-03", 12 | "name": "李医生", 13 | "appointment": "9.00-11.00" 14 | 15 | }, { 16 | 17 | "date": "2016-05-05", 18 | "name": "王护士", 19 | "appointment": "9.00-11.00" 20 | 21 | },{ 22 | "date": "2016-05-04", 23 | "name": "王医生", 24 | "appointment": "10.00-11.00" 25 | 26 | },{ 27 | "date": "2016-05-08", 28 | "name": "王医生", 29 | "appointment": "9.00-10.00" 30 | 31 | } 32 | ] 33 | 34 | } -------------------------------------------------------------------------------- /test/e2e/custom-assertions/elementCount.js: -------------------------------------------------------------------------------- 1 | // A custom Nightwatch assertion. 2 | // the name of the method is the filename. 3 | // can be used in tests like this: 4 | // 5 | // browser.assert.elementCount(selector, count) 6 | // 7 | // for how to write custom assertions see 8 | // http://nightwatchjs.org/guide#writing-custom-assertions 9 | exports.assertion = function (selector, count) { 10 | this.message = 'Testing if element <' + selector + '> has count: ' + count 11 | this.expected = count 12 | this.pass = function (val) { 13 | return val === this.expected 14 | } 15 | this.value = function (res) { 16 | return res.value 17 | } 18 | this.command = function (cb) { 19 | var self = this 20 | return this.api.execute(function (selector) { 21 | return document.querySelectorAll(selector).length 22 | }, [selector], function (res) { 23 | cb.call(self, res) 24 | }) 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /test/e2e/nightwatch.conf.js: -------------------------------------------------------------------------------- 1 | require('babel-register') 2 | var config = require('../../config') 3 | 4 | // http://nightwatchjs.org/gettingstarted#settings-file 5 | module.exports = { 6 | src_folders: ['test/e2e/specs'], 7 | output_folder: 'test/e2e/reports', 8 | custom_assertions_path: ['test/e2e/custom-assertions'], 9 | 10 | selenium: { 11 | start_process: true, 12 | server_path: require('selenium-server').path, 13 | host: '127.0.0.1', 14 | port: 4444, 15 | cli_args: { 16 | 'webdriver.chrome.driver': require('chromedriver').path 17 | } 18 | }, 19 | 20 | test_settings: { 21 | default: { 22 | selenium_port: 4444, 23 | selenium_host: 'localhost', 24 | silent: true, 25 | globals: { 26 | devServerURL: 'http://localhost:' + (process.env.PORT || config.dev.port) 27 | } 28 | }, 29 | 30 | chrome: { 31 | desiredCapabilities: { 32 | browserName: 'chrome', 33 | javascriptEnabled: true, 34 | acceptSslCerts: true 35 | } 36 | }, 37 | 38 | firefox: { 39 | desiredCapabilities: { 40 | browserName: 'firefox', 41 | javascriptEnabled: true, 42 | acceptSslCerts: true 43 | } 44 | } 45 | } 46 | } 47 | -------------------------------------------------------------------------------- /test/e2e/runner.js: -------------------------------------------------------------------------------- 1 | // 1. start the dev server using production config 2 | process.env.NODE_ENV = 'testing' 3 | var server = require('../../build/dev-server.js') 4 | 5 | server.ready.then(() => { 6 | // 2. run the nightwatch test suite against it 7 | // to run in additional browsers: 8 | // 1. add an entry in test/e2e/nightwatch.conf.json under "test_settings" 9 | // 2. add it to the --env flag below 10 | // or override the environment flag, for example: `npm run e2e -- --env chrome,firefox` 11 | // For more information on Nightwatch's config file, see 12 | // http://nightwatchjs.org/guide#settings-file 13 | var opts = process.argv.slice(2) 14 | if (opts.indexOf('--config') === -1) { 15 | opts = opts.concat(['--config', 'test/e2e/nightwatch.conf.js']) 16 | } 17 | if (opts.indexOf('--env') === -1) { 18 | opts = opts.concat(['--env', 'chrome']) 19 | } 20 | 21 | var spawn = require('cross-spawn') 22 | var runner = spawn('./node_modules/.bin/nightwatch', opts, { stdio: 'inherit' }) 23 | 24 | runner.on('exit', function (code) { 25 | server.close() 26 | process.exit(code) 27 | }) 28 | 29 | runner.on('error', function (err) { 30 | server.close() 31 | throw err 32 | }) 33 | }) 34 | -------------------------------------------------------------------------------- /test/e2e/specs/test.js: -------------------------------------------------------------------------------- 1 | // For authoring Nightwatch tests, see 2 | // http://nightwatchjs.org/guide#usage 3 | 4 | module.exports = { 5 | 'default e2e tests': function (browser) { 6 | // automatically uses dev Server port from /config.index.js 7 | // default: http://localhost:8080 8 | // see nightwatch.conf.js 9 | const devServer = browser.globals.devServerURL 10 | 11 | browser 12 | .url(devServer) 13 | .waitForElementVisible('#app', 5000) 14 | .assert.elementPresent('.hello') 15 | .assert.containsText('h1', 'Welcome to Your Vue.js App') 16 | .assert.elementCount('img', 1) 17 | .end() 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /test/unit/.eslintrc: -------------------------------------------------------------------------------- 1 | { 2 | "env": { 3 | "mocha": true 4 | }, 5 | "globals": { 6 | "expect": true, 7 | "sinon": true 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /test/unit/index.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | 3 | Vue.config.productionTip = false 4 | 5 | // require all test files (files that ends with .spec.js) 6 | const testsContext = require.context('./specs', true, /\.spec$/) 7 | testsContext.keys().forEach(testsContext) 8 | 9 | // require all src files except main.js for coverage. 10 | // you can also change this to match only the subset of files that 11 | // you want coverage for. 12 | const srcContext = require.context('../../src', true, /^\.\/(?!main(\.js)?$)/) 13 | srcContext.keys().forEach(srcContext) 14 | -------------------------------------------------------------------------------- /test/unit/karma.conf.js: -------------------------------------------------------------------------------- 1 | // This is a karma config file. For more details see 2 | // http://karma-runner.github.io/0.13/config/configuration-file.html 3 | // we are also using it with karma-webpack 4 | // https://github.com/webpack/karma-webpack 5 | 6 | var webpackConfig = require('../../build/webpack.test.conf') 7 | 8 | module.exports = function (config) { 9 | config.set({ 10 | // to run in additional browsers: 11 | // 1. install corresponding karma launcher 12 | // http://karma-runner.github.io/0.13/config/browsers.html 13 | // 2. add it to the `browsers` array below. 14 | browsers: ['PhantomJS'], 15 | frameworks: ['mocha', 'sinon-chai', 'phantomjs-shim'], 16 | reporters: ['spec', 'coverage'], 17 | files: ['./index.js'], 18 | preprocessors: { 19 | './index.js': ['webpack', 'sourcemap'] 20 | }, 21 | webpack: webpackConfig, 22 | webpackMiddleware: { 23 | noInfo: true 24 | }, 25 | coverageReporter: { 26 | dir: './coverage', 27 | reporters: [ 28 | { type: 'lcov', subdir: '.' }, 29 | { type: 'text-summary' } 30 | ] 31 | } 32 | }) 33 | } 34 | -------------------------------------------------------------------------------- /test/unit/specs/Hello.spec.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import Hello from '@/components/Hello' 3 | 4 | describe('Hello.vue', () => { 5 | it('should render correct contents', () => { 6 | const Constructor = Vue.extend(Hello) 7 | const vm = new Constructor().$mount() 8 | expect(vm.$el.querySelector('.hello h1').textContent) 9 | .to.equal('Welcome to Your Vue.js App') 10 | }) 11 | }) 12 | -------------------------------------------------------------------------------- /theme/alert.css: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | :root{ 3 | /* Transition 4 | -------------------------- */ 5 | /* Colors 6 | -------------------------- */ 7 | /* Link 8 | -------------------------- */ 9 | /* Border 10 | -------------------------- */ 11 | /* Box-shadow 12 | -------------------------- */ 13 | /* Fill 14 | -------------------------- */ 15 | /* Font 16 | -------------------------- */ 17 | /* Size 18 | -------------------------- */ 19 | /* z-index 20 | -------------------------- */ 21 | /* Disable base 22 | -------------------------- */ 23 | /* Icon 24 | -------------------------- */ 25 | /* Checkbox 26 | -------------------------- */ 27 | /* Radio 28 | -------------------------- */ 29 | /* Select 30 | -------------------------- */ 31 | /* Alert 32 | -------------------------- */ 33 | /* Message Box 34 | -------------------------- */ 35 | /* Message 36 | -------------------------- */ 37 | /* Notification 38 | -------------------------- */ 39 | /* Input 40 | -------------------------- */ 41 | /* Cascader 42 | -------------------------- */ 43 | /* Group 44 | -------------------------- */ 45 | /* Tab 46 | -------------------------- */ 47 | /* Button 48 | -------------------------- */ 49 | /* cascader 50 | -------------------------- */ 51 | /* Switch 52 | -------------------------- */ 53 | /* Dialog 54 | -------------------------- */ 55 | /* Table 56 | -------------------------- */ 57 | /* Pagination 58 | -------------------------- */ 59 | /* Popover 60 | -------------------------- */ 61 | /* Tooltip 62 | -------------------------- */ 63 | /* Tag 64 | -------------------------- */ 65 | /* Dropdown 66 | -------------------------- */ 67 | /* Badge 68 | -------------------------- */ 69 | /* Card 70 | --------------------------*/ 71 | /* Slider 72 | --------------------------*/ 73 | /* Steps 74 | --------------------------*/ 75 | /* Menu 76 | --------------------------*/ 77 | /* Rate 78 | --------------------------*/ 79 | /* DatePicker 80 | --------------------------*/ 81 | /* Loading 82 | --------------------------*/ 83 | /* Scrollbar 84 | --------------------------*/ 85 | /* Carousel 86 | --------------------------*/ 87 | /* Collapse 88 | --------------------------*/ 89 | /* Transfer 90 | --------------------------*/ 91 | } 92 | 93 | .el-alert{ 94 | width: 100%; 95 | padding: 8px 16px; 96 | margin: 0; 97 | box-sizing: border-box; 98 | border-radius: 4px; 99 | position: relative; 100 | background-color: #fff; 101 | overflow: hidden; 102 | color: #fff; 103 | opacity: 1; 104 | display: table; 105 | transition: opacity .2s; 106 | } 107 | 108 | .el-alert .el-alert__description{ 109 | color: #fff; 110 | font-size: 12px; 111 | margin: 5px 0 0 0; 112 | } 113 | 114 | .el-alert--success{ 115 | background-color: #13ce66; 116 | } 117 | 118 | .el-alert--info{ 119 | background-color: #50bfff; 120 | } 121 | 122 | .el-alert--warning{ 123 | background-color: #f7ba2a; 124 | } 125 | 126 | .el-alert--error{ 127 | background-color: #ff4949; 128 | } 129 | 130 | .el-alert__content{ 131 | display: table-cell; 132 | padding: 0 8px; 133 | } 134 | 135 | .el-alert__icon{ 136 | font-size: 16px; 137 | width: 16px; 138 | display: table-cell; 139 | color: #fff; 140 | vertical-align: middle; 141 | } 142 | 143 | .el-alert__icon.is-big{ 144 | font-size: 28px; 145 | width: 28px; 146 | } 147 | 148 | .el-alert__title{ 149 | font-size: 13px; 150 | line-height: 18px; 151 | } 152 | 153 | .el-alert__title.is-bold{ 154 | font-weight: 700; 155 | } 156 | 157 | .el-alert__closebtn{ 158 | font-size: 12px; 159 | color: #fff; 160 | opacity: 1; 161 | top: 12px; 162 | right: 15px; 163 | position: absolute; 164 | cursor: pointer; 165 | } 166 | 167 | .el-alert__closebtn.is-customed{ 168 | font-style: normal; 169 | font-size: 13px; 170 | top: 9px; 171 | } 172 | 173 | .el-alert-fade-enter, .el-alert-fade-leave-active { 174 | opacity: 0; 175 | } 176 | :root{ 177 | /* Transition 178 | -------------------------- */ 179 | /* Colors 180 | -------------------------- */ 181 | /* Link 182 | -------------------------- */ 183 | /* Border 184 | -------------------------- */ 185 | /* Box-shadow 186 | -------------------------- */ 187 | /* Fill 188 | -------------------------- */ 189 | /* Font 190 | -------------------------- */ 191 | /* Size 192 | -------------------------- */ 193 | /* z-index 194 | -------------------------- */ 195 | /* Disable base 196 | -------------------------- */ 197 | /* Icon 198 | -------------------------- */ 199 | /* Checkbox 200 | -------------------------- */ 201 | /* Radio 202 | -------------------------- */ 203 | /* Select 204 | -------------------------- */ 205 | /* Alert 206 | -------------------------- */ 207 | /* Message Box 208 | -------------------------- */ 209 | /* Message 210 | -------------------------- */ 211 | /* Notification 212 | -------------------------- */ 213 | /* Input 214 | -------------------------- */ 215 | /* Cascader 216 | -------------------------- */ 217 | /* Group 218 | -------------------------- */ 219 | /* Tab 220 | -------------------------- */ 221 | /* Button 222 | -------------------------- */ 223 | /* cascader 224 | -------------------------- */ 225 | /* Switch 226 | -------------------------- */ 227 | /* Dialog 228 | -------------------------- */ 229 | /* Table 230 | -------------------------- */ 231 | /* Pagination 232 | -------------------------- */ 233 | /* Popover 234 | -------------------------- */ 235 | /* Tooltip 236 | -------------------------- */ 237 | /* Tag 238 | -------------------------- */ 239 | /* Dropdown 240 | -------------------------- */ 241 | /* Badge 242 | -------------------------- */ 243 | /* Card 244 | --------------------------*/ 245 | /* Slider 246 | --------------------------*/ 247 | /* Steps 248 | --------------------------*/ 249 | /* Menu 250 | --------------------------*/ 251 | /* Rate 252 | --------------------------*/ 253 | /* DatePicker 254 | --------------------------*/ 255 | /* Loading 256 | --------------------------*/ 257 | /* Scrollbar 258 | --------------------------*/ 259 | /* Carousel 260 | --------------------------*/ 261 | /* Collapse 262 | --------------------------*/ 263 | /* Transfer 264 | --------------------------*/ 265 | } -------------------------------------------------------------------------------- /theme/badge.css: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | :root{ 3 | /* Transition 4 | -------------------------- */ 5 | /* Colors 6 | -------------------------- */ 7 | /* Link 8 | -------------------------- */ 9 | /* Border 10 | -------------------------- */ 11 | /* Box-shadow 12 | -------------------------- */ 13 | /* Fill 14 | -------------------------- */ 15 | /* Font 16 | -------------------------- */ 17 | /* Size 18 | -------------------------- */ 19 | /* z-index 20 | -------------------------- */ 21 | /* Disable base 22 | -------------------------- */ 23 | /* Icon 24 | -------------------------- */ 25 | /* Checkbox 26 | -------------------------- */ 27 | /* Radio 28 | -------------------------- */ 29 | /* Select 30 | -------------------------- */ 31 | /* Alert 32 | -------------------------- */ 33 | /* Message Box 34 | -------------------------- */ 35 | /* Message 36 | -------------------------- */ 37 | /* Notification 38 | -------------------------- */ 39 | /* Input 40 | -------------------------- */ 41 | /* Cascader 42 | -------------------------- */ 43 | /* Group 44 | -------------------------- */ 45 | /* Tab 46 | -------------------------- */ 47 | /* Button 48 | -------------------------- */ 49 | /* cascader 50 | -------------------------- */ 51 | /* Switch 52 | -------------------------- */ 53 | /* Dialog 54 | -------------------------- */ 55 | /* Table 56 | -------------------------- */ 57 | /* Pagination 58 | -------------------------- */ 59 | /* Popover 60 | -------------------------- */ 61 | /* Tooltip 62 | -------------------------- */ 63 | /* Tag 64 | -------------------------- */ 65 | /* Dropdown 66 | -------------------------- */ 67 | /* Badge 68 | -------------------------- */ 69 | /* Card 70 | --------------------------*/ 71 | /* Slider 72 | --------------------------*/ 73 | /* Steps 74 | --------------------------*/ 75 | /* Menu 76 | --------------------------*/ 77 | /* Rate 78 | --------------------------*/ 79 | /* DatePicker 80 | --------------------------*/ 81 | /* Loading 82 | --------------------------*/ 83 | /* Scrollbar 84 | --------------------------*/ 85 | /* Carousel 86 | --------------------------*/ 87 | /* Collapse 88 | --------------------------*/ 89 | /* Transfer 90 | --------------------------*/ 91 | } 92 | 93 | .el-badge{ 94 | position: relative; 95 | vertical-align: middle; 96 | display: inline-block 97 | } 98 | 99 | .el-badge__content{ 100 | background-color: #ff4949; 101 | border-radius: 10px; 102 | color: #fff; 103 | display: inline-block; 104 | font-size: 12px; 105 | height: 18px; 106 | line-height: 18px; 107 | padding: 0 6px; 108 | text-align: center; 109 | white-space: nowrap; 110 | border: 1px solid #fff 111 | } 112 | 113 | .el-badge__content.is-dot{ 114 | width: 8px; 115 | height: 8px; 116 | padding: 0; 117 | right: 0; 118 | border-radius: 50% 119 | } 120 | 121 | .el-badge__content.is-fixed{ 122 | top: 0; 123 | right: 10px; 124 | position: absolute; 125 | transform: translateY(-50%) translateX(100%) 126 | } 127 | 128 | .el-badge__content.is-fixed.is-dot{ 129 | right: 5px 130 | } 131 | :root{ 132 | /* Transition 133 | -------------------------- */ 134 | /* Colors 135 | -------------------------- */ 136 | /* Link 137 | -------------------------- */ 138 | /* Border 139 | -------------------------- */ 140 | /* Box-shadow 141 | -------------------------- */ 142 | /* Fill 143 | -------------------------- */ 144 | /* Font 145 | -------------------------- */ 146 | /* Size 147 | -------------------------- */ 148 | /* z-index 149 | -------------------------- */ 150 | /* Disable base 151 | -------------------------- */ 152 | /* Icon 153 | -------------------------- */ 154 | /* Checkbox 155 | -------------------------- */ 156 | /* Radio 157 | -------------------------- */ 158 | /* Select 159 | -------------------------- */ 160 | /* Alert 161 | -------------------------- */ 162 | /* Message Box 163 | -------------------------- */ 164 | /* Message 165 | -------------------------- */ 166 | /* Notification 167 | -------------------------- */ 168 | /* Input 169 | -------------------------- */ 170 | /* Cascader 171 | -------------------------- */ 172 | /* Group 173 | -------------------------- */ 174 | /* Tab 175 | -------------------------- */ 176 | /* Button 177 | -------------------------- */ 178 | /* cascader 179 | -------------------------- */ 180 | /* Switch 181 | -------------------------- */ 182 | /* Dialog 183 | -------------------------- */ 184 | /* Table 185 | -------------------------- */ 186 | /* Pagination 187 | -------------------------- */ 188 | /* Popover 189 | -------------------------- */ 190 | /* Tooltip 191 | -------------------------- */ 192 | /* Tag 193 | -------------------------- */ 194 | /* Dropdown 195 | -------------------------- */ 196 | /* Badge 197 | -------------------------- */ 198 | /* Card 199 | --------------------------*/ 200 | /* Slider 201 | --------------------------*/ 202 | /* Steps 203 | --------------------------*/ 204 | /* Menu 205 | --------------------------*/ 206 | /* Rate 207 | --------------------------*/ 208 | /* DatePicker 209 | --------------------------*/ 210 | /* Loading 211 | --------------------------*/ 212 | /* Scrollbar 213 | --------------------------*/ 214 | /* Carousel 215 | --------------------------*/ 216 | /* Collapse 217 | --------------------------*/ 218 | /* Transfer 219 | --------------------------*/ 220 | } -------------------------------------------------------------------------------- /theme/breadcrumb-item.css: -------------------------------------------------------------------------------- 1 | :root { 2 | /* Transition 3 | -------------------------- */ 4 | /* Colors 5 | -------------------------- */ 6 | /* Link 7 | -------------------------- */ 8 | /* Border 9 | -------------------------- */ 10 | /* Box-shadow 11 | -------------------------- */ 12 | /* Fill 13 | -------------------------- */ 14 | /* Font 15 | -------------------------- */ 16 | /* Size 17 | -------------------------- */ 18 | /* z-index 19 | -------------------------- */ 20 | /* Disable base 21 | -------------------------- */ 22 | /* Icon 23 | -------------------------- */ 24 | /* Checkbox 25 | -------------------------- */ 26 | /* Radio 27 | -------------------------- */ 28 | /* Select 29 | -------------------------- */ 30 | /* Alert 31 | -------------------------- */ 32 | /* Message Box 33 | -------------------------- */ 34 | /* Message 35 | -------------------------- */ 36 | /* Notification 37 | -------------------------- */ 38 | /* Input 39 | -------------------------- */ 40 | /* Cascader 41 | -------------------------- */ 42 | /* Group 43 | -------------------------- */ 44 | /* Tab 45 | -------------------------- */ 46 | /* Button 47 | -------------------------- */ 48 | /* cascader 49 | -------------------------- */ 50 | /* Switch 51 | -------------------------- */ 52 | /* Dialog 53 | -------------------------- */ 54 | /* Table 55 | -------------------------- */ 56 | /* Pagination 57 | -------------------------- */ 58 | /* Popover 59 | -------------------------- */ 60 | /* Tooltip 61 | -------------------------- */ 62 | /* Tag 63 | -------------------------- */ 64 | /* Dropdown 65 | -------------------------- */ 66 | /* Badge 67 | -------------------------- */ 68 | /* Card 69 | --------------------------*/ 70 | /* Slider 71 | --------------------------*/ 72 | /* Steps 73 | --------------------------*/ 74 | /* Menu 75 | --------------------------*/ 76 | /* Rate 77 | --------------------------*/ 78 | /* DatePicker 79 | --------------------------*/ 80 | /* Loading 81 | --------------------------*/ 82 | /* Scrollbar 83 | --------------------------*/ 84 | /* Carousel 85 | --------------------------*/ 86 | /* Collapse 87 | --------------------------*/ 88 | /* Transfer 89 | --------------------------*/ 90 | } -------------------------------------------------------------------------------- /theme/breadcrumb.css: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | :root{ 3 | /* Transition 4 | -------------------------- */ 5 | /* Colors 6 | -------------------------- */ 7 | /* Link 8 | -------------------------- */ 9 | /* Border 10 | -------------------------- */ 11 | /* Box-shadow 12 | -------------------------- */ 13 | /* Fill 14 | -------------------------- */ 15 | /* Font 16 | -------------------------- */ 17 | /* Size 18 | -------------------------- */ 19 | /* z-index 20 | -------------------------- */ 21 | /* Disable base 22 | -------------------------- */ 23 | /* Icon 24 | -------------------------- */ 25 | /* Checkbox 26 | -------------------------- */ 27 | /* Radio 28 | -------------------------- */ 29 | /* Select 30 | -------------------------- */ 31 | /* Alert 32 | -------------------------- */ 33 | /* Message Box 34 | -------------------------- */ 35 | /* Message 36 | -------------------------- */ 37 | /* Notification 38 | -------------------------- */ 39 | /* Input 40 | -------------------------- */ 41 | /* Cascader 42 | -------------------------- */ 43 | /* Group 44 | -------------------------- */ 45 | /* Tab 46 | -------------------------- */ 47 | /* Button 48 | -------------------------- */ 49 | /* cascader 50 | -------------------------- */ 51 | /* Switch 52 | -------------------------- */ 53 | /* Dialog 54 | -------------------------- */ 55 | /* Table 56 | -------------------------- */ 57 | /* Pagination 58 | -------------------------- */ 59 | /* Popover 60 | -------------------------- */ 61 | /* Tooltip 62 | -------------------------- */ 63 | /* Tag 64 | -------------------------- */ 65 | /* Dropdown 66 | -------------------------- */ 67 | /* Badge 68 | -------------------------- */ 69 | /* Card 70 | --------------------------*/ 71 | /* Slider 72 | --------------------------*/ 73 | /* Steps 74 | --------------------------*/ 75 | /* Menu 76 | --------------------------*/ 77 | /* Rate 78 | --------------------------*/ 79 | /* DatePicker 80 | --------------------------*/ 81 | /* Loading 82 | --------------------------*/ 83 | /* Scrollbar 84 | --------------------------*/ 85 | /* Carousel 86 | --------------------------*/ 87 | /* Collapse 88 | --------------------------*/ 89 | /* Transfer 90 | --------------------------*/ 91 | } 92 | 93 | .el-breadcrumb{ 94 | font-size: 13px; 95 | line-height: 1 96 | } 97 | 98 | .el-breadcrumb:before, .el-breadcrumb:after{ 99 | display: table; 100 | content: "" 101 | } 102 | 103 | .el-breadcrumb:after{ 104 | clear: both 105 | } 106 | 107 | .el-breadcrumb__separator{ 108 | margin: 0 8px; 109 | color: rgb(191, 203, 217) 110 | } 111 | 112 | .el-breadcrumb__item{ 113 | float: left 114 | } 115 | 116 | .el-breadcrumb__item:last-child .el-breadcrumb__item__inner, .el-breadcrumb__item:last-child .el-breadcrumb__item__inner a{} 117 | 118 | .el-breadcrumb__item:last-child .el-breadcrumb__item__inner, .el-breadcrumb__item:last-child .el-breadcrumb__item__inner:hover, .el-breadcrumb__item:last-child .el-breadcrumb__item__inner a, .el-breadcrumb__item:last-child .el-breadcrumb__item__inner a:hover{ 119 | color: rgb(151, 168, 190); 120 | cursor: text 121 | } 122 | 123 | .el-breadcrumb__item:last-child .el-breadcrumb__separator{ 124 | display: none 125 | } 126 | 127 | .el-breadcrumb__item__inner{} 128 | 129 | .el-breadcrumb__item__inner, .el-breadcrumb__item__inner a{ 130 | transition: color .15s linear; 131 | color: rgb(72, 87, 106) 132 | } 133 | 134 | .el-breadcrumb__item__inner:hover, .el-breadcrumb__item__inner a:hover{ 135 | color: #BCE2FF; 136 | cursor: pointer 137 | } 138 | :root{ 139 | /* Transition 140 | -------------------------- */ 141 | /* Colors 142 | -------------------------- */ 143 | /* Link 144 | -------------------------- */ 145 | /* Border 146 | -------------------------- */ 147 | /* Box-shadow 148 | -------------------------- */ 149 | /* Fill 150 | -------------------------- */ 151 | /* Font 152 | -------------------------- */ 153 | /* Size 154 | -------------------------- */ 155 | /* z-index 156 | -------------------------- */ 157 | /* Disable base 158 | -------------------------- */ 159 | /* Icon 160 | -------------------------- */ 161 | /* Checkbox 162 | -------------------------- */ 163 | /* Radio 164 | -------------------------- */ 165 | /* Select 166 | -------------------------- */ 167 | /* Alert 168 | -------------------------- */ 169 | /* Message Box 170 | -------------------------- */ 171 | /* Message 172 | -------------------------- */ 173 | /* Notification 174 | -------------------------- */ 175 | /* Input 176 | -------------------------- */ 177 | /* Cascader 178 | -------------------------- */ 179 | /* Group 180 | -------------------------- */ 181 | /* Tab 182 | -------------------------- */ 183 | /* Button 184 | -------------------------- */ 185 | /* cascader 186 | -------------------------- */ 187 | /* Switch 188 | -------------------------- */ 189 | /* Dialog 190 | -------------------------- */ 191 | /* Table 192 | -------------------------- */ 193 | /* Pagination 194 | -------------------------- */ 195 | /* Popover 196 | -------------------------- */ 197 | /* Tooltip 198 | -------------------------- */ 199 | /* Tag 200 | -------------------------- */ 201 | /* Dropdown 202 | -------------------------- */ 203 | /* Badge 204 | -------------------------- */ 205 | /* Card 206 | --------------------------*/ 207 | /* Slider 208 | --------------------------*/ 209 | /* Steps 210 | --------------------------*/ 211 | /* Menu 212 | --------------------------*/ 213 | /* Rate 214 | --------------------------*/ 215 | /* DatePicker 216 | --------------------------*/ 217 | /* Loading 218 | --------------------------*/ 219 | /* Scrollbar 220 | --------------------------*/ 221 | /* Carousel 222 | --------------------------*/ 223 | /* Collapse 224 | --------------------------*/ 225 | /* Transfer 226 | --------------------------*/ 227 | } -------------------------------------------------------------------------------- /theme/button-group.css: -------------------------------------------------------------------------------- 1 | :root { 2 | /* Transition 3 | -------------------------- */ 4 | /* Colors 5 | -------------------------- */ 6 | /* Link 7 | -------------------------- */ 8 | /* Border 9 | -------------------------- */ 10 | /* Box-shadow 11 | -------------------------- */ 12 | /* Fill 13 | -------------------------- */ 14 | /* Font 15 | -------------------------- */ 16 | /* Size 17 | -------------------------- */ 18 | /* z-index 19 | -------------------------- */ 20 | /* Disable base 21 | -------------------------- */ 22 | /* Icon 23 | -------------------------- */ 24 | /* Checkbox 25 | -------------------------- */ 26 | /* Radio 27 | -------------------------- */ 28 | /* Select 29 | -------------------------- */ 30 | /* Alert 31 | -------------------------- */ 32 | /* Message Box 33 | -------------------------- */ 34 | /* Message 35 | -------------------------- */ 36 | /* Notification 37 | -------------------------- */ 38 | /* Input 39 | -------------------------- */ 40 | /* Cascader 41 | -------------------------- */ 42 | /* Group 43 | -------------------------- */ 44 | /* Tab 45 | -------------------------- */ 46 | /* Button 47 | -------------------------- */ 48 | /* cascader 49 | -------------------------- */ 50 | /* Switch 51 | -------------------------- */ 52 | /* Dialog 53 | -------------------------- */ 54 | /* Table 55 | -------------------------- */ 56 | /* Pagination 57 | -------------------------- */ 58 | /* Popover 59 | -------------------------- */ 60 | /* Tooltip 61 | -------------------------- */ 62 | /* Tag 63 | -------------------------- */ 64 | /* Dropdown 65 | -------------------------- */ 66 | /* Badge 67 | -------------------------- */ 68 | /* Card 69 | --------------------------*/ 70 | /* Slider 71 | --------------------------*/ 72 | /* Steps 73 | --------------------------*/ 74 | /* Menu 75 | --------------------------*/ 76 | /* Rate 77 | --------------------------*/ 78 | /* DatePicker 79 | --------------------------*/ 80 | /* Loading 81 | --------------------------*/ 82 | /* Scrollbar 83 | --------------------------*/ 84 | /* Carousel 85 | --------------------------*/ 86 | /* Collapse 87 | --------------------------*/ 88 | /* Transfer 89 | --------------------------*/ 90 | } -------------------------------------------------------------------------------- /theme/card.css: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | :root{ 3 | /* Transition 4 | -------------------------- */ 5 | /* Colors 6 | -------------------------- */ 7 | /* Link 8 | -------------------------- */ 9 | /* Border 10 | -------------------------- */ 11 | /* Box-shadow 12 | -------------------------- */ 13 | /* Fill 14 | -------------------------- */ 15 | /* Font 16 | -------------------------- */ 17 | /* Size 18 | -------------------------- */ 19 | /* z-index 20 | -------------------------- */ 21 | /* Disable base 22 | -------------------------- */ 23 | /* Icon 24 | -------------------------- */ 25 | /* Checkbox 26 | -------------------------- */ 27 | /* Radio 28 | -------------------------- */ 29 | /* Select 30 | -------------------------- */ 31 | /* Alert 32 | -------------------------- */ 33 | /* Message Box 34 | -------------------------- */ 35 | /* Message 36 | -------------------------- */ 37 | /* Notification 38 | -------------------------- */ 39 | /* Input 40 | -------------------------- */ 41 | /* Cascader 42 | -------------------------- */ 43 | /* Group 44 | -------------------------- */ 45 | /* Tab 46 | -------------------------- */ 47 | /* Button 48 | -------------------------- */ 49 | /* cascader 50 | -------------------------- */ 51 | /* Switch 52 | -------------------------- */ 53 | /* Dialog 54 | -------------------------- */ 55 | /* Table 56 | -------------------------- */ 57 | /* Pagination 58 | -------------------------- */ 59 | /* Popover 60 | -------------------------- */ 61 | /* Tooltip 62 | -------------------------- */ 63 | /* Tag 64 | -------------------------- */ 65 | /* Dropdown 66 | -------------------------- */ 67 | /* Badge 68 | -------------------------- */ 69 | /* Card 70 | --------------------------*/ 71 | /* Slider 72 | --------------------------*/ 73 | /* Steps 74 | --------------------------*/ 75 | /* Menu 76 | --------------------------*/ 77 | /* Rate 78 | --------------------------*/ 79 | /* DatePicker 80 | --------------------------*/ 81 | /* Loading 82 | --------------------------*/ 83 | /* Scrollbar 84 | --------------------------*/ 85 | /* Carousel 86 | --------------------------*/ 87 | /* Collapse 88 | --------------------------*/ 89 | /* Transfer 90 | --------------------------*/ 91 | } 92 | 93 | .el-card{ 94 | border: 1px solid rgb(209, 219, 229); 95 | border-radius: 4px; 96 | background-color: #fff; 97 | overflow: hidden; 98 | box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .12), 99 | 0px 0px 6px 0px rgba(0, 0, 0, .04) 100 | } 101 | 102 | .el-card__header{ 103 | padding: 18px 20px; 104 | border-bottom: 1px solid rgb(209, 219, 229); 105 | box-sizing: border-box 106 | } 107 | 108 | .el-card__body{ 109 | padding: 20px 110 | } 111 | :root{ 112 | /* Transition 113 | -------------------------- */ 114 | /* Colors 115 | -------------------------- */ 116 | /* Link 117 | -------------------------- */ 118 | /* Border 119 | -------------------------- */ 120 | /* Box-shadow 121 | -------------------------- */ 122 | /* Fill 123 | -------------------------- */ 124 | /* Font 125 | -------------------------- */ 126 | /* Size 127 | -------------------------- */ 128 | /* z-index 129 | -------------------------- */ 130 | /* Disable base 131 | -------------------------- */ 132 | /* Icon 133 | -------------------------- */ 134 | /* Checkbox 135 | -------------------------- */ 136 | /* Radio 137 | -------------------------- */ 138 | /* Select 139 | -------------------------- */ 140 | /* Alert 141 | -------------------------- */ 142 | /* Message Box 143 | -------------------------- */ 144 | /* Message 145 | -------------------------- */ 146 | /* Notification 147 | -------------------------- */ 148 | /* Input 149 | -------------------------- */ 150 | /* Cascader 151 | -------------------------- */ 152 | /* Group 153 | -------------------------- */ 154 | /* Tab 155 | -------------------------- */ 156 | /* Button 157 | -------------------------- */ 158 | /* cascader 159 | -------------------------- */ 160 | /* Switch 161 | -------------------------- */ 162 | /* Dialog 163 | -------------------------- */ 164 | /* Table 165 | -------------------------- */ 166 | /* Pagination 167 | -------------------------- */ 168 | /* Popover 169 | -------------------------- */ 170 | /* Tooltip 171 | -------------------------- */ 172 | /* Tag 173 | -------------------------- */ 174 | /* Dropdown 175 | -------------------------- */ 176 | /* Badge 177 | -------------------------- */ 178 | /* Card 179 | --------------------------*/ 180 | /* Slider 181 | --------------------------*/ 182 | /* Steps 183 | --------------------------*/ 184 | /* Menu 185 | --------------------------*/ 186 | /* Rate 187 | --------------------------*/ 188 | /* DatePicker 189 | --------------------------*/ 190 | /* Loading 191 | --------------------------*/ 192 | /* Scrollbar 193 | --------------------------*/ 194 | /* Carousel 195 | --------------------------*/ 196 | /* Collapse 197 | --------------------------*/ 198 | /* Transfer 199 | --------------------------*/ 200 | } -------------------------------------------------------------------------------- /theme/carousel-item.css: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | :root{ 3 | /* Transition 4 | -------------------------- */ 5 | /* Colors 6 | -------------------------- */ 7 | /* Link 8 | -------------------------- */ 9 | /* Border 10 | -------------------------- */ 11 | /* Box-shadow 12 | -------------------------- */ 13 | /* Fill 14 | -------------------------- */ 15 | /* Font 16 | -------------------------- */ 17 | /* Size 18 | -------------------------- */ 19 | /* z-index 20 | -------------------------- */ 21 | /* Disable base 22 | -------------------------- */ 23 | /* Icon 24 | -------------------------- */ 25 | /* Checkbox 26 | -------------------------- */ 27 | /* Radio 28 | -------------------------- */ 29 | /* Select 30 | -------------------------- */ 31 | /* Alert 32 | -------------------------- */ 33 | /* Message Box 34 | -------------------------- */ 35 | /* Message 36 | -------------------------- */ 37 | /* Notification 38 | -------------------------- */ 39 | /* Input 40 | -------------------------- */ 41 | /* Cascader 42 | -------------------------- */ 43 | /* Group 44 | -------------------------- */ 45 | /* Tab 46 | -------------------------- */ 47 | /* Button 48 | -------------------------- */ 49 | /* cascader 50 | -------------------------- */ 51 | /* Switch 52 | -------------------------- */ 53 | /* Dialog 54 | -------------------------- */ 55 | /* Table 56 | -------------------------- */ 57 | /* Pagination 58 | -------------------------- */ 59 | /* Popover 60 | -------------------------- */ 61 | /* Tooltip 62 | -------------------------- */ 63 | /* Tag 64 | -------------------------- */ 65 | /* Dropdown 66 | -------------------------- */ 67 | /* Badge 68 | -------------------------- */ 69 | /* Card 70 | --------------------------*/ 71 | /* Slider 72 | --------------------------*/ 73 | /* Steps 74 | --------------------------*/ 75 | /* Menu 76 | --------------------------*/ 77 | /* Rate 78 | --------------------------*/ 79 | /* DatePicker 80 | --------------------------*/ 81 | /* Loading 82 | --------------------------*/ 83 | /* Scrollbar 84 | --------------------------*/ 85 | /* Carousel 86 | --------------------------*/ 87 | /* Collapse 88 | --------------------------*/ 89 | /* Transfer 90 | --------------------------*/ 91 | } 92 | 93 | .el-carousel{} 94 | 95 | .el-carousel__item{ 96 | position: absolute; 97 | top: 0; 98 | left: 0; 99 | width: 100%; 100 | height: 100%; 101 | display: inline-block; 102 | transition: .4s ease-in-out; 103 | overflow: hidden; 104 | z-index: 0 105 | } 106 | 107 | .el-carousel__item.is-active{ 108 | z-index: 2 109 | } 110 | 111 | .el-carousel__item--card{ 112 | width: 50% 113 | } 114 | 115 | .el-carousel__item--card.is-in-stage{ 116 | cursor: pointer; 117 | z-index: 1 118 | } 119 | 120 | .el-carousel__item--card.is-in-stage:hover .el-carousel__mask, .el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask{ 121 | opacity: 0.12 122 | } 123 | 124 | .el-carousel__item--card.is-active{ 125 | z-index: 2 126 | } 127 | 128 | .el-carousel__mask{ 129 | position: absolute; 130 | width: 100%; 131 | height: 100%; 132 | top: 0; 133 | left: 0; 134 | background-color: #fff; 135 | opacity: 0.24; 136 | transition: .2s 137 | }:root{ 138 | /* Transition 139 | -------------------------- */ 140 | /* Colors 141 | -------------------------- */ 142 | /* Link 143 | -------------------------- */ 144 | /* Border 145 | -------------------------- */ 146 | /* Box-shadow 147 | -------------------------- */ 148 | /* Fill 149 | -------------------------- */ 150 | /* Font 151 | -------------------------- */ 152 | /* Size 153 | -------------------------- */ 154 | /* z-index 155 | -------------------------- */ 156 | /* Disable base 157 | -------------------------- */ 158 | /* Icon 159 | -------------------------- */ 160 | /* Checkbox 161 | -------------------------- */ 162 | /* Radio 163 | -------------------------- */ 164 | /* Select 165 | -------------------------- */ 166 | /* Alert 167 | -------------------------- */ 168 | /* Message Box 169 | -------------------------- */ 170 | /* Message 171 | -------------------------- */ 172 | /* Notification 173 | -------------------------- */ 174 | /* Input 175 | -------------------------- */ 176 | /* Cascader 177 | -------------------------- */ 178 | /* Group 179 | -------------------------- */ 180 | /* Tab 181 | -------------------------- */ 182 | /* Button 183 | -------------------------- */ 184 | /* cascader 185 | -------------------------- */ 186 | /* Switch 187 | -------------------------- */ 188 | /* Dialog 189 | -------------------------- */ 190 | /* Table 191 | -------------------------- */ 192 | /* Pagination 193 | -------------------------- */ 194 | /* Popover 195 | -------------------------- */ 196 | /* Tooltip 197 | -------------------------- */ 198 | /* Tag 199 | -------------------------- */ 200 | /* Dropdown 201 | -------------------------- */ 202 | /* Badge 203 | -------------------------- */ 204 | /* Card 205 | --------------------------*/ 206 | /* Slider 207 | --------------------------*/ 208 | /* Steps 209 | --------------------------*/ 210 | /* Menu 211 | --------------------------*/ 212 | /* Rate 213 | --------------------------*/ 214 | /* DatePicker 215 | --------------------------*/ 216 | /* Loading 217 | --------------------------*/ 218 | /* Scrollbar 219 | --------------------------*/ 220 | /* Carousel 221 | --------------------------*/ 222 | /* Collapse 223 | --------------------------*/ 224 | /* Transfer 225 | --------------------------*/ 226 | } -------------------------------------------------------------------------------- /theme/checkbox-button.css: -------------------------------------------------------------------------------- 1 | :root { 2 | /* Transition 3 | -------------------------- */ 4 | /* Colors 5 | -------------------------- */ 6 | /* Link 7 | -------------------------- */ 8 | /* Border 9 | -------------------------- */ 10 | /* Box-shadow 11 | -------------------------- */ 12 | /* Fill 13 | -------------------------- */ 14 | /* Font 15 | -------------------------- */ 16 | /* Size 17 | -------------------------- */ 18 | /* z-index 19 | -------------------------- */ 20 | /* Disable base 21 | -------------------------- */ 22 | /* Icon 23 | -------------------------- */ 24 | /* Checkbox 25 | -------------------------- */ 26 | /* Radio 27 | -------------------------- */ 28 | /* Select 29 | -------------------------- */ 30 | /* Alert 31 | -------------------------- */ 32 | /* Message Box 33 | -------------------------- */ 34 | /* Message 35 | -------------------------- */ 36 | /* Notification 37 | -------------------------- */ 38 | /* Input 39 | -------------------------- */ 40 | /* Cascader 41 | -------------------------- */ 42 | /* Group 43 | -------------------------- */ 44 | /* Tab 45 | -------------------------- */ 46 | /* Button 47 | -------------------------- */ 48 | /* cascader 49 | -------------------------- */ 50 | /* Switch 51 | -------------------------- */ 52 | /* Dialog 53 | -------------------------- */ 54 | /* Table 55 | -------------------------- */ 56 | /* Pagination 57 | -------------------------- */ 58 | /* Popover 59 | -------------------------- */ 60 | /* Tooltip 61 | -------------------------- */ 62 | /* Tag 63 | -------------------------- */ 64 | /* Dropdown 65 | -------------------------- */ 66 | /* Badge 67 | -------------------------- */ 68 | /* Card 69 | --------------------------*/ 70 | /* Slider 71 | --------------------------*/ 72 | /* Steps 73 | --------------------------*/ 74 | /* Menu 75 | --------------------------*/ 76 | /* Rate 77 | --------------------------*/ 78 | /* DatePicker 79 | --------------------------*/ 80 | /* Loading 81 | --------------------------*/ 82 | /* Scrollbar 83 | --------------------------*/ 84 | /* Carousel 85 | --------------------------*/ 86 | /* Collapse 87 | --------------------------*/ 88 | /* Transfer 89 | --------------------------*/ 90 | } -------------------------------------------------------------------------------- /theme/checkbox-group.css: -------------------------------------------------------------------------------- 1 | :root { 2 | /* Transition 3 | -------------------------- */ 4 | /* Colors 5 | -------------------------- */ 6 | /* Link 7 | -------------------------- */ 8 | /* Border 9 | -------------------------- */ 10 | /* Box-shadow 11 | -------------------------- */ 12 | /* Fill 13 | -------------------------- */ 14 | /* Font 15 | -------------------------- */ 16 | /* Size 17 | -------------------------- */ 18 | /* z-index 19 | -------------------------- */ 20 | /* Disable base 21 | -------------------------- */ 22 | /* Icon 23 | -------------------------- */ 24 | /* Checkbox 25 | -------------------------- */ 26 | /* Radio 27 | -------------------------- */ 28 | /* Select 29 | -------------------------- */ 30 | /* Alert 31 | -------------------------- */ 32 | /* Message Box 33 | -------------------------- */ 34 | /* Message 35 | -------------------------- */ 36 | /* Notification 37 | -------------------------- */ 38 | /* Input 39 | -------------------------- */ 40 | /* Cascader 41 | -------------------------- */ 42 | /* Group 43 | -------------------------- */ 44 | /* Tab 45 | -------------------------- */ 46 | /* Button 47 | -------------------------- */ 48 | /* cascader 49 | -------------------------- */ 50 | /* Switch 51 | -------------------------- */ 52 | /* Dialog 53 | -------------------------- */ 54 | /* Table 55 | -------------------------- */ 56 | /* Pagination 57 | -------------------------- */ 58 | /* Popover 59 | -------------------------- */ 60 | /* Tooltip 61 | -------------------------- */ 62 | /* Tag 63 | -------------------------- */ 64 | /* Dropdown 65 | -------------------------- */ 66 | /* Badge 67 | -------------------------- */ 68 | /* Card 69 | --------------------------*/ 70 | /* Slider 71 | --------------------------*/ 72 | /* Steps 73 | --------------------------*/ 74 | /* Menu 75 | --------------------------*/ 76 | /* Rate 77 | --------------------------*/ 78 | /* DatePicker 79 | --------------------------*/ 80 | /* Loading 81 | --------------------------*/ 82 | /* Scrollbar 83 | --------------------------*/ 84 | /* Carousel 85 | --------------------------*/ 86 | /* Collapse 87 | --------------------------*/ 88 | /* Transfer 89 | --------------------------*/ 90 | } -------------------------------------------------------------------------------- /theme/collapse-item.css: -------------------------------------------------------------------------------- 1 | :root { 2 | /* Transition 3 | -------------------------- */ 4 | /* Colors 5 | -------------------------- */ 6 | /* Link 7 | -------------------------- */ 8 | /* Border 9 | -------------------------- */ 10 | /* Box-shadow 11 | -------------------------- */ 12 | /* Fill 13 | -------------------------- */ 14 | /* Font 15 | -------------------------- */ 16 | /* Size 17 | -------------------------- */ 18 | /* z-index 19 | -------------------------- */ 20 | /* Disable base 21 | -------------------------- */ 22 | /* Icon 23 | -------------------------- */ 24 | /* Checkbox 25 | -------------------------- */ 26 | /* Radio 27 | -------------------------- */ 28 | /* Select 29 | -------------------------- */ 30 | /* Alert 31 | -------------------------- */ 32 | /* Message Box 33 | -------------------------- */ 34 | /* Message 35 | -------------------------- */ 36 | /* Notification 37 | -------------------------- */ 38 | /* Input 39 | -------------------------- */ 40 | /* Cascader 41 | -------------------------- */ 42 | /* Group 43 | -------------------------- */ 44 | /* Tab 45 | -------------------------- */ 46 | /* Button 47 | -------------------------- */ 48 | /* cascader 49 | -------------------------- */ 50 | /* Switch 51 | -------------------------- */ 52 | /* Dialog 53 | -------------------------- */ 54 | /* Table 55 | -------------------------- */ 56 | /* Pagination 57 | -------------------------- */ 58 | /* Popover 59 | -------------------------- */ 60 | /* Tooltip 61 | -------------------------- */ 62 | /* Tag 63 | -------------------------- */ 64 | /* Dropdown 65 | -------------------------- */ 66 | /* Badge 67 | -------------------------- */ 68 | /* Card 69 | --------------------------*/ 70 | /* Slider 71 | --------------------------*/ 72 | /* Steps 73 | --------------------------*/ 74 | /* Menu 75 | --------------------------*/ 76 | /* Rate 77 | --------------------------*/ 78 | /* DatePicker 79 | --------------------------*/ 80 | /* Loading 81 | --------------------------*/ 82 | /* Scrollbar 83 | --------------------------*/ 84 | /* Carousel 85 | --------------------------*/ 86 | /* Collapse 87 | --------------------------*/ 88 | /* Transfer 89 | --------------------------*/ 90 | } -------------------------------------------------------------------------------- /theme/collapse.css: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | :root{ 3 | /* Transition 4 | -------------------------- */ 5 | /* Colors 6 | -------------------------- */ 7 | /* Link 8 | -------------------------- */ 9 | /* Border 10 | -------------------------- */ 11 | /* Box-shadow 12 | -------------------------- */ 13 | /* Fill 14 | -------------------------- */ 15 | /* Font 16 | -------------------------- */ 17 | /* Size 18 | -------------------------- */ 19 | /* z-index 20 | -------------------------- */ 21 | /* Disable base 22 | -------------------------- */ 23 | /* Icon 24 | -------------------------- */ 25 | /* Checkbox 26 | -------------------------- */ 27 | /* Radio 28 | -------------------------- */ 29 | /* Select 30 | -------------------------- */ 31 | /* Alert 32 | -------------------------- */ 33 | /* Message Box 34 | -------------------------- */ 35 | /* Message 36 | -------------------------- */ 37 | /* Notification 38 | -------------------------- */ 39 | /* Input 40 | -------------------------- */ 41 | /* Cascader 42 | -------------------------- */ 43 | /* Group 44 | -------------------------- */ 45 | /* Tab 46 | -------------------------- */ 47 | /* Button 48 | -------------------------- */ 49 | /* cascader 50 | -------------------------- */ 51 | /* Switch 52 | -------------------------- */ 53 | /* Dialog 54 | -------------------------- */ 55 | /* Table 56 | -------------------------- */ 57 | /* Pagination 58 | -------------------------- */ 59 | /* Popover 60 | -------------------------- */ 61 | /* Tooltip 62 | -------------------------- */ 63 | /* Tag 64 | -------------------------- */ 65 | /* Dropdown 66 | -------------------------- */ 67 | /* Badge 68 | -------------------------- */ 69 | /* Card 70 | --------------------------*/ 71 | /* Slider 72 | --------------------------*/ 73 | /* Steps 74 | --------------------------*/ 75 | /* Menu 76 | --------------------------*/ 77 | /* Rate 78 | --------------------------*/ 79 | /* DatePicker 80 | --------------------------*/ 81 | /* Loading 82 | --------------------------*/ 83 | /* Scrollbar 84 | --------------------------*/ 85 | /* Carousel 86 | --------------------------*/ 87 | /* Collapse 88 | --------------------------*/ 89 | /* Transfer 90 | --------------------------*/ 91 | } 92 | 93 | .el-collapse{ 94 | border: 1px solid rgb(223, 230, 236); 95 | border-radius: 0; 96 | } 97 | 98 | .el-collapse-item{} 99 | 100 | .el-collapse-item:last-child{ 101 | margin-bottom: -1px; 102 | } 103 | 104 | .el-collapse-item.is-active > .el-collapse-item__header .el-collapse-item__header__arrow{ 105 | transform: rotate(90deg); 106 | } 107 | 108 | .el-collapse-item__header{ 109 | height: 43px; 110 | line-height: 43px; 111 | padding-left: 15px; 112 | background-color: #fff; 113 | color: rgb(72, 87, 106); 114 | cursor: pointer; 115 | border-bottom: 1px solid rgb(223, 230, 236); 116 | font-size: 13px; 117 | } 118 | 119 | .el-collapse-item__header__arrow{ 120 | margin-right: 8px; 121 | transition: transform .3s; 122 | } 123 | 124 | .el-collapse-item__wrap{ 125 | will-change: height; 126 | background-color: rgb(254, 254, 255); 127 | overflow: hidden; 128 | box-sizing: border-box; 129 | border-bottom: 1px solid rgb(223, 230, 236); 130 | } 131 | 132 | .el-collapse-item__content{ 133 | padding: 10px 15px; 134 | font-size: 13px; 135 | color: rgb(31, 45, 61); 136 | line-height: 1.769230769230769; 137 | } 138 | :root{ 139 | /* Transition 140 | -------------------------- */ 141 | /* Colors 142 | -------------------------- */ 143 | /* Link 144 | -------------------------- */ 145 | /* Border 146 | -------------------------- */ 147 | /* Box-shadow 148 | -------------------------- */ 149 | /* Fill 150 | -------------------------- */ 151 | /* Font 152 | -------------------------- */ 153 | /* Size 154 | -------------------------- */ 155 | /* z-index 156 | -------------------------- */ 157 | /* Disable base 158 | -------------------------- */ 159 | /* Icon 160 | -------------------------- */ 161 | /* Checkbox 162 | -------------------------- */ 163 | /* Radio 164 | -------------------------- */ 165 | /* Select 166 | -------------------------- */ 167 | /* Alert 168 | -------------------------- */ 169 | /* Message Box 170 | -------------------------- */ 171 | /* Message 172 | -------------------------- */ 173 | /* Notification 174 | -------------------------- */ 175 | /* Input 176 | -------------------------- */ 177 | /* Cascader 178 | -------------------------- */ 179 | /* Group 180 | -------------------------- */ 181 | /* Tab 182 | -------------------------- */ 183 | /* Button 184 | -------------------------- */ 185 | /* cascader 186 | -------------------------- */ 187 | /* Switch 188 | -------------------------- */ 189 | /* Dialog 190 | -------------------------- */ 191 | /* Table 192 | -------------------------- */ 193 | /* Pagination 194 | -------------------------- */ 195 | /* Popover 196 | -------------------------- */ 197 | /* Tooltip 198 | -------------------------- */ 199 | /* Tag 200 | -------------------------- */ 201 | /* Dropdown 202 | -------------------------- */ 203 | /* Badge 204 | -------------------------- */ 205 | /* Card 206 | --------------------------*/ 207 | /* Slider 208 | --------------------------*/ 209 | /* Steps 210 | --------------------------*/ 211 | /* Menu 212 | --------------------------*/ 213 | /* Rate 214 | --------------------------*/ 215 | /* DatePicker 216 | --------------------------*/ 217 | /* Loading 218 | --------------------------*/ 219 | /* Scrollbar 220 | --------------------------*/ 221 | /* Carousel 222 | --------------------------*/ 223 | /* Collapse 224 | --------------------------*/ 225 | /* Transfer 226 | --------------------------*/ 227 | } -------------------------------------------------------------------------------- /theme/dropdown-item.css: -------------------------------------------------------------------------------- 1 | :root { 2 | /* Transition 3 | -------------------------- */ 4 | /* Colors 5 | -------------------------- */ 6 | /* Link 7 | -------------------------- */ 8 | /* Border 9 | -------------------------- */ 10 | /* Box-shadow 11 | -------------------------- */ 12 | /* Fill 13 | -------------------------- */ 14 | /* Font 15 | -------------------------- */ 16 | /* Size 17 | -------------------------- */ 18 | /* z-index 19 | -------------------------- */ 20 | /* Disable base 21 | -------------------------- */ 22 | /* Icon 23 | -------------------------- */ 24 | /* Checkbox 25 | -------------------------- */ 26 | /* Radio 27 | -------------------------- */ 28 | /* Select 29 | -------------------------- */ 30 | /* Alert 31 | -------------------------- */ 32 | /* Message Box 33 | -------------------------- */ 34 | /* Message 35 | -------------------------- */ 36 | /* Notification 37 | -------------------------- */ 38 | /* Input 39 | -------------------------- */ 40 | /* Cascader 41 | -------------------------- */ 42 | /* Group 43 | -------------------------- */ 44 | /* Tab 45 | -------------------------- */ 46 | /* Button 47 | -------------------------- */ 48 | /* cascader 49 | -------------------------- */ 50 | /* Switch 51 | -------------------------- */ 52 | /* Dialog 53 | -------------------------- */ 54 | /* Table 55 | -------------------------- */ 56 | /* Pagination 57 | -------------------------- */ 58 | /* Popover 59 | -------------------------- */ 60 | /* Tooltip 61 | -------------------------- */ 62 | /* Tag 63 | -------------------------- */ 64 | /* Dropdown 65 | -------------------------- */ 66 | /* Badge 67 | -------------------------- */ 68 | /* Card 69 | --------------------------*/ 70 | /* Slider 71 | --------------------------*/ 72 | /* Steps 73 | --------------------------*/ 74 | /* Menu 75 | --------------------------*/ 76 | /* Rate 77 | --------------------------*/ 78 | /* DatePicker 79 | --------------------------*/ 80 | /* Loading 81 | --------------------------*/ 82 | /* Scrollbar 83 | --------------------------*/ 84 | /* Carousel 85 | --------------------------*/ 86 | /* Collapse 87 | --------------------------*/ 88 | /* Transfer 89 | --------------------------*/ 90 | } -------------------------------------------------------------------------------- /theme/dropdown-menu.css: -------------------------------------------------------------------------------- 1 | :root { 2 | /* Transition 3 | -------------------------- */ 4 | /* Colors 5 | -------------------------- */ 6 | /* Link 7 | -------------------------- */ 8 | /* Border 9 | -------------------------- */ 10 | /* Box-shadow 11 | -------------------------- */ 12 | /* Fill 13 | -------------------------- */ 14 | /* Font 15 | -------------------------- */ 16 | /* Size 17 | -------------------------- */ 18 | /* z-index 19 | -------------------------- */ 20 | /* Disable base 21 | -------------------------- */ 22 | /* Icon 23 | -------------------------- */ 24 | /* Checkbox 25 | -------------------------- */ 26 | /* Radio 27 | -------------------------- */ 28 | /* Select 29 | -------------------------- */ 30 | /* Alert 31 | -------------------------- */ 32 | /* Message Box 33 | -------------------------- */ 34 | /* Message 35 | -------------------------- */ 36 | /* Notification 37 | -------------------------- */ 38 | /* Input 39 | -------------------------- */ 40 | /* Cascader 41 | -------------------------- */ 42 | /* Group 43 | -------------------------- */ 44 | /* Tab 45 | -------------------------- */ 46 | /* Button 47 | -------------------------- */ 48 | /* cascader 49 | -------------------------- */ 50 | /* Switch 51 | -------------------------- */ 52 | /* Dialog 53 | -------------------------- */ 54 | /* Table 55 | -------------------------- */ 56 | /* Pagination 57 | -------------------------- */ 58 | /* Popover 59 | -------------------------- */ 60 | /* Tooltip 61 | -------------------------- */ 62 | /* Tag 63 | -------------------------- */ 64 | /* Dropdown 65 | -------------------------- */ 66 | /* Badge 67 | -------------------------- */ 68 | /* Card 69 | --------------------------*/ 70 | /* Slider 71 | --------------------------*/ 72 | /* Steps 73 | --------------------------*/ 74 | /* Menu 75 | --------------------------*/ 76 | /* Rate 77 | --------------------------*/ 78 | /* DatePicker 79 | --------------------------*/ 80 | /* Loading 81 | --------------------------*/ 82 | /* Scrollbar 83 | --------------------------*/ 84 | /* Carousel 85 | --------------------------*/ 86 | /* Collapse 87 | --------------------------*/ 88 | /* Transfer 89 | --------------------------*/ 90 | } -------------------------------------------------------------------------------- /theme/element-variables.css: -------------------------------------------------------------------------------- 1 | :root { 2 | 3 | /* Transition 4 | -------------------------- */ 5 | 6 | /* Colors 7 | -------------------------- */ 8 | 9 | /* Link 10 | -------------------------- */ 11 | 12 | /* Border 13 | -------------------------- */ 14 | 15 | /* Box-shadow 16 | -------------------------- */ 17 | 18 | /* Fill 19 | -------------------------- */ 20 | 21 | /* Font 22 | -------------------------- */ 23 | 24 | /* Size 25 | -------------------------- */ 26 | 27 | /* z-index 28 | -------------------------- */ 29 | 30 | /* Disable base 31 | -------------------------- */ 32 | 33 | /* Icon 34 | -------------------------- */ 35 | 36 | /* Checkbox 37 | -------------------------- */ 38 | 39 | 40 | 41 | /* Radio 42 | -------------------------- */ 43 | 44 | /* Select 45 | -------------------------- */ 46 | 47 | /* Alert 48 | -------------------------- */ 49 | 50 | /* Message Box 51 | -------------------------- */ 52 | 53 | /* Message 54 | -------------------------- */ 55 | 56 | /* Notification 57 | -------------------------- */ 58 | 59 | /* Input 60 | -------------------------- */ 61 | 62 | /* Cascader 63 | -------------------------- */ 64 | 65 | /* Group 66 | -------------------------- */ 67 | 68 | /* Tab 69 | -------------------------- */ 70 | 71 | /* Button 72 | -------------------------- */ 73 | 74 | 75 | /* cascader 76 | -------------------------- */ 77 | 78 | /* Switch 79 | -------------------------- */ 80 | 81 | /* Dialog 82 | -------------------------- */ 83 | 84 | /* Table 85 | -------------------------- */ 86 | 87 | /* Pagination 88 | -------------------------- */ 89 | 90 | /* Popover 91 | -------------------------- */ 92 | 93 | /* Tooltip 94 | -------------------------- */ 95 | 96 | /* Tag 97 | -------------------------- */ 98 | 99 | /* Dropdown 100 | -------------------------- */ 101 | 102 | /* Badge 103 | -------------------------- */ 104 | 105 | /* Card 106 | --------------------------*/ 107 | 108 | /* Slider 109 | --------------------------*/ 110 | 111 | /* Steps 112 | --------------------------*/ 113 | 114 | /* Menu 115 | --------------------------*/ 116 | 117 | /* Rate 118 | --------------------------*/ 119 | 120 | /* DatePicker 121 | --------------------------*/ 122 | 123 | /* Loading 124 | --------------------------*/ 125 | 126 | /* Scrollbar 127 | --------------------------*/ 128 | 129 | /* Carousel 130 | --------------------------*/ 131 | 132 | /* Collapse 133 | --------------------------*/ 134 | 135 | /* Transfer 136 | --------------------------*/ 137 | } 138 | -------------------------------------------------------------------------------- /theme/fonts/element-icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Sunshine-four4/Manage/581655803daa9a5a33ea377b62698765b23abc0c/theme/fonts/element-icons.ttf -------------------------------------------------------------------------------- /theme/fonts/element-icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Sunshine-four4/Manage/581655803daa9a5a33ea377b62698765b23abc0c/theme/fonts/element-icons.woff -------------------------------------------------------------------------------- /theme/form-item.css: -------------------------------------------------------------------------------- 1 | :root { 2 | /* Transition 3 | -------------------------- */ 4 | /* Colors 5 | -------------------------- */ 6 | /* Link 7 | -------------------------- */ 8 | /* Border 9 | -------------------------- */ 10 | /* Box-shadow 11 | -------------------------- */ 12 | /* Fill 13 | -------------------------- */ 14 | /* Font 15 | -------------------------- */ 16 | /* Size 17 | -------------------------- */ 18 | /* z-index 19 | -------------------------- */ 20 | /* Disable base 21 | -------------------------- */ 22 | /* Icon 23 | -------------------------- */ 24 | /* Checkbox 25 | -------------------------- */ 26 | /* Radio 27 | -------------------------- */ 28 | /* Select 29 | -------------------------- */ 30 | /* Alert 31 | -------------------------- */ 32 | /* Message Box 33 | -------------------------- */ 34 | /* Message 35 | -------------------------- */ 36 | /* Notification 37 | -------------------------- */ 38 | /* Input 39 | -------------------------- */ 40 | /* Cascader 41 | -------------------------- */ 42 | /* Group 43 | -------------------------- */ 44 | /* Tab 45 | -------------------------- */ 46 | /* Button 47 | -------------------------- */ 48 | /* cascader 49 | -------------------------- */ 50 | /* Switch 51 | -------------------------- */ 52 | /* Dialog 53 | -------------------------- */ 54 | /* Table 55 | -------------------------- */ 56 | /* Pagination 57 | -------------------------- */ 58 | /* Popover 59 | -------------------------- */ 60 | /* Tooltip 61 | -------------------------- */ 62 | /* Tag 63 | -------------------------- */ 64 | /* Dropdown 65 | -------------------------- */ 66 | /* Badge 67 | -------------------------- */ 68 | /* Card 69 | --------------------------*/ 70 | /* Slider 71 | --------------------------*/ 72 | /* Steps 73 | --------------------------*/ 74 | /* Menu 75 | --------------------------*/ 76 | /* Rate 77 | --------------------------*/ 78 | /* DatePicker 79 | --------------------------*/ 80 | /* Loading 81 | --------------------------*/ 82 | /* Scrollbar 83 | --------------------------*/ 84 | /* Carousel 85 | --------------------------*/ 86 | /* Collapse 87 | --------------------------*/ 88 | /* Transfer 89 | --------------------------*/ 90 | } -------------------------------------------------------------------------------- /theme/icon.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: 'element-icons'; 3 | src: url('fonts/element-icons.woff?t=1472440741') format('woff'), /* chrome, firefox */ 4 | url('fonts/element-icons.ttf?t=1472440741') format('truetype'); /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ 5 | font-weight: 400; 6 | font-style: normal; 7 | } 8 | 9 | [class^="el-icon-"], [class*=" el-icon-"] { 10 | /* use !important to prevent issues with browser extensions that change fonts */ 11 | font-family: 'element-icons' !important; 12 | speak: none; 13 | font-style: normal; 14 | font-weight: 400; 15 | font-variant: normal; 16 | text-transform: none; 17 | line-height: 1; 18 | vertical-align: baseline; 19 | display: inline-block; 20 | 21 | /* Better Font Rendering =========== */ 22 | -webkit-font-smoothing: antialiased; 23 | -moz-osx-font-smoothing: grayscale; 24 | } 25 | 26 | .el-icon-arrow-down:before { content: "\e600"; } 27 | .el-icon-arrow-left:before { content: "\e601"; } 28 | .el-icon-arrow-right:before { content: "\e602"; } 29 | .el-icon-arrow-up:before { content: "\e603"; } 30 | .el-icon-caret-bottom:before { content: "\e604"; } 31 | .el-icon-caret-left:before { content: "\e605"; } 32 | .el-icon-caret-right:before { content: "\e606"; } 33 | .el-icon-caret-top:before { content: "\e607"; } 34 | .el-icon-check:before { content: "\e608"; } 35 | .el-icon-circle-check:before { content: "\e609"; } 36 | .el-icon-circle-close:before { content: "\e60a"; } 37 | .el-icon-circle-cross:before { content: "\e60b"; } 38 | .el-icon-close:before { content: "\e60c"; } 39 | .el-icon-upload:before { content: "\e60d"; } 40 | .el-icon-d-arrow-left:before { content: "\e60e"; } 41 | .el-icon-d-arrow-right:before { content: "\e60f"; } 42 | .el-icon-d-caret:before { content: "\e610"; } 43 | .el-icon-date:before { content: "\e611"; } 44 | .el-icon-delete:before { content: "\e612"; } 45 | .el-icon-document:before { content: "\e613"; } 46 | .el-icon-edit:before { content: "\e614"; } 47 | .el-icon-information:before { content: "\e615"; } 48 | .el-icon-loading:before { content: "\e616"; } 49 | .el-icon-menu:before { content: "\e617"; } 50 | .el-icon-message:before { content: "\e618"; } 51 | .el-icon-minus:before { content: "\e619"; } 52 | .el-icon-more:before { content: "\e61a"; } 53 | .el-icon-picture:before { content: "\e61b"; } 54 | .el-icon-plus:before { content: "\e61c"; } 55 | .el-icon-search:before { content: "\e61d"; } 56 | .el-icon-setting:before { content: "\e61e"; } 57 | .el-icon-share:before { content: "\e61f"; } 58 | .el-icon-star-off:before { content: "\e620"; } 59 | .el-icon-star-on:before { content: "\e621"; } 60 | .el-icon-time:before { content: "\e622"; } 61 | .el-icon-warning:before { content: "\e623"; } 62 | .el-icon-delete2:before { content: "\e624"; } 63 | .el-icon-upload2:before { content: "\e627"; } 64 | .el-icon-view:before { content: "\e626"; } 65 | 66 | .el-icon-loading { 67 | animation: rotating 1s linear infinite; 68 | } 69 | 70 | .el-icon--right { 71 | margin-left: 5px; 72 | } 73 | .el-icon--left { 74 | margin-right: 5px; 75 | } 76 | 77 | @keyframes rotating { 78 | 0% { 79 | transform: rotateZ(0deg); 80 | } 81 | 100% { 82 | transform: rotateZ(360deg); 83 | } 84 | } 85 | :root { /* Transition 86 | -------------------------- */ /* Colors 87 | -------------------------- */ /* Link 88 | -------------------------- */ /* Border 89 | -------------------------- */ /* Box-shadow 90 | -------------------------- */ /* Fill 91 | -------------------------- */ /* Font 92 | -------------------------- */ /* Size 93 | -------------------------- */ /* z-index 94 | -------------------------- */ /* Disable base 95 | -------------------------- */ /* Icon 96 | -------------------------- */ /* Checkbox 97 | -------------------------- */ /* Radio 98 | -------------------------- */ /* Select 99 | -------------------------- */ /* Alert 100 | -------------------------- */ /* Message Box 101 | -------------------------- */ /* Message 102 | -------------------------- */ /* Notification 103 | -------------------------- */ /* Input 104 | -------------------------- */ /* Cascader 105 | -------------------------- */ /* Group 106 | -------------------------- */ /* Tab 107 | -------------------------- */ /* Button 108 | -------------------------- */ /* cascader 109 | -------------------------- */ /* Switch 110 | -------------------------- */ /* Dialog 111 | -------------------------- */ /* Table 112 | -------------------------- */ /* Pagination 113 | -------------------------- */ /* Popover 114 | -------------------------- */ /* Tooltip 115 | -------------------------- */ /* Tag 116 | -------------------------- */ /* Dropdown 117 | -------------------------- */ /* Badge 118 | -------------------------- */ /* Card 119 | --------------------------*/ /* Slider 120 | --------------------------*/ /* Steps 121 | --------------------------*/ /* Menu 122 | --------------------------*/ /* Rate 123 | --------------------------*/ /* DatePicker 124 | --------------------------*/ /* Loading 125 | --------------------------*/ /* Scrollbar 126 | --------------------------*/ /* Carousel 127 | --------------------------*/ /* Collapse 128 | --------------------------*/ /* Transfer 129 | --------------------------*/ 130 | } -------------------------------------------------------------------------------- /theme/loading.css: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | :root{ 3 | /* Transition 4 | -------------------------- */ 5 | /* Colors 6 | -------------------------- */ 7 | /* Link 8 | -------------------------- */ 9 | /* Border 10 | -------------------------- */ 11 | /* Box-shadow 12 | -------------------------- */ 13 | /* Fill 14 | -------------------------- */ 15 | /* Font 16 | -------------------------- */ 17 | /* Size 18 | -------------------------- */ 19 | /* z-index 20 | -------------------------- */ 21 | /* Disable base 22 | -------------------------- */ 23 | /* Icon 24 | -------------------------- */ 25 | /* Checkbox 26 | -------------------------- */ 27 | /* Radio 28 | -------------------------- */ 29 | /* Select 30 | -------------------------- */ 31 | /* Alert 32 | -------------------------- */ 33 | /* Message Box 34 | -------------------------- */ 35 | /* Message 36 | -------------------------- */ 37 | /* Notification 38 | -------------------------- */ 39 | /* Input 40 | -------------------------- */ 41 | /* Cascader 42 | -------------------------- */ 43 | /* Group 44 | -------------------------- */ 45 | /* Tab 46 | -------------------------- */ 47 | /* Button 48 | -------------------------- */ 49 | /* cascader 50 | -------------------------- */ 51 | /* Switch 52 | -------------------------- */ 53 | /* Dialog 54 | -------------------------- */ 55 | /* Table 56 | -------------------------- */ 57 | /* Pagination 58 | -------------------------- */ 59 | /* Popover 60 | -------------------------- */ 61 | /* Tooltip 62 | -------------------------- */ 63 | /* Tag 64 | -------------------------- */ 65 | /* Dropdown 66 | -------------------------- */ 67 | /* Badge 68 | -------------------------- */ 69 | /* Card 70 | --------------------------*/ 71 | /* Slider 72 | --------------------------*/ 73 | /* Steps 74 | --------------------------*/ 75 | /* Menu 76 | --------------------------*/ 77 | /* Rate 78 | --------------------------*/ 79 | /* DatePicker 80 | --------------------------*/ 81 | /* Loading 82 | --------------------------*/ 83 | /* Scrollbar 84 | --------------------------*/ 85 | /* Carousel 86 | --------------------------*/ 87 | /* Collapse 88 | --------------------------*/ 89 | /* Transfer 90 | --------------------------*/ 91 | } 92 | 93 | .el-loading-mask{ 94 | position: absolute; 95 | z-index: 10000; 96 | background-color: rgba(255, 255, 255, .9); 97 | margin: 0; 98 | top: 0; 99 | right: 0; 100 | bottom: 0; 101 | left: 0; 102 | transition: opacity 0.3s; 103 | } 104 | 105 | .el-loading-mask.is-fullscreen{ 106 | position: fixed; 107 | } 108 | 109 | .el-loading-mask.is-fullscreen .el-loading-spinner{ 110 | margin-top: -25px; 111 | } 112 | 113 | .el-loading-mask.is-fullscreen .el-loading-spinner .circular{ 114 | width: 50px; 115 | height: 50px; 116 | } 117 | 118 | .el-loading-spinner{ 119 | top: 50%; 120 | margin-top: -21px; 121 | width: 100%; 122 | text-align: center; 123 | position: absolute; 124 | } 125 | 126 | .el-loading-spinner .el-loading-text{ 127 | color: #BCE2FF; 128 | margin: 3px 0; 129 | font-size: 14px; 130 | } 131 | 132 | .el-loading-spinner .circular{ 133 | width: 42px; 134 | height: 42px; 135 | animation: loading-rotate 2s linear infinite; 136 | } 137 | 138 | .el-loading-spinner .path{ 139 | animation: loading-dash 1.5s ease-in-out infinite; 140 | stroke-dasharray: 90, 150; 141 | stroke-dashoffset: 0; 142 | stroke-width: 2; 143 | stroke: #BCE2FF; 144 | stroke-linecap: round; 145 | } 146 | 147 | .el-loading-fade-enter, .el-loading-fade-leave-active { 148 | opacity: 0; 149 | } 150 | 151 | @keyframes loading-rotate { 152 | 100% { 153 | transform: rotate(360deg); 154 | } 155 | } 156 | 157 | @keyframes loading-dash { 158 | 0% { 159 | stroke-dasharray: 1, 200; 160 | stroke-dashoffset: 0; 161 | } 162 | 50% { 163 | stroke-dasharray: 90, 150; 164 | stroke-dashoffset: -40px; 165 | } 166 | 100% { 167 | stroke-dasharray: 90, 150; 168 | stroke-dashoffset: -120px; 169 | } 170 | } 171 | :root{ 172 | /* Transition 173 | -------------------------- */ 174 | /* Colors 175 | -------------------------- */ 176 | /* Link 177 | -------------------------- */ 178 | /* Border 179 | -------------------------- */ 180 | /* Box-shadow 181 | -------------------------- */ 182 | /* Fill 183 | -------------------------- */ 184 | /* Font 185 | -------------------------- */ 186 | /* Size 187 | -------------------------- */ 188 | /* z-index 189 | -------------------------- */ 190 | /* Disable base 191 | -------------------------- */ 192 | /* Icon 193 | -------------------------- */ 194 | /* Checkbox 195 | -------------------------- */ 196 | /* Radio 197 | -------------------------- */ 198 | /* Select 199 | -------------------------- */ 200 | /* Alert 201 | -------------------------- */ 202 | /* Message Box 203 | -------------------------- */ 204 | /* Message 205 | -------------------------- */ 206 | /* Notification 207 | -------------------------- */ 208 | /* Input 209 | -------------------------- */ 210 | /* Cascader 211 | -------------------------- */ 212 | /* Group 213 | -------------------------- */ 214 | /* Tab 215 | -------------------------- */ 216 | /* Button 217 | -------------------------- */ 218 | /* cascader 219 | -------------------------- */ 220 | /* Switch 221 | -------------------------- */ 222 | /* Dialog 223 | -------------------------- */ 224 | /* Table 225 | -------------------------- */ 226 | /* Pagination 227 | -------------------------- */ 228 | /* Popover 229 | -------------------------- */ 230 | /* Tooltip 231 | -------------------------- */ 232 | /* Tag 233 | -------------------------- */ 234 | /* Dropdown 235 | -------------------------- */ 236 | /* Badge 237 | -------------------------- */ 238 | /* Card 239 | --------------------------*/ 240 | /* Slider 241 | --------------------------*/ 242 | /* Steps 243 | --------------------------*/ 244 | /* Menu 245 | --------------------------*/ 246 | /* Rate 247 | --------------------------*/ 248 | /* DatePicker 249 | --------------------------*/ 250 | /* Loading 251 | --------------------------*/ 252 | /* Scrollbar 253 | --------------------------*/ 254 | /* Carousel 255 | --------------------------*/ 256 | /* Collapse 257 | --------------------------*/ 258 | /* Transfer 259 | --------------------------*/ 260 | } -------------------------------------------------------------------------------- /theme/menu-item-group.css: -------------------------------------------------------------------------------- 1 | :root { 2 | /* Transition 3 | -------------------------- */ 4 | /* Colors 5 | -------------------------- */ 6 | /* Link 7 | -------------------------- */ 8 | /* Border 9 | -------------------------- */ 10 | /* Box-shadow 11 | -------------------------- */ 12 | /* Fill 13 | -------------------------- */ 14 | /* Font 15 | -------------------------- */ 16 | /* Size 17 | -------------------------- */ 18 | /* z-index 19 | -------------------------- */ 20 | /* Disable base 21 | -------------------------- */ 22 | /* Icon 23 | -------------------------- */ 24 | /* Checkbox 25 | -------------------------- */ 26 | /* Radio 27 | -------------------------- */ 28 | /* Select 29 | -------------------------- */ 30 | /* Alert 31 | -------------------------- */ 32 | /* Message Box 33 | -------------------------- */ 34 | /* Message 35 | -------------------------- */ 36 | /* Notification 37 | -------------------------- */ 38 | /* Input 39 | -------------------------- */ 40 | /* Cascader 41 | -------------------------- */ 42 | /* Group 43 | -------------------------- */ 44 | /* Tab 45 | -------------------------- */ 46 | /* Button 47 | -------------------------- */ 48 | /* cascader 49 | -------------------------- */ 50 | /* Switch 51 | -------------------------- */ 52 | /* Dialog 53 | -------------------------- */ 54 | /* Table 55 | -------------------------- */ 56 | /* Pagination 57 | -------------------------- */ 58 | /* Popover 59 | -------------------------- */ 60 | /* Tooltip 61 | -------------------------- */ 62 | /* Tag 63 | -------------------------- */ 64 | /* Dropdown 65 | -------------------------- */ 66 | /* Badge 67 | -------------------------- */ 68 | /* Card 69 | --------------------------*/ 70 | /* Slider 71 | --------------------------*/ 72 | /* Steps 73 | --------------------------*/ 74 | /* Menu 75 | --------------------------*/ 76 | /* Rate 77 | --------------------------*/ 78 | /* DatePicker 79 | --------------------------*/ 80 | /* Loading 81 | --------------------------*/ 82 | /* Scrollbar 83 | --------------------------*/ 84 | /* Carousel 85 | --------------------------*/ 86 | /* Collapse 87 | --------------------------*/ 88 | /* Transfer 89 | --------------------------*/ 90 | } -------------------------------------------------------------------------------- /theme/menu-item.css: -------------------------------------------------------------------------------- 1 | :root { 2 | /* Transition 3 | -------------------------- */ 4 | /* Colors 5 | -------------------------- */ 6 | /* Link 7 | -------------------------- */ 8 | /* Border 9 | -------------------------- */ 10 | /* Box-shadow 11 | -------------------------- */ 12 | /* Fill 13 | -------------------------- */ 14 | /* Font 15 | -------------------------- */ 16 | /* Size 17 | -------------------------- */ 18 | /* z-index 19 | -------------------------- */ 20 | /* Disable base 21 | -------------------------- */ 22 | /* Icon 23 | -------------------------- */ 24 | /* Checkbox 25 | -------------------------- */ 26 | /* Radio 27 | -------------------------- */ 28 | /* Select 29 | -------------------------- */ 30 | /* Alert 31 | -------------------------- */ 32 | /* Message Box 33 | -------------------------- */ 34 | /* Message 35 | -------------------------- */ 36 | /* Notification 37 | -------------------------- */ 38 | /* Input 39 | -------------------------- */ 40 | /* Cascader 41 | -------------------------- */ 42 | /* Group 43 | -------------------------- */ 44 | /* Tab 45 | -------------------------- */ 46 | /* Button 47 | -------------------------- */ 48 | /* cascader 49 | -------------------------- */ 50 | /* Switch 51 | -------------------------- */ 52 | /* Dialog 53 | -------------------------- */ 54 | /* Table 55 | -------------------------- */ 56 | /* Pagination 57 | -------------------------- */ 58 | /* Popover 59 | -------------------------- */ 60 | /* Tooltip 61 | -------------------------- */ 62 | /* Tag 63 | -------------------------- */ 64 | /* Dropdown 65 | -------------------------- */ 66 | /* Badge 67 | -------------------------- */ 68 | /* Card 69 | --------------------------*/ 70 | /* Slider 71 | --------------------------*/ 72 | /* Steps 73 | --------------------------*/ 74 | /* Menu 75 | --------------------------*/ 76 | /* Rate 77 | --------------------------*/ 78 | /* DatePicker 79 | --------------------------*/ 80 | /* Loading 81 | --------------------------*/ 82 | /* Scrollbar 83 | --------------------------*/ 84 | /* Carousel 85 | --------------------------*/ 86 | /* Collapse 87 | --------------------------*/ 88 | /* Transfer 89 | --------------------------*/ 90 | } -------------------------------------------------------------------------------- /theme/message.css: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | :root{ 3 | /* Transition 4 | -------------------------- */ 5 | /* Colors 6 | -------------------------- */ 7 | /* Link 8 | -------------------------- */ 9 | /* Border 10 | -------------------------- */ 11 | /* Box-shadow 12 | -------------------------- */ 13 | /* Fill 14 | -------------------------- */ 15 | /* Font 16 | -------------------------- */ 17 | /* Size 18 | -------------------------- */ 19 | /* z-index 20 | -------------------------- */ 21 | /* Disable base 22 | -------------------------- */ 23 | /* Icon 24 | -------------------------- */ 25 | /* Checkbox 26 | -------------------------- */ 27 | /* Radio 28 | -------------------------- */ 29 | /* Select 30 | -------------------------- */ 31 | /* Alert 32 | -------------------------- */ 33 | /* Message Box 34 | -------------------------- */ 35 | /* Message 36 | -------------------------- */ 37 | /* Notification 38 | -------------------------- */ 39 | /* Input 40 | -------------------------- */ 41 | /* Cascader 42 | -------------------------- */ 43 | /* Group 44 | -------------------------- */ 45 | /* Tab 46 | -------------------------- */ 47 | /* Button 48 | -------------------------- */ 49 | /* cascader 50 | -------------------------- */ 51 | /* Switch 52 | -------------------------- */ 53 | /* Dialog 54 | -------------------------- */ 55 | /* Table 56 | -------------------------- */ 57 | /* Pagination 58 | -------------------------- */ 59 | /* Popover 60 | -------------------------- */ 61 | /* Tooltip 62 | -------------------------- */ 63 | /* Tag 64 | -------------------------- */ 65 | /* Dropdown 66 | -------------------------- */ 67 | /* Badge 68 | -------------------------- */ 69 | /* Card 70 | --------------------------*/ 71 | /* Slider 72 | --------------------------*/ 73 | /* Steps 74 | --------------------------*/ 75 | /* Menu 76 | --------------------------*/ 77 | /* Rate 78 | --------------------------*/ 79 | /* DatePicker 80 | --------------------------*/ 81 | /* Loading 82 | --------------------------*/ 83 | /* Scrollbar 84 | --------------------------*/ 85 | /* Carousel 86 | --------------------------*/ 87 | /* Collapse 88 | --------------------------*/ 89 | /* Transfer 90 | --------------------------*/ 91 | } 92 | 93 | .el-message{ 94 | box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04); 95 | min-width: 300px; 96 | padding: 10px 12px; 97 | box-sizing: border-box; 98 | border-radius: 2px; 99 | position: fixed; 100 | left: 50%; 101 | top: 20px; 102 | transform: translateX(-50%); 103 | background-color: #fff; 104 | transition: opacity 0.3s, transform .4s; 105 | overflow: hidden; 106 | } 107 | 108 | .el-message .el-icon-circle-check{ 109 | color: #13ce66; 110 | } 111 | 112 | .el-message .el-icon-circle-cross{ 113 | color: #ff4949; 114 | } 115 | 116 | .el-message .el-icon-information{ 117 | color: #50bfff; 118 | } 119 | 120 | .el-message .el-icon-warning{ 121 | color: #f7ba2a; 122 | } 123 | 124 | .el-message__group{ 125 | margin-left: 38px; 126 | position: relative; 127 | height: 20px; 128 | line-height: 20px; 129 | display: -ms-flexbox; 130 | display: flex; 131 | -ms-flex-align: center; 132 | align-items: center; 133 | } 134 | 135 | .el-message__group p{ 136 | font-size: 14px; 137 | margin: 0 34px 0 0; 138 | white-space: nowrap; 139 | color: rgb(131, 145, 165); 140 | text-align: justify; 141 | } 142 | 143 | .el-message__group.is-with-icon{ 144 | margin-left: 0; 145 | } 146 | 147 | .el-message__img{ 148 | width: 40px; 149 | height: 40px; 150 | position: absolute; 151 | left: 0; 152 | top: 0; 153 | } 154 | 155 | .el-message__icon{ 156 | vertical-align: middle; 157 | margin-right: 8px; 158 | } 159 | 160 | .el-message__closeBtn{ 161 | top: 3px; 162 | right: 0; 163 | position: absolute; 164 | cursor: pointer; 165 | color: rgb(191, 203, 217); 166 | font-size: 14px; 167 | } 168 | 169 | .el-message__closeBtn:hover{ 170 | color: rgb(151, 168, 190); 171 | } 172 | 173 | .el-message-fade-enter, .el-message-fade-leave-active { 174 | opacity: 0; 175 | transform: translate(-50%, -100%); 176 | } 177 | :root{ 178 | /* Transition 179 | -------------------------- */ 180 | /* Colors 181 | -------------------------- */ 182 | /* Link 183 | -------------------------- */ 184 | /* Border 185 | -------------------------- */ 186 | /* Box-shadow 187 | -------------------------- */ 188 | /* Fill 189 | -------------------------- */ 190 | /* Font 191 | -------------------------- */ 192 | /* Size 193 | -------------------------- */ 194 | /* z-index 195 | -------------------------- */ 196 | /* Disable base 197 | -------------------------- */ 198 | /* Icon 199 | -------------------------- */ 200 | /* Checkbox 201 | -------------------------- */ 202 | /* Radio 203 | -------------------------- */ 204 | /* Select 205 | -------------------------- */ 206 | /* Alert 207 | -------------------------- */ 208 | /* Message Box 209 | -------------------------- */ 210 | /* Message 211 | -------------------------- */ 212 | /* Notification 213 | -------------------------- */ 214 | /* Input 215 | -------------------------- */ 216 | /* Cascader 217 | -------------------------- */ 218 | /* Group 219 | -------------------------- */ 220 | /* Tab 221 | -------------------------- */ 222 | /* Button 223 | -------------------------- */ 224 | /* cascader 225 | -------------------------- */ 226 | /* Switch 227 | -------------------------- */ 228 | /* Dialog 229 | -------------------------- */ 230 | /* Table 231 | -------------------------- */ 232 | /* Pagination 233 | -------------------------- */ 234 | /* Popover 235 | -------------------------- */ 236 | /* Tooltip 237 | -------------------------- */ 238 | /* Tag 239 | -------------------------- */ 240 | /* Dropdown 241 | -------------------------- */ 242 | /* Badge 243 | -------------------------- */ 244 | /* Card 245 | --------------------------*/ 246 | /* Slider 247 | --------------------------*/ 248 | /* Steps 249 | --------------------------*/ 250 | /* Menu 251 | --------------------------*/ 252 | /* Rate 253 | --------------------------*/ 254 | /* DatePicker 255 | --------------------------*/ 256 | /* Loading 257 | --------------------------*/ 258 | /* Scrollbar 259 | --------------------------*/ 260 | /* Carousel 261 | --------------------------*/ 262 | /* Collapse 263 | --------------------------*/ 264 | /* Transfer 265 | --------------------------*/ 266 | } -------------------------------------------------------------------------------- /theme/notification.css: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | :root{ 3 | /* Transition 4 | -------------------------- */ 5 | /* Colors 6 | -------------------------- */ 7 | /* Link 8 | -------------------------- */ 9 | /* Border 10 | -------------------------- */ 11 | /* Box-shadow 12 | -------------------------- */ 13 | /* Fill 14 | -------------------------- */ 15 | /* Font 16 | -------------------------- */ 17 | /* Size 18 | -------------------------- */ 19 | /* z-index 20 | -------------------------- */ 21 | /* Disable base 22 | -------------------------- */ 23 | /* Icon 24 | -------------------------- */ 25 | /* Checkbox 26 | -------------------------- */ 27 | /* Radio 28 | -------------------------- */ 29 | /* Select 30 | -------------------------- */ 31 | /* Alert 32 | -------------------------- */ 33 | /* Message Box 34 | -------------------------- */ 35 | /* Message 36 | -------------------------- */ 37 | /* Notification 38 | -------------------------- */ 39 | /* Input 40 | -------------------------- */ 41 | /* Cascader 42 | -------------------------- */ 43 | /* Group 44 | -------------------------- */ 45 | /* Tab 46 | -------------------------- */ 47 | /* Button 48 | -------------------------- */ 49 | /* cascader 50 | -------------------------- */ 51 | /* Switch 52 | -------------------------- */ 53 | /* Dialog 54 | -------------------------- */ 55 | /* Table 56 | -------------------------- */ 57 | /* Pagination 58 | -------------------------- */ 59 | /* Popover 60 | -------------------------- */ 61 | /* Tooltip 62 | -------------------------- */ 63 | /* Tag 64 | -------------------------- */ 65 | /* Dropdown 66 | -------------------------- */ 67 | /* Badge 68 | -------------------------- */ 69 | /* Card 70 | --------------------------*/ 71 | /* Slider 72 | --------------------------*/ 73 | /* Steps 74 | --------------------------*/ 75 | /* Menu 76 | --------------------------*/ 77 | /* Rate 78 | --------------------------*/ 79 | /* DatePicker 80 | --------------------------*/ 81 | /* Loading 82 | --------------------------*/ 83 | /* Scrollbar 84 | --------------------------*/ 85 | /* Carousel 86 | --------------------------*/ 87 | /* Collapse 88 | --------------------------*/ 89 | /* Transfer 90 | --------------------------*/ 91 | } 92 | 93 | .el-notification{ 94 | width: 330px; 95 | padding: 20px; 96 | box-sizing: border-box; 97 | border-radius: 2px; 98 | position: fixed; 99 | right: 16px; 100 | background-color: #fff; 101 | box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04); 102 | transition: opacity 0.3s, transform .3s, right .3s, top 0.4s; 103 | overflow: hidden; 104 | } 105 | 106 | .el-notification .el-icon-circle-check{ 107 | color: #13ce66; 108 | } 109 | 110 | .el-notification .el-icon-circle-cross{ 111 | color: #ff4949; 112 | } 113 | 114 | .el-notification .el-icon-information{ 115 | color: #50bfff; 116 | } 117 | 118 | .el-notification .el-icon-warning{ 119 | color: #f7ba2a; 120 | } 121 | 122 | .el-notification__group{ 123 | margin-left: 0; 124 | } 125 | 126 | .el-notification__group.is-with-icon{ 127 | margin-left: 55px; 128 | } 129 | 130 | .el-notification__title{ 131 | font-weight: 400; 132 | font-size: 16px; 133 | color: rgb(31, 45, 61); 134 | margin: 0; 135 | } 136 | 137 | .el-notification__content{ 138 | font-size: 14px; 139 | line-height: 21px; 140 | margin: 10px 0 0 0; 141 | color: rgb(131, 145, 165); 142 | text-align: justify; 143 | } 144 | 145 | .el-notification__icon{ 146 | width: 40px; 147 | height: 40px; 148 | font-size: 40px; 149 | float: left; 150 | position: relative; 151 | top: 3px; 152 | } 153 | 154 | .el-notification__closeBtn{ 155 | top: 20px; 156 | right: 20px; 157 | position: absolute; 158 | cursor: pointer; 159 | color: rgb(191, 203, 217); 160 | font-size: 14px; 161 | } 162 | 163 | .el-notification__closeBtn:hover{ 164 | color: rgb(151, 168, 190); 165 | } 166 | 167 | .el-notification-fade-enter { 168 | transform: translateX(100%); 169 | right: 0; 170 | } 171 | 172 | .el-notification-fade-leave-active { 173 | opacity: 0; 174 | } 175 | :root{ 176 | /* Transition 177 | -------------------------- */ 178 | /* Colors 179 | -------------------------- */ 180 | /* Link 181 | -------------------------- */ 182 | /* Border 183 | -------------------------- */ 184 | /* Box-shadow 185 | -------------------------- */ 186 | /* Fill 187 | -------------------------- */ 188 | /* Font 189 | -------------------------- */ 190 | /* Size 191 | -------------------------- */ 192 | /* z-index 193 | -------------------------- */ 194 | /* Disable base 195 | -------------------------- */ 196 | /* Icon 197 | -------------------------- */ 198 | /* Checkbox 199 | -------------------------- */ 200 | /* Radio 201 | -------------------------- */ 202 | /* Select 203 | -------------------------- */ 204 | /* Alert 205 | -------------------------- */ 206 | /* Message Box 207 | -------------------------- */ 208 | /* Message 209 | -------------------------- */ 210 | /* Notification 211 | -------------------------- */ 212 | /* Input 213 | -------------------------- */ 214 | /* Cascader 215 | -------------------------- */ 216 | /* Group 217 | -------------------------- */ 218 | /* Tab 219 | -------------------------- */ 220 | /* Button 221 | -------------------------- */ 222 | /* cascader 223 | -------------------------- */ 224 | /* Switch 225 | -------------------------- */ 226 | /* Dialog 227 | -------------------------- */ 228 | /* Table 229 | -------------------------- */ 230 | /* Pagination 231 | -------------------------- */ 232 | /* Popover 233 | -------------------------- */ 234 | /* Tooltip 235 | -------------------------- */ 236 | /* Tag 237 | -------------------------- */ 238 | /* Dropdown 239 | -------------------------- */ 240 | /* Badge 241 | -------------------------- */ 242 | /* Card 243 | --------------------------*/ 244 | /* Slider 245 | --------------------------*/ 246 | /* Steps 247 | --------------------------*/ 248 | /* Menu 249 | --------------------------*/ 250 | /* Rate 251 | --------------------------*/ 252 | /* DatePicker 253 | --------------------------*/ 254 | /* Loading 255 | --------------------------*/ 256 | /* Scrollbar 257 | --------------------------*/ 258 | /* Carousel 259 | --------------------------*/ 260 | /* Collapse 261 | --------------------------*/ 262 | /* Transfer 263 | --------------------------*/ 264 | } -------------------------------------------------------------------------------- /theme/option-group.css: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | :root{ 3 | /* Transition 4 | -------------------------- */ 5 | /* Colors 6 | -------------------------- */ 7 | /* Link 8 | -------------------------- */ 9 | /* Border 10 | -------------------------- */ 11 | /* Box-shadow 12 | -------------------------- */ 13 | /* Fill 14 | -------------------------- */ 15 | /* Font 16 | -------------------------- */ 17 | /* Size 18 | -------------------------- */ 19 | /* z-index 20 | -------------------------- */ 21 | /* Disable base 22 | -------------------------- */ 23 | /* Icon 24 | -------------------------- */ 25 | /* Checkbox 26 | -------------------------- */ 27 | /* Radio 28 | -------------------------- */ 29 | /* Select 30 | -------------------------- */ 31 | /* Alert 32 | -------------------------- */ 33 | /* Message Box 34 | -------------------------- */ 35 | /* Message 36 | -------------------------- */ 37 | /* Notification 38 | -------------------------- */ 39 | /* Input 40 | -------------------------- */ 41 | /* Cascader 42 | -------------------------- */ 43 | /* Group 44 | -------------------------- */ 45 | /* Tab 46 | -------------------------- */ 47 | /* Button 48 | -------------------------- */ 49 | /* cascader 50 | -------------------------- */ 51 | /* Switch 52 | -------------------------- */ 53 | /* Dialog 54 | -------------------------- */ 55 | /* Table 56 | -------------------------- */ 57 | /* Pagination 58 | -------------------------- */ 59 | /* Popover 60 | -------------------------- */ 61 | /* Tooltip 62 | -------------------------- */ 63 | /* Tag 64 | -------------------------- */ 65 | /* Dropdown 66 | -------------------------- */ 67 | /* Badge 68 | -------------------------- */ 69 | /* Card 70 | --------------------------*/ 71 | /* Slider 72 | --------------------------*/ 73 | /* Steps 74 | --------------------------*/ 75 | /* Menu 76 | --------------------------*/ 77 | /* Rate 78 | --------------------------*/ 79 | /* DatePicker 80 | --------------------------*/ 81 | /* Loading 82 | --------------------------*/ 83 | /* Scrollbar 84 | --------------------------*/ 85 | /* Carousel 86 | --------------------------*/ 87 | /* Collapse 88 | --------------------------*/ 89 | /* Transfer 90 | --------------------------*/ 91 | } 92 | 93 | .el-select-group{ 94 | margin: 0; 95 | padding: 0 96 | } 97 | 98 | .el-select-group .el-select-dropdown__item{ 99 | padding-left: 20px 100 | } 101 | 102 | .el-select-group__wrap{ 103 | list-style: none; 104 | margin: 0; 105 | padding: 0 106 | } 107 | 108 | .el-select-group__title{ 109 | padding-left: 10px; 110 | font-size: 12px; 111 | color: #999; 112 | height: 30px; 113 | line-height: 30px 114 | } 115 | :root{ 116 | /* Transition 117 | -------------------------- */ 118 | /* Colors 119 | -------------------------- */ 120 | /* Link 121 | -------------------------- */ 122 | /* Border 123 | -------------------------- */ 124 | /* Box-shadow 125 | -------------------------- */ 126 | /* Fill 127 | -------------------------- */ 128 | /* Font 129 | -------------------------- */ 130 | /* Size 131 | -------------------------- */ 132 | /* z-index 133 | -------------------------- */ 134 | /* Disable base 135 | -------------------------- */ 136 | /* Icon 137 | -------------------------- */ 138 | /* Checkbox 139 | -------------------------- */ 140 | /* Radio 141 | -------------------------- */ 142 | /* Select 143 | -------------------------- */ 144 | /* Alert 145 | -------------------------- */ 146 | /* Message Box 147 | -------------------------- */ 148 | /* Message 149 | -------------------------- */ 150 | /* Notification 151 | -------------------------- */ 152 | /* Input 153 | -------------------------- */ 154 | /* Cascader 155 | -------------------------- */ 156 | /* Group 157 | -------------------------- */ 158 | /* Tab 159 | -------------------------- */ 160 | /* Button 161 | -------------------------- */ 162 | /* cascader 163 | -------------------------- */ 164 | /* Switch 165 | -------------------------- */ 166 | /* Dialog 167 | -------------------------- */ 168 | /* Table 169 | -------------------------- */ 170 | /* Pagination 171 | -------------------------- */ 172 | /* Popover 173 | -------------------------- */ 174 | /* Tooltip 175 | -------------------------- */ 176 | /* Tag 177 | -------------------------- */ 178 | /* Dropdown 179 | -------------------------- */ 180 | /* Badge 181 | -------------------------- */ 182 | /* Card 183 | --------------------------*/ 184 | /* Slider 185 | --------------------------*/ 186 | /* Steps 187 | --------------------------*/ 188 | /* Menu 189 | --------------------------*/ 190 | /* Rate 191 | --------------------------*/ 192 | /* DatePicker 193 | --------------------------*/ 194 | /* Loading 195 | --------------------------*/ 196 | /* Scrollbar 197 | --------------------------*/ 198 | /* Carousel 199 | --------------------------*/ 200 | /* Collapse 201 | --------------------------*/ 202 | /* Transfer 203 | --------------------------*/ 204 | } -------------------------------------------------------------------------------- /theme/option.css: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | :root{ 3 | /* Transition 4 | -------------------------- */ 5 | /* Colors 6 | -------------------------- */ 7 | /* Link 8 | -------------------------- */ 9 | /* Border 10 | -------------------------- */ 11 | /* Box-shadow 12 | -------------------------- */ 13 | /* Fill 14 | -------------------------- */ 15 | /* Font 16 | -------------------------- */ 17 | /* Size 18 | -------------------------- */ 19 | /* z-index 20 | -------------------------- */ 21 | /* Disable base 22 | -------------------------- */ 23 | /* Icon 24 | -------------------------- */ 25 | /* Checkbox 26 | -------------------------- */ 27 | /* Radio 28 | -------------------------- */ 29 | /* Select 30 | -------------------------- */ 31 | /* Alert 32 | -------------------------- */ 33 | /* Message Box 34 | -------------------------- */ 35 | /* Message 36 | -------------------------- */ 37 | /* Notification 38 | -------------------------- */ 39 | /* Input 40 | -------------------------- */ 41 | /* Cascader 42 | -------------------------- */ 43 | /* Group 44 | -------------------------- */ 45 | /* Tab 46 | -------------------------- */ 47 | /* Button 48 | -------------------------- */ 49 | /* cascader 50 | -------------------------- */ 51 | /* Switch 52 | -------------------------- */ 53 | /* Dialog 54 | -------------------------- */ 55 | /* Table 56 | -------------------------- */ 57 | /* Pagination 58 | -------------------------- */ 59 | /* Popover 60 | -------------------------- */ 61 | /* Tooltip 62 | -------------------------- */ 63 | /* Tag 64 | -------------------------- */ 65 | /* Dropdown 66 | -------------------------- */ 67 | /* Badge 68 | -------------------------- */ 69 | /* Card 70 | --------------------------*/ 71 | /* Slider 72 | --------------------------*/ 73 | /* Steps 74 | --------------------------*/ 75 | /* Menu 76 | --------------------------*/ 77 | /* Rate 78 | --------------------------*/ 79 | /* DatePicker 80 | --------------------------*/ 81 | /* Loading 82 | --------------------------*/ 83 | /* Scrollbar 84 | --------------------------*/ 85 | /* Carousel 86 | --------------------------*/ 87 | /* Collapse 88 | --------------------------*/ 89 | /* Transfer 90 | --------------------------*/ 91 | } 92 | 93 | .el-select-dropdown{} 94 | 95 | .el-select-dropdown__item{ 96 | font-size: 14px; 97 | padding: 8px 10px; 98 | position: relative; 99 | white-space: nowrap; 100 | overflow: hidden; 101 | text-overflow: ellipsis; 102 | color: rgb(72, 87, 106); 103 | height: 36px; 104 | line-height: 1.5; 105 | box-sizing: border-box; 106 | cursor: pointer 107 | } 108 | 109 | .el-select-dropdown__item.hover, .el-select-dropdown__item:hover{ 110 | background-color: rgb(228, 232, 241) 111 | } 112 | 113 | .el-select-dropdown__item.selected{ 114 | color: #fff; 115 | background-color: #BCE2FF 116 | } 117 | 118 | .el-select-dropdown__item.selected.hover{ 119 | background-color: rgb(165, 199, 224) 120 | } 121 | 122 | .el-select-dropdown__item span{ 123 | line-height: 1.5 !important 124 | } 125 | 126 | .el-select-dropdown__item.is-disabled{ 127 | color: rgb(191, 203, 217); 128 | cursor: not-allowed 129 | } 130 | 131 | .el-select-dropdown__item.is-disabled:hover{ 132 | background-color: #fff 133 | } 134 | :root{ 135 | /* Transition 136 | -------------------------- */ 137 | /* Colors 138 | -------------------------- */ 139 | /* Link 140 | -------------------------- */ 141 | /* Border 142 | -------------------------- */ 143 | /* Box-shadow 144 | -------------------------- */ 145 | /* Fill 146 | -------------------------- */ 147 | /* Font 148 | -------------------------- */ 149 | /* Size 150 | -------------------------- */ 151 | /* z-index 152 | -------------------------- */ 153 | /* Disable base 154 | -------------------------- */ 155 | /* Icon 156 | -------------------------- */ 157 | /* Checkbox 158 | -------------------------- */ 159 | /* Radio 160 | -------------------------- */ 161 | /* Select 162 | -------------------------- */ 163 | /* Alert 164 | -------------------------- */ 165 | /* Message Box 166 | -------------------------- */ 167 | /* Message 168 | -------------------------- */ 169 | /* Notification 170 | -------------------------- */ 171 | /* Input 172 | -------------------------- */ 173 | /* Cascader 174 | -------------------------- */ 175 | /* Group 176 | -------------------------- */ 177 | /* Tab 178 | -------------------------- */ 179 | /* Button 180 | -------------------------- */ 181 | /* cascader 182 | -------------------------- */ 183 | /* Switch 184 | -------------------------- */ 185 | /* Dialog 186 | -------------------------- */ 187 | /* Table 188 | -------------------------- */ 189 | /* Pagination 190 | -------------------------- */ 191 | /* Popover 192 | -------------------------- */ 193 | /* Tooltip 194 | -------------------------- */ 195 | /* Tag 196 | -------------------------- */ 197 | /* Dropdown 198 | -------------------------- */ 199 | /* Badge 200 | -------------------------- */ 201 | /* Card 202 | --------------------------*/ 203 | /* Slider 204 | --------------------------*/ 205 | /* Steps 206 | --------------------------*/ 207 | /* Menu 208 | --------------------------*/ 209 | /* Rate 210 | --------------------------*/ 211 | /* DatePicker 212 | --------------------------*/ 213 | /* Loading 214 | --------------------------*/ 215 | /* Scrollbar 216 | --------------------------*/ 217 | /* Carousel 218 | --------------------------*/ 219 | /* Collapse 220 | --------------------------*/ 221 | /* Transfer 222 | --------------------------*/ 223 | } -------------------------------------------------------------------------------- /theme/radio-group.css: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | :root{ 3 | /* Transition 4 | -------------------------- */ 5 | /* Colors 6 | -------------------------- */ 7 | /* Link 8 | -------------------------- */ 9 | /* Border 10 | -------------------------- */ 11 | /* Box-shadow 12 | -------------------------- */ 13 | /* Fill 14 | -------------------------- */ 15 | /* Font 16 | -------------------------- */ 17 | /* Size 18 | -------------------------- */ 19 | /* z-index 20 | -------------------------- */ 21 | /* Disable base 22 | -------------------------- */ 23 | /* Icon 24 | -------------------------- */ 25 | /* Checkbox 26 | -------------------------- */ 27 | /* Radio 28 | -------------------------- */ 29 | /* Select 30 | -------------------------- */ 31 | /* Alert 32 | -------------------------- */ 33 | /* Message Box 34 | -------------------------- */ 35 | /* Message 36 | -------------------------- */ 37 | /* Notification 38 | -------------------------- */ 39 | /* Input 40 | -------------------------- */ 41 | /* Cascader 42 | -------------------------- */ 43 | /* Group 44 | -------------------------- */ 45 | /* Tab 46 | -------------------------- */ 47 | /* Button 48 | -------------------------- */ 49 | /* cascader 50 | -------------------------- */ 51 | /* Switch 52 | -------------------------- */ 53 | /* Dialog 54 | -------------------------- */ 55 | /* Table 56 | -------------------------- */ 57 | /* Pagination 58 | -------------------------- */ 59 | /* Popover 60 | -------------------------- */ 61 | /* Tooltip 62 | -------------------------- */ 63 | /* Tag 64 | -------------------------- */ 65 | /* Dropdown 66 | -------------------------- */ 67 | /* Badge 68 | -------------------------- */ 69 | /* Card 70 | --------------------------*/ 71 | /* Slider 72 | --------------------------*/ 73 | /* Steps 74 | --------------------------*/ 75 | /* Menu 76 | --------------------------*/ 77 | /* Rate 78 | --------------------------*/ 79 | /* DatePicker 80 | --------------------------*/ 81 | /* Loading 82 | --------------------------*/ 83 | /* Scrollbar 84 | --------------------------*/ 85 | /* Carousel 86 | --------------------------*/ 87 | /* Collapse 88 | --------------------------*/ 89 | /* Transfer 90 | --------------------------*/ 91 | } 92 | 93 | .el-radio-group{ 94 | display: inline-block; 95 | font-size: 0; 96 | line-height: 1; 97 | vertical-align: middle 98 | } 99 | 100 | .el-radio-group .el-radio{ 101 | font-size: 14px 102 | } 103 | :root{ 104 | /* Transition 105 | -------------------------- */ 106 | /* Colors 107 | -------------------------- */ 108 | /* Link 109 | -------------------------- */ 110 | /* Border 111 | -------------------------- */ 112 | /* Box-shadow 113 | -------------------------- */ 114 | /* Fill 115 | -------------------------- */ 116 | /* Font 117 | -------------------------- */ 118 | /* Size 119 | -------------------------- */ 120 | /* z-index 121 | -------------------------- */ 122 | /* Disable base 123 | -------------------------- */ 124 | /* Icon 125 | -------------------------- */ 126 | /* Checkbox 127 | -------------------------- */ 128 | /* Radio 129 | -------------------------- */ 130 | /* Select 131 | -------------------------- */ 132 | /* Alert 133 | -------------------------- */ 134 | /* Message Box 135 | -------------------------- */ 136 | /* Message 137 | -------------------------- */ 138 | /* Notification 139 | -------------------------- */ 140 | /* Input 141 | -------------------------- */ 142 | /* Cascader 143 | -------------------------- */ 144 | /* Group 145 | -------------------------- */ 146 | /* Tab 147 | -------------------------- */ 148 | /* Button 149 | -------------------------- */ 150 | /* cascader 151 | -------------------------- */ 152 | /* Switch 153 | -------------------------- */ 154 | /* Dialog 155 | -------------------------- */ 156 | /* Table 157 | -------------------------- */ 158 | /* Pagination 159 | -------------------------- */ 160 | /* Popover 161 | -------------------------- */ 162 | /* Tooltip 163 | -------------------------- */ 164 | /* Tag 165 | -------------------------- */ 166 | /* Dropdown 167 | -------------------------- */ 168 | /* Badge 169 | -------------------------- */ 170 | /* Card 171 | --------------------------*/ 172 | /* Slider 173 | --------------------------*/ 174 | /* Steps 175 | --------------------------*/ 176 | /* Menu 177 | --------------------------*/ 178 | /* Rate 179 | --------------------------*/ 180 | /* DatePicker 181 | --------------------------*/ 182 | /* Loading 183 | --------------------------*/ 184 | /* Scrollbar 185 | --------------------------*/ 186 | /* Carousel 187 | --------------------------*/ 188 | /* Collapse 189 | --------------------------*/ 190 | /* Transfer 191 | --------------------------*/ 192 | } -------------------------------------------------------------------------------- /theme/rate.css: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | :root{ 3 | /* Transition 4 | -------------------------- */ 5 | /* Colors 6 | -------------------------- */ 7 | /* Link 8 | -------------------------- */ 9 | /* Border 10 | -------------------------- */ 11 | /* Box-shadow 12 | -------------------------- */ 13 | /* Fill 14 | -------------------------- */ 15 | /* Font 16 | -------------------------- */ 17 | /* Size 18 | -------------------------- */ 19 | /* z-index 20 | -------------------------- */ 21 | /* Disable base 22 | -------------------------- */ 23 | /* Icon 24 | -------------------------- */ 25 | /* Checkbox 26 | -------------------------- */ 27 | /* Radio 28 | -------------------------- */ 29 | /* Select 30 | -------------------------- */ 31 | /* Alert 32 | -------------------------- */ 33 | /* Message Box 34 | -------------------------- */ 35 | /* Message 36 | -------------------------- */ 37 | /* Notification 38 | -------------------------- */ 39 | /* Input 40 | -------------------------- */ 41 | /* Cascader 42 | -------------------------- */ 43 | /* Group 44 | -------------------------- */ 45 | /* Tab 46 | -------------------------- */ 47 | /* Button 48 | -------------------------- */ 49 | /* cascader 50 | -------------------------- */ 51 | /* Switch 52 | -------------------------- */ 53 | /* Dialog 54 | -------------------------- */ 55 | /* Table 56 | -------------------------- */ 57 | /* Pagination 58 | -------------------------- */ 59 | /* Popover 60 | -------------------------- */ 61 | /* Tooltip 62 | -------------------------- */ 63 | /* Tag 64 | -------------------------- */ 65 | /* Dropdown 66 | -------------------------- */ 67 | /* Badge 68 | -------------------------- */ 69 | /* Card 70 | --------------------------*/ 71 | /* Slider 72 | --------------------------*/ 73 | /* Steps 74 | --------------------------*/ 75 | /* Menu 76 | --------------------------*/ 77 | /* Rate 78 | --------------------------*/ 79 | /* DatePicker 80 | --------------------------*/ 81 | /* Loading 82 | --------------------------*/ 83 | /* Scrollbar 84 | --------------------------*/ 85 | /* Carousel 86 | --------------------------*/ 87 | /* Collapse 88 | --------------------------*/ 89 | /* Transfer 90 | --------------------------*/ 91 | } 92 | 93 | .el-rate{ 94 | height: 20px; 95 | line-height: 1; 96 | } 97 | 98 | .el-rate__item{ 99 | display: inline-block; 100 | position: relative; 101 | font-size: 0; 102 | vertical-align: middle; 103 | } 104 | 105 | .el-rate__icon{ 106 | position: relative; 107 | display: inline-block; 108 | font-size: 18px; 109 | margin-right: 6px; 110 | color: rgb(191, 203, 217); 111 | transition: .3s; 112 | } 113 | 114 | .el-rate__icon .path2 { 115 | position: absolute; 116 | left: 0; 117 | top: 0; 118 | } 119 | 120 | .el-rate__icon.hover{ 121 | transform: scale(1.15); 122 | } 123 | 124 | .el-rate__decimal{ 125 | position: absolute; 126 | top: 0; 127 | left: 0; 128 | display: inline-block; 129 | overflow: hidden; 130 | } 131 | 132 | .el-rate__text{ 133 | font-size: 14px; 134 | vertical-align: middle; 135 | } 136 | :root{ 137 | /* Transition 138 | -------------------------- */ 139 | /* Colors 140 | -------------------------- */ 141 | /* Link 142 | -------------------------- */ 143 | /* Border 144 | -------------------------- */ 145 | /* Box-shadow 146 | -------------------------- */ 147 | /* Fill 148 | -------------------------- */ 149 | /* Font 150 | -------------------------- */ 151 | /* Size 152 | -------------------------- */ 153 | /* z-index 154 | -------------------------- */ 155 | /* Disable base 156 | -------------------------- */ 157 | /* Icon 158 | -------------------------- */ 159 | /* Checkbox 160 | -------------------------- */ 161 | /* Radio 162 | -------------------------- */ 163 | /* Select 164 | -------------------------- */ 165 | /* Alert 166 | -------------------------- */ 167 | /* Message Box 168 | -------------------------- */ 169 | /* Message 170 | -------------------------- */ 171 | /* Notification 172 | -------------------------- */ 173 | /* Input 174 | -------------------------- */ 175 | /* Cascader 176 | -------------------------- */ 177 | /* Group 178 | -------------------------- */ 179 | /* Tab 180 | -------------------------- */ 181 | /* Button 182 | -------------------------- */ 183 | /* cascader 184 | -------------------------- */ 185 | /* Switch 186 | -------------------------- */ 187 | /* Dialog 188 | -------------------------- */ 189 | /* Table 190 | -------------------------- */ 191 | /* Pagination 192 | -------------------------- */ 193 | /* Popover 194 | -------------------------- */ 195 | /* Tooltip 196 | -------------------------- */ 197 | /* Tag 198 | -------------------------- */ 199 | /* Dropdown 200 | -------------------------- */ 201 | /* Badge 202 | -------------------------- */ 203 | /* Card 204 | --------------------------*/ 205 | /* Slider 206 | --------------------------*/ 207 | /* Steps 208 | --------------------------*/ 209 | /* Menu 210 | --------------------------*/ 211 | /* Rate 212 | --------------------------*/ 213 | /* DatePicker 214 | --------------------------*/ 215 | /* Loading 216 | --------------------------*/ 217 | /* Scrollbar 218 | --------------------------*/ 219 | /* Carousel 220 | --------------------------*/ 221 | /* Collapse 222 | --------------------------*/ 223 | /* Transfer 224 | --------------------------*/ 225 | } -------------------------------------------------------------------------------- /theme/row.css: -------------------------------------------------------------------------------- 1 | .el-row:before, .el-row:after{ 2 | display: table; 3 | content: "" 4 | } 5 | .el-row:after{ 6 | clear: both 7 | }@charset "UTF-8"; 8 | :root{ 9 | /* Transition 10 | -------------------------- */ 11 | /* Colors 12 | -------------------------- */ 13 | /* Link 14 | -------------------------- */ 15 | /* Border 16 | -------------------------- */ 17 | /* Box-shadow 18 | -------------------------- */ 19 | /* Fill 20 | -------------------------- */ 21 | /* Font 22 | -------------------------- */ 23 | /* Size 24 | -------------------------- */ 25 | /* z-index 26 | -------------------------- */ 27 | /* Disable base 28 | -------------------------- */ 29 | /* Icon 30 | -------------------------- */ 31 | /* Checkbox 32 | -------------------------- */ 33 | /* Radio 34 | -------------------------- */ 35 | /* Select 36 | -------------------------- */ 37 | /* Alert 38 | -------------------------- */ 39 | /* Message Box 40 | -------------------------- */ 41 | /* Message 42 | -------------------------- */ 43 | /* Notification 44 | -------------------------- */ 45 | /* Input 46 | -------------------------- */ 47 | /* Cascader 48 | -------------------------- */ 49 | /* Group 50 | -------------------------- */ 51 | /* Tab 52 | -------------------------- */ 53 | /* Button 54 | -------------------------- */ 55 | /* cascader 56 | -------------------------- */ 57 | /* Switch 58 | -------------------------- */ 59 | /* Dialog 60 | -------------------------- */ 61 | /* Table 62 | -------------------------- */ 63 | /* Pagination 64 | -------------------------- */ 65 | /* Popover 66 | -------------------------- */ 67 | /* Tooltip 68 | -------------------------- */ 69 | /* Tag 70 | -------------------------- */ 71 | /* Dropdown 72 | -------------------------- */ 73 | /* Badge 74 | -------------------------- */ 75 | /* Card 76 | --------------------------*/ 77 | /* Slider 78 | --------------------------*/ 79 | /* Steps 80 | --------------------------*/ 81 | /* Menu 82 | --------------------------*/ 83 | /* Rate 84 | --------------------------*/ 85 | /* DatePicker 86 | --------------------------*/ 87 | /* Loading 88 | --------------------------*/ 89 | /* Scrollbar 90 | --------------------------*/ 91 | /* Carousel 92 | --------------------------*/ 93 | /* Collapse 94 | --------------------------*/ 95 | /* Transfer 96 | --------------------------*/ 97 | } 98 | 99 | .el-row{ 100 | position: relative; 101 | box-sizing: border-box 102 | } 103 | 104 | .el-row--flex{ 105 | display: -ms-flexbox; 106 | display: flex 107 | } 108 | 109 | .el-row--flex:before, .el-row--flex:after{ 110 | display: none 111 | } 112 | 113 | .el-row--flex.is-align-bottom{ 114 | -ms-flex-align: end; 115 | align-items: flex-end 116 | } 117 | 118 | .el-row--flex.is-align-middle{ 119 | -ms-flex-align: center; 120 | align-items: center 121 | } 122 | 123 | .el-row--flex.is-justify-space-around{ 124 | -ms-flex-pack: distribute; 125 | justify-content: space-around 126 | } 127 | 128 | .el-row--flex.is-justify-space-between{ 129 | -ms-flex-pack: justify; 130 | justify-content: space-between 131 | } 132 | 133 | .el-row--flex.is-justify-end{ 134 | -ms-flex-pack: end; 135 | justify-content: flex-end 136 | } 137 | 138 | .el-row--flex.is-justify-center{ 139 | -ms-flex-pack: center; 140 | justify-content: center 141 | } 142 | :root{ 143 | /* Transition 144 | -------------------------- */ 145 | /* Colors 146 | -------------------------- */ 147 | /* Link 148 | -------------------------- */ 149 | /* Border 150 | -------------------------- */ 151 | /* Box-shadow 152 | -------------------------- */ 153 | /* Fill 154 | -------------------------- */ 155 | /* Font 156 | -------------------------- */ 157 | /* Size 158 | -------------------------- */ 159 | /* z-index 160 | -------------------------- */ 161 | /* Disable base 162 | -------------------------- */ 163 | /* Icon 164 | -------------------------- */ 165 | /* Checkbox 166 | -------------------------- */ 167 | /* Radio 168 | -------------------------- */ 169 | /* Select 170 | -------------------------- */ 171 | /* Alert 172 | -------------------------- */ 173 | /* Message Box 174 | -------------------------- */ 175 | /* Message 176 | -------------------------- */ 177 | /* Notification 178 | -------------------------- */ 179 | /* Input 180 | -------------------------- */ 181 | /* Cascader 182 | -------------------------- */ 183 | /* Group 184 | -------------------------- */ 185 | /* Tab 186 | -------------------------- */ 187 | /* Button 188 | -------------------------- */ 189 | /* cascader 190 | -------------------------- */ 191 | /* Switch 192 | -------------------------- */ 193 | /* Dialog 194 | -------------------------- */ 195 | /* Table 196 | -------------------------- */ 197 | /* Pagination 198 | -------------------------- */ 199 | /* Popover 200 | -------------------------- */ 201 | /* Tooltip 202 | -------------------------- */ 203 | /* Tag 204 | -------------------------- */ 205 | /* Dropdown 206 | -------------------------- */ 207 | /* Badge 208 | -------------------------- */ 209 | /* Card 210 | --------------------------*/ 211 | /* Slider 212 | --------------------------*/ 213 | /* Steps 214 | --------------------------*/ 215 | /* Menu 216 | --------------------------*/ 217 | /* Rate 218 | --------------------------*/ 219 | /* DatePicker 220 | --------------------------*/ 221 | /* Loading 222 | --------------------------*/ 223 | /* Scrollbar 224 | --------------------------*/ 225 | /* Carousel 226 | --------------------------*/ 227 | /* Collapse 228 | --------------------------*/ 229 | /* Transfer 230 | --------------------------*/ 231 | } -------------------------------------------------------------------------------- /theme/scrollbar.css: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | :root{ 3 | /* Transition 4 | -------------------------- */ 5 | /* Colors 6 | -------------------------- */ 7 | /* Link 8 | -------------------------- */ 9 | /* Border 10 | -------------------------- */ 11 | /* Box-shadow 12 | -------------------------- */ 13 | /* Fill 14 | -------------------------- */ 15 | /* Font 16 | -------------------------- */ 17 | /* Size 18 | -------------------------- */ 19 | /* z-index 20 | -------------------------- */ 21 | /* Disable base 22 | -------------------------- */ 23 | /* Icon 24 | -------------------------- */ 25 | /* Checkbox 26 | -------------------------- */ 27 | /* Radio 28 | -------------------------- */ 29 | /* Select 30 | -------------------------- */ 31 | /* Alert 32 | -------------------------- */ 33 | /* Message Box 34 | -------------------------- */ 35 | /* Message 36 | -------------------------- */ 37 | /* Notification 38 | -------------------------- */ 39 | /* Input 40 | -------------------------- */ 41 | /* Cascader 42 | -------------------------- */ 43 | /* Group 44 | -------------------------- */ 45 | /* Tab 46 | -------------------------- */ 47 | /* Button 48 | -------------------------- */ 49 | /* cascader 50 | -------------------------- */ 51 | /* Switch 52 | -------------------------- */ 53 | /* Dialog 54 | -------------------------- */ 55 | /* Table 56 | -------------------------- */ 57 | /* Pagination 58 | -------------------------- */ 59 | /* Popover 60 | -------------------------- */ 61 | /* Tooltip 62 | -------------------------- */ 63 | /* Tag 64 | -------------------------- */ 65 | /* Dropdown 66 | -------------------------- */ 67 | /* Badge 68 | -------------------------- */ 69 | /* Card 70 | --------------------------*/ 71 | /* Slider 72 | --------------------------*/ 73 | /* Steps 74 | --------------------------*/ 75 | /* Menu 76 | --------------------------*/ 77 | /* Rate 78 | --------------------------*/ 79 | /* DatePicker 80 | --------------------------*/ 81 | /* Loading 82 | --------------------------*/ 83 | /* Scrollbar 84 | --------------------------*/ 85 | /* Carousel 86 | --------------------------*/ 87 | /* Collapse 88 | --------------------------*/ 89 | /* Transfer 90 | --------------------------*/ 91 | } 92 | 93 | .el-scrollbar{ 94 | overflow: hidden; 95 | position: relative; 96 | } 97 | 98 | .el-scrollbar:hover .el-scrollbar__bar, .el-scrollbar:active .el-scrollbar__bar, .el-scrollbar:focus .el-scrollbar__bar{ 99 | opacity: 1; 100 | transition: opacity 340ms ease-out; 101 | } 102 | 103 | .el-scrollbar__wrap{ 104 | overflow: scroll; 105 | } 106 | 107 | .el-scrollbar__wrap--hidden-default{} 108 | 109 | .el-scrollbar__wrap--hidden-default::-webkit-scrollbar{ 110 | width: 0; 111 | height: 0; 112 | } 113 | 114 | .el-scrollbar__thumb{ 115 | position: relative; 116 | display: block; 117 | width: 0; 118 | height: 0; 119 | cursor: pointer; 120 | border-radius: inherit; 121 | background-color: rgba(151, 168, 190, 0.3); 122 | transition: .3s background-color; 123 | } 124 | 125 | .el-scrollbar__thumb:hover{ 126 | background-color: rgba(151, 168, 190, 0.5); 127 | } 128 | 129 | .el-scrollbar__bar{ 130 | position: absolute; 131 | right: 2px; 132 | bottom: 2px; 133 | z-index: 1; 134 | border-radius: 4px; 135 | opacity: 0; 136 | transition: opacity 120ms ease-out; 137 | } 138 | 139 | .el-scrollbar__bar.is-horizontal{ 140 | height: 6px; 141 | left: 2px; 142 | } 143 | 144 | .el-scrollbar__bar.is-horizontal > div{ 145 | height: 100%; 146 | } 147 | 148 | .el-scrollbar__bar.is-vertical{ 149 | width: 6px; 150 | top: 2px; 151 | } 152 | 153 | .el-scrollbar__bar.is-vertical > div{ 154 | width: 100%; 155 | } 156 | :root{ 157 | /* Transition 158 | -------------------------- */ 159 | /* Colors 160 | -------------------------- */ 161 | /* Link 162 | -------------------------- */ 163 | /* Border 164 | -------------------------- */ 165 | /* Box-shadow 166 | -------------------------- */ 167 | /* Fill 168 | -------------------------- */ 169 | /* Font 170 | -------------------------- */ 171 | /* Size 172 | -------------------------- */ 173 | /* z-index 174 | -------------------------- */ 175 | /* Disable base 176 | -------------------------- */ 177 | /* Icon 178 | -------------------------- */ 179 | /* Checkbox 180 | -------------------------- */ 181 | /* Radio 182 | -------------------------- */ 183 | /* Select 184 | -------------------------- */ 185 | /* Alert 186 | -------------------------- */ 187 | /* Message Box 188 | -------------------------- */ 189 | /* Message 190 | -------------------------- */ 191 | /* Notification 192 | -------------------------- */ 193 | /* Input 194 | -------------------------- */ 195 | /* Cascader 196 | -------------------------- */ 197 | /* Group 198 | -------------------------- */ 199 | /* Tab 200 | -------------------------- */ 201 | /* Button 202 | -------------------------- */ 203 | /* cascader 204 | -------------------------- */ 205 | /* Switch 206 | -------------------------- */ 207 | /* Dialog 208 | -------------------------- */ 209 | /* Table 210 | -------------------------- */ 211 | /* Pagination 212 | -------------------------- */ 213 | /* Popover 214 | -------------------------- */ 215 | /* Tooltip 216 | -------------------------- */ 217 | /* Tag 218 | -------------------------- */ 219 | /* Dropdown 220 | -------------------------- */ 221 | /* Badge 222 | -------------------------- */ 223 | /* Card 224 | --------------------------*/ 225 | /* Slider 226 | --------------------------*/ 227 | /* Steps 228 | --------------------------*/ 229 | /* Menu 230 | --------------------------*/ 231 | /* Rate 232 | --------------------------*/ 233 | /* DatePicker 234 | --------------------------*/ 235 | /* Loading 236 | --------------------------*/ 237 | /* Scrollbar 238 | --------------------------*/ 239 | /* Carousel 240 | --------------------------*/ 241 | /* Collapse 242 | --------------------------*/ 243 | /* Transfer 244 | --------------------------*/ 245 | } -------------------------------------------------------------------------------- /theme/select-dropdown.css: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | :root{ 3 | /* Transition 4 | -------------------------- */ 5 | /* Colors 6 | -------------------------- */ 7 | /* Link 8 | -------------------------- */ 9 | /* Border 10 | -------------------------- */ 11 | /* Box-shadow 12 | -------------------------- */ 13 | /* Fill 14 | -------------------------- */ 15 | /* Font 16 | -------------------------- */ 17 | /* Size 18 | -------------------------- */ 19 | /* z-index 20 | -------------------------- */ 21 | /* Disable base 22 | -------------------------- */ 23 | /* Icon 24 | -------------------------- */ 25 | /* Checkbox 26 | -------------------------- */ 27 | /* Radio 28 | -------------------------- */ 29 | /* Select 30 | -------------------------- */ 31 | /* Alert 32 | -------------------------- */ 33 | /* Message Box 34 | -------------------------- */ 35 | /* Message 36 | -------------------------- */ 37 | /* Notification 38 | -------------------------- */ 39 | /* Input 40 | -------------------------- */ 41 | /* Cascader 42 | -------------------------- */ 43 | /* Group 44 | -------------------------- */ 45 | /* Tab 46 | -------------------------- */ 47 | /* Button 48 | -------------------------- */ 49 | /* cascader 50 | -------------------------- */ 51 | /* Switch 52 | -------------------------- */ 53 | /* Dialog 54 | -------------------------- */ 55 | /* Table 56 | -------------------------- */ 57 | /* Pagination 58 | -------------------------- */ 59 | /* Popover 60 | -------------------------- */ 61 | /* Tooltip 62 | -------------------------- */ 63 | /* Tag 64 | -------------------------- */ 65 | /* Dropdown 66 | -------------------------- */ 67 | /* Badge 68 | -------------------------- */ 69 | /* Card 70 | --------------------------*/ 71 | /* Slider 72 | --------------------------*/ 73 | /* Steps 74 | --------------------------*/ 75 | /* Menu 76 | --------------------------*/ 77 | /* Rate 78 | --------------------------*/ 79 | /* DatePicker 80 | --------------------------*/ 81 | /* Loading 82 | --------------------------*/ 83 | /* Scrollbar 84 | --------------------------*/ 85 | /* Carousel 86 | --------------------------*/ 87 | /* Collapse 88 | --------------------------*/ 89 | /* Transfer 90 | --------------------------*/ 91 | } 92 | 93 | .el-select-dropdown{ 94 | position: absolute; 95 | z-index: 1001; 96 | border: solid 1px rgb(209, 219, 229); 97 | border-radius: 2px; 98 | background-color: #fff; 99 | box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04); 100 | box-sizing: border-box; 101 | margin: 5px 0; 102 | } 103 | 104 | .el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list{ 105 | padding: 0; 106 | } 107 | 108 | .el-select-dropdown.is-multiple{} 109 | 110 | .el-select-dropdown.is-multiple .el-select-dropdown__item.selected{ 111 | color: #BCE2FF; 112 | background-color: #fff; 113 | } 114 | 115 | .el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover{ 116 | background-color: rgb(228, 232, 241); 117 | } 118 | 119 | .el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after{ 120 | position: absolute; 121 | right: 10px; 122 | font-family: 'element-icons'; 123 | content: "\E608"; 124 | font-size: 11px; 125 | -webkit-font-smoothing: antialiased; 126 | -moz-osx-font-smoothing: grayscale; 127 | } 128 | 129 | .el-select-dropdown__empty{ 130 | padding: 10px 0; 131 | margin: 0; 132 | text-align: center; 133 | color: #999; 134 | font-size: 14px; 135 | } 136 | 137 | .el-select-dropdown__wrap{ 138 | max-height: 274px; 139 | } 140 | 141 | .el-select-dropdown__list{ 142 | list-style: none; 143 | padding: 6px 0; 144 | margin: 0; 145 | box-sizing: border-box; 146 | } 147 | :root{ 148 | /* Transition 149 | -------------------------- */ 150 | /* Colors 151 | -------------------------- */ 152 | /* Link 153 | -------------------------- */ 154 | /* Border 155 | -------------------------- */ 156 | /* Box-shadow 157 | -------------------------- */ 158 | /* Fill 159 | -------------------------- */ 160 | /* Font 161 | -------------------------- */ 162 | /* Size 163 | -------------------------- */ 164 | /* z-index 165 | -------------------------- */ 166 | /* Disable base 167 | -------------------------- */ 168 | /* Icon 169 | -------------------------- */ 170 | /* Checkbox 171 | -------------------------- */ 172 | /* Radio 173 | -------------------------- */ 174 | /* Select 175 | -------------------------- */ 176 | /* Alert 177 | -------------------------- */ 178 | /* Message Box 179 | -------------------------- */ 180 | /* Message 181 | -------------------------- */ 182 | /* Notification 183 | -------------------------- */ 184 | /* Input 185 | -------------------------- */ 186 | /* Cascader 187 | -------------------------- */ 188 | /* Group 189 | -------------------------- */ 190 | /* Tab 191 | -------------------------- */ 192 | /* Button 193 | -------------------------- */ 194 | /* cascader 195 | -------------------------- */ 196 | /* Switch 197 | -------------------------- */ 198 | /* Dialog 199 | -------------------------- */ 200 | /* Table 201 | -------------------------- */ 202 | /* Pagination 203 | -------------------------- */ 204 | /* Popover 205 | -------------------------- */ 206 | /* Tooltip 207 | -------------------------- */ 208 | /* Tag 209 | -------------------------- */ 210 | /* Dropdown 211 | -------------------------- */ 212 | /* Badge 213 | -------------------------- */ 214 | /* Card 215 | --------------------------*/ 216 | /* Slider 217 | --------------------------*/ 218 | /* Steps 219 | --------------------------*/ 220 | /* Menu 221 | --------------------------*/ 222 | /* Rate 223 | --------------------------*/ 224 | /* DatePicker 225 | --------------------------*/ 226 | /* Loading 227 | --------------------------*/ 228 | /* Scrollbar 229 | --------------------------*/ 230 | /* Carousel 231 | --------------------------*/ 232 | /* Collapse 233 | --------------------------*/ 234 | /* Transfer 235 | --------------------------*/ 236 | } -------------------------------------------------------------------------------- /theme/spinner.css: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | :root{ 3 | /* Transition 4 | -------------------------- */ 5 | /* Colors 6 | -------------------------- */ 7 | /* Link 8 | -------------------------- */ 9 | /* Border 10 | -------------------------- */ 11 | /* Box-shadow 12 | -------------------------- */ 13 | /* Fill 14 | -------------------------- */ 15 | /* Font 16 | -------------------------- */ 17 | /* Size 18 | -------------------------- */ 19 | /* z-index 20 | -------------------------- */ 21 | /* Disable base 22 | -------------------------- */ 23 | /* Icon 24 | -------------------------- */ 25 | /* Checkbox 26 | -------------------------- */ 27 | /* Radio 28 | -------------------------- */ 29 | /* Select 30 | -------------------------- */ 31 | /* Alert 32 | -------------------------- */ 33 | /* Message Box 34 | -------------------------- */ 35 | /* Message 36 | -------------------------- */ 37 | /* Notification 38 | -------------------------- */ 39 | /* Input 40 | -------------------------- */ 41 | /* Cascader 42 | -------------------------- */ 43 | /* Group 44 | -------------------------- */ 45 | /* Tab 46 | -------------------------- */ 47 | /* Button 48 | -------------------------- */ 49 | /* cascader 50 | -------------------------- */ 51 | /* Switch 52 | -------------------------- */ 53 | /* Dialog 54 | -------------------------- */ 55 | /* Table 56 | -------------------------- */ 57 | /* Pagination 58 | -------------------------- */ 59 | /* Popover 60 | -------------------------- */ 61 | /* Tooltip 62 | -------------------------- */ 63 | /* Tag 64 | -------------------------- */ 65 | /* Dropdown 66 | -------------------------- */ 67 | /* Badge 68 | -------------------------- */ 69 | /* Card 70 | --------------------------*/ 71 | /* Slider 72 | --------------------------*/ 73 | /* Steps 74 | --------------------------*/ 75 | /* Menu 76 | --------------------------*/ 77 | /* Rate 78 | --------------------------*/ 79 | /* DatePicker 80 | --------------------------*/ 81 | /* Loading 82 | --------------------------*/ 83 | /* Scrollbar 84 | --------------------------*/ 85 | /* Carousel 86 | --------------------------*/ 87 | /* Collapse 88 | --------------------------*/ 89 | /* Transfer 90 | --------------------------*/ 91 | } 92 | 93 | .el-time-spinner{ 94 | width: 100%; 95 | white-space: nowrap; 96 | } 97 | 98 | .el-spinner{ 99 | display: inline-block; 100 | vertical-align: middle; 101 | } 102 | 103 | .el-spinner-inner{ 104 | animation: rotate 2s linear infinite; 105 | width: 50px; 106 | height: 50px; 107 | } 108 | 109 | .el-spinner-inner .path{ 110 | stroke: #ececec; 111 | stroke-linecap: round; 112 | animation: dash 1.5s ease-in-out infinite; 113 | } 114 | @keyframes rotate { 115 | 100% { 116 | transform: rotate(360deg); 117 | } 118 | } 119 | 120 | @keyframes dash { 121 | 0% { 122 | stroke-dasharray: 1, 150; 123 | stroke-dashoffset: 0; 124 | } 125 | 50% { 126 | stroke-dasharray: 90, 150; 127 | stroke-dashoffset: -35; 128 | } 129 | 100% { 130 | stroke-dasharray: 90, 150; 131 | stroke-dashoffset: -124; 132 | } 133 | } 134 | :root{ 135 | /* Transition 136 | -------------------------- */ 137 | /* Colors 138 | -------------------------- */ 139 | /* Link 140 | -------------------------- */ 141 | /* Border 142 | -------------------------- */ 143 | /* Box-shadow 144 | -------------------------- */ 145 | /* Fill 146 | -------------------------- */ 147 | /* Font 148 | -------------------------- */ 149 | /* Size 150 | -------------------------- */ 151 | /* z-index 152 | -------------------------- */ 153 | /* Disable base 154 | -------------------------- */ 155 | /* Icon 156 | -------------------------- */ 157 | /* Checkbox 158 | -------------------------- */ 159 | /* Radio 160 | -------------------------- */ 161 | /* Select 162 | -------------------------- */ 163 | /* Alert 164 | -------------------------- */ 165 | /* Message Box 166 | -------------------------- */ 167 | /* Message 168 | -------------------------- */ 169 | /* Notification 170 | -------------------------- */ 171 | /* Input 172 | -------------------------- */ 173 | /* Cascader 174 | -------------------------- */ 175 | /* Group 176 | -------------------------- */ 177 | /* Tab 178 | -------------------------- */ 179 | /* Button 180 | -------------------------- */ 181 | /* cascader 182 | -------------------------- */ 183 | /* Switch 184 | -------------------------- */ 185 | /* Dialog 186 | -------------------------- */ 187 | /* Table 188 | -------------------------- */ 189 | /* Pagination 190 | -------------------------- */ 191 | /* Popover 192 | -------------------------- */ 193 | /* Tooltip 194 | -------------------------- */ 195 | /* Tag 196 | -------------------------- */ 197 | /* Dropdown 198 | -------------------------- */ 199 | /* Badge 200 | -------------------------- */ 201 | /* Card 202 | --------------------------*/ 203 | /* Slider 204 | --------------------------*/ 205 | /* Steps 206 | --------------------------*/ 207 | /* Menu 208 | --------------------------*/ 209 | /* Rate 210 | --------------------------*/ 211 | /* DatePicker 212 | --------------------------*/ 213 | /* Loading 214 | --------------------------*/ 215 | /* Scrollbar 216 | --------------------------*/ 217 | /* Carousel 218 | --------------------------*/ 219 | /* Collapse 220 | --------------------------*/ 221 | /* Transfer 222 | --------------------------*/ 223 | } -------------------------------------------------------------------------------- /theme/steps.css: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | :root{ 3 | /* Transition 4 | -------------------------- */ 5 | /* Colors 6 | -------------------------- */ 7 | /* Link 8 | -------------------------- */ 9 | /* Border 10 | -------------------------- */ 11 | /* Box-shadow 12 | -------------------------- */ 13 | /* Fill 14 | -------------------------- */ 15 | /* Font 16 | -------------------------- */ 17 | /* Size 18 | -------------------------- */ 19 | /* z-index 20 | -------------------------- */ 21 | /* Disable base 22 | -------------------------- */ 23 | /* Icon 24 | -------------------------- */ 25 | /* Checkbox 26 | -------------------------- */ 27 | /* Radio 28 | -------------------------- */ 29 | /* Select 30 | -------------------------- */ 31 | /* Alert 32 | -------------------------- */ 33 | /* Message Box 34 | -------------------------- */ 35 | /* Message 36 | -------------------------- */ 37 | /* Notification 38 | -------------------------- */ 39 | /* Input 40 | -------------------------- */ 41 | /* Cascader 42 | -------------------------- */ 43 | /* Group 44 | -------------------------- */ 45 | /* Tab 46 | -------------------------- */ 47 | /* Button 48 | -------------------------- */ 49 | /* cascader 50 | -------------------------- */ 51 | /* Switch 52 | -------------------------- */ 53 | /* Dialog 54 | -------------------------- */ 55 | /* Table 56 | -------------------------- */ 57 | /* Pagination 58 | -------------------------- */ 59 | /* Popover 60 | -------------------------- */ 61 | /* Tooltip 62 | -------------------------- */ 63 | /* Tag 64 | -------------------------- */ 65 | /* Dropdown 66 | -------------------------- */ 67 | /* Badge 68 | -------------------------- */ 69 | /* Card 70 | --------------------------*/ 71 | /* Slider 72 | --------------------------*/ 73 | /* Steps 74 | --------------------------*/ 75 | /* Menu 76 | --------------------------*/ 77 | /* Rate 78 | --------------------------*/ 79 | /* DatePicker 80 | --------------------------*/ 81 | /* Loading 82 | --------------------------*/ 83 | /* Scrollbar 84 | --------------------------*/ 85 | /* Carousel 86 | --------------------------*/ 87 | /* Collapse 88 | --------------------------*/ 89 | /* Transfer 90 | --------------------------*/ 91 | } 92 | 93 | .el-steps{ 94 | font-size: 0; 95 | } 96 | 97 | .el-steps > :last-child .el-step__line{ 98 | display: none; 99 | } 100 | 101 | .el-steps.is-horizontal{ 102 | white-space: nowrap; 103 | } 104 | 105 | .el-steps.is-horizontal.is-center{ 106 | text-align: center; 107 | } 108 | :root{ 109 | /* Transition 110 | -------------------------- */ 111 | /* Colors 112 | -------------------------- */ 113 | /* Link 114 | -------------------------- */ 115 | /* Border 116 | -------------------------- */ 117 | /* Box-shadow 118 | -------------------------- */ 119 | /* Fill 120 | -------------------------- */ 121 | /* Font 122 | -------------------------- */ 123 | /* Size 124 | -------------------------- */ 125 | /* z-index 126 | -------------------------- */ 127 | /* Disable base 128 | -------------------------- */ 129 | /* Icon 130 | -------------------------- */ 131 | /* Checkbox 132 | -------------------------- */ 133 | /* Radio 134 | -------------------------- */ 135 | /* Select 136 | -------------------------- */ 137 | /* Alert 138 | -------------------------- */ 139 | /* Message Box 140 | -------------------------- */ 141 | /* Message 142 | -------------------------- */ 143 | /* Notification 144 | -------------------------- */ 145 | /* Input 146 | -------------------------- */ 147 | /* Cascader 148 | -------------------------- */ 149 | /* Group 150 | -------------------------- */ 151 | /* Tab 152 | -------------------------- */ 153 | /* Button 154 | -------------------------- */ 155 | /* cascader 156 | -------------------------- */ 157 | /* Switch 158 | -------------------------- */ 159 | /* Dialog 160 | -------------------------- */ 161 | /* Table 162 | -------------------------- */ 163 | /* Pagination 164 | -------------------------- */ 165 | /* Popover 166 | -------------------------- */ 167 | /* Tooltip 168 | -------------------------- */ 169 | /* Tag 170 | -------------------------- */ 171 | /* Dropdown 172 | -------------------------- */ 173 | /* Badge 174 | -------------------------- */ 175 | /* Card 176 | --------------------------*/ 177 | /* Slider 178 | --------------------------*/ 179 | /* Steps 180 | --------------------------*/ 181 | /* Menu 182 | --------------------------*/ 183 | /* Rate 184 | --------------------------*/ 185 | /* DatePicker 186 | --------------------------*/ 187 | /* Loading 188 | --------------------------*/ 189 | /* Scrollbar 190 | --------------------------*/ 191 | /* Carousel 192 | --------------------------*/ 193 | /* Collapse 194 | --------------------------*/ 195 | /* Transfer 196 | --------------------------*/ 197 | } -------------------------------------------------------------------------------- /theme/submenu.css: -------------------------------------------------------------------------------- 1 | :root { 2 | /* Transition 3 | -------------------------- */ 4 | /* Colors 5 | -------------------------- */ 6 | /* Link 7 | -------------------------- */ 8 | /* Border 9 | -------------------------- */ 10 | /* Box-shadow 11 | -------------------------- */ 12 | /* Fill 13 | -------------------------- */ 14 | /* Font 15 | -------------------------- */ 16 | /* Size 17 | -------------------------- */ 18 | /* z-index 19 | -------------------------- */ 20 | /* Disable base 21 | -------------------------- */ 22 | /* Icon 23 | -------------------------- */ 24 | /* Checkbox 25 | -------------------------- */ 26 | /* Radio 27 | -------------------------- */ 28 | /* Select 29 | -------------------------- */ 30 | /* Alert 31 | -------------------------- */ 32 | /* Message Box 33 | -------------------------- */ 34 | /* Message 35 | -------------------------- */ 36 | /* Notification 37 | -------------------------- */ 38 | /* Input 39 | -------------------------- */ 40 | /* Cascader 41 | -------------------------- */ 42 | /* Group 43 | -------------------------- */ 44 | /* Tab 45 | -------------------------- */ 46 | /* Button 47 | -------------------------- */ 48 | /* cascader 49 | -------------------------- */ 50 | /* Switch 51 | -------------------------- */ 52 | /* Dialog 53 | -------------------------- */ 54 | /* Table 55 | -------------------------- */ 56 | /* Pagination 57 | -------------------------- */ 58 | /* Popover 59 | -------------------------- */ 60 | /* Tooltip 61 | -------------------------- */ 62 | /* Tag 63 | -------------------------- */ 64 | /* Dropdown 65 | -------------------------- */ 66 | /* Badge 67 | -------------------------- */ 68 | /* Card 69 | --------------------------*/ 70 | /* Slider 71 | --------------------------*/ 72 | /* Steps 73 | --------------------------*/ 74 | /* Menu 75 | --------------------------*/ 76 | /* Rate 77 | --------------------------*/ 78 | /* DatePicker 79 | --------------------------*/ 80 | /* Loading 81 | --------------------------*/ 82 | /* Scrollbar 83 | --------------------------*/ 84 | /* Carousel 85 | --------------------------*/ 86 | /* Collapse 87 | --------------------------*/ 88 | /* Transfer 89 | --------------------------*/ 90 | } -------------------------------------------------------------------------------- /theme/tab-pane.css: -------------------------------------------------------------------------------- 1 | :root { 2 | /* Transition 3 | -------------------------- */ 4 | /* Colors 5 | -------------------------- */ 6 | /* Link 7 | -------------------------- */ 8 | /* Border 9 | -------------------------- */ 10 | /* Box-shadow 11 | -------------------------- */ 12 | /* Fill 13 | -------------------------- */ 14 | /* Font 15 | -------------------------- */ 16 | /* Size 17 | -------------------------- */ 18 | /* z-index 19 | -------------------------- */ 20 | /* Disable base 21 | -------------------------- */ 22 | /* Icon 23 | -------------------------- */ 24 | /* Checkbox 25 | -------------------------- */ 26 | /* Radio 27 | -------------------------- */ 28 | /* Select 29 | -------------------------- */ 30 | /* Alert 31 | -------------------------- */ 32 | /* Message Box 33 | -------------------------- */ 34 | /* Message 35 | -------------------------- */ 36 | /* Notification 37 | -------------------------- */ 38 | /* Input 39 | -------------------------- */ 40 | /* Cascader 41 | -------------------------- */ 42 | /* Group 43 | -------------------------- */ 44 | /* Tab 45 | -------------------------- */ 46 | /* Button 47 | -------------------------- */ 48 | /* cascader 49 | -------------------------- */ 50 | /* Switch 51 | -------------------------- */ 52 | /* Dialog 53 | -------------------------- */ 54 | /* Table 55 | -------------------------- */ 56 | /* Pagination 57 | -------------------------- */ 58 | /* Popover 59 | -------------------------- */ 60 | /* Tooltip 61 | -------------------------- */ 62 | /* Tag 63 | -------------------------- */ 64 | /* Dropdown 65 | -------------------------- */ 66 | /* Badge 67 | -------------------------- */ 68 | /* Card 69 | --------------------------*/ 70 | /* Slider 71 | --------------------------*/ 72 | /* Steps 73 | --------------------------*/ 74 | /* Menu 75 | --------------------------*/ 76 | /* Rate 77 | --------------------------*/ 78 | /* DatePicker 79 | --------------------------*/ 80 | /* Loading 81 | --------------------------*/ 82 | /* Scrollbar 83 | --------------------------*/ 84 | /* Carousel 85 | --------------------------*/ 86 | /* Collapse 87 | --------------------------*/ 88 | /* Transfer 89 | --------------------------*/ 90 | } -------------------------------------------------------------------------------- /theme/tree.css: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | :root{ 3 | /* Transition 4 | -------------------------- */ 5 | /* Colors 6 | -------------------------- */ 7 | /* Link 8 | -------------------------- */ 9 | /* Border 10 | -------------------------- */ 11 | /* Box-shadow 12 | -------------------------- */ 13 | /* Fill 14 | -------------------------- */ 15 | /* Font 16 | -------------------------- */ 17 | /* Size 18 | -------------------------- */ 19 | /* z-index 20 | -------------------------- */ 21 | /* Disable base 22 | -------------------------- */ 23 | /* Icon 24 | -------------------------- */ 25 | /* Checkbox 26 | -------------------------- */ 27 | /* Radio 28 | -------------------------- */ 29 | /* Select 30 | -------------------------- */ 31 | /* Alert 32 | -------------------------- */ 33 | /* Message Box 34 | -------------------------- */ 35 | /* Message 36 | -------------------------- */ 37 | /* Notification 38 | -------------------------- */ 39 | /* Input 40 | -------------------------- */ 41 | /* Cascader 42 | -------------------------- */ 43 | /* Group 44 | -------------------------- */ 45 | /* Tab 46 | -------------------------- */ 47 | /* Button 48 | -------------------------- */ 49 | /* cascader 50 | -------------------------- */ 51 | /* Switch 52 | -------------------------- */ 53 | /* Dialog 54 | -------------------------- */ 55 | /* Table 56 | -------------------------- */ 57 | /* Pagination 58 | -------------------------- */ 59 | /* Popover 60 | -------------------------- */ 61 | /* Tooltip 62 | -------------------------- */ 63 | /* Tag 64 | -------------------------- */ 65 | /* Dropdown 66 | -------------------------- */ 67 | /* Badge 68 | -------------------------- */ 69 | /* Card 70 | --------------------------*/ 71 | /* Slider 72 | --------------------------*/ 73 | /* Steps 74 | --------------------------*/ 75 | /* Menu 76 | --------------------------*/ 77 | /* Rate 78 | --------------------------*/ 79 | /* DatePicker 80 | --------------------------*/ 81 | /* Loading 82 | --------------------------*/ 83 | /* Scrollbar 84 | --------------------------*/ 85 | /* Carousel 86 | --------------------------*/ 87 | /* Collapse 88 | --------------------------*/ 89 | /* Transfer 90 | --------------------------*/ 91 | } 92 | 93 | .el-tree{ 94 | cursor: default; 95 | background: #fff; 96 | border: 1px solid rgb(209, 219, 229); 97 | } 98 | 99 | .el-tree__empty-block{ 100 | position: relative; 101 | min-height: 60px; 102 | text-align: center; 103 | width: 100%; 104 | height: 100%; 105 | } 106 | 107 | .el-tree__empty-text{ 108 | position: absolute; 109 | left: 50%; 110 | top: 50%; 111 | transform: translate(-50%, -50%); 112 | color: rgb(94, 115, 130); 113 | } 114 | 115 | .el-tree-node{ 116 | white-space: nowrap; 117 | } 118 | 119 | .el-tree-node > .el-tree-node__children{ 120 | overflow: hidden; 121 | background-color: transparent; 122 | } 123 | 124 | .el-tree-node.is-expanded > .el-tree-node__children{ 125 | display: block; 126 | } 127 | 128 | .el-tree-node__content{ 129 | line-height: 36px; 130 | height: 36px; 131 | cursor: pointer; 132 | } 133 | 134 | .el-tree-node__content > .el-checkbox, .el-tree-node__content > .el-tree-node__expand-icon{ 135 | margin-right: 8px; 136 | } 137 | 138 | .el-tree-node__content > .el-checkbox{ 139 | vertical-align: middle; 140 | } 141 | 142 | .el-tree-node__content:hover{ 143 | background: rgb(228, 232, 241); 144 | } 145 | 146 | .el-tree-node__expand-icon{ 147 | display: inline-block; 148 | cursor: pointer; 149 | width: 0; 150 | height: 0; 151 | vertical-align: middle; 152 | margin-left: 10px; 153 | border: 6px solid transparent; 154 | border-right-width: 0; 155 | border-left-color: rgb(151, 168, 190); 156 | border-left-width: 7px; 157 | transform: rotate(0deg); 158 | transition: transform 0.3s ease-in-out; 159 | } 160 | 161 | .el-tree-node__expand-icon:hover{ 162 | border-left-color: #999; 163 | } 164 | 165 | .el-tree-node__expand-icon.expanded{ 166 | transform: rotate(90deg); 167 | } 168 | 169 | .el-tree-node__expand-icon.is-leaf{ 170 | border-color: transparent; 171 | cursor: default; 172 | } 173 | 174 | .el-tree-node__label{ 175 | font-size: 14px; 176 | vertical-align: middle; 177 | display: inline-block; 178 | } 179 | 180 | .el-tree-node__loading-icon{ 181 | display: inline-block; 182 | vertical-align: middle; 183 | margin-right: 4px; 184 | font-size: 14px; 185 | color: rgb(151, 168, 190); 186 | } 187 | 188 | .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content { 189 | background-color: rgb(250, 253, 255); 190 | } 191 | :root{ 192 | /* Transition 193 | -------------------------- */ 194 | /* Colors 195 | -------------------------- */ 196 | /* Link 197 | -------------------------- */ 198 | /* Border 199 | -------------------------- */ 200 | /* Box-shadow 201 | -------------------------- */ 202 | /* Fill 203 | -------------------------- */ 204 | /* Font 205 | -------------------------- */ 206 | /* Size 207 | -------------------------- */ 208 | /* z-index 209 | -------------------------- */ 210 | /* Disable base 211 | -------------------------- */ 212 | /* Icon 213 | -------------------------- */ 214 | /* Checkbox 215 | -------------------------- */ 216 | /* Radio 217 | -------------------------- */ 218 | /* Select 219 | -------------------------- */ 220 | /* Alert 221 | -------------------------- */ 222 | /* Message Box 223 | -------------------------- */ 224 | /* Message 225 | -------------------------- */ 226 | /* Notification 227 | -------------------------- */ 228 | /* Input 229 | -------------------------- */ 230 | /* Cascader 231 | -------------------------- */ 232 | /* Group 233 | -------------------------- */ 234 | /* Tab 235 | -------------------------- */ 236 | /* Button 237 | -------------------------- */ 238 | /* cascader 239 | -------------------------- */ 240 | /* Switch 241 | -------------------------- */ 242 | /* Dialog 243 | -------------------------- */ 244 | /* Table 245 | -------------------------- */ 246 | /* Pagination 247 | -------------------------- */ 248 | /* Popover 249 | -------------------------- */ 250 | /* Tooltip 251 | -------------------------- */ 252 | /* Tag 253 | -------------------------- */ 254 | /* Dropdown 255 | -------------------------- */ 256 | /* Badge 257 | -------------------------- */ 258 | /* Card 259 | --------------------------*/ 260 | /* Slider 261 | --------------------------*/ 262 | /* Steps 263 | --------------------------*/ 264 | /* Menu 265 | --------------------------*/ 266 | /* Rate 267 | --------------------------*/ 268 | /* DatePicker 269 | --------------------------*/ 270 | /* Loading 271 | --------------------------*/ 272 | /* Scrollbar 273 | --------------------------*/ 274 | /* Carousel 275 | --------------------------*/ 276 | /* Collapse 277 | --------------------------*/ 278 | /* Transfer 279 | --------------------------*/ 280 | } --------------------------------------------------------------------------------