源码提交
0 parents
Showing
141 changed files
with
5351 additions
and
0 deletions
.babelrc
0 → 100644
.editorconfig
0 → 100644
.gitignore
0 → 100644
.postcssrc.js
0 → 100644
README.md
0 → 100644
1 | # vue_elementui_framework | ||
2 | |||
3 | > A Vue.js project | ||
4 | |||
5 | ## Build Setup | ||
6 | |||
7 | ``` bash | ||
8 | # install dependencies | ||
9 | npm install | ||
10 | |||
11 | # serve with hot reload at localhost:8080 | ||
12 | npm run dev | ||
13 | |||
14 | # build for production with minification | ||
15 | npm run build | ||
16 | |||
17 | # build for production and view the bundle analyzer report | ||
18 | npm run build --report | ||
19 | ``` | ||
20 | |||
21 | For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader). | ||
22 |
build/build.js
0 → 100644
1 | 'use strict' | ||
2 | require('./check-versions')() | ||
3 | |||
4 | process.env.NODE_ENV = 'production' | ||
5 | |||
6 | const ora = require('ora') | ||
7 | const rm = require('rimraf') | ||
8 | const path = require('path') | ||
9 | const chalk = require('chalk') | ||
10 | const webpack = require('webpack') | ||
11 | const config = require('../config') | ||
12 | const webpackConfig = require('./webpack.prod.conf') | ||
13 | |||
14 | const spinner = ora('building for production...') | ||
15 | spinner.start() | ||
16 | |||
17 | rm(path.join(config.build.assetsRoot, config.build.assetsSubDirectory), err => { | ||
18 | if (err) throw err | ||
19 | webpack(webpackConfig, (err, stats) => { | ||
20 | spinner.stop() | ||
21 | if (err) throw err | ||
22 | process.stdout.write(stats.toString({ | ||
23 | colors: true, | ||
24 | modules: false, | ||
25 | children: false, // If you are using ts-loader, setting this to true will make TypeScript errors show up during build. | ||
26 | chunks: false, | ||
27 | chunkModules: false | ||
28 | }) + '\n\n') | ||
29 | |||
30 | if (stats.hasErrors()) { | ||
31 | console.log(chalk.red(' Build failed with errors.\n')) | ||
32 | process.exit(1) | ||
33 | } | ||
34 | |||
35 | console.log(chalk.cyan(' Build complete.\n')) | ||
36 | console.log(chalk.yellow( | ||
37 | ' Tip: built files are meant to be served over an HTTP server.\n' + | ||
38 | ' Opening index.html over file:// won\'t work.\n' | ||
39 | )) | ||
40 | }) | ||
41 | }) |
build/check-versions.js
0 → 100644
1 | 'use strict' | ||
2 | const chalk = require('chalk') | ||
3 | const semver = require('semver') | ||
4 | const packageConfig = require('../package.json') | ||
5 | const shell = require('shelljs') | ||
6 | |||
7 | function exec (cmd) { | ||
8 | return require('child_process').execSync(cmd).toString().trim() | ||
9 | } | ||
10 | |||
11 | const versionRequirements = [ | ||
12 | { | ||
13 | name: 'node', | ||
14 | currentVersion: semver.clean(process.version), | ||
15 | versionRequirement: packageConfig.engines.node | ||
16 | } | ||
17 | ] | ||
18 | |||
19 | if (shell.which('npm')) { | ||
20 | versionRequirements.push({ | ||
21 | name: 'npm', | ||
22 | currentVersion: exec('npm --version'), | ||
23 | versionRequirement: packageConfig.engines.npm | ||
24 | }) | ||
25 | } | ||
26 | |||
27 | module.exports = function () { | ||
28 | const warnings = [] | ||
29 | |||
30 | for (let i = 0; i < versionRequirements.length; i++) { | ||
31 | const mod = versionRequirements[i] | ||
32 | |||
33 | if (!semver.satisfies(mod.currentVersion, mod.versionRequirement)) { | ||
34 | warnings.push(mod.name + ': ' + | ||
35 | chalk.red(mod.currentVersion) + ' should be ' + | ||
36 | chalk.green(mod.versionRequirement) | ||
37 | ) | ||
38 | } | ||
39 | } | ||
40 | |||
41 | if (warnings.length) { | ||
42 | console.log('') | ||
43 | console.log(chalk.yellow('To use this template, you must update following to modules:')) | ||
44 | console.log() | ||
45 | |||
46 | for (let i = 0; i < warnings.length; i++) { | ||
47 | const warning = warnings[i] | ||
48 | console.log(' ' + warning) | ||
49 | } | ||
50 | |||
51 | console.log() | ||
52 | process.exit(1) | ||
53 | } | ||
54 | } |
build/logo.png
0 → 100644
6.69 KB
build/utils.js
0 → 100644
1 | 'use strict' | ||
2 | const path = require('path') | ||
3 | const config = require('../config') | ||
4 | const ExtractTextPlugin = require('extract-text-webpack-plugin') | ||
5 | const packageConfig = require('../package.json') | ||
6 | |||
7 | exports.assetsPath = function (_path) { | ||
8 | const assetsSubDirectory = process.env.NODE_ENV === 'production' | ||
9 | ? config.build.assetsSubDirectory | ||
10 | : config.dev.assetsSubDirectory | ||
11 | |||
12 | return path.posix.join(assetsSubDirectory, _path) | ||
13 | } | ||
14 | |||
15 | exports.cssLoaders = function (options) { | ||
16 | options = options || {} | ||
17 | |||
18 | const cssLoader = { | ||
19 | loader: 'css-loader', | ||
20 | options: { | ||
21 | sourceMap: options.sourceMap | ||
22 | } | ||
23 | } | ||
24 | |||
25 | const postcssLoader = { | ||
26 | loader: 'postcss-loader', | ||
27 | options: { | ||
28 | sourceMap: options.sourceMap | ||
29 | } | ||
30 | } | ||
31 | |||
32 | // generate loader string to be used with extract text plugin | ||
33 | function generateLoaders (loader, loaderOptions) { | ||
34 | const loaders = options.usePostCSS ? [cssLoader, postcssLoader] : [cssLoader] | ||
35 | |||
36 | if (loader) { | ||
37 | loaders.push({ | ||
38 | loader: loader + '-loader', | ||
39 | options: Object.assign({}, loaderOptions, { | ||
40 | sourceMap: options.sourceMap | ||
41 | }) | ||
42 | }) | ||
43 | } | ||
44 | |||
45 | // Extract CSS when that option is specified | ||
46 | // (which is the case during production build) | ||
47 | if (options.extract) { | ||
48 | return ExtractTextPlugin.extract({ | ||
49 | use: loaders, | ||
50 | fallback: 'vue-style-loader' | ||
51 | }) | ||
52 | } else { | ||
53 | return ['vue-style-loader'].concat(loaders) | ||
54 | } | ||
55 | } | ||
56 | |||
57 | // https://vue-loader.vuejs.org/en/configurations/extract-css.html | ||
58 | return { | ||
59 | css: generateLoaders(), | ||
60 | postcss: generateLoaders(), | ||
61 | less: generateLoaders('less'), | ||
62 | sass: generateLoaders('sass', { indentedSyntax: true }), | ||
63 | scss: generateLoaders('sass'), | ||
64 | stylus: generateLoaders('stylus'), | ||
65 | styl: generateLoaders('stylus') | ||
66 | } | ||
67 | } | ||
68 | |||
69 | // Generate loaders for standalone style files (outside of .vue) | ||
70 | exports.styleLoaders = function (options) { | ||
71 | const output = [] | ||
72 | const loaders = exports.cssLoaders(options) | ||
73 | |||
74 | for (const extension in loaders) { | ||
75 | const loader = loaders[extension] | ||
76 | output.push({ | ||
77 | test: new RegExp('\\.' + extension + '$'), | ||
78 | use: loader | ||
79 | }) | ||
80 | } | ||
81 | |||
82 | return output | ||
83 | } | ||
84 | |||
85 | exports.createNotifierCallback = () => { | ||
86 | const notifier = require('node-notifier') | ||
87 | |||
88 | return (severity, errors) => { | ||
89 | if (severity !== 'error') return | ||
90 | |||
91 | const error = errors[0] | ||
92 | const filename = error.file && error.file.split('!').pop() | ||
93 | |||
94 | notifier.notify({ | ||
95 | title: packageConfig.name, | ||
96 | message: severity + ': ' + error.name, | ||
97 | subtitle: filename || '', | ||
98 | icon: path.join(__dirname, 'logo.png') | ||
99 | }) | ||
100 | } | ||
101 | } |
build/vue-loader.conf.js
0 → 100644
1 | 'use strict' | ||
2 | const utils = require('./utils') | ||
3 | const config = require('../config') | ||
4 | const isProduction = process.env.NODE_ENV === 'production' | ||
5 | const sourceMapEnabled = isProduction | ||
6 | ? config.build.productionSourceMap | ||
7 | : config.dev.cssSourceMap | ||
8 | |||
9 | module.exports = { | ||
10 | loaders: utils.cssLoaders({ | ||
11 | sourceMap: sourceMapEnabled, | ||
12 | extract: isProduction | ||
13 | }), | ||
14 | cssSourceMap: sourceMapEnabled, | ||
15 | cacheBusting: config.dev.cacheBusting, | ||
16 | transformToRequire: { | ||
17 | video: ['src', 'poster'], | ||
18 | source: 'src', | ||
19 | img: 'src', | ||
20 | image: 'xlink:href' | ||
21 | } | ||
22 | } |
build/webpack.base.conf.js
0 → 100644
1 | 'use strict' | ||
2 | const path = require('path') | ||
3 | const utils = require('./utils') | ||
4 | const config = require('../config') | ||
5 | const vueLoaderConfig = require('./vue-loader.conf') | ||
6 | |||
7 | function resolve (dir) { | ||
8 | return path.join(__dirname, '..', dir) | ||
9 | } | ||
10 | |||
11 | |||
12 | |||
13 | module.exports = { | ||
14 | context: path.resolve(__dirname, '../'), | ||
15 | entry: { | ||
16 | app: './src/main.js' | ||
17 | }, | ||
18 | output: { | ||
19 | path: config.build.assetsRoot, | ||
20 | filename: '[name].js', | ||
21 | publicPath: process.env.NODE_ENV === 'production' | ||
22 | ? config.build.assetsPublicPath | ||
23 | : config.dev.assetsPublicPath | ||
24 | }, | ||
25 | resolve: { | ||
26 | extensions: ['.js', '.vue', '.json'], | ||
27 | alias: { | ||
28 | 'vue$': 'vue/dist/vue.esm.js', | ||
29 | '@': resolve('src'), | ||
30 | } | ||
31 | }, | ||
32 | module: { | ||
33 | rules: [ | ||
34 | { | ||
35 | test: /\.vue$/, | ||
36 | loader: 'vue-loader', | ||
37 | options: vueLoaderConfig | ||
38 | }, | ||
39 | { | ||
40 | test: /\.js$/, | ||
41 | loader: 'babel-loader', | ||
42 | include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client')] | ||
43 | }, | ||
44 | { | ||
45 | test: /\.(png|jpe?g|gif|svg)(\?.*)?$/, | ||
46 | loader: 'url-loader', | ||
47 | options: { | ||
48 | limit: 10000, | ||
49 | name: utils.assetsPath('img/[name].[hash:7].[ext]') | ||
50 | } | ||
51 | }, | ||
52 | { | ||
53 | test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/, | ||
54 | loader: 'url-loader', | ||
55 | options: { | ||
56 | limit: 10000, | ||
57 | name: utils.assetsPath('media/[name].[hash:7].[ext]') | ||
58 | } | ||
59 | }, | ||
60 | { | ||
61 | test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/, | ||
62 | loader: 'url-loader', | ||
63 | // options: { | ||
64 | // limit: 10000, | ||
65 | // name: utils.assetsPath('fonts/[name].[hash:7].[ext]') | ||
66 | // } | ||
67 | } | ||
68 | ] | ||
69 | }, | ||
70 | node: { | ||
71 | // prevent webpack from injecting useless setImmediate polyfill because Vue | ||
72 | // source contains it (although only uses it if it's native). | ||
73 | setImmediate: false, | ||
74 | // prevent webpack from injecting mocks to Node native modules | ||
75 | // that does not make sense for the client | ||
76 | dgram: 'empty', | ||
77 | fs: 'empty', | ||
78 | net: 'empty', | ||
79 | tls: 'empty', | ||
80 | child_process: 'empty' | ||
81 | } | ||
82 | } |
build/webpack.dev.conf.js
0 → 100755
1 | 'use strict' | ||
2 | const utils = require('./utils') | ||
3 | const webpack = require('webpack') | ||
4 | const config = require('../config') | ||
5 | const merge = require('webpack-merge') | ||
6 | const path = require('path') | ||
7 | const baseWebpackConfig = require('./webpack.base.conf') | ||
8 | const CopyWebpackPlugin = require('copy-webpack-plugin') | ||
9 | const HtmlWebpackPlugin = require('html-webpack-plugin') | ||
10 | const FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin') | ||
11 | const portfinder = require('portfinder') | ||
12 | |||
13 | const HOST = process.env.HOST | ||
14 | const PORT = process.env.PORT && Number(process.env.PORT) | ||
15 | |||
16 | const devWebpackConfig = merge(baseWebpackConfig, { | ||
17 | module: { | ||
18 | rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap, usePostCSS: true }) | ||
19 | }, | ||
20 | // cheap-module-eval-source-map is faster for development | ||
21 | devtool: config.dev.devtool, | ||
22 | |||
23 | // these devServer options should be customized in /config/index.js | ||
24 | devServer: { | ||
25 | clientLogLevel: 'warning', | ||
26 | historyApiFallback: { | ||
27 | rewrites: [ | ||
28 | { from: /.*/, to: path.posix.join(config.dev.assetsPublicPath, 'index.html') }, | ||
29 | ], | ||
30 | }, | ||
31 | hot: true, | ||
32 | contentBase: false, // since we use CopyWebpackPlugin. | ||
33 | compress: true, | ||
34 | host: HOST || config.dev.host, | ||
35 | port: PORT || config.dev.port, | ||
36 | open: config.dev.autoOpenBrowser, | ||
37 | overlay: config.dev.errorOverlay | ||
38 | ? { warnings: false, errors: true } | ||
39 | : false, | ||
40 | publicPath: config.dev.assetsPublicPath, | ||
41 | proxy: config.dev.proxyTable, | ||
42 | quiet: true, // necessary for FriendlyErrorsPlugin | ||
43 | watchOptions: { | ||
44 | poll: config.dev.poll, | ||
45 | } | ||
46 | }, | ||
47 | plugins: [ | ||
48 | new webpack.DefinePlugin({ | ||
49 | 'process.env': require('../config/dev.env') | ||
50 | }), | ||
51 | new webpack.HotModuleReplacementPlugin(), | ||
52 | new webpack.NamedModulesPlugin(), // HMR shows correct file names in console on update. | ||
53 | new webpack.NoEmitOnErrorsPlugin(), | ||
54 | // https://github.com/ampedandwired/html-webpack-plugin | ||
55 | new HtmlWebpackPlugin({ | ||
56 | filename: 'index.html', | ||
57 | template: 'index.html', | ||
58 | inject: true | ||
59 | }), | ||
60 | // copy custom static assets | ||
61 | new CopyWebpackPlugin([ | ||
62 | { | ||
63 | from: path.resolve(__dirname, '../static'), | ||
64 | to: config.dev.assetsSubDirectory, | ||
65 | ignore: ['.*'] | ||
66 | } | ||
67 | ]) | ||
68 | ] | ||
69 | }) | ||
70 | |||
71 | module.exports = new Promise((resolve, reject) => { | ||
72 | portfinder.basePort = process.env.PORT || config.dev.port | ||
73 | portfinder.getPort((err, port) => { | ||
74 | if (err) { | ||
75 | reject(err) | ||
76 | } else { | ||
77 | // publish the new Port, necessary for e2e tests | ||
78 | process.env.PORT = port | ||
79 | // add port to devServer config | ||
80 | devWebpackConfig.devServer.port = port | ||
81 | |||
82 | // Add FriendlyErrorsPlugin | ||
83 | devWebpackConfig.plugins.push(new FriendlyErrorsPlugin({ | ||
84 | compilationSuccessInfo: { | ||
85 | messages: [`Your application is running here: http://${devWebpackConfig.devServer.host}:${port}`], | ||
86 | }, | ||
87 | onErrors: config.dev.notifyOnErrors | ||
88 | ? utils.createNotifierCallback() | ||
89 | : undefined | ||
90 | })) | ||
91 | |||
92 | resolve(devWebpackConfig) | ||
93 | } | ||
94 | }) | ||
95 | }) |
build/webpack.prod.conf.js
0 → 100644
1 | 'use strict' | ||
2 | const path = require('path') | ||
3 | const utils = require('./utils') | ||
4 | const webpack = require('webpack') | ||
5 | const config = require('../config') | ||
6 | const merge = require('webpack-merge') | ||
7 | const baseWebpackConfig = require('./webpack.base.conf') | ||
8 | const CopyWebpackPlugin = require('copy-webpack-plugin') | ||
9 | const HtmlWebpackPlugin = require('html-webpack-plugin') | ||
10 | const ExtractTextPlugin = require('extract-text-webpack-plugin') | ||
11 | const OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin') | ||
12 | const UglifyJsPlugin = require('uglifyjs-webpack-plugin') | ||
13 | |||
14 | const env = require('../config/prod.env') | ||
15 | |||
16 | const webpackConfig = merge(baseWebpackConfig, { | ||
17 | module: { | ||
18 | rules: utils.styleLoaders({ | ||
19 | sourceMap: config.build.productionSourceMap, | ||
20 | extract: true, | ||
21 | usePostCSS: true | ||
22 | }) | ||
23 | }, | ||
24 | devtool: config.build.productionSourceMap ? config.build.devtool : false, | ||
25 | output: { | ||
26 | path: config.build.assetsRoot, | ||
27 | filename: utils.assetsPath('js/[name].[chunkhash].js'), | ||
28 | chunkFilename: utils.assetsPath('js/[id].[chunkhash].js') | ||
29 | }, | ||
30 | plugins: [ | ||
31 | // http://vuejs.github.io/vue-loader/en/workflow/production.html | ||
32 | new webpack.DefinePlugin({ | ||
33 | 'process.env': env | ||
34 | }), | ||
35 | new UglifyJsPlugin({ | ||
36 | uglifyOptions: { | ||
37 | compress: { | ||
38 | warnings: false | ||
39 | } | ||
40 | }, | ||
41 | sourceMap: config.build.productionSourceMap, | ||
42 | parallel: true | ||
43 | }), | ||
44 | // extract css into its own file | ||
45 | new ExtractTextPlugin({ | ||
46 | filename: utils.assetsPath('css/[name].[contenthash].css'), | ||
47 | // Setting the following option to `false` will not extract CSS from codesplit chunks. | ||
48 | // Their CSS will instead be inserted dynamically with style-loader when the codesplit chunk has been loaded by webpack. | ||
49 | // It's currently set to `true` because we are seeing that sourcemaps are included in the codesplit bundle as well when it's `false`, | ||
50 | // increasing file size: https://github.com/vuejs-templates/webpack/issues/1110 | ||
51 | allChunks: true, | ||
52 | }), | ||
53 | // Compress extracted CSS. We are using this plugin so that possible | ||
54 | // duplicated CSS from different components can be deduped. | ||
55 | new OptimizeCSSPlugin({ | ||
56 | cssProcessorOptions: config.build.productionSourceMap | ||
57 | ? { safe: true, map: { inline: false } } | ||
58 | : { safe: true } | ||
59 | }), | ||
60 | // generate dist index.html with correct asset hash for caching. | ||
61 | // you can customize output by editing /index.html | ||
62 | // see https://github.com/ampedandwired/html-webpack-plugin | ||
63 | new HtmlWebpackPlugin({ | ||
64 | filename: config.build.index, | ||
65 | template: 'index.html', | ||
66 | inject: true, | ||
67 | minify: { | ||
68 | removeComments: true, | ||
69 | collapseWhitespace: true, | ||
70 | removeAttributeQuotes: true | ||
71 | // more options: | ||
72 | // https://github.com/kangax/html-minifier#options-quick-reference | ||
73 | }, | ||
74 | // necessary to consistently work with multiple chunks via CommonsChunkPlugin | ||
75 | chunksSortMode: 'dependency' | ||
76 | }), | ||
77 | // keep module.id stable when vendor modules does not change | ||
78 | new webpack.HashedModuleIdsPlugin(), | ||
79 | // enable scope hoisting | ||
80 | new webpack.optimize.ModuleConcatenationPlugin(), | ||
81 | // split vendor js into its own file | ||
82 | new webpack.optimize.CommonsChunkPlugin({ | ||
83 | name: 'vendor', | ||
84 | minChunks (module) { | ||
85 | // any required modules inside node_modules are extracted to vendor | ||
86 | return ( | ||
87 | module.resource && | ||
88 | /\.js$/.test(module.resource) && | ||
89 | module.resource.indexOf( | ||
90 | path.join(__dirname, '../node_modules') | ||
91 | ) === 0 | ||
92 | ) | ||
93 | } | ||
94 | }), | ||
95 | // extract webpack runtime and module manifest to its own file in order to | ||
96 | // prevent vendor hash from being updated whenever app bundle is updated | ||
97 | new webpack.optimize.CommonsChunkPlugin({ | ||
98 | name: 'manifest', | ||
99 | minChunks: Infinity | ||
100 | }), | ||
101 | // This instance extracts shared chunks from code splitted chunks and bundles them | ||
102 | // in a separate chunk, similar to the vendor chunk | ||
103 | // see: https://webpack.js.org/plugins/commons-chunk-plugin/#extra-async-commons-chunk | ||
104 | new webpack.optimize.CommonsChunkPlugin({ | ||
105 | name: 'app', | ||
106 | async: 'vendor-async', | ||
107 | children: true, | ||
108 | minChunks: 3 | ||
109 | }), | ||
110 | |||
111 | // copy custom static assets | ||
112 | new CopyWebpackPlugin([ | ||
113 | { | ||
114 | from: path.resolve(__dirname, '../static'), | ||
115 | to: config.build.assetsSubDirectory, | ||
116 | ignore: ['.*'] | ||
117 | } | ||
118 | ]) | ||
119 | ] | ||
120 | }) | ||
121 | |||
122 | if (config.build.productionGzip) { | ||
123 | const CompressionWebpackPlugin = require('compression-webpack-plugin') | ||
124 | |||
125 | webpackConfig.plugins.push( | ||
126 | new CompressionWebpackPlugin({ | ||
127 | asset: '[path].gz[query]', | ||
128 | algorithm: 'gzip', | ||
129 | test: new RegExp( | ||
130 | '\\.(' + | ||
131 | config.build.productionGzipExtensions.join('|') + | ||
132 | ')$' | ||
133 | ), | ||
134 | threshold: 10240, | ||
135 | minRatio: 0.8 | ||
136 | }) | ||
137 | ) | ||
138 | } | ||
139 | |||
140 | if (config.build.bundleAnalyzerReport) { | ||
141 | const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin | ||
142 | webpackConfig.plugins.push(new BundleAnalyzerPlugin()) | ||
143 | } | ||
144 | |||
145 | module.exports = webpackConfig |
config/dev.env.js
0 → 100644
config/index.js
0 → 100644
1 | 'use strict' | ||
2 | // Template version: 1.3.1 | ||
3 | // see http://vuejs-templates.github.io/webpack for documentation. | ||
4 | |||
5 | const path = require('path') | ||
6 | |||
7 | module.exports = { | ||
8 | dev: { | ||
9 | |||
10 | // Paths | ||
11 | assetsSubDirectory: 'static', | ||
12 | assetsPublicPath: '/', | ||
13 | proxyTable: {}, | ||
14 | |||
15 | // Various Dev Server settings | ||
16 | host: 'localhost', // can be overwritten by process.env.HOST | ||
17 | port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined | ||
18 | autoOpenBrowser: false, | ||
19 | errorOverlay: true, | ||
20 | notifyOnErrors: true, | ||
21 | poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions- | ||
22 | |||
23 | |||
24 | /** | ||
25 | * Source Maps | ||
26 | */ | ||
27 | |||
28 | // https://webpack.js.org/configuration/devtool/#development | ||
29 | devtool: 'cheap-module-eval-source-map', | ||
30 | |||
31 | // If you have problems debugging vue-files in devtools, | ||
32 | // set this to false - it *may* help | ||
33 | // https://vue-loader.vuejs.org/en/options.html#cachebusting | ||
34 | cacheBusting: true, | ||
35 | |||
36 | cssSourceMap: true | ||
37 | }, | ||
38 | |||
39 | build: { | ||
40 | // Template for index.html | ||
41 | index: path.resolve(__dirname, '../dist/index.html'), | ||
42 | |||
43 | // Paths | ||
44 | assetsRoot: path.resolve(__dirname, '../dist'), | ||
45 | assetsSubDirectory: 'static', | ||
46 | assetsPublicPath: './', | ||
47 | |||
48 | /** | ||
49 | * Source Maps | ||
50 | */ | ||
51 | |||
52 | productionSourceMap: true, | ||
53 | // https://webpack.js.org/configuration/devtool/#production | ||
54 | devtool: '#source-map', | ||
55 | |||
56 | // Gzip off by default as many popular static hosts such as | ||
57 | // Surge or Netlify already gzip all static assets for you. | ||
58 | // Before setting to `true`, make sure to: | ||
59 | // npm install --save-dev compression-webpack-plugin | ||
60 | productionGzip: false, | ||
61 | productionGzipExtensions: ['js', 'css'], | ||
62 | |||
63 | // Run the build command with an extra argument to | ||
64 | // View the bundle analyzer report after build finishes: | ||
65 | // `npm run build --report` | ||
66 | // Set to `true` or `false` to always turn it on or off | ||
67 | bundleAnalyzerReport: process.env.npm_config_report | ||
68 | } | ||
69 | } |
config/prod.env.js
0 → 100644
index.html
0 → 100644
1 | <!DOCTYPE html> | ||
2 | <html> | ||
3 | |||
4 | <head> | ||
5 | <meta charset="utf-8"> | ||
6 | <meta name="viewport" content="width=device-width,initial-scale=1.0"> | ||
7 | <title>早产儿管理端</title> | ||
8 | <script src="//gosspublic.alicdn.com/aliyun-oss-sdk.min.js"></script> | ||
9 | </head> | ||
10 | |||
11 | <body> | ||
12 | <div id="app"></div> | ||
13 | <!-- built files will be auto injected --> | ||
14 | </body> | ||
15 | |||
16 | </html> |
package-lock.json
0 → 100644
This diff could not be displayed because it is too large.
package.json
0 → 100644
1 | { | ||
2 | "name": "vue_elementui_framework", | ||
3 | "version": "1.0.0", | ||
4 | "description": "A Vue.js project", | ||
5 | "author": "SimonFung <>", | ||
6 | "private": true, | ||
7 | "scripts": { | ||
8 | "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", | ||
9 | "start": "npm run dev", | ||
10 | "build": "node build/build.js" | ||
11 | }, | ||
12 | "dependencies": { | ||
13 | "ali-oss": "^6.1.1", | ||
14 | "axios": "^0.18.0", | ||
15 | "co": "^4.6.0", | ||
16 | "deepcopy": "^2.0.0", | ||
17 | "element-ui": "^2.4.11", | ||
18 | "font-awesome": "^4.7.0", | ||
19 | "glob": "^7.1.3", | ||
20 | "nprogress": "^0.2.0", | ||
21 | "vue": "^2.5.2", | ||
22 | "vue-quill-editor": "^3.0.6", | ||
23 | "vue-router": "^3.0.1", | ||
24 | "vuex": "^3.0.1" | ||
25 | }, | ||
26 | "devDependencies": { | ||
27 | "autoprefixer": "^7.1.2", | ||
28 | "axios-mock-adapter": "^1.15.0", | ||
29 | "babel-core": "^6.22.1", | ||
30 | "babel-helper-vue-jsx-merge-props": "^2.0.3", | ||
31 | "babel-loader": "^7.1.1", | ||
32 | "babel-plugin-syntax-jsx": "^6.18.0", | ||
33 | "babel-plugin-transform-runtime": "^6.22.0", | ||
34 | "babel-plugin-transform-vue-jsx": "^3.5.0", | ||
35 | "babel-preset-env": "^1.3.2", | ||
36 | "babel-preset-stage-2": "^6.22.0", | ||
37 | "chalk": "^2.0.1", | ||
38 | "copy-webpack-plugin": "^4.0.1", | ||
39 | "css-loader": "^0.28.11", | ||
40 | "extract-text-webpack-plugin": "^3.0.0", | ||
41 | "file-loader": "^1.1.4", | ||
42 | "friendly-errors-webpack-plugin": "^1.6.1", | ||
43 | "html-webpack-plugin": "^2.30.1", | ||
44 | "less": "^3.9.0", | ||
45 | "less-loader": "^4.1.0", | ||
46 | "mockjs": "^1.0.1-beta3", | ||
47 | "node-notifier": "^5.1.2", | ||
48 | "optimize-css-assets-webpack-plugin": "^3.2.0", | ||
49 | "ora": "^1.2.0", | ||
50 | "portfinder": "^1.0.13", | ||
51 | "postcss-import": "^11.0.0", | ||
52 | "postcss-loader": "^2.0.8", | ||
53 | "postcss-url": "^7.2.1", | ||
54 | "rimraf": "^2.6.0", | ||
55 | "sass": "^1.15.2", | ||
56 | "semver": "^5.3.0", | ||
57 | "shelljs": "^0.7.6", | ||
58 | "style-loader": "^0.23.1", | ||
59 | "uglifyjs-webpack-plugin": "^1.1.1", | ||
60 | "url-loader": "^0.5.8", | ||
61 | "vue-loader": "^13.3.0", | ||
62 | "vue-style-loader": "^3.1.2", | ||
63 | "vue-template-compiler": "^2.5.2", | ||
64 | "webpack": "^3.6.0", | ||
65 | "webpack-bundle-analyzer": "^2.9.0", | ||
66 | "webpack-dev-server": "^2.9.1", | ||
67 | "webpack-merge": "^4.1.0" | ||
68 | }, | ||
69 | "engines": { | ||
70 | "node": ">= 6.0.0", | ||
71 | "npm": ">= 3.0.0" | ||
72 | }, | ||
73 | "browserslist": [ | ||
74 | "> 1%", | ||
75 | "last 2 versions", | ||
76 | "not ie <= 8" | ||
77 | ] | ||
78 | } |
src/App.vue
0 → 100644
1 | <template> | ||
2 | <div id="app"> | ||
3 | <router-view></router-view> | ||
4 | </div> | ||
5 | </template> | ||
6 | |||
7 | <script> | ||
8 | export default { | ||
9 | name: 'app', | ||
10 | components: {} | ||
11 | } | ||
12 | </script> | ||
13 | |||
14 | <style lang="less"> | ||
15 | @import './styles/common'; | ||
16 | @import './styles/vars'; | ||
17 | @import './styles/element-ui.less'; | ||
18 | |||
19 | body { | ||
20 | color: #475669; | ||
21 | margin: 0px; | ||
22 | padding: 0px; | ||
23 | background: @color-primary; | ||
24 | font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, | ||
25 | Microsoft YaHei, SimSun, sans-serif; | ||
26 | font-size: 14px; | ||
27 | -webkit-font-smoothing: antialiased; | ||
28 | } | ||
29 | |||
30 | #app { | ||
31 | position: absolute; | ||
32 | top: 0px; | ||
33 | bottom: 0px; | ||
34 | width: 100%; | ||
35 | } | ||
36 | |||
37 | .toolbar { | ||
38 | background: #f2f2f2; | ||
39 | padding: 10px; | ||
40 | margin: 10px 0px; | ||
41 | .el-form-item { | ||
42 | margin-bottom: 10px; | ||
43 | } | ||
44 | } | ||
45 | |||
46 | .fade-enter-active, | ||
47 | .fade-leave-active { | ||
48 | transition: all 0.2s ease; | ||
49 | } | ||
50 | |||
51 | .fade-enter, | ||
52 | .fade-leave-active { | ||
53 | opacity: 0; | ||
54 | } | ||
55 | |||
56 | .ql-editor { | ||
57 | min-height: 100px !important; | ||
58 | } | ||
59 | |||
60 | .upload-poster-image { | ||
61 | height: 100px; | ||
62 | } | ||
63 | |||
64 | .upload-video-url { | ||
65 | width: 100%; | ||
66 | } | ||
67 | |||
68 | .poster { | ||
69 | // max-width: 80px; | ||
70 | width: 80px; | ||
71 | } | ||
72 | </style> |
src/api/api.js
0 → 100755
1 | import axios from 'axios'; | ||
2 | |||
3 | let base = 'https://api.k.wxpai.cn/bizproxy'; | ||
4 | // let base = 'https://ow.go.qudone.com'; | ||
5 | |||
6 | |||
7 | //formDataHeaders设置 | ||
8 | let formDataHeaders = { | ||
9 | headers: { | ||
10 | "Content-Type": "multipart/form-data" | ||
11 | } | ||
12 | } | ||
13 | |||
14 | // get方法demo | ||
15 | export const getDemo = params => { | ||
16 | return axios.get(`${base}/path1/path2/getdemo`, { | ||
17 | params: params | ||
18 | }).then(res => res.data); | ||
19 | }; | ||
20 | |||
21 | // post方法demo | ||
22 | export const postDemo = params => { | ||
23 | return axios.post(`${base}/path1/path2/postdemo`, params).then(res => res.data); | ||
24 | }; | ||
25 | |||
26 | // postformdata | ||
27 | export const updatePostformdata = params => { | ||
28 | return axios.post(`${base}/path1/path2/postformdata`, params, formDataHeaders).then(res => res.data); | ||
29 | }; | ||
30 | |||
31 | // 获取视频列表 | ||
32 | export const getVideoList = params => { | ||
33 | return axios.get(`${base}/zcrapi/admin/vedios/list`, { | ||
34 | params: params | ||
35 | }).then(res => res.data); | ||
36 | }; | ||
37 | |||
38 | // 保存视频 | ||
39 | export const saveVideo = params => { | ||
40 | return axios.post(`${base}/zcrapi/admin/vedios/save`, params).then(res => res.data); | ||
41 | }; | ||
42 | |||
43 | // 删除视频 | ||
44 | export const deleteVideo = params => { | ||
45 | return axios.post(`${base}/zcrapi/admin/vedios/delete`, params).then(res => res.data); | ||
46 | }; | ||
47 | |||
48 | |||
49 | // 获取文章分类列表 | ||
50 | export const getClassifyList = params => { | ||
51 | return axios.get(`${base}/zcrapi/admin/article/classify/list`, { | ||
52 | params: params | ||
53 | }).then(res => res.data); | ||
54 | }; | ||
55 | |||
56 | |||
57 | // 获取话题列表 | ||
58 | export const getTagList = params => { | ||
59 | return axios.get(`${base}/zcrapi/admin/article/tag/list`, { | ||
60 | params: params | ||
61 | }).then(res => res.data); | ||
62 | }; | ||
63 | |||
64 | // 保存话题 | ||
65 | export const saveTag = params => { | ||
66 | return axios.post(`${base}/zcrapi/admin/article/tag/save`, params).then(res => res.data); | ||
67 | }; | ||
68 | |||
69 | // 删除话题 | ||
70 | export const deleteTag = params => { | ||
71 | return axios.post(`${base}/zcrapi/admin/article/tag/delete`, params).then(res => res.data); | ||
72 | }; | ||
73 | |||
74 | // 获取头图列表 | ||
75 | export const getBannerList = params => { | ||
76 | return axios.get(`${base}/zcrapi/admin/article/banner/list`, { | ||
77 | params: params | ||
78 | }).then(res => res.data); | ||
79 | }; | ||
80 | |||
81 | // 保存头图 | ||
82 | export const saveBanner = params => { | ||
83 | return axios.post(`${base}/zcrapi/admin/article/banner/save`, params).then(res => res.data); | ||
84 | }; | ||
85 | |||
86 | // 删除头图 | ||
87 | export const deleteBanner = params => { | ||
88 | return axios.post(`${base}/zcrapi/admin/article/banner/delete`, params).then(res => res.data); | ||
89 | }; | ||
90 | |||
91 | // 删除头图 | ||
92 | export const changeBanner = params => { | ||
93 | console.log("params:", params); | ||
94 | return axios.post(`${base}/zcrapi/admin/article/banner/change`, params).then(res => res.data); | ||
95 | }; | ||
96 | |||
97 | |||
98 | // 获取文章列表 | ||
99 | export const getArticleList = params => { | ||
100 | return axios.get(`${base}/zcrapi/admin/article/list`, { | ||
101 | params: params | ||
102 | }).then(res => res.data); | ||
103 | }; | ||
104 | |||
105 | // 保存文章 | ||
106 | export const saveArticle = params => { | ||
107 | return axios.post(`${base}/zcrapi/admin/article/save`, params).then(res => res.data); | ||
108 | }; | ||
109 | |||
110 | // 删除文章 | ||
111 | export const deleteArticle = params => { | ||
112 | return axios.post(`${base}/zcrapi/admin/article/delete`, params).then(res => res.data); | ||
113 | }; | ||
114 | |||
115 | |||
116 | // 获取门店列表 | ||
117 | export const getStoreList = params => { | ||
118 | return axios.get(`${base}/zcrapi/admin/store/list`, { | ||
119 | params: params | ||
120 | }).then(res => res.data); | ||
121 | }; | ||
122 | |||
123 | |||
124 | // 文件上传 包含图片 postformdata | ||
125 | export const uploadFile = params => { | ||
126 | return axios.post(`${base}/zcrapi/admin/file/upload`, params, formDataHeaders).then(res => res.data); | ||
127 | }; | ||
128 | |||
129 | |||
130 | // 获取门店列表 | ||
131 | export const postDashboard = params => { | ||
132 | return axios.get(`${base}/zcrapi/admin/dashboard`, { | ||
133 | params: params | ||
134 | }).then(res => res.data); | ||
135 | }; | ||
136 | |||
137 | |||
138 | |||
139 | |||
140 | |||
141 | |||
142 | |||
143 | export const requestLogin = params => { | ||
144 | return axios.post(`${base}/login`, params).then(res => res.data); | ||
145 | }; | ||
146 | |||
147 | export const getUserList = params => { | ||
148 | return axios.get(`${base}/user/list`, { | ||
149 | params: params | ||
150 | }).then(res => res.data); | ||
151 | }; | ||
152 | |||
153 | export const getUserListPage = params => { | ||
154 | return axios.get(`${base}/user/listpage`, { | ||
155 | params: params | ||
156 | }).then(res => res.data);; | ||
157 | }; | ||
158 | |||
159 | export const removeUser = params => { | ||
160 | return axios.get(`${base}/user/remove`, { | ||
161 | params: params | ||
162 | }).then(res => res.data);; | ||
163 | }; | ||
164 | |||
165 | export const batchRemoveUser = params => { | ||
166 | return axios.get(`${base}/user/batchremove`, { | ||
167 | params: params | ||
168 | }).then(res => res.data); | ||
169 | }; | ||
170 | |||
171 | export const editUser = params => { | ||
172 | return axios.get(`${base}/user/edit`, { | ||
173 | params: params | ||
174 | }).then(res => res.data); | ||
175 | }; | ||
176 | |||
177 | export const addUser = params => { | ||
178 | return axios.get(`${base}/user/add`, { | ||
179 | params: params | ||
180 | }).then(res => res.data); | ||
181 | }; | ||
182 | |||
183 | |||
184 | export const dashboardExport = params => { | ||
185 | // return axios.get(`${base}/user/add`, { | ||
186 | // params: params | ||
187 | // }).then(res => res.data); | ||
188 | let url = `${base}/zcrapi/admin/dashboard/export` + '?fromDate=' + params.fromDate + '&toDate=' + params.toDate; | ||
189 | console.log("url:", url); | ||
190 | window.open(url) | ||
191 | }; |
src/api/index.js
0 → 100755
src/assets/logo.png
0 → 100644
6.69 KB
src/assets/logo4.png
0 → 100755
1.35 KB
src/assets/user.png
0 → 100755
3.14 KB
src/common/oss-upload.js
0 → 100644
1 | // const OSS = require('ali-oss') | ||
2 | let Config = require('./ossConfig.json') | ||
3 | |||
4 | let creds = { | ||
5 | region: Config.region, | ||
6 | accessKeyId: Config.accessKeyId, | ||
7 | accessKeySecret: Config.accessKeySecret, | ||
8 | bucket: Config.bucket, | ||
9 | secure: true | ||
10 | } | ||
11 | |||
12 | export const client = new OSS.Wrapper(creds) | ||
13 | |||
14 | export function getAliOSSCreds() { | ||
15 | return new Promise((resolve, reject) => { | ||
16 | resolve(creds); | ||
17 | }); | ||
18 | } |
src/common/ossConfig.json
0 → 100644
src/common/utils.js
0 → 100644
1 | /** | ||
2 | * 获取当前链接参数 | ||
3 | * @param {*} name | ||
4 | */ | ||
5 | export const getLinkParam = name => { | ||
6 | return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.href) || [, ""])[1].replace(/\+/g, '%20')) || null; | ||
7 | }; | ||
8 | |||
9 | /** | ||
10 | * 去掉字符串两端空格 trim | ||
11 | * @param {string} str | ||
12 | */ | ||
13 | export const trim = str => { | ||
14 | return str.replace(/(^\s*)|(\s*$)/g, ''); | ||
15 | } | ||
16 | |||
17 | /** | ||
18 | * 验证邮箱 | ||
19 | * @param {string} str | ||
20 | */ | ||
21 | export const checkEmail = str => { | ||
22 | let re = /^(\w-*\.*)+@(\w-?)+(\.\w{2,})+$/; | ||
23 | if (re.test(str)) { | ||
24 | return true; | ||
25 | } else { | ||
26 | return false; | ||
27 | } | ||
28 | } | ||
29 | |||
30 | /** | ||
31 | * 验证手机 1开头+10位数 | ||
32 | * @param {string} str | ||
33 | */ | ||
34 | export const checkMobile = str => { | ||
35 | let re = /^1\d{10}$/; | ||
36 | // let re = /^(13[0-9]|14[57]|15[0-9]|17[0-9]|18[0-9])\d{8}$/; //严格模式 | ||
37 | if (re.test(str)) { | ||
38 | return true; | ||
39 | } else { | ||
40 | return false; | ||
41 | } | ||
42 | } | ||
43 | |||
44 | /** | ||
45 | * 获取Uuid | ||
46 | */ | ||
47 | export const uuid = () => { | ||
48 | var s = []; | ||
49 | var hexDigits = "0123456789abcdef"; | ||
50 | for (var i = 0; i < 36; i++) { | ||
51 | s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1); | ||
52 | } | ||
53 | s[14] = "4"; // bits 12-15 of the time_hi_and_version field to 0010 | ||
54 | s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1); // bits 6-7 of the clock_seq_hi_and_reserved to 01 | ||
55 | s[8] = s[13] = s[18] = s[23] = "-"; | ||
56 | |||
57 | var uuid = s.join(""); | ||
58 | return uuid; | ||
59 | } | ||
60 | |||
61 | |||
62 | /** | ||
63 | * 设置cookies | ||
64 | * @param {*} name | ||
65 | * @param {*} value | ||
66 | * @param {*} Days | ||
67 | */ | ||
68 | export const setCookie = (name, value, Days = 0) => { | ||
69 | if (Days <= 0) Days = 30; | ||
70 | var exp = new Date(); | ||
71 | exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000); | ||
72 | document.cookie = name + "=" + encodeURI(value) + ";expires=" + exp.toUTCString(); | ||
73 | } | ||
74 | |||
75 | |||
76 | /** | ||
77 | * 获取cookies | ||
78 | * @param {*} name | ||
79 | * @param {*} value | ||
80 | * @param {*} Days | ||
81 | */ | ||
82 | export const getCookie = (name) => { | ||
83 | var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)"); | ||
84 | if (arr = document.cookie.match(reg)) { | ||
85 | return decodeURI(arr[2]); | ||
86 | } else { | ||
87 | return ""; | ||
88 | } | ||
89 | } | ||
90 | |||
91 | /** | ||
92 | * 删除cookies | ||
93 | * @param {*} name | ||
94 | */ | ||
95 | export const deleteCookie = (name) => { | ||
96 | var exp = new Date(); | ||
97 | exp.setTime(exp.getTime() - 1); | ||
98 | var cval = getCookie(name); | ||
99 | if (cval != null) | ||
100 | document.cookie = name + "=" + cval + ";expires=" + exp.toUTCString(); | ||
101 | } | ||
102 | |||
103 | /** | ||
104 | * 判断是否微信客户端 | ||
105 | * @param {*} name | ||
106 | */ | ||
107 | export const isWeiXin = () => { | ||
108 | var ua = window.navigator.userAgent.toLowerCase(); | ||
109 | if (ua.match(/MicroMessenger/i) == 'micromessenger') { | ||
110 | return true; | ||
111 | } else { | ||
112 | return false; | ||
113 | } | ||
114 | } | ||
115 | |||
116 | |||
117 | /** | ||
118 | * 时间戳格式化(yyyy-MM-dd hh:mm:ss) | ||
119 | * @param {*} timestamp | ||
120 | * @param {*} format | ||
121 | */ | ||
122 | export const timestampFormat = (timestamp, format) => { | ||
123 | Date.prototype.Format = function (fmt) { | ||
124 | var o = { | ||
125 | "M+": this.getMonth() + 1, //月份 | ||
126 | "d+": this.getDate(), //日 | ||
127 | "h+": this.getHours(), //小时 | ||
128 | "m+": this.getMinutes(), //分 | ||
129 | "s+": this.getSeconds(), //秒 | ||
130 | "q+": Math.floor((this.getMonth() + 3) / 3), //季度 | ||
131 | "S": this.getMilliseconds() //毫秒 | ||
132 | }; | ||
133 | if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length)); | ||
134 | for (var k in o) { | ||
135 | if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length))); | ||
136 | } | ||
137 | return fmt; | ||
138 | } | ||
139 | |||
140 | if (timestamp && timestamp.length == 10) timestamp += "000"; | ||
141 | |||
142 | var date = new Date(); | ||
143 | if (timestamp) date.setTime(timestamp); | ||
144 | if (format == null || format == "") { | ||
145 | format = "yyyy-MM-dd hh:mm:ss"; | ||
146 | } | ||
147 | return date.Format(format); | ||
148 | }; | ||
149 | |||
150 | /** | ||
151 | * 日期转时间戳 | ||
152 | * @param {*} stringTime | ||
153 | */ | ||
154 | export const dateParse = stringTime => { | ||
155 | if (stringTime) { | ||
156 | var date = new Date(stringTime); | ||
157 | } else { | ||
158 | var date = new Date(); | ||
159 | } | ||
160 | return Date.parse(date); | ||
161 | }; | ||
162 | |||
163 | |||
164 | /** | ||
165 | * 生成指定范围内的随机数 | ||
166 | * @param {*} min | ||
167 | * @param {*} max | ||
168 | */ | ||
169 | export const getRandom = (min, max) => { | ||
170 | var c = max - min + 1; | ||
171 | return Math.floor(Math.random() * c + min); | ||
172 | }; | ||
173 | |||
174 | |||
175 | /** | ||
176 | * 日期格式化 | ||
177 | */ | ||
178 | export const formatDate = { | ||
179 | SIGN_REGEXP: /([yMdhsm])(\1*)/g, | ||
180 | DEFAULT_PATTERN: 'yyyy-MM-dd', | ||
181 | padding: function (s, len) { | ||
182 | var len = len - (s + '').length; | ||
183 | for (var i = 0; i < len; i++) { | ||
184 | s = '0' + s; | ||
185 | } | ||
186 | return s; | ||
187 | }, | ||
188 | format: function (date, pattern) { | ||
189 | pattern = pattern || formatDate.DEFAULT_PATTERN; | ||
190 | return pattern.replace(formatDate.SIGN_REGEXP, function ($0) { | ||
191 | switch ($0.charAt(0)) { | ||
192 | case 'y': | ||
193 | return formatDate.padding(date.getFullYear(), $0.length); | ||
194 | case 'M': | ||
195 | return formatDate.padding(date.getMonth() + 1, $0.length); | ||
196 | case 'd': | ||
197 | return formatDate.padding(date.getDate(), $0.length); | ||
198 | case 'w': | ||
199 | return date.getDay() + 1; | ||
200 | case 'h': | ||
201 | return formatDate.padding(date.getHours(), $0.length); | ||
202 | case 'm': | ||
203 | return formatDate.padding(date.getMinutes(), $0.length); | ||
204 | case 's': | ||
205 | return formatDate.padding(date.getSeconds(), $0.length); | ||
206 | } | ||
207 | }); | ||
208 | }, | ||
209 | parse: function (dateString, pattern) { | ||
210 | var matchs1 = pattern.match(formatDate.SIGN_REGEXP); | ||
211 | var matchs2 = dateString.match(/(\d)+/g); | ||
212 | if (matchs1.length == matchs2.length) { | ||
213 | var _date = new Date(1970, 0, 1); | ||
214 | for (var i = 0; i < matchs1.length; i++) { | ||
215 | var _int = parseInt(matchs2[i]); | ||
216 | var sign = matchs1[i]; | ||
217 | switch (sign.charAt(0)) { | ||
218 | case 'y': | ||
219 | _date.setFullYear(_int); | ||
220 | break; | ||
221 | case 'M': | ||
222 | _date.setMonth(_int - 1); | ||
223 | break; | ||
224 | case 'd': | ||
225 | _date.setDate(_int); | ||
226 | break; | ||
227 | case 'h': | ||
228 | _date.setHours(_int); | ||
229 | break; | ||
230 | case 'm': | ||
231 | _date.setMinutes(_int); | ||
232 | break; | ||
233 | case 's': | ||
234 | _date.setSeconds(_int); | ||
235 | break; | ||
236 | } | ||
237 | } | ||
238 | return _date; | ||
239 | } | ||
240 | return null; | ||
241 | } | ||
242 | |||
243 | } |
src/components/HelloWorld.vue
0 → 100644
1 | <template> | ||
2 | <div class="hello"> | ||
3 | <h1>{{ msg }}</h1> | ||
4 | <h2>Essential Links</h2> | ||
5 | <ul> | ||
6 | <li> | ||
7 | <a | ||
8 | href="https://vuejs.org" | ||
9 | target="_blank" | ||
10 | > | ||
11 | Core Docs | ||
12 | </a> | ||
13 | </li> | ||
14 | <li> | ||
15 | <a | ||
16 | href="https://forum.vuejs.org" | ||
17 | target="_blank" | ||
18 | > | ||
19 | Forum | ||
20 | </a> | ||
21 | </li> | ||
22 | <li> | ||
23 | <a | ||
24 | href="https://chat.vuejs.org" | ||
25 | target="_blank" | ||
26 | > | ||
27 | Community Chat | ||
28 | </a> | ||
29 | </li> | ||
30 | <li> | ||
31 | <a | ||
32 | href="https://twitter.com/vuejs" | ||
33 | target="_blank" | ||
34 | > | ||
35 | |||
36 | </a> | ||
37 | </li> | ||
38 | <br> | ||
39 | <li> | ||
40 | <a | ||
41 | href="http://vuejs-templates.github.io/webpack/" | ||
42 | target="_blank" | ||
43 | > | ||
44 | Docs for This Template | ||
45 | </a> | ||
46 | </li> | ||
47 | </ul> | ||
48 | <h2>Ecosystem</h2> | ||
49 | <ul> | ||
50 | <li> | ||
51 | <a | ||
52 | href="http://router.vuejs.org/" | ||
53 | target="_blank" | ||
54 | > | ||
55 | vue-router | ||
56 | </a> | ||
57 | </li> | ||
58 | <li> | ||
59 | <a | ||
60 | href="http://vuex.vuejs.org/" | ||
61 | target="_blank" | ||
62 | > | ||
63 | vuex | ||
64 | </a> | ||
65 | </li> | ||
66 | <li> | ||
67 | <a | ||
68 | href="http://vue-loader.vuejs.org/" | ||
69 | target="_blank" | ||
70 | > | ||
71 | vue-loader | ||
72 | </a> | ||
73 | </li> | ||
74 | <li> | ||
75 | <a | ||
76 | href="https://github.com/vuejs/awesome-vue" | ||
77 | target="_blank" | ||
78 | > | ||
79 | awesome-vue | ||
80 | </a> | ||
81 | </li> | ||
82 | </ul> | ||
83 | </div> | ||
84 | </template> | ||
85 | |||
86 | <script> | ||
87 | export default { | ||
88 | name: 'HelloWorld', | ||
89 | data () { | ||
90 | return { | ||
91 | msg: 'Welcome to Your Vue.js App' | ||
92 | } | ||
93 | } | ||
94 | } | ||
95 | </script> | ||
96 | |||
97 | <!-- Add "scoped" attribute to limit CSS to this component only --> | ||
98 | <style scoped> | ||
99 | h1, h2 { | ||
100 | font-weight: normal; | ||
101 | } | ||
102 | ul { | ||
103 | list-style-type: none; | ||
104 | padding: 0; | ||
105 | } | ||
106 | li { | ||
107 | display: inline-block; | ||
108 | margin: 0 10px; | ||
109 | } | ||
110 | a { | ||
111 | color: #42b983; | ||
112 | } | ||
113 | </style> |
src/components/UploadItem.vue
0 → 100644
1 | <template> | ||
2 | <!-- list-type="picture-card" --> | ||
3 | <!-- :limit="limit ? limit : 1" --> | ||
4 | <el-upload | ||
5 | action="''" | ||
6 | :multiple="multiple ? true : false" | ||
7 | :accept="accept ? accept : 'image/*'" | ||
8 | :list-type="listtype ? listtype : 'picture'" | ||
9 | :show-file-list="showlist ? true : false" | ||
10 | :http-request="upload" | ||
11 | :before-upload="beforeAvatarUpload" | ||
12 | > | ||
13 | <!-- <i class="el-icon-plus"></i> --> | ||
14 | <el-button size="small" type="primary" :disabled="uploading">{{uploading? '正在上传':'点击上传'}}</el-button> | ||
15 | <div slot="tip" class="el-upload__tip">{{tips}}</div> | ||
16 | </el-upload> | ||
17 | </template> | ||
18 | |||
19 | |||
20 | <script> | ||
21 | import { uploadFile } from '../api/api.js' | ||
22 | |||
23 | export default { | ||
24 | name: 'uploadfile', | ||
25 | // 上传多图片 | ||
26 | // accept 接受类型 图片:image/* 视频:video/* | ||
27 | props: [ | ||
28 | 'pid', | ||
29 | 'multiple', | ||
30 | 'accept', | ||
31 | 'limit', | ||
32 | 'listtype', | ||
33 | 'tips', | ||
34 | 'showlist' | ||
35 | ], | ||
36 | data() { | ||
37 | return { | ||
38 | config: { | ||
39 | maxSizeData: { | ||
40 | image: 2, //图片不大于2M | ||
41 | video: 20 //视频不大于20M | ||
42 | } | ||
43 | }, | ||
44 | uploading: false, | ||
45 | file: {} | ||
46 | } | ||
47 | }, | ||
48 | created() {}, | ||
49 | methods: { | ||
50 | getMaxSizeByType(file) { | ||
51 | let result = 2 | ||
52 | if (file && file.type) { | ||
53 | let type = file.type | ||
54 | if (type.indexOf('image') != -1) { | ||
55 | return this.config.maxSizeData.image | ||
56 | } else if (type.indexOf('video') != -1) { | ||
57 | return this.config.maxSizeData.video | ||
58 | } | ||
59 | } | ||
60 | return result | ||
61 | }, | ||
62 | // 图片上传前验证 | ||
63 | beforeAvatarUpload(file) { | ||
64 | let maxSize = this.getMaxSizeByType(file) | ||
65 | const isLt = file.size / 1024 / 1024 < maxSize | ||
66 | if (!isLt) { | ||
67 | this.$message.error(`该文件大小不能超过${maxSize}MB!`) | ||
68 | } | ||
69 | return isLt | ||
70 | }, | ||
71 | // 上传图片到OSS 同时派发一个事件给父组件监听 | ||
72 | upload(file) { | ||
73 | // 返回图片的存储路径 开始上传 | ||
74 | this.uploading = true | ||
75 | this.file = file | ||
76 | let params = new FormData() //使用formData对象 | ||
77 | params.append('path', '/pro/mzczcradmin/') | ||
78 | params.append('file', file.file) | ||
79 | uploadFile(params) | ||
80 | .then(result => { | ||
81 | let url = result.content | ||
82 | // 返回图片的存储路径 | ||
83 | this.$emit('upload-success', { | ||
84 | pid: this.pid, | ||
85 | url: url | ||
86 | }) | ||
87 | this.uploading = false | ||
88 | }) | ||
89 | .catch(err => { | ||
90 | this.uploading = false | ||
91 | }) | ||
92 | return | ||
93 | } | ||
94 | } | ||
95 | } | ||
96 | </script> | ||
97 | |||
98 | <style lang="less" scoped> | ||
99 | .el-upload-list { | ||
100 | } | ||
101 | </style> |
src/global/const-data.js
0 → 100644
1 | /** | ||
2 | * 项目名称 | ||
3 | */ | ||
4 | export const PROJECT_NAME = "项目名称"; | ||
5 | |||
6 | /** | ||
7 | * cookies 前缀 | ||
8 | */ | ||
9 | export const COOKIES_EX = "_co_ex"; | ||
10 | |||
11 | /** | ||
12 | * 全局方法示例 | ||
13 | */ | ||
14 | export const getRemark = () => { | ||
15 | let remarkList = [ | ||
16 | "你的照片太棒了,为你点赞", | ||
17 | "给你一朵小花花", | ||
18 | "超给力哦!相信生意一定棒棒棒!" | ||
19 | ] | ||
20 | return remarkList[Math.floor(Math.random() * remarkList.length)]; | ||
21 | } |
src/global/custom-evt.js
0 → 100644
src/global/global-data.js
0 → 100644
src/main.js
0 → 100644
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 ElementUI from 'element-ui' | ||
5 | import 'element-ui/lib/theme-chalk/index.css'; | ||
6 | import './styles/element-#324057/index.css'; | ||
7 | import 'font-awesome/css/font-awesome.min.css' | ||
8 | |||
9 | import App from './App' | ||
10 | import router from './router' | ||
11 | import store from './vuex/store' | ||
12 | import Vuex from 'vuex' | ||
13 | import NProgress from 'nprogress' | ||
14 | import Mock from './mock' | ||
15 | Mock.bootstrap(); | ||
16 | |||
17 | import VueQuillEditor from 'vue-quill-editor' | ||
18 | // require styles | ||
19 | import 'quill/dist/quill.core.css' | ||
20 | import 'quill/dist/quill.snow.css' | ||
21 | import 'quill/dist/quill.bubble.css' | ||
22 | Vue.use(VueQuillEditor, /* { default global options } */ ) | ||
23 | |||
24 | Vue.config.productionTip = false | ||
25 | NProgress.configure({ | ||
26 | showSpinner: false | ||
27 | }); | ||
28 | |||
29 | Vue.use(ElementUI) | ||
30 | Vue.use(Vuex) | ||
31 | |||
32 | /* eslint-disable no-new */ | ||
33 | new Vue({ | ||
34 | el: '#app', | ||
35 | router, | ||
36 | store, | ||
37 | components: { | ||
38 | App | ||
39 | }, | ||
40 | data: { | ||
41 | bus: new Vue() | ||
42 | }, | ||
43 | template: '<App/>' | ||
44 | }) |
src/mock/index.js
0 → 100755
src/mock/mock.js
0 → 100755
1 | import axios from 'axios'; | ||
2 | import MockAdapter from 'axios-mock-adapter'; | ||
3 | import { | ||
4 | LoginUsers, | ||
5 | Users | ||
6 | } from '../mockdata/user'; | ||
7 | let _Users = Users; | ||
8 | |||
9 | export default { | ||
10 | /** | ||
11 | * mock bootstrap | ||
12 | */ | ||
13 | bootstrap() { | ||
14 | // 紧在dev环境下使用 | ||
15 | if (process.env.NODE_ENV !== "development") { | ||
16 | |||
17 | } | ||
18 | return; | ||
19 | |||
20 | let mock = new MockAdapter(axios); | ||
21 | |||
22 | // mock success request | ||
23 | mock.onGet('/success').reply(200, { | ||
24 | msg: 'success' | ||
25 | }); | ||
26 | |||
27 | // mock error request | ||
28 | mock.onGet('/error').reply(500, { | ||
29 | msg: 'failure' | ||
30 | }); | ||
31 | |||
32 | //登录 | ||
33 | mock.onPost('/login').reply(config => { | ||
34 | let { | ||
35 | username, | ||
36 | password | ||
37 | } = JSON.parse(config.data); | ||
38 | return new Promise((resolve, reject) => { | ||
39 | let user = null; | ||
40 | setTimeout(() => { | ||
41 | let hasUser = LoginUsers.some(u => { | ||
42 | if (u.username === username && u.password === password) { | ||
43 | user = JSON.parse(JSON.stringify(u)); | ||
44 | user.password = undefined; | ||
45 | return true; | ||
46 | } | ||
47 | }); | ||
48 | |||
49 | if (hasUser) { | ||
50 | resolve([200, { | ||
51 | code: 200, | ||
52 | msg: '请求成功', | ||
53 | user | ||
54 | }]); | ||
55 | } else { | ||
56 | resolve([200, { | ||
57 | code: 500, | ||
58 | msg: '账号或密码错误' | ||
59 | }]); | ||
60 | } | ||
61 | }, 1000); | ||
62 | }); | ||
63 | }); | ||
64 | |||
65 | //获取用户列表 | ||
66 | mock.onGet('/user/list').reply(config => { | ||
67 | let { | ||
68 | name | ||
69 | } = config.params; | ||
70 | let mockUsers = _Users.filter(user => { | ||
71 | if (name && user.name.indexOf(name) == -1) return false; | ||
72 | return true; | ||
73 | }); | ||
74 | return new Promise((resolve, reject) => { | ||
75 | setTimeout(() => { | ||
76 | resolve([200, { | ||
77 | users: mockUsers | ||
78 | }]); | ||
79 | }, 1000); | ||
80 | }); | ||
81 | }); | ||
82 | |||
83 | //获取用户列表(分页) | ||
84 | mock.onGet('/user/listpage').reply(config => { | ||
85 | let { | ||
86 | page, | ||
87 | name | ||
88 | } = config.params; | ||
89 | let mockUsers = _Users.filter(user => { | ||
90 | if (name && user.name.indexOf(name) == -1) return false; | ||
91 | return true; | ||
92 | }); | ||
93 | let total = mockUsers.length; | ||
94 | mockUsers = mockUsers.filter((u, index) => index < 20 * page && index >= 20 * (page - 1)); | ||
95 | return new Promise((resolve, reject) => { | ||
96 | setTimeout(() => { | ||
97 | resolve([200, { | ||
98 | total: total, | ||
99 | users: mockUsers | ||
100 | }]); | ||
101 | }, 1000); | ||
102 | }); | ||
103 | }); | ||
104 | |||
105 | //删除用户 | ||
106 | mock.onGet('/user/remove').reply(config => { | ||
107 | let { | ||
108 | id | ||
109 | } = config.params; | ||
110 | _Users = _Users.filter(u => u.id !== id); | ||
111 | return new Promise((resolve, reject) => { | ||
112 | setTimeout(() => { | ||
113 | resolve([200, { | ||
114 | code: 200, | ||
115 | msg: '删除成功' | ||
116 | }]); | ||
117 | }, 500); | ||
118 | }); | ||
119 | }); | ||
120 | |||
121 | //批量删除用户 | ||
122 | mock.onGet('/user/batchremove').reply(config => { | ||
123 | let { | ||
124 | ids | ||
125 | } = config.params; | ||
126 | ids = ids.split(','); | ||
127 | _Users = _Users.filter(u => !ids.includes(u.id)); | ||
128 | return new Promise((resolve, reject) => { | ||
129 | setTimeout(() => { | ||
130 | resolve([200, { | ||
131 | code: 200, | ||
132 | msg: '删除成功' | ||
133 | }]); | ||
134 | }, 500); | ||
135 | }); | ||
136 | }); | ||
137 | |||
138 | //编辑用户 | ||
139 | mock.onGet('/user/edit').reply(config => { | ||
140 | let { | ||
141 | id, | ||
142 | name, | ||
143 | addr, | ||
144 | age, | ||
145 | birth, | ||
146 | sex | ||
147 | } = config.params; | ||
148 | _Users.some(u => { | ||
149 | if (u.id === id) { | ||
150 | u.name = name; | ||
151 | u.addr = addr; | ||
152 | u.age = age; | ||
153 | u.birth = birth; | ||
154 | u.sex = sex; | ||
155 | return true; | ||
156 | } | ||
157 | }); | ||
158 | return new Promise((resolve, reject) => { | ||
159 | setTimeout(() => { | ||
160 | resolve([200, { | ||
161 | code: 200, | ||
162 | msg: '编辑成功' | ||
163 | }]); | ||
164 | }, 500); | ||
165 | }); | ||
166 | }); | ||
167 | |||
168 | //新增用户 | ||
169 | mock.onGet('/user/add').reply(config => { | ||
170 | let { | ||
171 | name, | ||
172 | addr, | ||
173 | age, | ||
174 | birth, | ||
175 | sex | ||
176 | } = config.params; | ||
177 | _Users.push({ | ||
178 | name: name, | ||
179 | addr: addr, | ||
180 | age: age, | ||
181 | birth: birth, | ||
182 | sex: sex | ||
183 | }); | ||
184 | return new Promise((resolve, reject) => { | ||
185 | setTimeout(() => { | ||
186 | resolve([200, { | ||
187 | code: 200, | ||
188 | msg: '新增成功' | ||
189 | }]); | ||
190 | }, 500); | ||
191 | }); | ||
192 | }); | ||
193 | |||
194 | } | ||
195 | }; |
src/mockdata/user.js
0 → 100755
1 | import Mock from 'mockjs'; | ||
2 | const LoginUsers = [ | ||
3 | { | ||
4 | id: 1, | ||
5 | username: 'admin', | ||
6 | password: '123456', | ||
7 | avatar: 'https://raw.githubusercontent.com/taylorchen709/markdown-images/master/vueadmin/user.png', | ||
8 | name: '张某某' | ||
9 | } | ||
10 | ]; | ||
11 | |||
12 | const Users = []; | ||
13 | |||
14 | for (let i = 0; i < 86; i++) { | ||
15 | Users.push(Mock.mock( | ||
16 | { | ||
17 | id: Mock.Random.guid(), | ||
18 | name: Mock.Random.cname(), | ||
19 | addr: Mock.mock('@county(true)'), | ||
20 | 'age|18-60': 1, | ||
21 | birth: Mock.Random.date(), | ||
22 | sex: Mock.Random.integer(0, 1) | ||
23 | })); | ||
24 | } | ||
25 | |||
26 | export { LoginUsers, Users }; |
src/pages/404.vue
0 → 100755
src/pages/Home.vue
0 → 100755
1 | <template> | ||
2 | <el-row class="container"> | ||
3 | <el-col :span="24" class="header"> | ||
4 | <el-col :span="10" class="logo" :class="collapsed?'logo-collapse-width':'logo-width'"> | ||
5 | {{collapsed?'':sysName}} | ||
6 | </el-col> | ||
7 | <!-- <el-col :span="20" class="logo"> | ||
8 | <img src="../assets/logo4.png" /> | ||
9 | <span>VUE | ||
10 | <i class="txt">ADMIN</i> | ||
11 | </span> | ||
12 | </el-col> --> | ||
13 | <el-col :span="4" class="userinfo"> | ||
14 | <el-col @click.native="logout"> | ||
15 | <i class="fa fa-sign-out" aria-hidden="true"></i>退出登录 | ||
16 | </el-col> | ||
17 | <!-- <el-dropdown trigger="click"> | ||
18 | <span class="el-dropdown-link userinfo-inner"> | ||
19 | <img :src="this.sysUserAvatar" /> {{sysUserName}} | ||
20 | </span> | ||
21 | <el-dropdown-menu slot="dropdown"> | ||
22 | <el-dropdown-item>我的消息</el-dropdown-item> | ||
23 | <el-dropdown-item>设置</el-dropdown-item> | ||
24 | <el-dropdown-item divided @click.native="logout">退出登录</el-dropdown-item> | ||
25 | </el-dropdown-menu> | ||
26 | </el-dropdown> --> | ||
27 | </el-col> | ||
28 | </el-col> | ||
29 | <el-col :span="24" class="main"> | ||
30 | <aside> | ||
31 | <el-menu :default-active="$route.path" class="el-menu-vertical-demo" @open="handleopen" @close="handleclose" @select="handleselect" theme="dark" unique-opened router> | ||
32 | <template v-for="(item,index) in $router.options.routes" v-if="!item.hidden"> | ||
33 | <el-submenu :index="index+''" :key="index" v-if="!item.leaf"> | ||
34 | <template slot="title"> | ||
35 | <i :class="item.iconCls"></i>{{item.name}}</template> | ||
36 | <el-menu-item v-for="child in item.children" :index="child.path" :key="child.path" v-if="!child.hidden">{{child.name}}</el-menu-item> | ||
37 | </el-submenu> | ||
38 | <el-menu-item v-if="item.leaf&&item.children.length>0" :index="item.children[0].path" :key="index"> | ||
39 | <i :class="item.iconCls"></i>{{item.children[0].name}}</el-menu-item> | ||
40 | </template> | ||
41 | </el-menu> | ||
42 | </aside> | ||
43 | <section class="content-container"> | ||
44 | <div class="grid-content bg-purple-light"> | ||
45 | <el-col :span="24" class="breadcrumb-container"> | ||
46 | <strong class="title">{{$route.name}}</strong> | ||
47 | <el-breadcrumb separator="/" class="breadcrumb-inner"> | ||
48 | <el-breadcrumb-item v-for="(item,index) in $route.matched" :key="index"> | ||
49 | {{ item.name }} | ||
50 | </el-breadcrumb-item> | ||
51 | </el-breadcrumb> | ||
52 | </el-col> | ||
53 | <el-col :span="24" class="content-wrapper"> | ||
54 | <transition> | ||
55 | <router-view></router-view> | ||
56 | </transition> | ||
57 | </el-col> | ||
58 | </div> | ||
59 | </section> | ||
60 | </el-col> | ||
61 | </el-row> | ||
62 | </template> | ||
63 | |||
64 | <script> | ||
65 | export default { | ||
66 | data() { | ||
67 | return { | ||
68 | sysName: "管理系统", | ||
69 | collapsed: false, | ||
70 | sysUserName: "", | ||
71 | sysUserAvatar: "", | ||
72 | form: { | ||
73 | name: "", | ||
74 | region: "", | ||
75 | date1: "", | ||
76 | date2: "", | ||
77 | delivery: false, | ||
78 | type: [], | ||
79 | resource: "", | ||
80 | desc: "" | ||
81 | } | ||
82 | }; | ||
83 | }, | ||
84 | methods: { | ||
85 | onSubmit() { | ||
86 | console.log("submit!"); | ||
87 | }, | ||
88 | handleopen() { | ||
89 | //console.log('handleopen'); | ||
90 | }, | ||
91 | handleclose() { | ||
92 | //console.log('handleclose'); | ||
93 | }, | ||
94 | handleselect: function(a, b) {}, | ||
95 | //退出登录 | ||
96 | logout: function() { | ||
97 | var _this = this; | ||
98 | this.$confirm("确认退出吗?", "提示", { | ||
99 | //type: 'warning' | ||
100 | }) | ||
101 | .then(() => { | ||
102 | sessionStorage.removeItem("user"); | ||
103 | _this.$router.push("/login"); | ||
104 | }) | ||
105 | .catch(() => {}); | ||
106 | } | ||
107 | }, | ||
108 | mounted() { | ||
109 | var user = sessionStorage.getItem("user"); | ||
110 | if (user) { | ||
111 | user = JSON.parse(user); | ||
112 | this.sysUserName = user.name || ""; | ||
113 | this.sysUserAvatar = user.avatar || ""; | ||
114 | } | ||
115 | } | ||
116 | }; | ||
117 | </script> | ||
118 | |||
119 | <style scoped lang="less"> | ||
120 | @import "./../styles/vars.less"; | ||
121 | |||
122 | .container { | ||
123 | position: absolute; | ||
124 | top: 0px; | ||
125 | bottom: 0px; | ||
126 | width: 100%; | ||
127 | .header { | ||
128 | height: 60px; | ||
129 | line-height: 60px; | ||
130 | background: @color-primary; | ||
131 | color: #fff; | ||
132 | .userinfo { | ||
133 | cursor: pointer; | ||
134 | text-align: right; | ||
135 | padding-right: 35px; | ||
136 | float: right; | ||
137 | .userinfo-inner { | ||
138 | cursor: pointer; | ||
139 | color: #fff; | ||
140 | img { | ||
141 | width: 40px; | ||
142 | height: 40px; | ||
143 | border-radius: 20px; | ||
144 | margin: 10px 0px 10px 10px; | ||
145 | float: right; | ||
146 | } | ||
147 | } | ||
148 | } | ||
149 | .logo { | ||
150 | width: 230px; | ||
151 | height: 60px; | ||
152 | font-size: 24px; | ||
153 | font-weight: bold; | ||
154 | padding-left: 20px; | ||
155 | padding-right: 20px; | ||
156 | border-color: rgba(238, 241, 146, 0.3); | ||
157 | border-right-width: 1px; | ||
158 | border-right-style: solid; | ||
159 | img { | ||
160 | width: 40px; | ||
161 | float: left; | ||
162 | margin: 10px 10px 10px 18px; | ||
163 | } | ||
164 | .txt { | ||
165 | color: #fff; | ||
166 | } | ||
167 | } | ||
168 | .logo-width { | ||
169 | width: 230px; | ||
170 | } | ||
171 | .logo-collapse-width { | ||
172 | width: 60px; | ||
173 | } | ||
174 | .tools { | ||
175 | padding: 0px 23px; | ||
176 | width: 14px; | ||
177 | height: 60px; | ||
178 | line-height: 60px; | ||
179 | cursor: pointer; | ||
180 | } | ||
181 | } | ||
182 | .main { | ||
183 | display: flex; | ||
184 | // background: #324057; | ||
185 | position: absolute; | ||
186 | top: 60px; | ||
187 | bottom: 0px; | ||
188 | overflow: hidden; | ||
189 | aside { | ||
190 | flex: 0 0 230px; | ||
191 | width: 230px; | ||
192 | // position: absolute; | ||
193 | // top: 0px; | ||
194 | // bottom: 0px; | ||
195 | .el-menu { | ||
196 | height: 100%; | ||
197 | } | ||
198 | .collapsed { | ||
199 | width: 60px; | ||
200 | .item { | ||
201 | position: relative; | ||
202 | } | ||
203 | .submenu { | ||
204 | position: absolute; | ||
205 | top: 0px; | ||
206 | left: 60px; | ||
207 | z-index: 99999; | ||
208 | height: auto; | ||
209 | display: none; | ||
210 | } | ||
211 | } | ||
212 | } | ||
213 | .menu-collapsed { | ||
214 | flex: 0 0 60px; | ||
215 | width: 60px; | ||
216 | } | ||
217 | .menu-expanded { | ||
218 | flex: 0 0 230px; | ||
219 | width: 230px; | ||
220 | } | ||
221 | .content-container { | ||
222 | background: #ffffff; | ||
223 | flex: 1; | ||
224 | // position: absolute; | ||
225 | // right: 0px; | ||
226 | // top: 0px; | ||
227 | // bottom: 0px; | ||
228 | // left: 230px; | ||
229 | overflow-y: scroll; | ||
230 | padding: 20px; | ||
231 | .breadcrumb-container { | ||
232 | //margin-bottom: 15px; | ||
233 | .title { | ||
234 | width: 200px; | ||
235 | float: left; | ||
236 | color: #475669; | ||
237 | } | ||
238 | .breadcrumb-inner { | ||
239 | float: right; | ||
240 | } | ||
241 | } | ||
242 | .content-wrapper { | ||
243 | background-color: #fff; | ||
244 | box-sizing: border-box; | ||
245 | } | ||
246 | } | ||
247 | } | ||
248 | } | ||
249 | </style> |
src/pages/Login.vue
0 → 100755
1 | <template> | ||
2 | <el-form :model="ruleForm2" :rules="rules2" ref="ruleForm2" label-position="left" label-width="0px" class="demo-ruleForm login-container"> | ||
3 | <h3 class="title">系统登录</h3> | ||
4 | <el-form-item prop="account"> | ||
5 | <el-input type="text" v-model="ruleForm2.account" auto-complete="off" placeholder="账号"></el-input> | ||
6 | </el-form-item> | ||
7 | <el-form-item prop="checkPass"> | ||
8 | <el-input type="password" v-model="ruleForm2.checkPass" auto-complete="off" placeholder="密码"></el-input> | ||
9 | </el-form-item> | ||
10 | <el-checkbox v-model="checked" checked class="remember">记住密码</el-checkbox> | ||
11 | <el-form-item style="width:100%;"> | ||
12 | <el-button type="primary" style="width:100%;" @click.native.prevent="handleSubmit2" :loading="logining">登录</el-button> | ||
13 | <!--<el-button @click.native.prevent="handleReset2">重置</el-button>--> | ||
14 | </el-form-item> | ||
15 | </el-form> | ||
16 | </template> | ||
17 | |||
18 | <script> | ||
19 | import { requestLogin } from "../api/api"; | ||
20 | import NProgress from "nprogress"; | ||
21 | export default { | ||
22 | data() { | ||
23 | return { | ||
24 | logining: false, | ||
25 | ruleForm2: { | ||
26 | account: "admin", | ||
27 | checkPass: "123456" | ||
28 | }, | ||
29 | rules2: { | ||
30 | account: [ | ||
31 | { required: true, message: "请输入账号", trigger: "blur" } | ||
32 | //{ validator: validaePass } | ||
33 | ], | ||
34 | checkPass: [ | ||
35 | { required: true, message: "请输入密码", trigger: "blur" } | ||
36 | //{ validator: validaePass2 } | ||
37 | ] | ||
38 | }, | ||
39 | checked: true | ||
40 | }; | ||
41 | }, | ||
42 | methods: { | ||
43 | handleReset2() { | ||
44 | this.$refs.ruleForm2.resetFields(); | ||
45 | }, | ||
46 | handleSubmit2(ev) { | ||
47 | var _this = this | ||
48 | this.$refs.ruleForm2.validate(valid => { | ||
49 | if (valid) { | ||
50 | //_this.$router.replace('/table'); | ||
51 | // this.logining = true | ||
52 | // NProgress.start() | ||
53 | var loginParams = { | ||
54 | username: this.ruleForm2.account, | ||
55 | password: this.ruleForm2.checkPass | ||
56 | } | ||
57 | if ( | ||
58 | loginParams.username == 'admin' && | ||
59 | loginParams.password == '123456' | ||
60 | ) { | ||
61 | let user = loginParams | ||
62 | sessionStorage.setItem('user', JSON.stringify(user)) | ||
63 | this.$router.push({ path: "/" }) | ||
64 | } else { | ||
65 | this.$notify({ | ||
66 | title: '错误', | ||
67 | message: '密码错误', | ||
68 | type: 'error' | ||
69 | }) | ||
70 | } | ||
71 | // requestLogin(loginParams).then(data => { | ||
72 | // this.logining = false; | ||
73 | // NProgress.done(); | ||
74 | // let { msg, code, user } = data; | ||
75 | // if (code !== 200) { | ||
76 | // this.$notify({ | ||
77 | // title: "错误", | ||
78 | // message: msg, | ||
79 | // type: "error" | ||
80 | // }); | ||
81 | // } else { | ||
82 | // sessionStorage.setItem("user", JSON.stringify(user)); | ||
83 | // this.$router.push({ path: "/" }); | ||
84 | // } | ||
85 | // }); | ||
86 | } else { | ||
87 | console.log('error submit!!') | ||
88 | return false | ||
89 | } | ||
90 | }) | ||
91 | } | ||
92 | } | ||
93 | }; | ||
94 | </script> | ||
95 | |||
96 | <style lang="less" scoped> | ||
97 | .login-container { | ||
98 | -webkit-border-radius: 5px; | ||
99 | border-radius: 5px; | ||
100 | -moz-border-radius: 5px; | ||
101 | background-clip: padding-box; | ||
102 | margin-bottom: 20px; | ||
103 | background-color: #f9fafc; | ||
104 | margin: 180px auto; | ||
105 | border: 2px solid #8492a6; | ||
106 | width: 350px; | ||
107 | padding: 35px 35px 15px 35px; | ||
108 | .title { | ||
109 | margin: 0px auto 40px auto; | ||
110 | text-align: center; | ||
111 | color: #505458; | ||
112 | } | ||
113 | .remember { | ||
114 | margin: 0px 0px 35px 0px; | ||
115 | } | ||
116 | } | ||
117 | </style> |
src/pages/Main.vue
0 → 100755
src/pages/classroom/ArticleManager.vue
0 → 100644
1 | <template> | ||
2 | <div class="page"> | ||
3 | <!--工具条--> | ||
4 | <el-col :span="24" class="toolbar" style="padding-bottom: 0px;"> | ||
5 | <el-form> | ||
6 | <el-form-item> | ||
7 | <div class="tool-wrap fl"> | ||
8 | <el-select v-model="curClassify" placeholder="请选择" @change="HandleSelectChange"> | ||
9 | <el-option | ||
10 | v-for="(item,index) in totalData.classifyList" | ||
11 | :key="index" | ||
12 | :label="item.name" | ||
13 | :value="item.classify" | ||
14 | ></el-option> | ||
15 | </el-select> | ||
16 | <el-button @click="handleAdd()" v-if="true" type="primary">新增</el-button> | ||
17 | </div> | ||
18 | </el-form-item> | ||
19 | </el-form> | ||
20 | </el-col> | ||
21 | |||
22 | <!-- 列表 --> | ||
23 | <el-table | ||
24 | :data="totalData.dataList" | ||
25 | highlight-current-row | ||
26 | v-loading="listLoading" | ||
27 | style="width: 100%;" | ||
28 | > | ||
29 | <el-table-column prop="title" label="标题"></el-table-column> | ||
30 | <!-- <el-table-column prop="thumb" label="封面"></el-table-column> --> | ||
31 | <el-table-column label="封面图"> | ||
32 | <template slot-scope="scope"> | ||
33 | <img class="poster" :src="scope.row.thumb" alt> | ||
34 | </template> | ||
35 | </el-table-column> | ||
36 | <el-table-column prop="descript" label="描述"></el-table-column> | ||
37 | <el-table-column prop="url" label="链接地址"></el-table-column> | ||
38 | <!-- <el-table-column prop="content" label="文章内容"> | ||
39 | </el-table-column>--> | ||
40 | <el-table-column prop="months" label="月份" :formatter="formatterMonths"></el-table-column> | ||
41 | <el-table-column prop="tags" label="标签" :formatter="formatterTags"></el-table-column> | ||
42 | <el-table-column prop="pv" label="pv"></el-table-column> | ||
43 | <el-table-column prop="share" label="分享"></el-table-column> | ||
44 | |||
45 | <el-table-column label="操作" width="150"> | ||
46 | <template slot-scope="scope"> | ||
47 | <el-button size="small" @click="modifyHandler(scope.$index, scope.row)">修改</el-button> | ||
48 | <el-button size="small" type="danger" @click="deleteHandler(scope.$index, scope.row)">删除</el-button> | ||
49 | </template> | ||
50 | </el-table-column> | ||
51 | </el-table> | ||
52 | |||
53 | <!--编辑界面--> | ||
54 | <el-dialog :title="dialogTitle" :visible.sync="editFormVisible" :close-on-click-modal="false"> | ||
55 | <el-form :model="editForm" label-width="80px" :rules="editFormRules" ref="editForm"> | ||
56 | <el-form-item label="分类" prop="classify"> | ||
57 | <el-select | ||
58 | v-model="editForm.classify" | ||
59 | placeholder="请选择" | ||
60 | @change="HandleSelectDialogChange" | ||
61 | > | ||
62 | <el-option | ||
63 | v-for="(item,index) in totalData.classifyDialogList" | ||
64 | :key="index" | ||
65 | :label="item.name" | ||
66 | :value="item.classify" | ||
67 | ></el-option> | ||
68 | </el-select> | ||
69 | </el-form-item> | ||
70 | <el-form-item label="标题" prop="title"> | ||
71 | <el-input v-model="editForm.title"></el-input> | ||
72 | </el-form-item> | ||
73 | <el-form-item label="封面图" prop="thumb"> | ||
74 | <img class="upload-poster-image" v-show="editForm.thumb" :src="editForm.thumb" alt> | ||
75 | <upload-item pid="p1" v-on:upload-success="onUploadSuccess"></upload-item> | ||
76 | </el-form-item> | ||
77 | <el-form-item label="描述" prop="descript"> | ||
78 | <el-input v-model="editForm.descript"></el-input> | ||
79 | </el-form-item> | ||
80 | <el-form-item label="链接地址" prop="url"> | ||
81 | <el-input v-model="editForm.url"></el-input> | ||
82 | </el-form-item> | ||
83 | <el-form-item label="标签" prop="tags"> | ||
84 | <el-select | ||
85 | :disabled="editForm.classify == ''" | ||
86 | v-model="editForm.tags" | ||
87 | multiple | ||
88 | placeholder="请选择" | ||
89 | style="width:100%;" | ||
90 | > | ||
91 | <el-option | ||
92 | v-for="(item,index) in totalData.tagList" | ||
93 | :key="index" | ||
94 | :label="item.tag" | ||
95 | :value="item.tagCode" | ||
96 | ></el-option> | ||
97 | </el-select> | ||
98 | </el-form-item> | ||
99 | <el-form-item label="月龄" prop="months"> | ||
100 | <el-select v-model="editForm.months" multiple placeholder="请选择" style="width:100%;"> | ||
101 | <el-option v-for="(item,index) in months" :key="index" :label="item" :value="item"></el-option> | ||
102 | </el-select> | ||
103 | </el-form-item> | ||
104 | <!-- <el-form-item label="文章内容" prop="content"> | ||
105 | <el-input v-model="editForm.content"></el-input> | ||
106 | <quill-editor | ||
107 | class="quill" | ||
108 | v-model="editForm.content" | ||
109 | ref="quillEditor" | ||
110 | :options="editorOption" | ||
111 | @blur="onEditorBlur($event)" | ||
112 | @focus="onEditorFocus($event)" | ||
113 | @ready="onEditorReady($event)" | ||
114 | ></quill-editor> | ||
115 | </el-form-item>--> | ||
116 | <!-- 月份,是个数组 --> | ||
117 | <!-- <el-form-item label="月份" prop="months"> | ||
118 | <el-input v-model="editForm.months"></el-input> | ||
119 | </el-form-item>--> | ||
120 | </el-form> | ||
121 | <div slot="footer" class="dialog-footer"> | ||
122 | <el-button @click.native="editFormVisible = false">取消</el-button> | ||
123 | <el-button type="primary" @click.native="editSubmit" :loading="editLoading">提交</el-button> | ||
124 | </div> | ||
125 | </el-dialog> | ||
126 | |||
127 | <!--分页导航--> | ||
128 | <el-col :span="24" class="toolbar fl pagination-wrap"> | ||
129 | <div class="page-tips">总共{{total}}条记录,每页{{pageSize}}条,总共{{pageNum}}页</div> | ||
130 | <el-pagination | ||
131 | layout="prev, pager, next" | ||
132 | @current-change="handleCurrentChange" | ||
133 | :page-size="pageSize" | ||
134 | :total="total" | ||
135 | style="float:right;" | ||
136 | ></el-pagination> | ||
137 | </el-col> | ||
138 | </div> | ||
139 | </template> | ||
140 | |||
141 | <script> | ||
142 | import { | ||
143 | getClassifyList, | ||
144 | getArticleList, | ||
145 | saveArticle, | ||
146 | deleteArticle, | ||
147 | getTagList | ||
148 | } from '../../api/api.js' | ||
149 | import UploadItem from '../../components/UploadItem' | ||
150 | |||
151 | export default { | ||
152 | data() { | ||
153 | return { | ||
154 | key: 'value', | ||
155 | page: 1, | ||
156 | pageSize: 10, | ||
157 | total: 0, | ||
158 | totalData: { | ||
159 | dataList: [], | ||
160 | classifyList: [], | ||
161 | classifyDialogList: [], | ||
162 | tagList: [] | ||
163 | }, | ||
164 | listLoading: false, | ||
165 | editLoading: false, | ||
166 | editFormVisible: false, | ||
167 | dialogTitle: '编辑', | ||
168 | //编辑界面数据 | ||
169 | editForm: { | ||
170 | title: '', | ||
171 | thumb: '', | ||
172 | descript: '', | ||
173 | url: '', | ||
174 | content: '', | ||
175 | months: [], | ||
176 | tags: [], | ||
177 | contentType: '', | ||
178 | pv: '', | ||
179 | share: '', | ||
180 | classify: '' | ||
181 | }, | ||
182 | editFormRules: { | ||
183 | title: [ | ||
184 | { | ||
185 | required: true, | ||
186 | message: '请输入标题', | ||
187 | trigger: 'blur' | ||
188 | } | ||
189 | ], | ||
190 | thumb: [ | ||
191 | { | ||
192 | required: true, | ||
193 | message: '请输入封面图', | ||
194 | trigger: 'blur' | ||
195 | } | ||
196 | ], | ||
197 | descript: [ | ||
198 | { | ||
199 | required: true, | ||
200 | message: '请输入描述', | ||
201 | trigger: 'blur' | ||
202 | } | ||
203 | ], | ||
204 | url: [ | ||
205 | { | ||
206 | required: true, | ||
207 | message: '请输入文章连接', | ||
208 | trigger: 'blur' | ||
209 | } | ||
210 | ], | ||
211 | tags: [ | ||
212 | { | ||
213 | required: true, | ||
214 | message: '请选择标签', | ||
215 | trigger: 'change' | ||
216 | } | ||
217 | ], | ||
218 | months: [ | ||
219 | { | ||
220 | required: true, | ||
221 | message: '请选择月龄', | ||
222 | trigger: 'change' | ||
223 | } | ||
224 | ], | ||
225 | |||
226 | classify: [{ required: true, message: '请选择分类', trigger: 'blur' }] | ||
227 | }, | ||
228 | curClassify: '', | ||
229 | editorOption: { | ||
230 | /* quill options */ | ||
231 | }, | ||
232 | months: [] | ||
233 | } | ||
234 | }, | ||
235 | computed: { | ||
236 | pageNum() { | ||
237 | return Math.ceil(this.total / this.pageSize) | ||
238 | }, | ||
239 | editor() { | ||
240 | return this.$refs.myQuillEditor.quill | ||
241 | } | ||
242 | }, | ||
243 | methods: { | ||
244 | name() {}, | ||
245 | onUploadSuccess(evtAny) { | ||
246 | let { pid, url } = evtAny | ||
247 | if (pid == 'p1') { | ||
248 | this.$set(this.editForm, 'thumb', url) | ||
249 | } else if (pid == 'v1') { | ||
250 | // this.$set(this.editForm, 'vedioUrl', url) | ||
251 | } | ||
252 | }, | ||
253 | formatterMonths(row, column) { | ||
254 | let result = row.months | ||
255 | return result.join(',') | ||
256 | }, | ||
257 | formatterTags(row, column) { | ||
258 | let result = [] | ||
259 | row.tags.forEach((element, idx) => { | ||
260 | this.totalData.tagList.forEach((element2, idx2) => { | ||
261 | if (element == element2.tagCode) { | ||
262 | result.push(element2.tag) | ||
263 | } | ||
264 | }) | ||
265 | }) | ||
266 | return result.join(',') | ||
267 | }, | ||
268 | // 获取列表 | ||
269 | reqQuery() { | ||
270 | let data = { | ||
271 | page: this.page, | ||
272 | size: this.pageSize, | ||
273 | classify: this.curClassify | ||
274 | } | ||
275 | getArticleList(data).then(result => { | ||
276 | let { content, code } = result | ||
277 | let { list, total } = content | ||
278 | this.total = total | ||
279 | this.$set(this.totalData, 'dataList', list) | ||
280 | }) | ||
281 | // getTagList(data).then(result => { | ||
282 | // let { content, code } = result | ||
283 | // let { list, total } = content | ||
284 | // this.total = total | ||
285 | // this.$set(this.totalData, 'tagList', list) | ||
286 | // }) | ||
287 | }, | ||
288 | // 获取分类列表 | ||
289 | reqGetClassifyList() { | ||
290 | let data = {} | ||
291 | getClassifyList(data) | ||
292 | .then(result => { | ||
293 | let { content, code } = result | ||
294 | this.$set(this.totalData, 'classifyDialogList', content) | ||
295 | //深复制 | ||
296 | let content2 = Object.assign([], content) | ||
297 | content2.unshift({ | ||
298 | classify: '', | ||
299 | dispayType: '', | ||
300 | name: '全部' | ||
301 | }) | ||
302 | this.$set(this.totalData, 'classifyList', content2) | ||
303 | this.reqQuery() | ||
304 | }) | ||
305 | .catch(err => {}) | ||
306 | }, | ||
307 | // 获取话题列表 | ||
308 | reqTagList() { | ||
309 | let data = { | ||
310 | classify: this.editForm.classify | ||
311 | } | ||
312 | console.log('this.curClassify:', this.curClassify) | ||
313 | getTagList(data).then(result => { | ||
314 | let { content, code } = result | ||
315 | let { list, total } = content | ||
316 | this.total = total | ||
317 | console.log('list:', list) | ||
318 | this.$set(this.totalData, 'tagList', list) | ||
319 | }) | ||
320 | }, | ||
321 | // 修改 显示修改对话框 | ||
322 | modifyHandler(index, row) { | ||
323 | this.$set(this.totalData, 'tagList', []) | ||
324 | this.dialogTitle = '修改' | ||
325 | try { | ||
326 | this.$refs['editForm'].resetFields() | ||
327 | } catch (error) {} | ||
328 | this.editFormVisible = true | ||
329 | this.editForm = Object.assign({}, row) | ||
330 | this.reqTagList() | ||
331 | console.log('editForm:', this.editForm) | ||
332 | }, | ||
333 | deleteHandler(index, row) { | ||
334 | let data = { | ||
335 | articleCode: row.articleCode | ||
336 | } | ||
337 | console.log('deleteHandler data:', data) | ||
338 | this.$confirm('确认删除吗?', '提示', {}).then(() => { | ||
339 | deleteArticle(data) | ||
340 | .then(result => { | ||
341 | let { code, content } = result | ||
342 | if (code == 200) { | ||
343 | this.$notify({ | ||
344 | title: '成功', | ||
345 | message: '删除成功', | ||
346 | type: 'success' | ||
347 | }) | ||
348 | } else { | ||
349 | } | ||
350 | this.editFormVisible = false | ||
351 | this.reqQuery() | ||
352 | }) | ||
353 | .catch(err => {}) | ||
354 | }) | ||
355 | }, | ||
356 | // 新增 | ||
357 | handleAdd() { | ||
358 | this.editForm = { | ||
359 | title: '', | ||
360 | thumb: '', | ||
361 | descript: '', | ||
362 | url: '', | ||
363 | content: '', | ||
364 | months: [], | ||
365 | tags: [], | ||
366 | contentType: '1', | ||
367 | pv: '', | ||
368 | share: '', | ||
369 | classify: '' | ||
370 | } | ||
371 | try { | ||
372 | this.$refs['editForm'].resetFields() | ||
373 | } catch (error) {} | ||
374 | this.editFormVisible = true | ||
375 | this.dialogTitle = '新增' | ||
376 | }, | ||
377 | // 提交 新增/修改 | ||
378 | editSubmit() { | ||
379 | let data = this.editForm | ||
380 | // 默认传1 | ||
381 | if (!data.contentType) data.contentType = '1' | ||
382 | this.$refs.editForm.validate(valid => { | ||
383 | if (valid) { | ||
384 | this.editLoading = true | ||
385 | saveArticle(data) | ||
386 | .then(result => { | ||
387 | let { code, content } = result | ||
388 | if (code == 200) { | ||
389 | this.$notify({ | ||
390 | title: '成功', | ||
391 | message: '提交成功', | ||
392 | type: 'success' | ||
393 | }) | ||
394 | } else { | ||
395 | } | ||
396 | this.editLoading = false | ||
397 | this.editFormVisible = false | ||
398 | this.reqQuery() | ||
399 | }) | ||
400 | .catch(err => {}) | ||
401 | } | ||
402 | }) | ||
403 | }, | ||
404 | // 点击页数 | ||
405 | handleCurrentChange(val) { | ||
406 | this.page = val | ||
407 | this.reqQuery() | ||
408 | }, | ||
409 | HandleSelectChange() { | ||
410 | this.reqQuery() | ||
411 | }, | ||
412 | // 编辑时选择分类 | ||
413 | HandleSelectDialogChange() { | ||
414 | this.editForm.tags = [] | ||
415 | this.reqTagList() | ||
416 | }, | ||
417 | // 富文本响应事件 | ||
418 | onEditorBlur(quill) { | ||
419 | console.log('editor blur!', quill) | ||
420 | }, | ||
421 | onEditorFocus(quill) { | ||
422 | console.log('editor focus!', quill) | ||
423 | }, | ||
424 | onEditorReady(quill) { | ||
425 | console.log('editor ready!', quill) | ||
426 | } | ||
427 | }, | ||
428 | |||
429 | created() { | ||
430 | this.reqGetClassifyList() | ||
431 | for (let index = 0; index < 37; index++) { | ||
432 | this.months.push(index + '') | ||
433 | } | ||
434 | }, | ||
435 | components: { | ||
436 | UploadItem | ||
437 | } | ||
438 | } | ||
439 | </script> | ||
440 | |||
441 | <style lang="less" scoped> | ||
442 | // @import '../../styles/element-ui.less'; | ||
443 | |||
444 | .tool-wrap { | ||
445 | color: #333333; | ||
446 | } | ||
447 | |||
448 | .pagination-wrap { | ||
449 | .page-tips { | ||
450 | height: 32px; | ||
451 | line-height: 32px; | ||
452 | color: #333333; | ||
453 | } | ||
454 | } | ||
455 | |||
456 | .fl { | ||
457 | display: flex; | ||
458 | justify-content: space-between; | ||
459 | } | ||
460 | |||
461 | .fle { | ||
462 | display: flex; | ||
463 | justify-content: flex-end; | ||
464 | } | ||
465 | |||
466 | .quill { | ||
467 | } | ||
468 | </style> |
src/pages/classroom/BannerManager.vue
0 → 100644
1 | <template> | ||
2 | <div> | ||
3 | <!--工具条--> | ||
4 | <el-col :span="24" class="toolbar" style="padding-bottom: 0px;"> | ||
5 | <el-form> | ||
6 | <el-form-item> | ||
7 | <div class="tool-wrap fl"> | ||
8 | <el-select | ||
9 | v-model="curClassify" | ||
10 | placeholder="请选择" | ||
11 | @change="HandleSelectChange" | ||
12 | > | ||
13 | <el-option | ||
14 | v-for="(item,index) in totalData.classifyList" | ||
15 | :key="index" | ||
16 | :label="item.name" | ||
17 | :value="item.classify" | ||
18 | ></el-option> | ||
19 | </el-select> | ||
20 | <el-button @click="handleAdd()" v-if="true" type="primary">新增</el-button> | ||
21 | </div> | ||
22 | </el-form-item> | ||
23 | </el-form> | ||
24 | </el-col> | ||
25 | |||
26 | <!-- 列表 --> | ||
27 | <el-table | ||
28 | :data="totalData.dataList" | ||
29 | highlight-current-row | ||
30 | v-loading="listLoading" | ||
31 | style="width: 100%;" | ||
32 | > | ||
33 | <el-table-column label="缩略图"> | ||
34 | <template slot-scope="scope"> | ||
35 | <img class="poster" :src="scope.row.bannerPic" alt> | ||
36 | </template> | ||
37 | </el-table-column> | ||
38 | <el-table-column prop="link" label="跳转链接"></el-table-column> | ||
39 | |||
40 | <el-table-column label="操作" :width="curClassify ? 300 : 150"> | ||
41 | <template slot-scope="scope"> | ||
42 | <el-button | ||
43 | v-if="curClassify" | ||
44 | size="small" | ||
45 | @click="upHandler(scope.$index, scope.row)" | ||
46 | >上移</el-button> | ||
47 | <el-button | ||
48 | v-if="curClassify" | ||
49 | size="small" | ||
50 | @click="downHandler(scope.$index, scope.row)" | ||
51 | >下移</el-button> | ||
52 | <el-button size="small" @click="modifyHandler(scope.$index, scope.row)">修改</el-button> | ||
53 | <el-button | ||
54 | size="small" | ||
55 | type="danger" | ||
56 | @click="deleteHandler(scope.$index, scope.row)" | ||
57 | >删除</el-button> | ||
58 | </template> | ||
59 | </el-table-column> | ||
60 | </el-table> | ||
61 | |||
62 | <!--编辑界面--> | ||
63 | <el-dialog | ||
64 | :title="dialogTitle" | ||
65 | :visible.sync="editFormVisible" | ||
66 | :close-on-click-modal="false" | ||
67 | > | ||
68 | <el-form :model="editForm" label-width="80px" :rules="editFormRules" ref="editForm"> | ||
69 | <el-form-item label="分类" prop="classify"> | ||
70 | <el-select | ||
71 | v-model="editForm.classify" | ||
72 | placeholder="请选择" | ||
73 | @change="HandleSelectDialogChange" | ||
74 | > | ||
75 | <el-option | ||
76 | v-for="(item,index) in totalData.classifyDialogList" | ||
77 | :key="index" | ||
78 | :label="item.name" | ||
79 | :value="item.classify" | ||
80 | ></el-option> | ||
81 | </el-select> | ||
82 | </el-form-item> | ||
83 | <el-form-item label="头图" prop="pic"> | ||
84 | <img | ||
85 | class="upload-poster-image" | ||
86 | v-show="editForm.bannerPic" | ||
87 | :src="editForm.bannerPic" | ||
88 | alt | ||
89 | > | ||
90 | <upload-item pid="p1" v-on:upload-success="onUploadSuccess"></upload-item> | ||
91 | <!-- <el-input v-model="editForm.pic"></el-input> --> | ||
92 | </el-form-item> | ||
93 | |||
94 | <el-form-item label="跳转链接" prop="link"> | ||
95 | <el-input v-model="editForm.link"></el-input> | ||
96 | </el-form-item> | ||
97 | </el-form> | ||
98 | <div slot="footer" class="dialog-footer"> | ||
99 | <el-button @click.native="editFormVisible = false">取消</el-button> | ||
100 | <el-button type="primary" @click.native="editSubmit" :loading="editLoading">提交</el-button> | ||
101 | </div> | ||
102 | </el-dialog> | ||
103 | |||
104 | <!--分页导航--> | ||
105 | <el-col :span="24" class="toolbar fl pagination-wrap"> | ||
106 | <div class="page-tips">总共{{total}}条记录,每页{{pageSize}}条,总共{{pageNum}}页</div> | ||
107 | <el-pagination | ||
108 | layout="prev, pager, next" | ||
109 | @current-change="handleCurrentChange" | ||
110 | :page-size="pageSize" | ||
111 | :total="total" | ||
112 | style="float:right;" | ||
113 | ></el-pagination> | ||
114 | </el-col> | ||
115 | </div> | ||
116 | </template> | ||
117 | |||
118 | <script> | ||
119 | import { | ||
120 | getClassifyList, | ||
121 | getBannerList, | ||
122 | saveBanner, | ||
123 | deleteBanner, | ||
124 | changeBanner | ||
125 | } from '../../api/api.js' | ||
126 | import UploadItem from '../../components/UploadItem' | ||
127 | |||
128 | export default { | ||
129 | data() { | ||
130 | return { | ||
131 | key: 'value', | ||
132 | page: 1, | ||
133 | pageSize: 10, | ||
134 | total: 0, | ||
135 | totalData: { | ||
136 | dataList: [], | ||
137 | classifyList: [], | ||
138 | classifyDialogList: [] | ||
139 | }, | ||
140 | listLoading: false, | ||
141 | editLoading: false, | ||
142 | editFormVisible: false, | ||
143 | dialogTitle: '编辑', | ||
144 | //编辑界面数据 | ||
145 | editForm: { | ||
146 | bannerPic: '', | ||
147 | link: '', | ||
148 | classify: '' | ||
149 | }, | ||
150 | editFormRules: { | ||
151 | bannerPic: [ | ||
152 | { | ||
153 | required: true, | ||
154 | message: '请输入头图地址', | ||
155 | trigger: 'blur' | ||
156 | } | ||
157 | ], | ||
158 | link: [ | ||
159 | { | ||
160 | required: true, | ||
161 | message: '请输入跳转链接', | ||
162 | trigger: 'blur' | ||
163 | } | ||
164 | ], | ||
165 | classify: [ | ||
166 | { required: true, message: '请选择分类', trigger: 'blur' } | ||
167 | ] | ||
168 | }, | ||
169 | curClassify: '' | ||
170 | } | ||
171 | }, | ||
172 | computed: { | ||
173 | pageNum() { | ||
174 | return Math.ceil(this.total / this.pageSize) | ||
175 | } | ||
176 | }, | ||
177 | methods: { | ||
178 | name() {}, | ||
179 | onUploadSuccess(evtAny) { | ||
180 | let { pid, url } = evtAny | ||
181 | if (pid == 'p1') { | ||
182 | this.$set(this.editForm, 'bannerPic', url) | ||
183 | } else if (pid == 'v1') { | ||
184 | // this.$set(this.editForm, 'vedioUrl', url) | ||
185 | } | ||
186 | }, | ||
187 | // 获取列表 | ||
188 | reqQuery() { | ||
189 | let data = { | ||
190 | page: this.page, | ||
191 | size: this.pageSize, | ||
192 | classify: this.curClassify | ||
193 | } | ||
194 | getBannerList(data).then(result => { | ||
195 | let { content, code } = result | ||
196 | let { list, total } = content | ||
197 | this.total = total | ||
198 | this.$set(this.totalData, 'dataList', list) | ||
199 | console.log('this.totalData:', this.totalData.dataList) | ||
200 | }) | ||
201 | }, | ||
202 | reqGetClassifyList() { | ||
203 | let data = {} | ||
204 | getClassifyList(data) | ||
205 | .then(result => { | ||
206 | let { content, code } = result | ||
207 | this.$set(this.totalData, 'classifyDialogList', content) | ||
208 | //深复制 | ||
209 | let content2 = Object.assign([], content) | ||
210 | content2.unshift({ | ||
211 | classify: '', | ||
212 | dispayType: '', | ||
213 | name: '全部' | ||
214 | }) | ||
215 | this.$set(this.totalData, 'classifyList', content2) | ||
216 | this.reqQuery() | ||
217 | }) | ||
218 | .catch(err => {}) | ||
219 | }, | ||
220 | upHandler(index, row) { | ||
221 | let lastItem = this.totalData.dataList[index - 1] | ||
222 | let curItem = this.totalData.dataList[index] | ||
223 | this.changeDataHandler(lastItem, curItem) | ||
224 | }, | ||
225 | downHandler(index, row) { | ||
226 | let lastItem = this.totalData.dataList[index + 1] | ||
227 | let curItem = this.totalData.dataList[index] | ||
228 | this.changeDataHandler(lastItem, curItem) | ||
229 | }, | ||
230 | changeDataHandler(lastItem, curItem) { | ||
231 | console.log('lastItem:', lastItem) | ||
232 | console.log('curItem:', curItem) | ||
233 | if (lastItem && curItem) { | ||
234 | let data = { | ||
235 | lbc: lastItem.bannerCode, | ||
236 | rbc: curItem.bannerCode | ||
237 | } | ||
238 | changeBanner(data) | ||
239 | .then(result => { | ||
240 | this.$notify({ | ||
241 | title: '成功', | ||
242 | message: '操作成功', | ||
243 | type: 'success' | ||
244 | }) | ||
245 | this.reqQuery() | ||
246 | }) | ||
247 | .catch(err => {}) | ||
248 | } | ||
249 | }, | ||
250 | |||
251 | // 修改 显示修改对话框 | ||
252 | modifyHandler(index, row) { | ||
253 | this.dialogTitle = '修改' | ||
254 | this.editFormVisible = true | ||
255 | try { | ||
256 | this.$refs['editForm'].resetFields() | ||
257 | } catch (error) {} | ||
258 | this.editForm = Object.assign({}, row) | ||
259 | }, | ||
260 | deleteHandler(index, row) { | ||
261 | let data = { | ||
262 | bannerCode: row.bannerCode | ||
263 | } | ||
264 | console.log('deleteHandler data:', data) | ||
265 | this.$confirm('确认删除吗?', '提示', {}).then(() => { | ||
266 | deleteBanner(data) | ||
267 | .then(result => { | ||
268 | let { code, content } = result | ||
269 | if (code == 200) { | ||
270 | this.$notify({ | ||
271 | title: '成功', | ||
272 | message: '删除成功', | ||
273 | type: 'success' | ||
274 | }) | ||
275 | } else { | ||
276 | } | ||
277 | this.editFormVisible = false | ||
278 | this.reqQuery() | ||
279 | }) | ||
280 | .catch(err => {}) | ||
281 | }) | ||
282 | }, | ||
283 | // 新增 | ||
284 | handleAdd() { | ||
285 | this.editForm = { | ||
286 | bannerCode: '', | ||
287 | bannerPic: '', | ||
288 | link: '', | ||
289 | linkType: '', | ||
290 | classify: '' | ||
291 | } | ||
292 | try { | ||
293 | this.$refs['editForm'].resetFields() | ||
294 | } catch (error) {} | ||
295 | this.editFormVisible = true | ||
296 | this.dialogTitle = '新增' | ||
297 | }, | ||
298 | // 提交 新增/修改 | ||
299 | editSubmit() { | ||
300 | let data = this.editForm | ||
301 | this.$refs.editForm.validate(valid => { | ||
302 | if (valid) { | ||
303 | this.editLoading = true | ||
304 | saveBanner(data) | ||
305 | .then(result => { | ||
306 | let { code, content } = result | ||
307 | if (code == 200) { | ||
308 | this.$notify({ | ||
309 | title: '成功', | ||
310 | message: '提交成功', | ||
311 | type: 'success' | ||
312 | }) | ||
313 | } else { | ||
314 | } | ||
315 | this.editLoading = false | ||
316 | this.editFormVisible = false | ||
317 | this.reqQuery() | ||
318 | }) | ||
319 | .catch(err => {}) | ||
320 | } | ||
321 | }) | ||
322 | }, | ||
323 | // 点击页数 | ||
324 | handleCurrentChange(val) { | ||
325 | this.page = val | ||
326 | this.reqQuery() | ||
327 | }, | ||
328 | HandleSelectChange() { | ||
329 | this.reqQuery() | ||
330 | }, | ||
331 | // 编辑时选择分类 | ||
332 | HandleSelectDialogChange() {} | ||
333 | }, | ||
334 | |||
335 | created() { | ||
336 | this.reqGetClassifyList() | ||
337 | }, | ||
338 | components: { | ||
339 | UploadItem | ||
340 | } | ||
341 | } | ||
342 | </script> | ||
343 | |||
344 | <style lang="less" scoped> | ||
345 | .tool-wrap { | ||
346 | color: #333333; | ||
347 | } | ||
348 | |||
349 | .pagination-wrap { | ||
350 | .page-tips { | ||
351 | height: 32px; | ||
352 | line-height: 32px; | ||
353 | color: #333333; | ||
354 | } | ||
355 | } | ||
356 | |||
357 | .fl { | ||
358 | display: flex; | ||
359 | justify-content: space-between; | ||
360 | } | ||
361 | |||
362 | .fle { | ||
363 | display: flex; | ||
364 | justify-content: flex-end; | ||
365 | } | ||
366 | |||
367 | </style> |
src/pages/classroom/TagManager.vue
0 → 100644
1 | <template> | ||
2 | <div> | ||
3 | <!--工具条--> | ||
4 | <el-col :span="24" class="toolbar" style="padding-bottom: 0px;"> | ||
5 | <el-form> | ||
6 | <el-form-item> | ||
7 | <div class="tool-wrap fl"> | ||
8 | <el-select | ||
9 | v-model="curClassify" | ||
10 | placeholder="请选择" | ||
11 | @change="HandleSelectChange" | ||
12 | > | ||
13 | <el-option | ||
14 | v-for="(item,index) in totalData.classifyList" | ||
15 | :key="index" | ||
16 | :label="item.name" | ||
17 | :value="item.classify" | ||
18 | ></el-option> | ||
19 | </el-select> | ||
20 | <el-button @click="handleAdd()" v-if="true" type="primary">新增</el-button> | ||
21 | </div> | ||
22 | </el-form-item> | ||
23 | </el-form> | ||
24 | </el-col> | ||
25 | |||
26 | <!-- 列表 --> | ||
27 | <el-table | ||
28 | :data="totalData.dataList" | ||
29 | highlight-current-row | ||
30 | v-loading="listLoading" | ||
31 | style="width: 100%;" | ||
32 | > | ||
33 | <el-table-column prop="tag" label="话题"></el-table-column> | ||
34 | <el-table-column label="操作" width="150"> | ||
35 | <template slot-scope="scope"> | ||
36 | <el-button size="small" @click="modifyHandler(scope.$index, scope.row)">修改</el-button> | ||
37 | <el-button | ||
38 | size="small" | ||
39 | type="danger" | ||
40 | @click="deleteHandler(scope.$index, scope.row)" | ||
41 | >删除</el-button> | ||
42 | </template> | ||
43 | </el-table-column> | ||
44 | </el-table> | ||
45 | |||
46 | <!--编辑界面--> | ||
47 | <el-dialog | ||
48 | :title="dialogTitle" | ||
49 | :visible.sync="editFormVisible" | ||
50 | :close-on-click-modal="false" | ||
51 | > | ||
52 | <el-form :model="editForm" label-width="80px" :rules="editFormRules" ref="editForm"> | ||
53 | <el-form-item label="分类" prop="classify"> | ||
54 | <el-select | ||
55 | v-model="editForm.classify" | ||
56 | placeholder="请选择" | ||
57 | @change="HandleSelectDialogChange" | ||
58 | > | ||
59 | <el-option | ||
60 | v-for="(item,index) in totalData.classifyDialogList" | ||
61 | :key="index" | ||
62 | :label="item.name" | ||
63 | :value="item.classify" | ||
64 | ></el-option> | ||
65 | </el-select> | ||
66 | </el-form-item> | ||
67 | |||
68 | <el-form-item label="话题" prop="tag"> | ||
69 | <el-input v-model="editForm.tag"></el-input> | ||
70 | </el-form-item> | ||
71 | </el-form> | ||
72 | <div slot="footer" class="dialog-footer"> | ||
73 | <el-button @click.native="editFormVisible = false">取消</el-button> | ||
74 | <el-button type="primary" @click.native="editSubmit" :loading="editLoading">提交</el-button> | ||
75 | </div> | ||
76 | </el-dialog> | ||
77 | |||
78 | <!--分页导航--> | ||
79 | <el-col :span="24" class="toolbar fl pagination-wrap"> | ||
80 | <div class="page-tips">总共{{total}}条记录,每页{{pageSize}}条,总共{{pageNum}}页</div> | ||
81 | <el-pagination | ||
82 | layout="prev, pager, next" | ||
83 | @current-change="handleCurrentChange" | ||
84 | :page-size="pageSize" | ||
85 | :total="total" | ||
86 | style="float:right;" | ||
87 | ></el-pagination> | ||
88 | </el-col> | ||
89 | </div> | ||
90 | </template> | ||
91 | |||
92 | <script> | ||
93 | import { | ||
94 | getClassifyList, | ||
95 | getTagList, | ||
96 | saveTag, | ||
97 | deleteTag | ||
98 | } from '../../api/api.js' | ||
99 | |||
100 | export default { | ||
101 | data() { | ||
102 | return { | ||
103 | key: 'value', | ||
104 | page: 1, | ||
105 | pageSize: 10, | ||
106 | total: 0, | ||
107 | totalData: { | ||
108 | dataList: [], | ||
109 | classifyList: [], | ||
110 | classifyDialogList: [] | ||
111 | }, | ||
112 | listLoading: false, | ||
113 | editLoading: false, | ||
114 | editFormVisible: false, | ||
115 | dialogTitle: '编辑', | ||
116 | //编辑界面数据 | ||
117 | editForm: { | ||
118 | tag: '', | ||
119 | classify: '' | ||
120 | }, | ||
121 | editFormRules: { | ||
122 | tag: [ | ||
123 | { required: true, message: '请输入话题', trigger: 'blur' } | ||
124 | ], | ||
125 | classify: [ | ||
126 | { required: true, message: '请选择分类', trigger: 'blur' } | ||
127 | ] | ||
128 | }, | ||
129 | curClassify: '' | ||
130 | } | ||
131 | }, | ||
132 | computed: { | ||
133 | pageNum() { | ||
134 | return Math.ceil(this.total / this.pageSize) | ||
135 | } | ||
136 | }, | ||
137 | methods: { | ||
138 | name() {}, | ||
139 | // 获取列表 | ||
140 | reqQuery() { | ||
141 | let data = { | ||
142 | page: this.page, | ||
143 | size: this.pageSize, | ||
144 | classify: this.curClassify | ||
145 | } | ||
146 | getTagList(data).then(result => { | ||
147 | let { content, code } = result | ||
148 | let { list, total } = content | ||
149 | this.total = total | ||
150 | this.$set(this.totalData, 'dataList', list) | ||
151 | console.log('this.totalData:', this.totalData.dataList) | ||
152 | }) | ||
153 | }, | ||
154 | reqGetClassifyList() { | ||
155 | let data = {} | ||
156 | getClassifyList(data) | ||
157 | .then(result => { | ||
158 | let { content, code } = result | ||
159 | this.$set(this.totalData, 'classifyDialogList', content) | ||
160 | //深复制 | ||
161 | let content2 = Object.assign([], content) | ||
162 | content2.unshift({ | ||
163 | classify: '', | ||
164 | dispayType: '', | ||
165 | name: '全部' | ||
166 | }) | ||
167 | this.$set(this.totalData, 'classifyList', content2) | ||
168 | this.reqQuery() | ||
169 | }) | ||
170 | .catch(err => {}) | ||
171 | }, | ||
172 | // 修改 显示修改对话框 | ||
173 | modifyHandler(index, row) { | ||
174 | this.dialogTitle = '修改' | ||
175 | try { | ||
176 | this.$refs['editForm'].resetFields() | ||
177 | } catch (error) {} | ||
178 | this.editFormVisible = true | ||
179 | this.editForm = Object.assign({}, row) | ||
180 | }, | ||
181 | deleteHandler(index, row) { | ||
182 | let data = { | ||
183 | tagCode: row.tagCode | ||
184 | } | ||
185 | this.$confirm('确认删除吗?', '提示', {}).then(() => { | ||
186 | deleteTag(data) | ||
187 | .then(result => { | ||
188 | let { code, content } = result | ||
189 | if (code == 200) { | ||
190 | this.$notify({ | ||
191 | title: '成功', | ||
192 | message: '删除成功', | ||
193 | type: 'success' | ||
194 | }) | ||
195 | } else { | ||
196 | } | ||
197 | this.editFormVisible = false | ||
198 | this.reqQuery() | ||
199 | }) | ||
200 | .catch(err => {}) | ||
201 | }) | ||
202 | }, | ||
203 | // 新增 | ||
204 | handleAdd() { | ||
205 | this.editForm = { | ||
206 | tagCode: '', | ||
207 | tag: '', | ||
208 | classify: '' | ||
209 | } | ||
210 | try { | ||
211 | this.$refs['editForm'].resetFields() | ||
212 | } catch (error) {} | ||
213 | this.editFormVisible = true | ||
214 | this.dialogTitle = '新增' | ||
215 | }, | ||
216 | // 提交 新增/修改 | ||
217 | editSubmit() { | ||
218 | let data = this.editForm | ||
219 | this.$refs.editForm.validate(valid => { | ||
220 | if (valid) { | ||
221 | this.editLoading = true | ||
222 | saveTag(data) | ||
223 | .then(result => { | ||
224 | let { code, content } = result | ||
225 | if (code == 200) { | ||
226 | this.$notify({ | ||
227 | title: '成功', | ||
228 | message: '提交成功', | ||
229 | type: 'success' | ||
230 | }) | ||
231 | } else { | ||
232 | } | ||
233 | this.editLoading = false | ||
234 | this.editFormVisible = false | ||
235 | this.reqQuery() | ||
236 | }) | ||
237 | .catch(err => {}) | ||
238 | } | ||
239 | }) | ||
240 | }, | ||
241 | // 点击页数 | ||
242 | handleCurrentChange(val) { | ||
243 | this.page = val | ||
244 | this.reqQuery() | ||
245 | }, | ||
246 | HandleSelectChange() { | ||
247 | this.reqQuery() | ||
248 | }, | ||
249 | // 编辑时选择分类 | ||
250 | HandleSelectDialogChange() {} | ||
251 | }, | ||
252 | |||
253 | created() { | ||
254 | this.reqGetClassifyList() | ||
255 | } | ||
256 | } | ||
257 | </script> | ||
258 | |||
259 | <style lang="less" scoped> | ||
260 | .tool-wrap { | ||
261 | color: #333333; | ||
262 | } | ||
263 | |||
264 | .pagination-wrap { | ||
265 | .page-tips { | ||
266 | height: 32px; | ||
267 | line-height: 32px; | ||
268 | color: #333333; | ||
269 | } | ||
270 | } | ||
271 | |||
272 | .fl { | ||
273 | display: flex; | ||
274 | justify-content: space-between; | ||
275 | } | ||
276 | |||
277 | .fle { | ||
278 | display: flex; | ||
279 | justify-content: flex-end; | ||
280 | } | ||
281 | |||
282 | </style> |
src/pages/dashboard/Dashboard.vue
0 → 100644
1 | <template> | ||
2 | <div class="page-container"> | ||
3 | |||
4 | <!-- 搜索 --> | ||
5 | <div class="tool-wrap"> | ||
6 | <div> | ||
7 | <el-form :inline="true" :model="filters"> | ||
8 | <el-form-item> | ||
9 | <el-date-picker @change="changeHandler()" v-model="filters.date" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" :picker-options="pickerOptions2"> | ||
10 | </el-date-picker> | ||
11 | </el-form-item> | ||
12 | <el-form-item> | ||
13 | <el-button type="primary" v-on:click="postDashboardQuery">查询</el-button> | ||
14 | </el-form-item> | ||
15 | <el-form-item> | ||
16 | <el-button type="primary" v-on:click="onExportHandler">导出</el-button> | ||
17 | </el-form-item> | ||
18 | </el-form> | ||
19 | </div> | ||
20 | </div> | ||
21 | |||
22 | <div class="mp-app" v-for="(item,index) in totalData" :key="index"> | ||
23 | <!-- 标题 --> | ||
24 | <div class="title mb20">{{item.projectName}}</div> | ||
25 | <!-- 概览 --> | ||
26 | |||
27 | <div class="table-tit">概览</div> | ||
28 | <el-row :gutter="20" class="base-overview"> | ||
29 | <el-col :span="8"> | ||
30 | <div class="base-overview-item"> | ||
31 | <div class="num-wrap"> | ||
32 | <div> | ||
33 | <span class="num1">{{item.today.uv}}</span> | ||
34 | <span class="num3"> / {{item.today.pv}}</span> | ||
35 | </div> | ||
36 | <div class="num2">今日 | ||
37 | <span class="num4">(uv/pv)</span> | ||
38 | </div> | ||
39 | </div> | ||
40 | <div class="icon-wrap"> | ||
41 | <i class="fa fa-users fa-2x" aria-hidden="true"></i> | ||
42 | </div> | ||
43 | </div> | ||
44 | </el-col> | ||
45 | <el-col :span="8"> | ||
46 | <div class="base-overview-item"> | ||
47 | <div class="num-wrap"> | ||
48 | <div> | ||
49 | <span class="num1">{{item.yesterday.uv}}</span> | ||
50 | <span class="num3"> / {{item.yesterday.pv}}</span> | ||
51 | </div> | ||
52 | <div class="num2">昨天 | ||
53 | <span class="num4">(uv/pv)</span> | ||
54 | </div> | ||
55 | </div> | ||
56 | <div class="icon-wrap"> | ||
57 | <i class="fa fa-users fa-2x" aria-hidden="true"></i> | ||
58 | </div> | ||
59 | </div> | ||
60 | </el-col> | ||
61 | <el-col :span="8"> | ||
62 | <div class="base-overview-item"> | ||
63 | <div class="num-wrap"> | ||
64 | <div> | ||
65 | <span class="num1">{{item.total.uv}}</span> | ||
66 | <span class="num3"> / {{item.total.pv}}</span> | ||
67 | </div> | ||
68 | <div class="num2">总数 | ||
69 | <span class="num4">(uv/pv)</span> | ||
70 | </div> | ||
71 | </div> | ||
72 | <div class="icon-wrap"> | ||
73 | <i class="fa fa-users fa-2x" aria-hidden="true"></i> | ||
74 | </div> | ||
75 | </div> | ||
76 | </el-col> | ||
77 | </el-row> | ||
78 | |||
79 | <!-- 页面表格 --> | ||
80 | <div class="table-tit">页面统计明细 | ||
81 | <span class="tips">(uv/pv)</span> | ||
82 | </div> | ||
83 | <el-table :data="pagesListProp[index]" highlight-current-row v-loading="listLoading" style="width: 100%;margin-bottom:60px;"> | ||
84 | |||
85 | <el-table-column :prop="getObjKey(pagesListProp[index][0],pindex)" :fixed="pindex==0" :label="pindex==0 ? '页面名称' : getObjKey(pagesListProp[index][0],pindex) " v-for="(pitem,v,pindex) in pagesListProp[index][0]" :key="pindex"> | ||
86 | </el-table-column> | ||
87 | </el-table> | ||
88 | |||
89 | <!-- 按钮 --> | ||
90 | <div class="table-tit">按钮统计明细 | ||
91 | <!-- <span class="tips">(uv/pv)</span> --> | ||
92 | </div> | ||
93 | <el-table :data="buttonsListProp[index]" highlight-current-row v-loading="listLoading" style="width: 100%;"> | ||
94 | <el-table-column :prop="getObjKey(buttonsListProp[index][0],pindex)" :fixed="pindex==0" :label="pindex==0 ? '按钮名称' : getObjKey(buttonsListProp[index][0],pindex) " v-for="(pitem,v,pindex) in buttonsListProp[index][0]" :key="pitem.id"> | ||
95 | </el-table-column> | ||
96 | </el-table> | ||
97 | |||
98 | </div> | ||
99 | </div> | ||
100 | </template> | ||
101 | |||
102 | <script> | ||
103 | import { postDashboard, dashboardExport } from "./../../api/api.js"; | ||
104 | import { formatDate } from "./../../common/utils.js"; | ||
105 | |||
106 | export default { | ||
107 | data() { | ||
108 | return { | ||
109 | exportDate: [ | ||
110 | new Date().setTime(new Date().getTime() - 3600 * 1000 * 24 * 7), | ||
111 | new Date().getTime() | ||
112 | ], | ||
113 | selDate: [ | ||
114 | new Date().setTime(new Date().getTime() - 3600 * 1000 * 24 * 7), | ||
115 | new Date() | ||
116 | ], | ||
117 | pickerOptions2: { | ||
118 | disabledDate(time) { | ||
119 | return time.getTime() > Date.now(); | ||
120 | }, | ||
121 | shortcuts: [ | ||
122 | { | ||
123 | text: "最近一周", | ||
124 | onClick(picker) { | ||
125 | const end = new Date(); | ||
126 | const start = new Date(); | ||
127 | start.setTime(start.getTime() - 3600 * 1000 * 24 * 7); | ||
128 | picker.$emit("pick", [start, end]); | ||
129 | } | ||
130 | }, | ||
131 | { | ||
132 | text: "最近一个月", | ||
133 | onClick(picker) { | ||
134 | const end = new Date(); | ||
135 | const start = new Date(); | ||
136 | start.setTime(start.getTime() - 3600 * 1000 * 24 * 30); | ||
137 | picker.$emit("pick", [start, end]); | ||
138 | } | ||
139 | }, | ||
140 | { | ||
141 | text: "最近三个月", | ||
142 | onClick(picker) { | ||
143 | const end = new Date(); | ||
144 | const start = new Date(); | ||
145 | start.setTime(start.getTime() - 3600 * 1000 * 24 * 90); | ||
146 | picker.$emit("pick", [start, end]); | ||
147 | } | ||
148 | } | ||
149 | ] | ||
150 | }, | ||
151 | key: "value", | ||
152 | listLoading: false, | ||
153 | page: 1, | ||
154 | pageSize: 10, | ||
155 | total: 0, | ||
156 | totalData: [], | ||
157 | pagesListProp: [], | ||
158 | buttonsListProp: [], | ||
159 | filters: { | ||
160 | date: [ | ||
161 | new Date(new Date().getTime() - 3600 * 1000 * 24 * 7), | ||
162 | new Date() | ||
163 | ] | ||
164 | } | ||
165 | }; | ||
166 | }, | ||
167 | computed: { | ||
168 | startTime() { | ||
169 | let date = this.filters.date; | ||
170 | let result = (date && date[0]) || ""; | ||
171 | if (result) { | ||
172 | result = date[0].getTime(); | ||
173 | } | ||
174 | return result; | ||
175 | }, | ||
176 | endTime() { | ||
177 | let date = this.filters.date; | ||
178 | let result = (date && date[1]) || ""; | ||
179 | if (result) { | ||
180 | result = date[1].getTime(); | ||
181 | } | ||
182 | return result; | ||
183 | } | ||
184 | }, | ||
185 | methods: { | ||
186 | /** | ||
187 | * 获取 | ||
188 | */ | ||
189 | formatPageProp() { | ||
190 | let totalData = this.totalData; | ||
191 | // 页面 | ||
192 | let resultPage = []; | ||
193 | totalData.forEach((element, index) => { | ||
194 | let itemListPage = []; | ||
195 | let pages = element.pages; | ||
196 | pages.forEach((elementPage, idx2) => { | ||
197 | let itemPage = {}; | ||
198 | itemPage.statName = elementPage.statName; | ||
199 | elementPage.list.forEach((element3, index3) => { | ||
200 | itemPage[element3.date + ""] = element3.uv + "/" + element3.pv; | ||
201 | }); | ||
202 | itemListPage.push(itemPage); | ||
203 | }); | ||
204 | resultPage.push(itemListPage); | ||
205 | }); | ||
206 | this.pagesListProp = resultPage; | ||
207 | |||
208 | // 按钮 | ||
209 | let resultButton = []; | ||
210 | totalData.forEach((element, index) => { | ||
211 | let itemListButton = []; | ||
212 | let buttons = element.buttons; | ||
213 | buttons.forEach(elementButton => { | ||
214 | let itemButton = {}; | ||
215 | itemButton.statName = elementButton.statName; | ||
216 | elementButton.list.forEach(element3 => { | ||
217 | itemButton[element3.date + ""] = element3.uv + ""; | ||
218 | }); | ||
219 | itemListButton.push(itemButton); | ||
220 | }); | ||
221 | resultButton.push(itemListButton); | ||
222 | }); | ||
223 | this.buttonsListProp = resultButton; | ||
224 | }, | ||
225 | /** | ||
226 | * 通过索引换取key | ||
227 | */ | ||
228 | getObjKey(arr, index) { | ||
229 | let idx = 0; | ||
230 | let result = ""; | ||
231 | for (var key in arr) { | ||
232 | if (index == idx) { | ||
233 | result = key; | ||
234 | } | ||
235 | idx++; | ||
236 | } | ||
237 | return result; | ||
238 | }, | ||
239 | changeHandler() { | ||
240 | this.postDashboardQuery(); | ||
241 | }, | ||
242 | // 导出 | ||
243 | onExportHandler() { | ||
244 | // let url = | ||
245 | let fromDate = this.startTime | ||
246 | ? formatDate.format(new Date(this.startTime), "yyyy-MM-dd") | ||
247 | : ""; | ||
248 | let toDate = this.endTime | ||
249 | ? formatDate.format(new Date(this.endTime), "yyyy-MM-dd") | ||
250 | : ""; | ||
251 | let params = { | ||
252 | fromDate, | ||
253 | toDate | ||
254 | }; | ||
255 | dashboardExport(params); | ||
256 | }, | ||
257 | postDashboardQuery() { | ||
258 | let fromDate = this.startTime | ||
259 | ? formatDate.format(new Date(this.startTime), "yyyy-MM-dd") | ||
260 | : ""; | ||
261 | let toDate = this.endTime | ||
262 | ? formatDate.format(new Date(this.endTime), "yyyy-MM-dd") | ||
263 | : ""; | ||
264 | let params = { | ||
265 | fromDate, | ||
266 | toDate | ||
267 | }; | ||
268 | postDashboard(params) | ||
269 | .then(result => { | ||
270 | this.totalData = result.content; | ||
271 | this.formatPageProp(); | ||
272 | }) | ||
273 | .catch(err => {}); | ||
274 | }, | ||
275 | initData() { | ||
276 | this.postDashboardQuery(); | ||
277 | } | ||
278 | }, | ||
279 | created() { | ||
280 | this.initData(); | ||
281 | } | ||
282 | }; | ||
283 | </script> | ||
284 | |||
285 | <style lang="less" scoped> | ||
286 | @import "./../../styles/mixin.less"; | ||
287 | .page-container { | ||
288 | padding: 20px 0px 80px; | ||
289 | |||
290 | .mp-app { | ||
291 | margin-bottom: 60px; | ||
292 | } | ||
293 | |||
294 | .tool-wrap { | ||
295 | margin: 12px 0; | ||
296 | } | ||
297 | |||
298 | .table-tit { | ||
299 | font-weight: 600; | ||
300 | margin-bottom: 14px; | ||
301 | } | ||
302 | |||
303 | .fontw { | ||
304 | color: red; | ||
305 | } | ||
306 | .mb20 { | ||
307 | margin-bottom: 20px; | ||
308 | } | ||
309 | .border4 { | ||
310 | border-radius: 4px; | ||
311 | border: solid 1px #cccccc; | ||
312 | } | ||
313 | |||
314 | .el-row { | ||
315 | .mb20; | ||
316 | } | ||
317 | |||
318 | .export-wrap { | ||
319 | display: flex; | ||
320 | justify-content: flex-end; | ||
321 | } | ||
322 | .title { | ||
323 | font-weight: bold; | ||
324 | font-size: 16px; | ||
325 | padding: 0 12px; | ||
326 | @titleHeight: 42px; | ||
327 | background-color: #dddddd; | ||
328 | height: @titleHeight; | ||
329 | line-height: @titleHeight; | ||
330 | } | ||
331 | .tit { | ||
332 | font-weight: bold; | ||
333 | @titleHeight: 36px; | ||
334 | height: @titleHeight; | ||
335 | line-height: @titleHeight; | ||
336 | } | ||
337 | .base-overview { | ||
338 | margin-bottom: 60px; | ||
339 | &-item { | ||
340 | .border4; | ||
341 | height: 72px; | ||
342 | .fj; | ||
343 | .num-wrap { | ||
344 | padding-top: 2px; | ||
345 | padding-left: 12px; | ||
346 | } | ||
347 | .icon-wrap { | ||
348 | .fj; | ||
349 | align-items: center; | ||
350 | width: 40px; | ||
351 | } | ||
352 | } | ||
353 | } | ||
354 | .pi-overview { | ||
355 | &-item { | ||
356 | .border4; | ||
357 | padding: 0 12px; | ||
358 | .map-wrap { | ||
359 | position: relative; | ||
360 | .map-aside-wrap { | ||
361 | text-align: right; | ||
362 | max-height: 450px; | ||
363 | overflow-y: auto; | ||
364 | font-size: 12px; | ||
365 | transform: scale(0.8); | ||
366 | transform-origin: 100% 0; | ||
367 | color: #888888; | ||
368 | position: absolute; | ||
369 | top: 0px; | ||
370 | right: 0px; | ||
371 | } | ||
372 | } | ||
373 | } | ||
374 | } | ||
375 | .block { | ||
376 | width: 100%; | ||
377 | display: flex; | ||
378 | justify-content: space-between; | ||
379 | .date-button-wrap { | ||
380 | display: inline-block; | ||
381 | margin-left: 12px; | ||
382 | } | ||
383 | .date-button-wrap-2 { | ||
384 | } | ||
385 | } | ||
386 | .block2 { | ||
387 | // text-align: center; | ||
388 | padding: 0 40px; | ||
389 | } | ||
390 | .export-tips { | ||
391 | text-align: left; | ||
392 | color: #aaaaaa; | ||
393 | } | ||
394 | |||
395 | .num1 { | ||
396 | font-size: 32px; | ||
397 | font-weight: bold; | ||
398 | } | ||
399 | .num3 { | ||
400 | // font-weight: bold; | ||
401 | display: inline-block; | ||
402 | // padding-left: 2px; | ||
403 | } | ||
404 | .num2 { | ||
405 | padding-top: 2px; | ||
406 | color: #888888; | ||
407 | } | ||
408 | .num4 { | ||
409 | font-size: 12px; | ||
410 | // color: #cccccc; | ||
411 | color: #888888; | ||
412 | } | ||
413 | } | ||
414 | </style> |
src/pages/nav1/Form.vue
0 → 100755
1 | <template> | ||
2 | <el-form ref="form" :model="form" label-width="80px" @submit.prevent="onSubmit" style="margin:20px;width:60%;min-width:600px;"> | ||
3 | <el-form-item label="活动名称"> | ||
4 | <el-input v-model="form.name"></el-input> | ||
5 | </el-form-item> | ||
6 | <el-form-item label="活动区域"> | ||
7 | <el-select v-model="form.region" placeholder="请选择活动区域"> | ||
8 | <el-option label="区域一" value="shanghai"></el-option> | ||
9 | <el-option label="区域二" value="beijing"></el-option> | ||
10 | </el-select> | ||
11 | </el-form-item> | ||
12 | <el-form-item label="活动时间"> | ||
13 | <el-col :span="11"> | ||
14 | <el-date-picker type="date" placeholder="选择日期" v-model="form.date1" style="width: 100%;"></el-date-picker> | ||
15 | </el-col> | ||
16 | <el-col class="line" :span="2">-</el-col> | ||
17 | <el-col :span="11"> | ||
18 | <el-time-picker type="fixed-time" placeholder="选择时间" v-model="form.date2" style="width: 100%;"></el-time-picker> | ||
19 | </el-col> | ||
20 | </el-form-item> | ||
21 | <el-form-item label="即时配送"> | ||
22 | <el-switch on-text="" off-text="" v-model="form.delivery"></el-switch> | ||
23 | </el-form-item> | ||
24 | <el-form-item label="活动性质"> | ||
25 | <el-checkbox-group v-model="form.type"> | ||
26 | <el-checkbox label="美食/餐厅线上活动" name="type"></el-checkbox> | ||
27 | <el-checkbox label="地推活动" name="type"></el-checkbox> | ||
28 | <el-checkbox label="线下主题活动" name="type"></el-checkbox> | ||
29 | <el-checkbox label="单纯品牌曝光" name="type"></el-checkbox> | ||
30 | </el-checkbox-group> | ||
31 | </el-form-item> | ||
32 | <el-form-item label="特殊资源"> | ||
33 | <el-radio-group v-model="form.resource"> | ||
34 | <el-radio label="线上品牌商赞助"></el-radio> | ||
35 | <el-radio label="线下场地免费"></el-radio> | ||
36 | </el-radio-group> | ||
37 | </el-form-item> | ||
38 | <el-form-item label="活动形式"> | ||
39 | <el-input type="textarea" v-model="form.desc"></el-input> | ||
40 | </el-form-item> | ||
41 | <el-form-item> | ||
42 | <el-button type="primary">立即创建</el-button> | ||
43 | <el-button @click.native.prevent>取消</el-button> | ||
44 | </el-form-item> | ||
45 | </el-form> | ||
46 | </template> | ||
47 | |||
48 | <script> | ||
49 | export default { | ||
50 | data() { | ||
51 | return { | ||
52 | form: { | ||
53 | name: '', | ||
54 | region: '', | ||
55 | date1: '', | ||
56 | date2: '', | ||
57 | delivery: false, | ||
58 | type: [], | ||
59 | resource: '', | ||
60 | desc: '' | ||
61 | } | ||
62 | } | ||
63 | }, | ||
64 | methods: { | ||
65 | onSubmit() { | ||
66 | console.log('submit!'); | ||
67 | } | ||
68 | } | ||
69 | } | ||
70 | |||
71 | </script> |
src/pages/nav1/Table.vue
0 → 100755
1 | <template> | ||
2 | <section> | ||
3 | <!--工具条--> | ||
4 | <el-col :span="24" class="toolbar" style="padding-bottom: 0px;"> | ||
5 | <el-form :inline="true" :model="filters"> | ||
6 | <el-form-item> | ||
7 | <el-input v-model="filters.name" placeholder="姓名"></el-input> | ||
8 | </el-form-item> | ||
9 | <el-form-item> | ||
10 | <el-button type="primary" v-on:click="getUsers">查询</el-button> | ||
11 | </el-form-item> | ||
12 | <el-form-item> | ||
13 | <el-button type="primary" v-on:click="handleAdd">新增</el-button> | ||
14 | </el-form-item> | ||
15 | </el-form> | ||
16 | </el-col> | ||
17 | |||
18 | <!--列表--> | ||
19 | <el-table :data="users" highlight-current-row v-loading="listLoading" @selection-change="selsChange" style="width: 100%;"> | ||
20 | <el-table-column type="selection" width="55"> | ||
21 | </el-table-column> | ||
22 | <el-table-column type="index" width="60"> | ||
23 | </el-table-column> | ||
24 | <el-table-column prop="name" label="姓名" width="120" sortable> | ||
25 | </el-table-column> | ||
26 | <el-table-column prop="sex" label="性别" width="100" :formatter="formatSex" sortable> | ||
27 | </el-table-column> | ||
28 | <el-table-column prop="age" label="年龄" width="100" sortable> | ||
29 | </el-table-column> | ||
30 | <el-table-column prop="birth" label="生日" width="120" sortable> | ||
31 | </el-table-column> | ||
32 | <el-table-column prop="addr" label="地址" min-width="180" sortable> | ||
33 | </el-table-column> | ||
34 | <el-table-column label="操作" width="150"> | ||
35 | <template slot-scope="scope"> | ||
36 | <el-button size="small" @click="handleEdit(scope.$index, scope.row)">编辑</el-button> | ||
37 | <el-button type="danger" size="small" @click="handleDel(scope.$index, scope.row)">删除</el-button> | ||
38 | </template> | ||
39 | </el-table-column> | ||
40 | </el-table> | ||
41 | |||
42 | <!--工具条--> | ||
43 | <el-col :span="24" class="toolbar"> | ||
44 | <el-button type="danger" @click="batchRemove" :disabled="this.sels.length===0">批量删除</el-button> | ||
45 | <el-pagination layout="prev, pager, next" @current-change="handleCurrentChange" :page-size="20" :total="total" style="float:right;"> | ||
46 | </el-pagination> | ||
47 | </el-col> | ||
48 | |||
49 | <!--编辑界面--> | ||
50 | <el-dialog title="编辑" :visible.sync="editFormVisible" :close-on-click-modal="false"> | ||
51 | <el-form :model="editForm" label-width="80px" :rules="editFormRules" ref="editForm"> | ||
52 | <el-form-item label="姓名" prop="name"> | ||
53 | <el-input v-model="editForm.name" auto-complete="off"></el-input> | ||
54 | </el-form-item> | ||
55 | <el-form-item label="性别"> | ||
56 | <el-radio-group v-model="editForm.sex"> | ||
57 | <el-radio class="radio" :label="1">男</el-radio> | ||
58 | <el-radio class="radio" :label="0">女</el-radio> | ||
59 | </el-radio-group> | ||
60 | </el-form-item> | ||
61 | <el-form-item label="年龄"> | ||
62 | <el-input-number v-model="editForm.age" :min="0" :max="200"></el-input-number> | ||
63 | </el-form-item> | ||
64 | <el-form-item label="生日"> | ||
65 | <el-date-picker type="date" placeholder="选择日期" v-model="editForm.birth"></el-date-picker> | ||
66 | </el-form-item> | ||
67 | <el-form-item label="地址"> | ||
68 | <el-input type="textarea" v-model="editForm.addr"></el-input> | ||
69 | </el-form-item> | ||
70 | </el-form> | ||
71 | <div slot="footer" class="dialog-footer"> | ||
72 | <el-button @click.native="editFormVisible = false">取消</el-button> | ||
73 | <el-button type="primary" @click.native="editSubmit" :loading="editLoading">提交</el-button> | ||
74 | </div> | ||
75 | </el-dialog> | ||
76 | |||
77 | <!--新增界面--> | ||
78 | <el-dialog title="新增" :visible.sync="addFormVisible" :close-on-click-modal="false"> | ||
79 | <el-form :model="addForm" label-width="80px" :rules="addFormRules" ref="addForm"> | ||
80 | <el-form-item label="姓名" prop="name"> | ||
81 | <el-input v-model="addForm.name" auto-complete="off"></el-input> | ||
82 | </el-form-item> | ||
83 | <el-form-item label="性别"> | ||
84 | <el-radio-group v-model="addForm.sex"> | ||
85 | <el-radio class="radio" :label="1">男</el-radio> | ||
86 | <el-radio class="radio" :label="0">女</el-radio> | ||
87 | </el-radio-group> | ||
88 | </el-form-item> | ||
89 | <el-form-item label="年龄"> | ||
90 | <el-input-number v-model="addForm.age" :min="0" :max="200"></el-input-number> | ||
91 | </el-form-item> | ||
92 | <el-form-item label="生日"> | ||
93 | <el-date-picker type="date" placeholder="选择日期" v-model="addForm.birth"></el-date-picker> | ||
94 | </el-form-item> | ||
95 | <el-form-item label="地址"> | ||
96 | <el-input type="textarea" v-model="addForm.addr"></el-input> | ||
97 | </el-form-item> | ||
98 | </el-form> | ||
99 | <div slot="footer" class="dialog-footer"> | ||
100 | <el-button @click.native="addFormVisible = false">取消</el-button> | ||
101 | <el-button type="primary" @click.native="addSubmit" :loading="addLoading">提交</el-button> | ||
102 | </div> | ||
103 | </el-dialog> | ||
104 | |||
105 | </section> | ||
106 | </template> | ||
107 | |||
108 | <script> | ||
109 | import { formatDate } from "./../../common/utils.js"; | ||
110 | import NProgress from "nprogress"; | ||
111 | import { | ||
112 | getUserListPage, | ||
113 | removeUser, | ||
114 | batchRemoveUser, | ||
115 | editUser, | ||
116 | addUser | ||
117 | } from "../../api/api"; | ||
118 | |||
119 | export default { | ||
120 | data() { | ||
121 | return { | ||
122 | filters: { | ||
123 | name: "" | ||
124 | }, | ||
125 | users: [], | ||
126 | total: 0, | ||
127 | page: 1, | ||
128 | listLoading: false, | ||
129 | sels: [], //列表选中列 | ||
130 | |||
131 | editFormVisible: false, //编辑界面是否显示 | ||
132 | editLoading: false, | ||
133 | editFormRules: { | ||
134 | name: [{ required: true, message: "请输入姓名", trigger: "blur" }] | ||
135 | }, | ||
136 | //编辑界面数据 | ||
137 | editForm: { | ||
138 | id: 0, | ||
139 | name: "", | ||
140 | sex: -1, | ||
141 | age: 0, | ||
142 | birth: "", | ||
143 | addr: "" | ||
144 | }, | ||
145 | |||
146 | addFormVisible: false, //新增界面是否显示 | ||
147 | addLoading: false, | ||
148 | addFormRules: { | ||
149 | name: [{ required: true, message: "请输入姓名", trigger: "blur" }] | ||
150 | }, | ||
151 | //新增界面数据 | ||
152 | addForm: { | ||
153 | name: "", | ||
154 | sex: -1, | ||
155 | age: 0, | ||
156 | birth: "", | ||
157 | addr: "" | ||
158 | } | ||
159 | }; | ||
160 | }, | ||
161 | methods: { | ||
162 | //性别显示转换 | ||
163 | formatSex: function(row, column) { | ||
164 | return row.sex == 1 ? "男" : row.sex == 0 ? "女" : "未知"; | ||
165 | }, | ||
166 | handleCurrentChange(val) { | ||
167 | this.page = val; | ||
168 | this.getUsers(); | ||
169 | }, | ||
170 | //获取用户列表 | ||
171 | getUsers() { | ||
172 | let para = { | ||
173 | page: this.page, | ||
174 | name: this.filters.name | ||
175 | }; | ||
176 | this.listLoading = true; | ||
177 | NProgress.start(); | ||
178 | getUserListPage(para).then(res => { | ||
179 | this.total = res.total; | ||
180 | this.users = res.users; | ||
181 | this.listLoading = false; | ||
182 | NProgress.done(); | ||
183 | }); | ||
184 | }, | ||
185 | //删除 | ||
186 | handleDel: function(index, row) { | ||
187 | this.$confirm("确认删除该记录吗?", "提示", { | ||
188 | type: "warning" | ||
189 | }) | ||
190 | .then(() => { | ||
191 | this.listLoading = true; | ||
192 | NProgress.start(); | ||
193 | let para = { id: row.id }; | ||
194 | removeUser(para).then(res => { | ||
195 | this.listLoading = false; | ||
196 | NProgress.done(); | ||
197 | this.$notify({ | ||
198 | title: "成功", | ||
199 | message: "删除成功", | ||
200 | type: "success" | ||
201 | }); | ||
202 | this.getUsers(); | ||
203 | }); | ||
204 | }) | ||
205 | .catch(() => {}); | ||
206 | }, | ||
207 | //显示编辑界面 | ||
208 | handleEdit: function(index, row) { | ||
209 | this.editFormVisible = true; | ||
210 | this.editForm = Object.assign({}, row); | ||
211 | }, | ||
212 | //显示新增界面 | ||
213 | handleAdd: function() { | ||
214 | this.addFormVisible = true; | ||
215 | this.addForm = { | ||
216 | name: "", | ||
217 | sex: -1, | ||
218 | age: 0, | ||
219 | birth: "", | ||
220 | addr: "" | ||
221 | }; | ||
222 | }, | ||
223 | //编辑 | ||
224 | editSubmit: function() { | ||
225 | this.$refs.editForm.validate(valid => { | ||
226 | if (valid) { | ||
227 | this.$confirm("确认提交吗?", "提示", {}).then(() => { | ||
228 | this.editLoading = true; | ||
229 | NProgress.start(); | ||
230 | let para = Object.assign({}, this.editForm); | ||
231 | para.birth = | ||
232 | !para.birth || para.birth == "" | ||
233 | ? "" | ||
234 | : formatDate.format(new Date(para.birth), "yyyy-MM-dd"); | ||
235 | editUser(para).then(res => { | ||
236 | this.editLoading = false; | ||
237 | NProgress.done(); | ||
238 | this.$notify({ | ||
239 | title: "成功", | ||
240 | message: "提交成功", | ||
241 | type: "success" | ||
242 | }); | ||
243 | this.$refs["editForm"].resetFields(); | ||
244 | this.editFormVisible = false; | ||
245 | this.getUsers(); | ||
246 | }); | ||
247 | }); | ||
248 | } | ||
249 | }); | ||
250 | }, | ||
251 | //新增 | ||
252 | addSubmit: function() { | ||
253 | this.$refs.addForm.validate(valid => { | ||
254 | if (valid) { | ||
255 | this.$confirm("确认提交吗?", "提示", {}).then(() => { | ||
256 | this.addLoading = true; | ||
257 | NProgress.start(); | ||
258 | let para = Object.assign({}, this.addForm); | ||
259 | para.birth = | ||
260 | !para.birth || para.birth == "" | ||
261 | ? "" | ||
262 | : formatDate.format(new Date(para.birth), "yyyy-MM-dd"); | ||
263 | addUser(para).then(res => { | ||
264 | this.addLoading = false; | ||
265 | NProgress.done(); | ||
266 | this.$notify({ | ||
267 | title: "成功", | ||
268 | message: "提交成功", | ||
269 | type: "success" | ||
270 | }); | ||
271 | this.$refs["addForm"].resetFields(); | ||
272 | this.addFormVisible = false; | ||
273 | this.getUsers(); | ||
274 | }); | ||
275 | }); | ||
276 | } | ||
277 | }); | ||
278 | }, | ||
279 | selsChange: function(sels) { | ||
280 | this.sels = sels; | ||
281 | }, | ||
282 | //批量删除 | ||
283 | batchRemove: function() { | ||
284 | var ids = this.sels.map(item => item.id).toString(); | ||
285 | this.$confirm("确认删除选中记录吗?", "提示", { | ||
286 | type: "warning" | ||
287 | }) | ||
288 | .then(() => { | ||
289 | this.listLoading = true; | ||
290 | NProgress.start(); | ||
291 | let para = { ids: ids }; | ||
292 | batchRemoveUser(para).then(res => { | ||
293 | this.listLoading = false; | ||
294 | NProgress.done(); | ||
295 | this.$notify({ | ||
296 | title: "成功", | ||
297 | message: "删除成功", | ||
298 | type: "success" | ||
299 | }); | ||
300 | this.getUsers(); | ||
301 | }); | ||
302 | }) | ||
303 | .catch(() => {}); | ||
304 | } | ||
305 | }, | ||
306 | mounted() { | ||
307 | this.getUsers(); | ||
308 | } | ||
309 | }; | ||
310 | </script> | ||
311 | |||
312 | <style scoped> | ||
313 | </style> |
src/pages/nav1/user.vue
0 → 100755
1 | <template> | ||
2 | <section> | ||
3 | <!--工具条--> | ||
4 | <el-col :span="24" class="toolbar" style="padding-bottom: 0px;"> | ||
5 | <el-form :inline="true" :model="filters"> | ||
6 | <el-form-item> | ||
7 | <el-input v-model="filters.name" placeholder="姓名"></el-input> | ||
8 | </el-form-item> | ||
9 | <el-form-item> | ||
10 | <el-button type="primary" v-on:click="getUser">查询</el-button> | ||
11 | </el-form-item> | ||
12 | </el-form> | ||
13 | </el-col> | ||
14 | |||
15 | <!--列表--> | ||
16 | <template> | ||
17 | <el-table :data="users" highlight-current-row v-loading="loading" style="width: 100%;"> | ||
18 | <el-table-column type="index" width="60"> | ||
19 | </el-table-column> | ||
20 | <el-table-column prop="name" label="姓名" width="120" sortable> | ||
21 | </el-table-column> | ||
22 | <el-table-column prop="sex" label="性别" width="100" :formatter="formatSex" sortable> | ||
23 | </el-table-column> | ||
24 | <el-table-column prop="age" label="年龄" width="100" sortable> | ||
25 | </el-table-column> | ||
26 | <el-table-column prop="birth" label="生日" width="120" sortable> | ||
27 | </el-table-column> | ||
28 | <el-table-column prop="addr" label="地址" min-width="180" sortable> | ||
29 | </el-table-column> | ||
30 | </el-table> | ||
31 | </template> | ||
32 | |||
33 | </section> | ||
34 | </template> | ||
35 | <script> | ||
36 | import { getUserList } from '../../api/api'; | ||
37 | import NProgress from 'nprogress' | ||
38 | export default { | ||
39 | data() { | ||
40 | return { | ||
41 | filters: { | ||
42 | name: '' | ||
43 | }, | ||
44 | loading: false, | ||
45 | users: [ | ||
46 | ] | ||
47 | } | ||
48 | }, | ||
49 | methods: { | ||
50 | //性别显示转换 | ||
51 | formatSex: function (row, column) { | ||
52 | return row.sex == 1 ? '男' : row.sex == 0 ? '女' : '未知'; | ||
53 | }, | ||
54 | //获取用户列表 | ||
55 | getUser: function () { | ||
56 | let para = { | ||
57 | name: this.filters.name | ||
58 | }; | ||
59 | this.loading = true; | ||
60 | NProgress.start(); | ||
61 | getUserList(para).then((res) => { | ||
62 | this.users = res.users; | ||
63 | this.loading = false; | ||
64 | NProgress.done(); | ||
65 | }); | ||
66 | } | ||
67 | }, | ||
68 | mounted() { | ||
69 | this.getUser(); | ||
70 | } | ||
71 | }; | ||
72 | |||
73 | </script> | ||
74 | |||
75 | <style scoped> | ||
76 | |||
77 | </style> |
src/pages/nav2/Page4.vue
0 → 100755
1 | <template> | ||
2 | <div> | ||
3 | <h1>vuex 测试</h1> | ||
4 | Clicked: {{ getCount }} times | ||
5 | <el-button @click="increment">+</el-button> | ||
6 | <el-button @click="decrement">-</el-button> | ||
7 | </div> | ||
8 | </template> | ||
9 | |||
10 | <script> | ||
11 | import { mapGetters } from "vuex"; | ||
12 | import { mapActions } from "vuex"; | ||
13 | |||
14 | export default { | ||
15 | computed: { | ||
16 | // 使用对象展开运算符将 getters 混入 computed 对象中 | ||
17 | ...mapGetters([ | ||
18 | "getCount" | ||
19 | // ... | ||
20 | ]) | ||
21 | }, | ||
22 | methods: { | ||
23 | ...mapActions([ | ||
24 | "increment", // 映射 this.increment() 为 this.$store.dispatch('increment') | ||
25 | "decrement" | ||
26 | ]) | ||
27 | //...mapActions({ | ||
28 | // add: 'increment' // 映射 this.add() 为 this.$store.dispatch('increment') | ||
29 | //}) | ||
30 | } | ||
31 | }; | ||
32 | </script> |
src/pages/nav2/Page5.vue
0 → 100755
src/pages/nav3/Page6.vue
0 → 100755
1 | <template> | ||
2 | <el-upload | ||
3 | list-type="picture-card" | ||
4 | action="''" | ||
5 | :http-request="upload" | ||
6 | :before-upload="beforeAvatarUpload" | ||
7 | > | ||
8 | <i class="el-icon-plus"></i> | ||
9 | </el-upload> | ||
10 | </template> | ||
11 | |||
12 | <script> | ||
13 | // import {getAliOSSCreds} from '@/api/common' // 向后端获取 OSS秘钥信息 | ||
14 | // import {createId} from '@/utils' // 一个生产唯一的id的方法 | ||
15 | import OSS from 'ali-oss' | ||
16 | import { client, getAliOSSCreds } from '../../common/oss-upload.js' | ||
17 | |||
18 | import { uploadFile } from '../../api/api.js' | ||
19 | |||
20 | export default { | ||
21 | name: 'imgUpload', | ||
22 | data() { | ||
23 | return {} | ||
24 | }, | ||
25 | created() { | ||
26 | // console.log('client:', client) | ||
27 | // console.log('client.list:', client.list()) | ||
28 | }, | ||
29 | methods: { | ||
30 | // 图片上传前验证 | ||
31 | beforeAvatarUpload(file) { | ||
32 | console.log('file:', file) | ||
33 | const isLt2M = file.size / 1024 / 1024 < 2 | ||
34 | if (!isLt2M) { | ||
35 | this.$message.error('上传头像图片大小不能超过 2MB!') | ||
36 | } | ||
37 | return isLt2M | ||
38 | }, | ||
39 | // 上传图片到OSS 同时派发一个事件给父组件监听 | ||
40 | upload(item) { | ||
41 | let params = new FormData() //使用formData对象 | ||
42 | params.append('path', '/pro/mzczcradmin/') | ||
43 | params.append('file', item.file) | ||
44 | uploadFile(params) | ||
45 | .then(result => { | ||
46 | console.log('upload result:', result) | ||
47 | }) | ||
48 | .catch(err => {}) | ||
49 | return // OSS上传 | ||
50 | client | ||
51 | .list() | ||
52 | .then(result => { | ||
53 | console.log('result222:', result) | ||
54 | console.log('objects: %j', result.objects) | ||
55 | // return client.put('my-obj', new OSS.Buffer('hello world')) | ||
56 | }) | ||
57 | .then(result => { | ||
58 | console.log('put result: %j', result) | ||
59 | // return client.get('my-obj') | ||
60 | }) | ||
61 | .then(result => { | ||
62 | // console.log('get result: %j', result.content.toString()) | ||
63 | }) | ||
64 | .catch(err => { | ||
65 | console.log('err:', err) | ||
66 | }) | ||
67 | // getAliOSSCreds() | ||
68 | // .then(res => { | ||
69 | // console.log('getAliOSSCreds res:', res) | ||
70 | // // 向后台发请求 拉取OSS相关配置 | ||
71 | // let creds = res | ||
72 | // let client = new OSS(creds) | ||
73 | // // let key = | ||
74 | // // 'resource/' + | ||
75 | // // localStorage.userId + | ||
76 | // // '/images/' + | ||
77 | // // createId() + | ||
78 | // // '.jpg' // 存储路径,并且给图片改成唯一名字 | ||
79 | // let key = '/pro/mzczcradmin/111.png' | ||
80 | // return client.put(key, item.file) // OSS上传 | ||
81 | // }) | ||
82 | // .then(res => { | ||
83 | // console.log(res.url) | ||
84 | // // this.$emit('on-success', res.url) // 返回图片的存储路径 | ||
85 | // }) | ||
86 | // .catch(err => { | ||
87 | // console.log('err:', err) | ||
88 | // }) | ||
89 | } | ||
90 | } | ||
91 | } | ||
92 | </script> |
src/pages/store-manager/StoreManager.vue
0 → 100644
1 | |||
2 | <template> | ||
3 | <div> | ||
4 | <!-- 列表 --> | ||
5 | <el-table | ||
6 | :data="totalData.dataList" | ||
7 | highlight-current-row | ||
8 | v-loading="listLoading" | ||
9 | style="width: 100%;" | ||
10 | > | ||
11 | <el-table-column prop="storeCode" label="门店号码"></el-table-column> | ||
12 | <el-table-column prop="title" label="门店名称"></el-table-column> | ||
13 | <el-table-column prop="address" label="门店地址"></el-table-column> | ||
14 | <el-table-column prop="bankHour" label="营业时间"></el-table-column> | ||
15 | <!-- <el-table-column prop="lat" label="经度"> | ||
16 | </el-table-column> | ||
17 | <el-table-column prop="lng" label="纬度"> | ||
18 | </el-table-column>--> | ||
19 | <el-table-column prop="loc" label="地理位置"></el-table-column> | ||
20 | <el-table-column prop="mobile" label="联系电话"></el-table-column> | ||
21 | </el-table> | ||
22 | |||
23 | <!--分页导航--> | ||
24 | <el-col :span="24" class="toolbar fl pagination-wrap"> | ||
25 | <div class="page-tips">总共{{total}}条记录,每页{{pageSize}}条,总共{{pageNum}}页</div> | ||
26 | <el-pagination | ||
27 | layout="prev, pager, next" | ||
28 | @current-change="handleCurrentChange" | ||
29 | :page-size="pageSize" | ||
30 | :total="total" | ||
31 | style="float:right;" | ||
32 | ></el-pagination> | ||
33 | </el-col> | ||
34 | </div> | ||
35 | </template> | ||
36 | |||
37 | <script> | ||
38 | import { getStoreList } from '../../api/api.js' | ||
39 | export default { | ||
40 | data() { | ||
41 | return { | ||
42 | key: 'value', | ||
43 | page: 1, | ||
44 | pageSize: 10, | ||
45 | total: 0, | ||
46 | totalData: { | ||
47 | dataList: [] | ||
48 | }, | ||
49 | listLoading: false | ||
50 | } | ||
51 | }, | ||
52 | computed: { | ||
53 | pageNum() { | ||
54 | return Math.ceil(this.total / this.pageSize) | ||
55 | } | ||
56 | }, | ||
57 | methods: { | ||
58 | name() {}, | ||
59 | // 点击页数 | ||
60 | handleCurrentChange(val) { | ||
61 | this.page = val | ||
62 | console.log('this.page:', this.page) | ||
63 | this.reqQuery() | ||
64 | }, | ||
65 | reqQuery() { | ||
66 | let data = { | ||
67 | page: this.page, | ||
68 | size: this.pageSize | ||
69 | } | ||
70 | getStoreList(data).then(result => { | ||
71 | let { content, code } = result | ||
72 | let { list, total } = content | ||
73 | this.total = total | ||
74 | list.forEach(element => { | ||
75 | element.loc = element.lat + ' , ' + element.lng | ||
76 | }) | ||
77 | this.$set(this.totalData, 'dataList', list) | ||
78 | console.log('this.totalData:', this.totalData.dataList) | ||
79 | }) | ||
80 | } | ||
81 | }, | ||
82 | |||
83 | created() { | ||
84 | this.reqQuery() | ||
85 | } | ||
86 | } | ||
87 | </script> | ||
88 | |||
89 | <style lang="less" scoped> | ||
90 | .tool-wrap { | ||
91 | color: #333333; | ||
92 | } | ||
93 | |||
94 | .pagination-wrap { | ||
95 | .page-tips { | ||
96 | height: 32px; | ||
97 | line-height: 32px; | ||
98 | color: #333333; | ||
99 | } | ||
100 | } | ||
101 | |||
102 | .fl { | ||
103 | display: flex; | ||
104 | justify-content: space-between; | ||
105 | } | ||
106 | |||
107 | .fle { | ||
108 | display: flex; | ||
109 | justify-content: flex-end; | ||
110 | } | ||
111 | |||
112 | </style> |
src/pages/video-manager/VideoManager.vue
0 → 100644
1 | <template> | ||
2 | <div> | ||
3 | <!--工具条--> | ||
4 | <el-col :span="24" class="toolbar" style="padding-bottom: 0px;"> | ||
5 | <el-form> | ||
6 | <el-form-item> | ||
7 | <div class="tool-wrap fle"> | ||
8 | <el-button @click="handleAdd()" type="primary">新增</el-button> | ||
9 | </div> | ||
10 | </el-form-item> | ||
11 | </el-form> | ||
12 | </el-col> | ||
13 | |||
14 | <!-- 列表 --> | ||
15 | <el-table | ||
16 | :data="totalData.dataList" | ||
17 | highlight-current-row | ||
18 | v-loading="listLoading" | ||
19 | style="width: 100%;" | ||
20 | > | ||
21 | <!-- <el-table-column type="index" width="60"> | ||
22 | </el-table-column>--> | ||
23 | <el-table-column prop="month" label="月龄"></el-table-column> | ||
24 | <el-table-column prop="title" label="视频标题"></el-table-column> | ||
25 | <!-- <el-table-column prop="pic" label="封面地址"></el-table-column> --> | ||
26 | <el-table-column label="封面图"> | ||
27 | <template slot-scope="scope"> | ||
28 | <img class="poster" :src="scope.row.pic" alt> | ||
29 | </template> | ||
30 | </el-table-column> | ||
31 | <el-table-column prop="vedioUrl" label="视频链接"></el-table-column> | ||
32 | <el-table-column label="操作" width="150"> | ||
33 | <template slot-scope="scope"> | ||
34 | <el-button size="small" @click="modifyHandler(scope.$index, scope.row)">修改</el-button> | ||
35 | <el-button | ||
36 | size="small" | ||
37 | type="danger" | ||
38 | @click="deleteHandler(scope.$index, scope.row)" | ||
39 | >删除</el-button> | ||
40 | </template> | ||
41 | </el-table-column> | ||
42 | </el-table> | ||
43 | |||
44 | <!--编辑界面--> | ||
45 | <el-dialog | ||
46 | :title="dialogTitle" | ||
47 | :visible.sync="editFormVisible" | ||
48 | :close-on-click-modal="false" | ||
49 | > | ||
50 | <el-form :model="editForm" label-width="80px" :rules="editFormRules" ref="editForm"> | ||
51 | <el-form-item label="月龄" prop="month"> | ||
52 | <el-input-number v-model="editForm.month" :min="0"></el-input-number> | ||
53 | </el-form-item> | ||
54 | <el-form-item label="视频标题" prop="title"> | ||
55 | <el-input v-model="editForm.title"></el-input> | ||
56 | </el-form-item> | ||
57 | <el-form-item label="封面图" prop="pic"> | ||
58 | <img class="upload-poster-image" v-show="editForm.pic" :src="editForm.pic" alt> | ||
59 | <upload-item pid="p1" v-on:upload-success="onUploadSuccess"></upload-item> | ||
60 | <!-- <el-input v-model="editForm.pic"></el-input> --> | ||
61 | </el-form-item> | ||
62 | <el-form-item label="视频链接" prop="vedioUrl"> | ||
63 | <!-- <el-input v-model="editForm.vedioUrl"></el-input> --> | ||
64 | <!-- <img v-show="editForm.vedioUrl" :src="editForm.vedioUrl" alt> --> | ||
65 | <upload-item pid="v1" accept="video/*" v-on:upload-success="onUploadSuccess"></upload-item> | ||
66 | <!-- <div class="upload-video-url">{{editForm.vedioUrl}}</div> --> | ||
67 | <el-input disabled v-model="editForm.vedioUrl"></el-input> | ||
68 | </el-form-item> | ||
69 | </el-form> | ||
70 | <div slot="footer" class="dialog-footer"> | ||
71 | <el-button @click.native="editFormVisible = false">取消</el-button> | ||
72 | <el-button type="primary" @click.native="editSubmit" :loading="editLoading">提交</el-button> | ||
73 | </div> | ||
74 | </el-dialog> | ||
75 | |||
76 | <!--分页导航--> | ||
77 | <el-col :span="24" class="toolbar fl pagination-wrap"> | ||
78 | <div class="page-tips">总共{{total}}条记录,每页{{pageSize}}条,总共{{pageNum}}页</div> | ||
79 | <el-pagination | ||
80 | layout="prev, pager, next" | ||
81 | @current-change="handleCurrentChange" | ||
82 | :page-size="pageSize" | ||
83 | :total="total" | ||
84 | style="float:right;" | ||
85 | ></el-pagination> | ||
86 | </el-col> | ||
87 | </div> | ||
88 | </template> | ||
89 | |||
90 | <script> | ||
91 | import { getVideoList, saveVideo, deleteVideo } from '../../api/api.js' | ||
92 | import UploadItem from '../../components/UploadItem' | ||
93 | |||
94 | export default { | ||
95 | data() { | ||
96 | return { | ||
97 | key: 'value', | ||
98 | page: 1, | ||
99 | pageSize: 10, | ||
100 | total: 0, | ||
101 | totalData: { | ||
102 | dataList: [] | ||
103 | }, | ||
104 | listLoading: false, | ||
105 | editLoading: false, | ||
106 | dialogLoading: false, | ||
107 | editFormVisible: false, | ||
108 | dialogTitle: '编辑', | ||
109 | //编辑界面数据 | ||
110 | editForm: { | ||
111 | month: 0, | ||
112 | title: '', | ||
113 | pic: '', | ||
114 | vedioUrl: '' | ||
115 | }, | ||
116 | editFormRules: { | ||
117 | month: [ | ||
118 | { type: 'number', message: '请输入数字', trigger: 'blur' } | ||
119 | ], | ||
120 | title: [ | ||
121 | { required: true, message: '请输入标题', trigger: 'blur' } | ||
122 | ], | ||
123 | pic: [ | ||
124 | { | ||
125 | required: true, | ||
126 | message: '请上传封面图', | ||
127 | trigger: 'blur' | ||
128 | } | ||
129 | ], | ||
130 | vedioUrl: [ | ||
131 | { | ||
132 | required: true, | ||
133 | message: '请上传视频', | ||
134 | trigger: 'blur' | ||
135 | } | ||
136 | ] | ||
137 | } | ||
138 | // dialogData: { | ||
139 | // pic: '', | ||
140 | // vedioUrl: '' | ||
141 | // } | ||
142 | } | ||
143 | }, | ||
144 | computed: { | ||
145 | pageNum() { | ||
146 | return Math.ceil(this.total / this.pageSize) | ||
147 | } | ||
148 | }, | ||
149 | methods: { | ||
150 | name() {}, | ||
151 | // 文件上传完毕 | ||
152 | onUploadSuccess(evtAny) { | ||
153 | let { pid, url } = evtAny | ||
154 | if (pid == 'p1') { | ||
155 | this.$set(this.editForm, 'pic', url) | ||
156 | } else if (pid == 'v1') { | ||
157 | this.$set(this.editForm, 'vedioUrl', url) | ||
158 | } | ||
159 | }, | ||
160 | // 获取视频列表 | ||
161 | reqQuery() { | ||
162 | let data = { | ||
163 | page: this.page, | ||
164 | size: this.pageSize | ||
165 | } | ||
166 | getVideoList(data).then(result => { | ||
167 | // this.data. | ||
168 | console.log('result:', result) | ||
169 | let { content, code } = result | ||
170 | let { list, total } = content | ||
171 | this.total = total | ||
172 | this.$set(this.totalData, 'dataList', list) | ||
173 | console.log('this.totalData:', this.totalData.dataList) | ||
174 | }) | ||
175 | }, | ||
176 | // 修改 显示修改对话框 | ||
177 | modifyHandler(index, row) { | ||
178 | // console.log('row:', row) | ||
179 | try { | ||
180 | this.$refs['editForm'].resetFields() | ||
181 | } catch (error) {} | ||
182 | this.dialogTitle = '修改' | ||
183 | this.editFormVisible = true | ||
184 | this.editForm = Object.assign({}, row) | ||
185 | this.dialogImage = this.editForm.pic | ||
186 | }, | ||
187 | deleteHandler(index, row) { | ||
188 | let data = { | ||
189 | vedioCode: row.vedioCode | ||
190 | } | ||
191 | this.$confirm('确认删除吗?', '提示', {}).then(() => { | ||
192 | deleteVideo(data) | ||
193 | .then(result => { | ||
194 | let { code, content } = result | ||
195 | if (code == 200) { | ||
196 | this.$notify({ | ||
197 | title: '成功', | ||
198 | message: '删除成功', | ||
199 | type: 'success' | ||
200 | }) | ||
201 | } else { | ||
202 | } | ||
203 | this.editFormVisible = false | ||
204 | this.reqQuery() | ||
205 | }) | ||
206 | .catch(err => {}) | ||
207 | }) | ||
208 | }, | ||
209 | // 新增视频 | ||
210 | handleAdd() { | ||
211 | this.editForm = { | ||
212 | month: 0, | ||
213 | title: '', | ||
214 | pic: '', | ||
215 | vedioUrl: '' | ||
216 | } | ||
217 | try { | ||
218 | this.$refs['editForm'].resetFields() | ||
219 | } catch (error) {} | ||
220 | this.editFormVisible = true | ||
221 | this.dialogTitle = '新增' | ||
222 | }, | ||
223 | // 提交视频 新增/修改 | ||
224 | editSubmit() { | ||
225 | let data = this.editForm | ||
226 | this.$refs.editForm.validate(valid => { | ||
227 | if (valid) { | ||
228 | this.editLoading = true | ||
229 | saveVideo(data) | ||
230 | .then(result => { | ||
231 | let { code, content } = result | ||
232 | if (code == 200) { | ||
233 | this.$notify({ | ||
234 | title: '成功', | ||
235 | message: '提交成功', | ||
236 | type: 'success' | ||
237 | }) | ||
238 | } else { | ||
239 | } | ||
240 | this.editLoading = false | ||
241 | this.editFormVisible = false | ||
242 | this.reqQuery() | ||
243 | }) | ||
244 | .catch(err => {}) | ||
245 | } else { | ||
246 | } | ||
247 | }) | ||
248 | }, | ||
249 | // 点击页数 | ||
250 | handleCurrentChange(val) { | ||
251 | this.page = val | ||
252 | this.reqQuery() | ||
253 | } | ||
254 | }, | ||
255 | created() { | ||
256 | this.reqQuery() | ||
257 | }, | ||
258 | components: { | ||
259 | UploadItem | ||
260 | } | ||
261 | } | ||
262 | </script> | ||
263 | |||
264 | <style lang="less" scoped> | ||
265 | .tool-wrap { | ||
266 | color: #333333; | ||
267 | } | ||
268 | |||
269 | .pagination-wrap { | ||
270 | .page-tips { | ||
271 | height: 32px; | ||
272 | line-height: 32px; | ||
273 | color: #333333; | ||
274 | } | ||
275 | } | ||
276 | |||
277 | .fl { | ||
278 | display: flex; | ||
279 | justify-content: space-between; | ||
280 | } | ||
281 | |||
282 | .fle { | ||
283 | display: flex; | ||
284 | justify-content: flex-end; | ||
285 | } | ||
286 | |||
287 | </style> |
src/router/index.js
0 → 100644
1 | import Vue from 'vue' | ||
2 | import Router from 'vue-router' | ||
3 | |||
4 | import Login from './../pages/Login.vue' | ||
5 | import NotFound from './../pages/404.vue' | ||
6 | import Home from './../pages/Home.vue' | ||
7 | import Main from './../pages/Main.vue' | ||
8 | |||
9 | // import Table from './../pages/nav1/Table.vue' | ||
10 | // import Form from './../pages/nav1/Form.vue' | ||
11 | // import user from './../pages/nav1/user.vue' | ||
12 | // import Page4 from './../pages/nav2/Page4.vue' | ||
13 | // import Page5 from './../pages/nav2/Page5.vue' | ||
14 | import Page6 from './../pages/nav3/Page6.vue' | ||
15 | |||
16 | import Dashboard from './../pages/dashboard/Dashboard.vue' | ||
17 | import VideoManager from './../pages/video-manager/VideoManager.vue' | ||
18 | import BannerManager from './../pages/classroom/BannerManager.vue' | ||
19 | import ArticleManager from './../pages/classroom/ArticleManager.vue' | ||
20 | import TagManager from './../pages/classroom/TagManager.vue' | ||
21 | import StoreManager from './../pages/store-manager/StoreManager.vue' | ||
22 | |||
23 | Vue.use(Router) | ||
24 | |||
25 | const router = new Router({ | ||
26 | routes: [{ | ||
27 | path: '/login', | ||
28 | component: Login, | ||
29 | name: '', | ||
30 | hidden: true | ||
31 | }, | ||
32 | { | ||
33 | path: '/404', | ||
34 | component: NotFound, | ||
35 | name: '', | ||
36 | hidden: true | ||
37 | }, | ||
38 | //{ path: '/main', component: Main }, | ||
39 | { | ||
40 | path: '/', | ||
41 | component: Home, | ||
42 | name: '', | ||
43 | iconCls: 'fa fa-address-card', | ||
44 | leaf: true, //只有一个节点 | ||
45 | children: [{ | ||
46 | path: '/', | ||
47 | component: Dashboard, | ||
48 | name: 'Dashboard' | ||
49 | }] | ||
50 | }, | ||
51 | { | ||
52 | path: '/', | ||
53 | component: Home, | ||
54 | name: '', | ||
55 | iconCls: 'fa fa-address-card', | ||
56 | leaf: true, //只有一个节点 | ||
57 | children: [{ | ||
58 | path: '/video/manager', | ||
59 | component: VideoManager, | ||
60 | name: '视频管理' | ||
61 | }] | ||
62 | }, | ||
63 | { | ||
64 | path: '/', | ||
65 | component: Home, | ||
66 | name: '爸妈学堂', | ||
67 | iconCls: 'fa fa-id-card-o', | ||
68 | children: [{ | ||
69 | path: '/tag/manager', | ||
70 | component: TagManager, | ||
71 | name: '话题管理' | ||
72 | }, | ||
73 | { | ||
74 | path: '/banner/manager', | ||
75 | component: BannerManager, | ||
76 | name: '头图管理' | ||
77 | }, | ||
78 | { | ||
79 | path: '/article/manager', | ||
80 | component: ArticleManager, | ||
81 | name: '文章管理' | ||
82 | } | ||
83 | ] | ||
84 | }, | ||
85 | { | ||
86 | path: '/', | ||
87 | component: Home, | ||
88 | name: '', | ||
89 | iconCls: 'fa fa-address-card', | ||
90 | leaf: true, //只有一个节点 | ||
91 | children: [{ | ||
92 | path: '/store/manager', | ||
93 | component: StoreManager, | ||
94 | name: '呵护到家' | ||
95 | }] | ||
96 | }, | ||
97 | // { | ||
98 | // path: '/', | ||
99 | // component: Home, | ||
100 | // name: '导航一', | ||
101 | // iconCls: 'el-icon-message', //图标样式class | ||
102 | // children: [{ | ||
103 | // path: '/main', | ||
104 | // component: Main, | ||
105 | // name: '主页', | ||
106 | // hidden: true | ||
107 | // }, | ||
108 | // { | ||
109 | // path: '/table', | ||
110 | // component: Table, | ||
111 | // name: 'Table' | ||
112 | // }, | ||
113 | // { | ||
114 | // path: '/form', | ||
115 | // component: Form, | ||
116 | // name: 'Form' | ||
117 | // }, | ||
118 | // { | ||
119 | // path: '/user', | ||
120 | // component: user, | ||
121 | // name: '列表' | ||
122 | // }, | ||
123 | // ] | ||
124 | // }, | ||
125 | // { | ||
126 | // path: '/', | ||
127 | // component: Home, | ||
128 | // name: '导航二', | ||
129 | // iconCls: 'fa fa-id-card-o', | ||
130 | // children: [{ | ||
131 | // path: '/page4', | ||
132 | // component: Page4, | ||
133 | // name: '页面4' | ||
134 | // }, | ||
135 | // { | ||
136 | // path: '/page5', | ||
137 | // component: Page5, | ||
138 | // name: '页面5' | ||
139 | // } | ||
140 | // ] | ||
141 | // }, | ||
142 | // { | ||
143 | // path: '/', | ||
144 | // component: Home, | ||
145 | // name: '', | ||
146 | // iconCls: 'fa fa-address-card', | ||
147 | // leaf: true, //只有一个节点 | ||
148 | // children: [{ | ||
149 | // path: '/page6', | ||
150 | // component: Page6, | ||
151 | // name: '导航三' | ||
152 | // }] | ||
153 | // }, | ||
154 | |||
155 | { | ||
156 | path: '*', | ||
157 | hidden: true, | ||
158 | redirect: { | ||
159 | path: '/404' | ||
160 | } | ||
161 | } | ||
162 | ] | ||
163 | }) | ||
164 | |||
165 | |||
166 | router.beforeEach((to, from, next) => { | ||
167 | //NProgress.start(); | ||
168 | if (to.path == '/login') { | ||
169 | sessionStorage.removeItem('user'); | ||
170 | } | ||
171 | let user = JSON.parse(sessionStorage.getItem('user')); | ||
172 | if (!user && to.path != '/login') { | ||
173 | next({ | ||
174 | path: '/login' | ||
175 | }) | ||
176 | } else { | ||
177 | next() | ||
178 | } | ||
179 | }) | ||
180 | |||
181 | export default router; |
src/styles/common.less
0 → 100644
1 | body, | ||
2 | div, | ||
3 | span, | ||
4 | header, | ||
5 | footer, | ||
6 | nav, | ||
7 | section, | ||
8 | aside, | ||
9 | article, | ||
10 | ul, | ||
11 | dl, | ||
12 | dt, | ||
13 | dd, | ||
14 | li, | ||
15 | a, | ||
16 | p, | ||
17 | h1, | ||
18 | h2, | ||
19 | h3, | ||
20 | h4, | ||
21 | h5, | ||
22 | h6, | ||
23 | i, | ||
24 | b, | ||
25 | textarea, | ||
26 | button, | ||
27 | input, | ||
28 | select, | ||
29 | figure, | ||
30 | figcaption { | ||
31 | padding: 0; | ||
32 | margin: 0; | ||
33 | list-style: none; | ||
34 | font-style: normal; | ||
35 | text-decoration: none; | ||
36 | border: none; | ||
37 | font-family: "Microsoft Yahei", sans-serif; | ||
38 | -webkit-tap-highlight-color: transparent; | ||
39 | -webkit-font-smoothing: antialiased; | ||
40 | &:focus { | ||
41 | outline: none; | ||
42 | } | ||
43 | } | ||
44 | |||
45 | /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ | ||
46 | |||
47 | ::-webkit-scrollbar { | ||
48 | width: 0px; | ||
49 | height: 0px; | ||
50 | background-color: #F5F5F5; | ||
51 | } | ||
52 | |||
53 | /*定义滚动条轨道 内阴影+圆角*/ | ||
54 | |||
55 | ::-webkit-scrollbar-track { | ||
56 | -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0); | ||
57 | border-radius: 10px; | ||
58 | background-color: #F5F5F5; | ||
59 | } | ||
60 | |||
61 | /*定义滑块 内阴影+圆角*/ | ||
62 | |||
63 | ::-webkit-scrollbar-thumb { | ||
64 | border-radius: 10px; | ||
65 | -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); | ||
66 | background-color: #555; | ||
67 | } | ||
68 | |||
69 | input[type="button"], | ||
70 | input[type="submit"], | ||
71 | input[type="search"], | ||
72 | input[type="reset"] { | ||
73 | -webkit-appearance: none; | ||
74 | } | ||
75 | |||
76 | textarea { | ||
77 | -webkit-appearance: none; | ||
78 | } | ||
79 | |||
80 | html, | ||
81 | body { | ||
82 | height: 100%; | ||
83 | width: 100%; // background-color: #F5F5F5; | ||
84 | } | ||
85 | |||
86 | .fillcontain { | ||
87 | height: 100%; | ||
88 | width: 100%; | ||
89 | } | ||
90 | |||
91 | .clear:after { | ||
92 | content: ''; | ||
93 | display: block; | ||
94 | clear: both; | ||
95 | } | ||
96 | |||
97 | .clear { | ||
98 | zoom: 1; | ||
99 | } | ||
100 | |||
101 | .back_img { | ||
102 | background-repeat: no-repeat; | ||
103 | background-size: 100% 100%; | ||
104 | } | ||
105 | |||
106 | .margin { | ||
107 | margin: 0 auto; | ||
108 | } | ||
109 | |||
110 | .left { | ||
111 | float: left; | ||
112 | } | ||
113 | |||
114 | .right { | ||
115 | float: right; | ||
116 | } | ||
117 | |||
118 | .hide { | ||
119 | display: none; | ||
120 | } | ||
121 | |||
122 | .show { | ||
123 | display: block; | ||
124 | } | ||
125 | |||
126 | .ellipsis { | ||
127 | overflow: hidden; | ||
128 | text-overflow: ellipsis; | ||
129 | white-space: nowrap; | ||
130 | } | ||
131 | |||
132 | .ta_left { | ||
133 | text-align: left; | ||
134 | } | ||
135 | |||
136 | .ta_right { | ||
137 | text-align: right; | ||
138 | } | ||
139 | |||
140 | .ta_center { | ||
141 | text-align: center; | ||
142 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/alert.css
0 → 100755
1 | .el-alert{width:100%;padding:8px 16px;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;position:relative;background-color:#fff;overflow:hidden;opacity:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:opacity .2s;transition:opacity .2s}.el-alert.is-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-alert--success{background-color:#f0f9eb;color:#67c23a}.el-alert--success .el-alert__description{color:#67c23a}.el-alert--info{background-color:#f4f4f5;color:#909399}.el-alert--info .el-alert__description{color:#909399}.el-alert--warning{background-color:#fdf6ec;color:#e6a23c}.el-alert--warning .el-alert__description{color:#e6a23c}.el-alert--error{background-color:#fef0f0;color:#f56c6c}.el-alert--error .el-alert__description{color:#f56c6c}.el-alert__content{display:table-cell;padding:0 8px}.el-alert__icon{font-size:16px;width:16px}.el-alert__icon.is-big{font-size:28px;width:28px}.el-alert__title{font-size:13px;line-height:18px}.el-alert__title.is-bold{font-weight:700}.el-alert .el-alert__description{font-size:12px;margin:5px 0 0}.el-alert__closebtn{font-size:12px;color:#c0c4cc;opacity:1;position:absolute;top:12px;right:15px;cursor:pointer}.el-alert__closebtn.is-customed{font-style:normal;font-size:13px;top:9px}.el-alert-fade-enter,.el-alert-fade-leave-active{opacity:0} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/aside.css
0 → 100755
1 | .el-aside{overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/autocomplete.css
0 → 100755
1 | .el-textarea{display:inline-block;width:100%;vertical-align:bottom;font-size:14px}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:inherit;color:#606266;background-color:#fff;background-image:none;border:1px solid #dcdfe6;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea__inner:-ms-input-placeholder{color:#c0c4cc}.el-textarea__inner::placeholder{color:#c0c4cc}.el-textarea__inner:hover{border-color:#c0c4cc}.el-textarea__inner:focus{outline:0;border-color:#324057}.el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#c0c4cc}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:#c0c4cc;font-size:14px;line-height:16px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-input .el-input__clear:hover{color:#909399}.el-input__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #dcdfe6;-webkit-box-sizing:border-box;box-sizing:border-box;color:#606266;display:inline-block;font-size:inherit;height:40px;line-height:40px;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__prefix,.el-input__suffix{position:absolute;top:0;-webkit-transition:all .3s;height:100%;color:#c0c4cc;text-align:center}.el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input__inner:-ms-input-placeholder{color:#c0c4cc}.el-input__inner::placeholder{color:#c0c4cc}.el-input__inner:hover{border-color:#c0c4cc}.el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:#324057;outline:0}.el-input__suffix{right:5px;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{left:5px;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner::placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px;line-height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px;line-height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px;line-height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate;border-spacing:0}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#f5f7fa;color:#909399;vertical-align:middle;display:table-cell;position:relative;border:1px solid #dcdfe6;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-10px -20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-input-group--append .el-select .el-input.is-focus .el-input__inner,.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner{border-color:transparent}.el-input__inner::-ms-clear{display:none;width:0;height:0}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active>.el-scrollbar__bar,.el-scrollbar:focus>.el-scrollbar__bar,.el-scrollbar:hover>.el-scrollbar__bar{opacity:1;-webkit-transition:opacity 340ms ease-out;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll;height:100%}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(144,147,153,.3);-webkit-transition:.3s background-color;transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(144,147,153,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity 120ms ease-out;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#ebeef5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#ebeef5}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#ebeef5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#ebeef5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.el-autocomplete{position:relative;display:inline-block}.el-autocomplete-suggestion{margin:5px 0;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border-radius:4px;border:1px solid #e4e7ed;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.el-autocomplete-suggestion__wrap{max-height:280px;padding:10px 0;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:auto;background-color:#fff}.el-autocomplete-suggestion__list{margin:0;padding:0}.el-autocomplete-suggestion li{padding:0 20px;margin:0;line-height:34px;cursor:pointer;color:#606266;font-size:14px;list-style:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.el-autocomplete-suggestion li.highlighted,.el-autocomplete-suggestion li:hover{background-color:#f5f7fa}.el-autocomplete-suggestion li.divider{margin-top:6px;border-top:1px solid #000}.el-autocomplete-suggestion li.divider:last-child{margin-bottom:-6px}.el-autocomplete-suggestion.is-loading li{text-align:center;height:100px;line-height:100px;font-size:20px;color:#999}.el-autocomplete-suggestion.is-loading li::after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-autocomplete-suggestion.is-loading li:hover{background-color:#fff}.el-autocomplete-suggestion.is-loading .el-icon-loading{vertical-align:middle} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/badge.css
0 → 100755
1 | .el-badge{position:relative;vertical-align:middle;display:inline-block}.el-badge__content{background-color:#f56c6c;border-radius:10px;color:#fff;display:inline-block;font-size:12px;height:18px;line-height:18px;padding:0 6px;text-align:center;white-space:nowrap;border:1px solid #fff}.el-badge__content.is-fixed{position:absolute;top:0;right:10px;-webkit-transform:translateY(-50%) translateX(100%);transform:translateY(-50%) translateX(100%)}.el-badge__content.is-fixed.is-dot{right:5px}.el-badge__content.is-dot{height:8px;width:8px;padding:0;right:0;border-radius:50%}.el-badge__content--primary{background-color:#324057}.el-badge__content--success{background-color:#67c23a}.el-badge__content--warning{background-color:#e6a23c}.el-badge__content--info{background-color:#909399}.el-badge__content--danger{background-color:#f56c6c} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/base.css
0 → 100755
1 | .el-fade-in-enter,.el-fade-in-leave-active,.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active,.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.fade-in-linear-enter-active,.fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-enter-active,.el-fade-in-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center top;transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center bottom;transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:top left;transform-origin:top left}.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;-webkit-transform:scale(.45,.45);transform:scale(.45,.45)}.collapse-transition{-webkit-transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out;transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{-webkit-transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out;transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{-webkit-transition:all 1s;transition:all 1s}.el-list-enter,.el-list-leave-active{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}.el-opacity-transition{-webkit-transition:opacity .3s cubic-bezier(.55,0,.1,1);transition:opacity .3s cubic-bezier(.55,0,.1,1)}@font-face{font-family:element-icons;src:url(fonts/element-icons.woff) format("woff"),url(fonts/element-icons.ttf) format("truetype");font-weight:400;font-style:normal}[class*=" el-icon-"],[class^=el-icon-]{font-family:element-icons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;vertical-align:baseline;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-icon-info:before{content:"\e61a"}.el-icon-error:before{content:"\e62c"}.el-icon-success:before{content:"\e62d"}.el-icon-warning:before{content:"\e62e"}.el-icon-question:before{content:"\e634"}.el-icon-back:before{content:"\e606"}.el-icon-arrow-left:before{content:"\e600"}.el-icon-arrow-down:before{content:"\e603"}.el-icon-arrow-right:before{content:"\e604"}.el-icon-arrow-up:before{content:"\e605"}.el-icon-caret-left:before{content:"\e60a"}.el-icon-caret-bottom:before{content:"\e60b"}.el-icon-caret-top:before{content:"\e60c"}.el-icon-caret-right:before{content:"\e60e"}.el-icon-d-arrow-left:before{content:"\e610"}.el-icon-d-arrow-right:before{content:"\e613"}.el-icon-minus:before{content:"\e621"}.el-icon-plus:before{content:"\e62b"}.el-icon-remove:before{content:"\e635"}.el-icon-circle-plus:before{content:"\e601"}.el-icon-remove-outline:before{content:"\e63c"}.el-icon-circle-plus-outline:before{content:"\e602"}.el-icon-close:before{content:"\e60f"}.el-icon-check:before{content:"\e611"}.el-icon-circle-close:before{content:"\e607"}.el-icon-circle-check:before{content:"\e639"}.el-icon-circle-close-outline:before{content:"\e609"}.el-icon-circle-check-outline:before{content:"\e63e"}.el-icon-zoom-out:before{content:"\e645"}.el-icon-zoom-in:before{content:"\e641"}.el-icon-d-caret:before{content:"\e615"}.el-icon-sort:before{content:"\e640"}.el-icon-sort-down:before{content:"\e630"}.el-icon-sort-up:before{content:"\e631"}.el-icon-tickets:before{content:"\e63f"}.el-icon-document:before{content:"\e614"}.el-icon-goods:before{content:"\e618"}.el-icon-sold-out:before{content:"\e63b"}.el-icon-news:before{content:"\e625"}.el-icon-message:before{content:"\e61b"}.el-icon-date:before{content:"\e608"}.el-icon-printer:before{content:"\e62f"}.el-icon-time:before{content:"\e642"}.el-icon-bell:before{content:"\e622"}.el-icon-mobile-phone:before{content:"\e624"}.el-icon-service:before{content:"\e63a"}.el-icon-view:before{content:"\e643"}.el-icon-menu:before{content:"\e620"}.el-icon-more:before{content:"\e646"}.el-icon-more-outline:before{content:"\e626"}.el-icon-star-on:before{content:"\e637"}.el-icon-star-off:before{content:"\e63d"}.el-icon-location:before{content:"\e61d"}.el-icon-location-outline:before{content:"\e61f"}.el-icon-phone:before{content:"\e627"}.el-icon-phone-outline:before{content:"\e628"}.el-icon-picture:before{content:"\e629"}.el-icon-picture-outline:before{content:"\e62a"}.el-icon-delete:before{content:"\e612"}.el-icon-search:before{content:"\e619"}.el-icon-edit:before{content:"\e61c"}.el-icon-edit-outline:before{content:"\e616"}.el-icon-rank:before{content:"\e632"}.el-icon-refresh:before{content:"\e633"}.el-icon-share:before{content:"\e636"}.el-icon-setting:before{content:"\e638"}.el-icon-upload:before{content:"\e60d"}.el-icon-upload2:before{content:"\e644"}.el-icon-download:before{content:"\e617"}.el-icon-loading:before{content:"\e61e"}.el-icon-loading{-webkit-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@-webkit-keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
File mode changed
src/styles/element-#324057/breadcrumb.css
0 → 100755
1 | .el-breadcrumb{font-size:14px;line-height:1}.el-breadcrumb::after,.el-breadcrumb::before{display:table;content:""}.el-breadcrumb::after{clear:both}.el-breadcrumb__separator{margin:0 9px;font-weight:700;color:#c0c4cc}.el-breadcrumb__separator[class*=icon]{margin:0 6px;font-weight:400}.el-breadcrumb__item{float:left}.el-breadcrumb__inner{color:#606266}.el-breadcrumb__inner a,.el-breadcrumb__inner.is-link{font-weight:700;text-decoration:none;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1);color:#303133}.el-breadcrumb__inner a:hover,.el-breadcrumb__inner.is-link:hover{color:#324057;cursor:pointer}.el-breadcrumb__item:last-child .el-breadcrumb__inner,.el-breadcrumb__item:last-child .el-breadcrumb__inner a,.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover,.el-breadcrumb__item:last-child .el-breadcrumb__inner:hover{font-weight:400;color:#606266;cursor:text}.el-breadcrumb__item:last-child .el-breadcrumb__separator{display:none} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/button-group.css
0 → 100755
File mode changed
src/styles/element-#324057/button.css
0 → 100755
1 | .el-button-group>.el-button.is-active,.el-button-group>.el-button.is-disabled,.el-button-group>.el-button:active,.el-button-group>.el-button:focus,.el-button-group>.el-button:hover{z-index:1}.el-button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dcdfe6;color:#606266;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;-webkit-transition:.1s;transition:.1s;font-weight:500;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:12px 20px;font-size:14px;border-radius:4px}.el-button+.el-button{margin-left:10px}.el-button:focus,.el-button:hover{color:#324057;border-color:rgb(194, 198, 205);background-color:rgb(235, 236, 238)}.el-button:active{color:rgb(45, 58, 78);border-color:rgb(45, 58, 78);outline:0}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon-]+span{margin-left:5px}.el-button.is-plain:focus,.el-button.is-plain:hover{background:#fff;border-color:#324057;color:#324057}.el-button.is-active,.el-button.is-plain:active{color:rgb(45, 58, 78);border-color:rgb(45, 58, 78)}.el-button.is-plain:active{background:#fff;outline:0}.el-button.is-disabled,.el-button.is-disabled:focus,.el-button.is-disabled:hover{color:#c0c4cc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#ebeef5}.el-button.is-disabled.el-button--text{background-color:transparent}.el-button.is-disabled.is-plain,.el-button.is-disabled.is-plain:focus,.el-button.is-disabled.is-plain:hover{background-color:#fff;border-color:#ebeef5;color:#c0c4cc}.el-button.is-loading{position:relative;pointer-events:none}.el-button.is-loading:before{pointer-events:none;content:'';position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:rgba(255,255,255,.35)}.el-button.is-round{border-radius:20px;padding:12px 23px}.el-button.is-circle{border-radius:50%;padding:12px}.el-button--primary{color:#fff;background-color:#324057;border-color:#324057}.el-button--primary:focus,.el-button--primary:hover{background:rgb(91, 102, 121);border-color:rgb(91, 102, 121);color:#fff}.el-button--primary.is-active,.el-button--primary:active{background:rgb(45, 58, 78);border-color:rgb(45, 58, 78);color:#fff}.el-button--primary:active{outline:0}.el-button--primary.is-disabled,.el-button--primary.is-disabled:active,.el-button--primary.is-disabled:focus,.el-button--primary.is-disabled:hover{color:#fff;background-color:rgb(153, 160, 171);border-color:rgb(153, 160, 171)}.el-button--primary.is-plain{color:#324057;background:rgb(235, 236, 238);border-color:rgb(173, 179, 188)}.el-button--primary.is-plain:focus,.el-button--primary.is-plain:hover{background:#324057;border-color:#324057;color:#fff}.el-button--primary.is-plain:active{background:rgb(45, 58, 78);border-color:rgb(45, 58, 78);color:#fff;outline:0}.el-button--primary.is-plain.is-disabled,.el-button--primary.is-plain.is-disabled:active,.el-button--primary.is-plain.is-disabled:focus,.el-button--primary.is-plain.is-disabled:hover{color:rgb(132, 140, 154);background-color:rgb(235, 236, 238);border-color:rgb(214, 217, 221)}.el-button--success{color:#fff;background-color:#67c23a;border-color:#67c23a}.el-button--success:focus,.el-button--success:hover{background:#85ce61;border-color:#85ce61;color:#fff}.el-button--success.is-active,.el-button--success:active{background:#5daf34;border-color:#5daf34;color:#fff}.el-button--success:active{outline:0}.el-button--success.is-disabled,.el-button--success.is-disabled:active,.el-button--success.is-disabled:focus,.el-button--success.is-disabled:hover{color:#fff;background-color:#b3e19d;border-color:#b3e19d}.el-button--success.is-plain{color:#67c23a;background:#f0f9eb;border-color:#c2e7b0}.el-button--success.is-plain:focus,.el-button--success.is-plain:hover{background:#67c23a;border-color:#67c23a;color:#fff}.el-button--success.is-plain:active{background:#5daf34;border-color:#5daf34;color:#fff;outline:0}.el-button--success.is-plain.is-disabled,.el-button--success.is-plain.is-disabled:active,.el-button--success.is-plain.is-disabled:focus,.el-button--success.is-plain.is-disabled:hover{color:#a4da89;background-color:#f0f9eb;border-color:#e1f3d8}.el-button--warning{color:#fff;background-color:#e6a23c;border-color:#e6a23c}.el-button--warning:focus,.el-button--warning:hover{background:#ebb563;border-color:#ebb563;color:#fff}.el-button--warning.is-active,.el-button--warning:active{background:#cf9236;border-color:#cf9236;color:#fff}.el-button--warning:active{outline:0}.el-button--warning.is-disabled,.el-button--warning.is-disabled:active,.el-button--warning.is-disabled:focus,.el-button--warning.is-disabled:hover{color:#fff;background-color:#f3d19e;border-color:#f3d19e}.el-button--warning.is-plain{color:#e6a23c;background:#fdf6ec;border-color:#f5dab1}.el-button--warning.is-plain:focus,.el-button--warning.is-plain:hover{background:#e6a23c;border-color:#e6a23c;color:#fff}.el-button--warning.is-plain:active{background:#cf9236;border-color:#cf9236;color:#fff;outline:0}.el-button--warning.is-plain.is-disabled,.el-button--warning.is-plain.is-disabled:active,.el-button--warning.is-plain.is-disabled:focus,.el-button--warning.is-plain.is-disabled:hover{color:#f0c78a;background-color:#fdf6ec;border-color:#faecd8}.el-button--danger{color:#fff;background-color:#f56c6c;border-color:#f56c6c}.el-button--danger:focus,.el-button--danger:hover{background:#f78989;border-color:#f78989;color:#fff}.el-button--danger.is-active,.el-button--danger:active{background:#dd6161;border-color:#dd6161;color:#fff}.el-button--danger:active{outline:0}.el-button--danger.is-disabled,.el-button--danger.is-disabled:active,.el-button--danger.is-disabled:focus,.el-button--danger.is-disabled:hover{color:#fff;background-color:#fab6b6;border-color:#fab6b6}.el-button--danger.is-plain{color:#f56c6c;background:#fef0f0;border-color:#fbc4c4}.el-button--danger.is-plain:focus,.el-button--danger.is-plain:hover{background:#f56c6c;border-color:#f56c6c;color:#fff}.el-button--danger.is-plain:active{background:#dd6161;border-color:#dd6161;color:#fff;outline:0}.el-button--danger.is-plain.is-disabled,.el-button--danger.is-plain.is-disabled:active,.el-button--danger.is-plain.is-disabled:focus,.el-button--danger.is-plain.is-disabled:hover{color:#f9a7a7;background-color:#fef0f0;border-color:#fde2e2}.el-button--info{color:#fff;background-color:#909399;border-color:#909399}.el-button--info:focus,.el-button--info:hover{background:#a6a9ad;border-color:#a6a9ad;color:#fff}.el-button--info.is-active,.el-button--info:active{background:#82848a;border-color:#82848a;color:#fff}.el-button--info:active{outline:0}.el-button--info.is-disabled,.el-button--info.is-disabled:active,.el-button--info.is-disabled:focus,.el-button--info.is-disabled:hover{color:#fff;background-color:#c8c9cc;border-color:#c8c9cc}.el-button--info.is-plain{color:#909399;background:#f4f4f5;border-color:#d3d4d6}.el-button--info.is-plain:focus,.el-button--info.is-plain:hover{background:#909399;border-color:#909399;color:#fff}.el-button--info.is-plain:active{background:#82848a;border-color:#82848a;color:#fff;outline:0}.el-button--info.is-plain.is-disabled,.el-button--info.is-plain.is-disabled:active,.el-button--info.is-plain.is-disabled:focus,.el-button--info.is-plain.is-disabled:hover{color:#bcbec2;background-color:#f4f4f5;border-color:#e9e9eb}.el-button--text,.el-button--text.is-disabled,.el-button--text.is-disabled:focus,.el-button--text.is-disabled:hover,.el-button--text:active{border-color:transparent}.el-button--medium{padding:10px 20px;font-size:14px;border-radius:4px}.el-button--mini,.el-button--small{font-size:12px;border-radius:3px}.el-button--medium.is-round{padding:10px 20px}.el-button--medium.is-circle{padding:10px}.el-button--small,.el-button--small.is-round{padding:9px 15px}.el-button--small.is-circle{padding:9px}.el-button--mini,.el-button--mini.is-round{padding:7px 15px}.el-button--mini.is-circle{padding:7px}.el-button--text{color:#324057;background:0 0;padding-left:0;padding-right:0}.el-button--text:focus,.el-button--text:hover{color:rgb(91, 102, 121);border-color:transparent;background-color:transparent}.el-button--text:active{color:rgb(45, 58, 78);background-color:transparent}.el-button-group{display:inline-block;vertical-align:middle}.el-button-group::after,.el-button-group::before{display:table;content:""}.el-button-group::after{clear:both}.el-button-group>.el-button{float:left;position:relative}.el-button-group>.el-button+.el-button{margin-left:0}.el-button-group>.el-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.el-button-group>.el-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.el-button-group>.el-button:first-child:last-child{border-radius:4px}.el-button-group>.el-button:first-child:last-child.is-round{border-radius:20px}.el-button-group>.el-button:first-child:last-child.is-circle{border-radius:50%}.el-button-group>.el-button:not(:first-child):not(:last-child){border-radius:0}.el-button-group>.el-button:not(:last-child){margin-right:-1px}.el-button-group>.el-dropdown>.el-button{border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/card.css
0 → 100755
1 | .el-card{border-radius:4px;border:1px solid #ebeef5;background-color:#fff;overflow:hidden;color:#303133;-webkit-transition:.3s;transition:.3s}.el-card.is-always-shadow,.el-card.is-hover-shadow:focus,.el-card.is-hover-shadow:hover{-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-card__header{padding:18px 20px;border-bottom:1px solid #ebeef5;-webkit-box-sizing:border-box;box-sizing:border-box}.el-card__body{padding:20px} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/carousel-item.css
0 → 100755
1 | .el-carousel__item,.el-carousel__mask{position:absolute;height:100%;top:0;left:0}.el-carousel__item{width:100%;display:inline-block;overflow:hidden;z-index:0}.el-carousel__item.is-active{z-index:2}.el-carousel__item.is-animating{-webkit-transition:-webkit-transform .4s ease-in-out;transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out}.el-carousel__item--card{width:50%;-webkit-transition:-webkit-transform .4s ease-in-out;transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out}.el-carousel__item--card.is-in-stage{cursor:pointer;z-index:1}.el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask,.el-carousel__item--card.is-in-stage:hover .el-carousel__mask{opacity:.12}.el-carousel__item--card.is-active{z-index:2}.el-carousel__mask{width:100%;background-color:#fff;opacity:.24;-webkit-transition:.2s;transition:.2s} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/carousel.css
0 → 100755
1 | .el-carousel{overflow-x:hidden;position:relative}.el-carousel__container{position:relative;height:300px}.el-carousel__arrow{border:none;outline:0;padding:0;margin:0;height:36px;width:36px;cursor:pointer;-webkit-transition:.3s;transition:.3s;border-radius:50%;background-color:rgba(31,45,61,.11);color:#fff;position:absolute;top:50%;z-index:10;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-align:center;font-size:12px}.el-carousel__arrow--left{left:16px}.el-carousel__arrow--right{right:16px}.el-carousel__arrow:hover{background-color:rgba(31,45,61,.23)}.el-carousel__arrow i{cursor:pointer}.el-carousel__indicators{position:absolute;list-style:none;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin:0;padding:0;z-index:2}.el-carousel__indicators--outside{bottom:26px;text-align:center;position:static;-webkit-transform:none;transform:none}.el-carousel__indicators--outside .el-carousel__indicator:hover button{opacity:.64}.el-carousel__indicators--outside button{background-color:#c0c4cc;opacity:.24}.el-carousel__indicators--labels{left:0;right:0;-webkit-transform:none;transform:none;text-align:center}.el-carousel__indicators--labels .el-carousel__button{height:auto;width:auto;padding:2px 18px;font-size:12px}.el-carousel__indicators--labels .el-carousel__indicator{padding:6px 4px}.el-carousel__indicator{display:inline-block;background-color:transparent;padding:12px 4px;cursor:pointer}.el-carousel__indicator:hover button{opacity:.72}.el-carousel__indicator.is-active button{opacity:1}.el-carousel__button{display:block;opacity:.48;width:30px;height:2px;background-color:#fff;border:none;outline:0;padding:0;margin:0;cursor:pointer;-webkit-transition:.3s;transition:.3s}.carousel-arrow-left-enter,.carousel-arrow-left-leave-active{-webkit-transform:translateY(-50%) translateX(-10px);transform:translateY(-50%) translateX(-10px);opacity:0}.carousel-arrow-right-enter,.carousel-arrow-right-leave-active{-webkit-transform:translateY(-50%) translateX(10px);transform:translateY(-50%) translateX(10px);opacity:0} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/cascader.css
0 → 100755
1 | .el-textarea{display:inline-block;width:100%;vertical-align:bottom;font-size:14px}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:inherit;color:#606266;background-color:#fff;background-image:none;border:1px solid #dcdfe6;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-cascader-menu,.el-cascader__label,.el-input__inner{-webkit-box-sizing:border-box}.el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea__inner:-ms-input-placeholder{color:#c0c4cc}.el-textarea__inner::placeholder{color:#c0c4cc}.el-textarea__inner:hover{border-color:#c0c4cc}.el-textarea__inner:focus{outline:0;border-color:#324057}.el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#c0c4cc}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:#c0c4cc;font-size:14px;line-height:16px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input,.el-input__inner{font-size:inherit}.el-input .el-input__clear:hover{color:#909399}.el-input__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #dcdfe6;box-sizing:border-box;color:#606266;display:inline-block;height:40px;line-height:40px;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__prefix,.el-input__suffix{position:absolute;top:0;-webkit-transition:all .3s;text-align:center;height:100%;color:#c0c4cc}.el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input__inner:-ms-input-placeholder{color:#c0c4cc}.el-input__inner::placeholder{color:#c0c4cc}.el-input__inner:hover{border-color:#c0c4cc}.el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:#324057;outline:0}.el-input__suffix{right:5px;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{left:5px;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner::placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px;line-height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px;line-height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px;line-height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate;border-spacing:0}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#f5f7fa;color:#909399;vertical-align:middle;display:table-cell;position:relative;border:1px solid #dcdfe6;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-10px -20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-cascader-menu,.el-cascader-menu__item.is-disabled:hover{background-color:#fff}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-input-group--append .el-select .el-input.is-focus .el-input__inner,.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner{border-color:transparent}.el-input__inner::-ms-clear{display:none;width:0;height:0}.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#ebeef5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#ebeef5}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#ebeef5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#ebeef5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.el-cascader{display:inline-block;position:relative;font-size:14px;line-height:40px}.el-cascader .el-input,.el-cascader .el-input__inner{cursor:pointer}.el-cascader .el-input.is-focus .el-input__inner{border-color:#324057}.el-cascader .el-input__icon{-webkit-transition:none;transition:none}.el-cascader .el-icon-arrow-down{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;font-size:14px}.el-cascader .el-icon-arrow-down.is-reverse{-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg)}.el-cascader .el-icon-circle-close{z-index:2;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-cascader .el-icon-circle-close:hover{color:#909399}.el-cascader__clearIcon{z-index:2;position:relative}.el-cascader__label{position:absolute;left:0;top:0;height:100%;padding:0 25px 0 15px;color:#606266;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;box-sizing:border-box;cursor:pointer;text-align:left;font-size:inherit}.el-cascader__label span{color:#000}.el-cascader--medium{font-size:14px;line-height:36px}.el-cascader--small{font-size:13px;line-height:32px}.el-cascader--mini{font-size:12px;line-height:28px}.el-cascader.is-disabled .el-cascader__label{z-index:2;color:#c0c4cc}.el-cascader-menus{white-space:nowrap;background:#fff;position:absolute;margin:5px 0;z-index:2;border:1px solid #e4e7ed;border-radius:2px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-cascader-menu{display:inline-block;vertical-align:top;height:204px;overflow:auto;border-right:solid 1px #e4e7ed;box-sizing:border-box;margin:0;padding:6px 0;min-width:160px}.el-cascader-menu:last-child{border-right:0}.el-cascader-menu__item{font-size:14px;padding:8px 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#606266;height:34px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;outline:0}.el-cascader-menu__item--extensible:after{font-family:element-icons;content:"\e604";font-size:14px;color:#bfcbd9;position:absolute;right:15px}.el-cascader-menu__item.is-disabled{color:#c0c4cc;background-color:#fff;cursor:not-allowed}.el-cascader-menu__item.is-active{color:#324057}.el-cascader-menu__item:focus:not(:active),.el-cascader-menu__item:hover{background-color:#f5f7fa}.el-cascader-menu__item.selected{color:#fff;background-color:#f5f7fa}.el-cascader-menu__item__keyword{font-weight:700}.el-cascader-menu--flexible{height:auto;max-height:180px;overflow:auto}.el-cascader-menu--flexible .el-cascader-menu__item{overflow:visible} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
File mode changed
File mode changed
src/styles/element-#324057/checkbox.css
0 → 100755
1 | @charset "UTF-8";.el-checkbox,.el-checkbox__input{display:inline-block;position:relative}.el-checkbox-button__inner,.el-checkbox__input{white-space:nowrap;vertical-align:middle;outline:0}.el-checkbox{color:#606266;font-weight:500;font-size:14px;cursor:pointer;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-checkbox.is-bordered{padding:9px 20px 9px 10px;border-radius:4px;border:1px solid #dcdfe6;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:normal;height:40px}.el-checkbox.is-bordered.is-checked{border-color:#324057}.el-checkbox.is-bordered.is-disabled{border-color:#ebeef5;cursor:not-allowed}.el-checkbox.is-bordered+.el-checkbox.is-bordered{margin-left:10px}.el-checkbox.is-bordered.el-checkbox--medium{padding:7px 20px 7px 10px;border-radius:4px;height:36px}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label{line-height:17px;font-size:14px}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner{height:14px;width:14px}.el-checkbox.is-bordered.el-checkbox--small{padding:5px 15px 5px 10px;border-radius:3px;height:32px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label{line-height:15px;font-size:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after{height:6px;width:2px}.el-checkbox.is-bordered.el-checkbox--mini{padding:3px 15px 3px 10px;border-radius:3px;height:28px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label{line-height:12px;font-size:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after{height:6px;width:2px}.el-checkbox__input{cursor:pointer;line-height:1}.el-checkbox__input.is-disabled .el-checkbox__inner{background-color:#edf2fc;border-color:#dcdfe6;cursor:not-allowed}.el-checkbox__input.is-disabled .el-checkbox__inner::after{cursor:not-allowed;border-color:#c0c4cc}.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label{cursor:not-allowed}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:#f2f6fc;border-color:#dcdfe6}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{border-color:#c0c4cc}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:#f2f6fc;border-color:#dcdfe6}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before{background-color:#c0c4cc;border-color:#c0c4cc}.el-checkbox__input.is-checked .el-checkbox__inner,.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#324057;border-color:#324057}.el-checkbox__input.is-disabled+span.el-checkbox__label{color:#c0c4cc;cursor:not-allowed}.el-checkbox__input.is-checked .el-checkbox__inner::after{-webkit-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.el-checkbox__input.is-checked+.el-checkbox__label{color:#324057}.el-checkbox__input.is-focus .el-checkbox__inner{border-color:#324057}.el-checkbox__input.is-indeterminate .el-checkbox__inner::before{content:'';position:absolute;display:block;background-color:#fff;height:2px;-webkit-transform:scale(.5);transform:scale(.5);left:0;right:0;top:5px}.el-checkbox__input.is-indeterminate .el-checkbox__inner::after{display:none}.el-checkbox__inner{display:inline-block;position:relative;border:1px solid #dcdfe6;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;background-color:#fff;z-index:1;-webkit-transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.el-checkbox__inner:hover{border-color:#324057}.el-checkbox__inner::after{-webkit-box-sizing:content-box;box-sizing:content-box;content:"";border:1px solid #fff;border-left:0;border-top:0;height:7px;left:4px;position:absolute;top:1px;-webkit-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);width:3px;-webkit-transition:-webkit-transform .15s ease-in .05s;transition:-webkit-transform .15s ease-in .05s;transition:transform .15s ease-in .05s;transition:transform .15s ease-in .05s,-webkit-transform .15s ease-in .05s;-webkit-transform-origin:center;transform-origin:center}.el-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.el-checkbox-button,.el-checkbox-button__inner{display:inline-block;position:relative}.el-checkbox__label{display:inline-block;padding-left:10px;line-height:19px;font-size:14px}.el-checkbox+.el-checkbox{margin-left:30px}.el-checkbox-button__inner{line-height:1;font-weight:500;cursor:pointer;background:#fff;border:1px solid #dcdfe6;border-left:0;color:#606266;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:12px 20px;font-size:14px;border-radius:0}.el-checkbox-button__inner.is-round{padding:12px 20px}.el-checkbox-button__inner:hover{color:#324057}.el-checkbox-button__inner [class*=el-icon-]{line-height:.9}.el-checkbox-button__inner [class*=el-icon-]+span{margin-left:5px}.el-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;z-index:-1}.el-checkbox-button.is-checked .el-checkbox-button__inner{color:#fff;background-color:#324057;border-color:#324057;-webkit-box-shadow:-1px 0 0 0 rgb(132, 140, 154);box-shadow:-1px 0 0 0 rgb(132, 140, 154)}.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner{border-left-color:#324057}.el-checkbox-button.is-disabled .el-checkbox-button__inner{color:#c0c4cc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#ebeef5;-webkit-box-shadow:none;box-shadow:none}.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner{border-left-color:#ebeef5}.el-checkbox-button:first-child .el-checkbox-button__inner{border-left:1px solid #dcdfe6;border-radius:4px 0 0 4px;-webkit-box-shadow:none!important;box-shadow:none!important}.el-checkbox-button.is-focus .el-checkbox-button__inner{border-color:#324057}.el-checkbox-button:last-child .el-checkbox-button__inner{border-radius:0 4px 4px 0}.el-checkbox-button--medium .el-checkbox-button__inner{padding:10px 20px;font-size:14px;border-radius:0}.el-checkbox-button--medium .el-checkbox-button__inner.is-round{padding:10px 20px}.el-checkbox-button--small .el-checkbox-button__inner{padding:9px 15px;font-size:12px;border-radius:0}.el-checkbox-button--small .el-checkbox-button__inner.is-round{padding:9px 15px}.el-checkbox-button--mini .el-checkbox-button__inner{padding:7px 15px;font-size:12px;border-radius:0}.el-checkbox-button--mini .el-checkbox-button__inner.is-round{padding:7px 15px}.el-checkbox-group{font-size:0} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/col.css
0 → 100755
1 | .el-col-pull-0,.el-col-pull-1,.el-col-pull-10,.el-col-pull-11,.el-col-pull-13,.el-col-pull-14,.el-col-pull-15,.el-col-pull-16,.el-col-pull-17,.el-col-pull-18,.el-col-pull-19,.el-col-pull-2,.el-col-pull-20,.el-col-pull-21,.el-col-pull-22,.el-col-pull-23,.el-col-pull-24,.el-col-pull-3,.el-col-pull-4,.el-col-pull-5,.el-col-pull-6,.el-col-pull-7,.el-col-pull-8,.el-col-pull-9,.el-col-push-0,.el-col-push-1,.el-col-push-10,.el-col-push-11,.el-col-push-12,.el-col-push-13,.el-col-push-14,.el-col-push-15,.el-col-push-16,.el-col-push-17,.el-col-push-18,.el-col-push-19,.el-col-push-2,.el-col-push-20,.el-col-push-21,.el-col-push-22,.el-col-push-23,.el-col-push-24,.el-col-push-3,.el-col-push-4,.el-col-push-5,.el-col-push-6,.el-col-push-7,.el-col-push-8,.el-col-push-9{position:relative}[class*=el-col-]{float:left;-webkit-box-sizing:border-box;box-sizing:border-box}.el-col-0{display:none;width:0}.el-col-offset-0{margin-left:0}.el-col-pull-0{right:0}.el-col-push-0{left:0}.el-col-1{width:4.16667%}.el-col-offset-1{margin-left:4.16667%}.el-col-pull-1{right:4.16667%}.el-col-push-1{left:4.16667%}.el-col-2{width:8.33333%}.el-col-offset-2{margin-left:8.33333%}.el-col-pull-2{right:8.33333%}.el-col-push-2{left:8.33333%}.el-col-3{width:12.5%}.el-col-offset-3{margin-left:12.5%}.el-col-pull-3{right:12.5%}.el-col-push-3{left:12.5%}.el-col-4{width:16.66667%}.el-col-offset-4{margin-left:16.66667%}.el-col-pull-4{right:16.66667%}.el-col-push-4{left:16.66667%}.el-col-5{width:20.83333%}.el-col-offset-5{margin-left:20.83333%}.el-col-pull-5{right:20.83333%}.el-col-push-5{left:20.83333%}.el-col-6{width:25%}.el-col-offset-6{margin-left:25%}.el-col-pull-6{right:25%}.el-col-push-6{left:25%}.el-col-7{width:29.16667%}.el-col-offset-7{margin-left:29.16667%}.el-col-pull-7{right:29.16667%}.el-col-push-7{left:29.16667%}.el-col-8{width:33.33333%}.el-col-offset-8{margin-left:33.33333%}.el-col-pull-8{right:33.33333%}.el-col-push-8{left:33.33333%}.el-col-9{width:37.5%}.el-col-offset-9{margin-left:37.5%}.el-col-pull-9{right:37.5%}.el-col-push-9{left:37.5%}.el-col-10{width:41.66667%}.el-col-offset-10{margin-left:41.66667%}.el-col-pull-10{right:41.66667%}.el-col-push-10{left:41.66667%}.el-col-11{width:45.83333%}.el-col-offset-11{margin-left:45.83333%}.el-col-pull-11{right:45.83333%}.el-col-push-11{left:45.83333%}.el-col-12{width:50%}.el-col-offset-12{margin-left:50%}.el-col-pull-12{position:relative;right:50%}.el-col-push-12{left:50%}.el-col-13{width:54.16667%}.el-col-offset-13{margin-left:54.16667%}.el-col-pull-13{right:54.16667%}.el-col-push-13{left:54.16667%}.el-col-14{width:58.33333%}.el-col-offset-14{margin-left:58.33333%}.el-col-pull-14{right:58.33333%}.el-col-push-14{left:58.33333%}.el-col-15{width:62.5%}.el-col-offset-15{margin-left:62.5%}.el-col-pull-15{right:62.5%}.el-col-push-15{left:62.5%}.el-col-16{width:66.66667%}.el-col-offset-16{margin-left:66.66667%}.el-col-pull-16{right:66.66667%}.el-col-push-16{left:66.66667%}.el-col-17{width:70.83333%}.el-col-offset-17{margin-left:70.83333%}.el-col-pull-17{right:70.83333%}.el-col-push-17{left:70.83333%}.el-col-18{width:75%}.el-col-offset-18{margin-left:75%}.el-col-pull-18{right:75%}.el-col-push-18{left:75%}.el-col-19{width:79.16667%}.el-col-offset-19{margin-left:79.16667%}.el-col-pull-19{right:79.16667%}.el-col-push-19{left:79.16667%}.el-col-20{width:83.33333%}.el-col-offset-20{margin-left:83.33333%}.el-col-pull-20{right:83.33333%}.el-col-push-20{left:83.33333%}.el-col-21{width:87.5%}.el-col-offset-21{margin-left:87.5%}.el-col-pull-21{right:87.5%}.el-col-push-21{left:87.5%}.el-col-22{width:91.66667%}.el-col-offset-22{margin-left:91.66667%}.el-col-pull-22{right:91.66667%}.el-col-push-22{left:91.66667%}.el-col-23{width:95.83333%}.el-col-offset-23{margin-left:95.83333%}.el-col-pull-23{right:95.83333%}.el-col-push-23{left:95.83333%}.el-col-24{width:100%}.el-col-offset-24{margin-left:100%}.el-col-pull-24{right:100%}.el-col-push-24{left:100%}@media only screen and (max-width:767px){.el-col-xs-0{display:none;width:0}.el-col-xs-offset-0{margin-left:0}.el-col-xs-pull-0{position:relative;right:0}.el-col-xs-push-0{position:relative;left:0}.el-col-xs-1{width:4.16667%}.el-col-xs-offset-1{margin-left:4.16667%}.el-col-xs-pull-1{position:relative;right:4.16667%}.el-col-xs-push-1{position:relative;left:4.16667%}.el-col-xs-2{width:8.33333%}.el-col-xs-offset-2{margin-left:8.33333%}.el-col-xs-pull-2{position:relative;right:8.33333%}.el-col-xs-push-2{position:relative;left:8.33333%}.el-col-xs-3{width:12.5%}.el-col-xs-offset-3{margin-left:12.5%}.el-col-xs-pull-3{position:relative;right:12.5%}.el-col-xs-push-3{position:relative;left:12.5%}.el-col-xs-4{width:16.66667%}.el-col-xs-offset-4{margin-left:16.66667%}.el-col-xs-pull-4{position:relative;right:16.66667%}.el-col-xs-push-4{position:relative;left:16.66667%}.el-col-xs-5{width:20.83333%}.el-col-xs-offset-5{margin-left:20.83333%}.el-col-xs-pull-5{position:relative;right:20.83333%}.el-col-xs-push-5{position:relative;left:20.83333%}.el-col-xs-6{width:25%}.el-col-xs-offset-6{margin-left:25%}.el-col-xs-pull-6{position:relative;right:25%}.el-col-xs-push-6{position:relative;left:25%}.el-col-xs-7{width:29.16667%}.el-col-xs-offset-7{margin-left:29.16667%}.el-col-xs-pull-7{position:relative;right:29.16667%}.el-col-xs-push-7{position:relative;left:29.16667%}.el-col-xs-8{width:33.33333%}.el-col-xs-offset-8{margin-left:33.33333%}.el-col-xs-pull-8{position:relative;right:33.33333%}.el-col-xs-push-8{position:relative;left:33.33333%}.el-col-xs-9{width:37.5%}.el-col-xs-offset-9{margin-left:37.5%}.el-col-xs-pull-9{position:relative;right:37.5%}.el-col-xs-push-9{position:relative;left:37.5%}.el-col-xs-10{width:41.66667%}.el-col-xs-offset-10{margin-left:41.66667%}.el-col-xs-pull-10{position:relative;right:41.66667%}.el-col-xs-push-10{position:relative;left:41.66667%}.el-col-xs-11{width:45.83333%}.el-col-xs-offset-11{margin-left:45.83333%}.el-col-xs-pull-11{position:relative;right:45.83333%}.el-col-xs-push-11{position:relative;left:45.83333%}.el-col-xs-12{width:50%}.el-col-xs-offset-12{margin-left:50%}.el-col-xs-pull-12{position:relative;right:50%}.el-col-xs-push-12{position:relative;left:50%}.el-col-xs-13{width:54.16667%}.el-col-xs-offset-13{margin-left:54.16667%}.el-col-xs-pull-13{position:relative;right:54.16667%}.el-col-xs-push-13{position:relative;left:54.16667%}.el-col-xs-14{width:58.33333%}.el-col-xs-offset-14{margin-left:58.33333%}.el-col-xs-pull-14{position:relative;right:58.33333%}.el-col-xs-push-14{position:relative;left:58.33333%}.el-col-xs-15{width:62.5%}.el-col-xs-offset-15{margin-left:62.5%}.el-col-xs-pull-15{position:relative;right:62.5%}.el-col-xs-push-15{position:relative;left:62.5%}.el-col-xs-16{width:66.66667%}.el-col-xs-offset-16{margin-left:66.66667%}.el-col-xs-pull-16{position:relative;right:66.66667%}.el-col-xs-push-16{position:relative;left:66.66667%}.el-col-xs-17{width:70.83333%}.el-col-xs-offset-17{margin-left:70.83333%}.el-col-xs-pull-17{position:relative;right:70.83333%}.el-col-xs-push-17{position:relative;left:70.83333%}.el-col-xs-18{width:75%}.el-col-xs-offset-18{margin-left:75%}.el-col-xs-pull-18{position:relative;right:75%}.el-col-xs-push-18{position:relative;left:75%}.el-col-xs-19{width:79.16667%}.el-col-xs-offset-19{margin-left:79.16667%}.el-col-xs-pull-19{position:relative;right:79.16667%}.el-col-xs-push-19{position:relative;left:79.16667%}.el-col-xs-20{width:83.33333%}.el-col-xs-offset-20{margin-left:83.33333%}.el-col-xs-pull-20{position:relative;right:83.33333%}.el-col-xs-push-20{position:relative;left:83.33333%}.el-col-xs-21{width:87.5%}.el-col-xs-offset-21{margin-left:87.5%}.el-col-xs-pull-21{position:relative;right:87.5%}.el-col-xs-push-21{position:relative;left:87.5%}.el-col-xs-22{width:91.66667%}.el-col-xs-offset-22{margin-left:91.66667%}.el-col-xs-pull-22{position:relative;right:91.66667%}.el-col-xs-push-22{position:relative;left:91.66667%}.el-col-xs-23{width:95.83333%}.el-col-xs-offset-23{margin-left:95.83333%}.el-col-xs-pull-23{position:relative;right:95.83333%}.el-col-xs-push-23{position:relative;left:95.83333%}.el-col-xs-24{width:100%}.el-col-xs-offset-24{margin-left:100%}.el-col-xs-pull-24{position:relative;right:100%}.el-col-xs-push-24{position:relative;left:100%}}@media only screen and (min-width:768px){.el-col-sm-0{display:none;width:0}.el-col-sm-offset-0{margin-left:0}.el-col-sm-pull-0{position:relative;right:0}.el-col-sm-push-0{position:relative;left:0}.el-col-sm-1{width:4.16667%}.el-col-sm-offset-1{margin-left:4.16667%}.el-col-sm-pull-1{position:relative;right:4.16667%}.el-col-sm-push-1{position:relative;left:4.16667%}.el-col-sm-2{width:8.33333%}.el-col-sm-offset-2{margin-left:8.33333%}.el-col-sm-pull-2{position:relative;right:8.33333%}.el-col-sm-push-2{position:relative;left:8.33333%}.el-col-sm-3{width:12.5%}.el-col-sm-offset-3{margin-left:12.5%}.el-col-sm-pull-3{position:relative;right:12.5%}.el-col-sm-push-3{position:relative;left:12.5%}.el-col-sm-4{width:16.66667%}.el-col-sm-offset-4{margin-left:16.66667%}.el-col-sm-pull-4{position:relative;right:16.66667%}.el-col-sm-push-4{position:relative;left:16.66667%}.el-col-sm-5{width:20.83333%}.el-col-sm-offset-5{margin-left:20.83333%}.el-col-sm-pull-5{position:relative;right:20.83333%}.el-col-sm-push-5{position:relative;left:20.83333%}.el-col-sm-6{width:25%}.el-col-sm-offset-6{margin-left:25%}.el-col-sm-pull-6{position:relative;right:25%}.el-col-sm-push-6{position:relative;left:25%}.el-col-sm-7{width:29.16667%}.el-col-sm-offset-7{margin-left:29.16667%}.el-col-sm-pull-7{position:relative;right:29.16667%}.el-col-sm-push-7{position:relative;left:29.16667%}.el-col-sm-8{width:33.33333%}.el-col-sm-offset-8{margin-left:33.33333%}.el-col-sm-pull-8{position:relative;right:33.33333%}.el-col-sm-push-8{position:relative;left:33.33333%}.el-col-sm-9{width:37.5%}.el-col-sm-offset-9{margin-left:37.5%}.el-col-sm-pull-9{position:relative;right:37.5%}.el-col-sm-push-9{position:relative;left:37.5%}.el-col-sm-10{width:41.66667%}.el-col-sm-offset-10{margin-left:41.66667%}.el-col-sm-pull-10{position:relative;right:41.66667%}.el-col-sm-push-10{position:relative;left:41.66667%}.el-col-sm-11{width:45.83333%}.el-col-sm-offset-11{margin-left:45.83333%}.el-col-sm-pull-11{position:relative;right:45.83333%}.el-col-sm-push-11{position:relative;left:45.83333%}.el-col-sm-12{width:50%}.el-col-sm-offset-12{margin-left:50%}.el-col-sm-pull-12{position:relative;right:50%}.el-col-sm-push-12{position:relative;left:50%}.el-col-sm-13{width:54.16667%}.el-col-sm-offset-13{margin-left:54.16667%}.el-col-sm-pull-13{position:relative;right:54.16667%}.el-col-sm-push-13{position:relative;left:54.16667%}.el-col-sm-14{width:58.33333%}.el-col-sm-offset-14{margin-left:58.33333%}.el-col-sm-pull-14{position:relative;right:58.33333%}.el-col-sm-push-14{position:relative;left:58.33333%}.el-col-sm-15{width:62.5%}.el-col-sm-offset-15{margin-left:62.5%}.el-col-sm-pull-15{position:relative;right:62.5%}.el-col-sm-push-15{position:relative;left:62.5%}.el-col-sm-16{width:66.66667%}.el-col-sm-offset-16{margin-left:66.66667%}.el-col-sm-pull-16{position:relative;right:66.66667%}.el-col-sm-push-16{position:relative;left:66.66667%}.el-col-sm-17{width:70.83333%}.el-col-sm-offset-17{margin-left:70.83333%}.el-col-sm-pull-17{position:relative;right:70.83333%}.el-col-sm-push-17{position:relative;left:70.83333%}.el-col-sm-18{width:75%}.el-col-sm-offset-18{margin-left:75%}.el-col-sm-pull-18{position:relative;right:75%}.el-col-sm-push-18{position:relative;left:75%}.el-col-sm-19{width:79.16667%}.el-col-sm-offset-19{margin-left:79.16667%}.el-col-sm-pull-19{position:relative;right:79.16667%}.el-col-sm-push-19{position:relative;left:79.16667%}.el-col-sm-20{width:83.33333%}.el-col-sm-offset-20{margin-left:83.33333%}.el-col-sm-pull-20{position:relative;right:83.33333%}.el-col-sm-push-20{position:relative;left:83.33333%}.el-col-sm-21{width:87.5%}.el-col-sm-offset-21{margin-left:87.5%}.el-col-sm-pull-21{position:relative;right:87.5%}.el-col-sm-push-21{position:relative;left:87.5%}.el-col-sm-22{width:91.66667%}.el-col-sm-offset-22{margin-left:91.66667%}.el-col-sm-pull-22{position:relative;right:91.66667%}.el-col-sm-push-22{position:relative;left:91.66667%}.el-col-sm-23{width:95.83333%}.el-col-sm-offset-23{margin-left:95.83333%}.el-col-sm-pull-23{position:relative;right:95.83333%}.el-col-sm-push-23{position:relative;left:95.83333%}.el-col-sm-24{width:100%}.el-col-sm-offset-24{margin-left:100%}.el-col-sm-pull-24{position:relative;right:100%}.el-col-sm-push-24{position:relative;left:100%}}@media only screen and (min-width:992px){.el-col-md-0{display:none;width:0}.el-col-md-offset-0{margin-left:0}.el-col-md-pull-0{position:relative;right:0}.el-col-md-push-0{position:relative;left:0}.el-col-md-1{width:4.16667%}.el-col-md-offset-1{margin-left:4.16667%}.el-col-md-pull-1{position:relative;right:4.16667%}.el-col-md-push-1{position:relative;left:4.16667%}.el-col-md-2{width:8.33333%}.el-col-md-offset-2{margin-left:8.33333%}.el-col-md-pull-2{position:relative;right:8.33333%}.el-col-md-push-2{position:relative;left:8.33333%}.el-col-md-3{width:12.5%}.el-col-md-offset-3{margin-left:12.5%}.el-col-md-pull-3{position:relative;right:12.5%}.el-col-md-push-3{position:relative;left:12.5%}.el-col-md-4{width:16.66667%}.el-col-md-offset-4{margin-left:16.66667%}.el-col-md-pull-4{position:relative;right:16.66667%}.el-col-md-push-4{position:relative;left:16.66667%}.el-col-md-5{width:20.83333%}.el-col-md-offset-5{margin-left:20.83333%}.el-col-md-pull-5{position:relative;right:20.83333%}.el-col-md-push-5{position:relative;left:20.83333%}.el-col-md-6{width:25%}.el-col-md-offset-6{margin-left:25%}.el-col-md-pull-6{position:relative;right:25%}.el-col-md-push-6{position:relative;left:25%}.el-col-md-7{width:29.16667%}.el-col-md-offset-7{margin-left:29.16667%}.el-col-md-pull-7{position:relative;right:29.16667%}.el-col-md-push-7{position:relative;left:29.16667%}.el-col-md-8{width:33.33333%}.el-col-md-offset-8{margin-left:33.33333%}.el-col-md-pull-8{position:relative;right:33.33333%}.el-col-md-push-8{position:relative;left:33.33333%}.el-col-md-9{width:37.5%}.el-col-md-offset-9{margin-left:37.5%}.el-col-md-pull-9{position:relative;right:37.5%}.el-col-md-push-9{position:relative;left:37.5%}.el-col-md-10{width:41.66667%}.el-col-md-offset-10{margin-left:41.66667%}.el-col-md-pull-10{position:relative;right:41.66667%}.el-col-md-push-10{position:relative;left:41.66667%}.el-col-md-11{width:45.83333%}.el-col-md-offset-11{margin-left:45.83333%}.el-col-md-pull-11{position:relative;right:45.83333%}.el-col-md-push-11{position:relative;left:45.83333%}.el-col-md-12{width:50%}.el-col-md-offset-12{margin-left:50%}.el-col-md-pull-12{position:relative;right:50%}.el-col-md-push-12{position:relative;left:50%}.el-col-md-13{width:54.16667%}.el-col-md-offset-13{margin-left:54.16667%}.el-col-md-pull-13{position:relative;right:54.16667%}.el-col-md-push-13{position:relative;left:54.16667%}.el-col-md-14{width:58.33333%}.el-col-md-offset-14{margin-left:58.33333%}.el-col-md-pull-14{position:relative;right:58.33333%}.el-col-md-push-14{position:relative;left:58.33333%}.el-col-md-15{width:62.5%}.el-col-md-offset-15{margin-left:62.5%}.el-col-md-pull-15{position:relative;right:62.5%}.el-col-md-push-15{position:relative;left:62.5%}.el-col-md-16{width:66.66667%}.el-col-md-offset-16{margin-left:66.66667%}.el-col-md-pull-16{position:relative;right:66.66667%}.el-col-md-push-16{position:relative;left:66.66667%}.el-col-md-17{width:70.83333%}.el-col-md-offset-17{margin-left:70.83333%}.el-col-md-pull-17{position:relative;right:70.83333%}.el-col-md-push-17{position:relative;left:70.83333%}.el-col-md-18{width:75%}.el-col-md-offset-18{margin-left:75%}.el-col-md-pull-18{position:relative;right:75%}.el-col-md-push-18{position:relative;left:75%}.el-col-md-19{width:79.16667%}.el-col-md-offset-19{margin-left:79.16667%}.el-col-md-pull-19{position:relative;right:79.16667%}.el-col-md-push-19{position:relative;left:79.16667%}.el-col-md-20{width:83.33333%}.el-col-md-offset-20{margin-left:83.33333%}.el-col-md-pull-20{position:relative;right:83.33333%}.el-col-md-push-20{position:relative;left:83.33333%}.el-col-md-21{width:87.5%}.el-col-md-offset-21{margin-left:87.5%}.el-col-md-pull-21{position:relative;right:87.5%}.el-col-md-push-21{position:relative;left:87.5%}.el-col-md-22{width:91.66667%}.el-col-md-offset-22{margin-left:91.66667%}.el-col-md-pull-22{position:relative;right:91.66667%}.el-col-md-push-22{position:relative;left:91.66667%}.el-col-md-23{width:95.83333%}.el-col-md-offset-23{margin-left:95.83333%}.el-col-md-pull-23{position:relative;right:95.83333%}.el-col-md-push-23{position:relative;left:95.83333%}.el-col-md-24{width:100%}.el-col-md-offset-24{margin-left:100%}.el-col-md-pull-24{position:relative;right:100%}.el-col-md-push-24{position:relative;left:100%}}@media only screen and (min-width:1200px){.el-col-lg-0{display:none;width:0}.el-col-lg-offset-0{margin-left:0}.el-col-lg-pull-0{position:relative;right:0}.el-col-lg-push-0{position:relative;left:0}.el-col-lg-1{width:4.16667%}.el-col-lg-offset-1{margin-left:4.16667%}.el-col-lg-pull-1{position:relative;right:4.16667%}.el-col-lg-push-1{position:relative;left:4.16667%}.el-col-lg-2{width:8.33333%}.el-col-lg-offset-2{margin-left:8.33333%}.el-col-lg-pull-2{position:relative;right:8.33333%}.el-col-lg-push-2{position:relative;left:8.33333%}.el-col-lg-3{width:12.5%}.el-col-lg-offset-3{margin-left:12.5%}.el-col-lg-pull-3{position:relative;right:12.5%}.el-col-lg-push-3{position:relative;left:12.5%}.el-col-lg-4{width:16.66667%}.el-col-lg-offset-4{margin-left:16.66667%}.el-col-lg-pull-4{position:relative;right:16.66667%}.el-col-lg-push-4{position:relative;left:16.66667%}.el-col-lg-5{width:20.83333%}.el-col-lg-offset-5{margin-left:20.83333%}.el-col-lg-pull-5{position:relative;right:20.83333%}.el-col-lg-push-5{position:relative;left:20.83333%}.el-col-lg-6{width:25%}.el-col-lg-offset-6{margin-left:25%}.el-col-lg-pull-6{position:relative;right:25%}.el-col-lg-push-6{position:relative;left:25%}.el-col-lg-7{width:29.16667%}.el-col-lg-offset-7{margin-left:29.16667%}.el-col-lg-pull-7{position:relative;right:29.16667%}.el-col-lg-push-7{position:relative;left:29.16667%}.el-col-lg-8{width:33.33333%}.el-col-lg-offset-8{margin-left:33.33333%}.el-col-lg-pull-8{position:relative;right:33.33333%}.el-col-lg-push-8{position:relative;left:33.33333%}.el-col-lg-9{width:37.5%}.el-col-lg-offset-9{margin-left:37.5%}.el-col-lg-pull-9{position:relative;right:37.5%}.el-col-lg-push-9{position:relative;left:37.5%}.el-col-lg-10{width:41.66667%}.el-col-lg-offset-10{margin-left:41.66667%}.el-col-lg-pull-10{position:relative;right:41.66667%}.el-col-lg-push-10{position:relative;left:41.66667%}.el-col-lg-11{width:45.83333%}.el-col-lg-offset-11{margin-left:45.83333%}.el-col-lg-pull-11{position:relative;right:45.83333%}.el-col-lg-push-11{position:relative;left:45.83333%}.el-col-lg-12{width:50%}.el-col-lg-offset-12{margin-left:50%}.el-col-lg-pull-12{position:relative;right:50%}.el-col-lg-push-12{position:relative;left:50%}.el-col-lg-13{width:54.16667%}.el-col-lg-offset-13{margin-left:54.16667%}.el-col-lg-pull-13{position:relative;right:54.16667%}.el-col-lg-push-13{position:relative;left:54.16667%}.el-col-lg-14{width:58.33333%}.el-col-lg-offset-14{margin-left:58.33333%}.el-col-lg-pull-14{position:relative;right:58.33333%}.el-col-lg-push-14{position:relative;left:58.33333%}.el-col-lg-15{width:62.5%}.el-col-lg-offset-15{margin-left:62.5%}.el-col-lg-pull-15{position:relative;right:62.5%}.el-col-lg-push-15{position:relative;left:62.5%}.el-col-lg-16{width:66.66667%}.el-col-lg-offset-16{margin-left:66.66667%}.el-col-lg-pull-16{position:relative;right:66.66667%}.el-col-lg-push-16{position:relative;left:66.66667%}.el-col-lg-17{width:70.83333%}.el-col-lg-offset-17{margin-left:70.83333%}.el-col-lg-pull-17{position:relative;right:70.83333%}.el-col-lg-push-17{position:relative;left:70.83333%}.el-col-lg-18{width:75%}.el-col-lg-offset-18{margin-left:75%}.el-col-lg-pull-18{position:relative;right:75%}.el-col-lg-push-18{position:relative;left:75%}.el-col-lg-19{width:79.16667%}.el-col-lg-offset-19{margin-left:79.16667%}.el-col-lg-pull-19{position:relative;right:79.16667%}.el-col-lg-push-19{position:relative;left:79.16667%}.el-col-lg-20{width:83.33333%}.el-col-lg-offset-20{margin-left:83.33333%}.el-col-lg-pull-20{position:relative;right:83.33333%}.el-col-lg-push-20{position:relative;left:83.33333%}.el-col-lg-21{width:87.5%}.el-col-lg-offset-21{margin-left:87.5%}.el-col-lg-pull-21{position:relative;right:87.5%}.el-col-lg-push-21{position:relative;left:87.5%}.el-col-lg-22{width:91.66667%}.el-col-lg-offset-22{margin-left:91.66667%}.el-col-lg-pull-22{position:relative;right:91.66667%}.el-col-lg-push-22{position:relative;left:91.66667%}.el-col-lg-23{width:95.83333%}.el-col-lg-offset-23{margin-left:95.83333%}.el-col-lg-pull-23{position:relative;right:95.83333%}.el-col-lg-push-23{position:relative;left:95.83333%}.el-col-lg-24{width:100%}.el-col-lg-offset-24{margin-left:100%}.el-col-lg-pull-24{position:relative;right:100%}.el-col-lg-push-24{position:relative;left:100%}}@media only screen and (min-width:1920px){.el-col-xl-0{display:none;width:0}.el-col-xl-offset-0{margin-left:0}.el-col-xl-pull-0{position:relative;right:0}.el-col-xl-push-0{position:relative;left:0}.el-col-xl-1{width:4.16667%}.el-col-xl-offset-1{margin-left:4.16667%}.el-col-xl-pull-1{position:relative;right:4.16667%}.el-col-xl-push-1{position:relative;left:4.16667%}.el-col-xl-2{width:8.33333%}.el-col-xl-offset-2{margin-left:8.33333%}.el-col-xl-pull-2{position:relative;right:8.33333%}.el-col-xl-push-2{position:relative;left:8.33333%}.el-col-xl-3{width:12.5%}.el-col-xl-offset-3{margin-left:12.5%}.el-col-xl-pull-3{position:relative;right:12.5%}.el-col-xl-push-3{position:relative;left:12.5%}.el-col-xl-4{width:16.66667%}.el-col-xl-offset-4{margin-left:16.66667%}.el-col-xl-pull-4{position:relative;right:16.66667%}.el-col-xl-push-4{position:relative;left:16.66667%}.el-col-xl-5{width:20.83333%}.el-col-xl-offset-5{margin-left:20.83333%}.el-col-xl-pull-5{position:relative;right:20.83333%}.el-col-xl-push-5{position:relative;left:20.83333%}.el-col-xl-6{width:25%}.el-col-xl-offset-6{margin-left:25%}.el-col-xl-pull-6{position:relative;right:25%}.el-col-xl-push-6{position:relative;left:25%}.el-col-xl-7{width:29.16667%}.el-col-xl-offset-7{margin-left:29.16667%}.el-col-xl-pull-7{position:relative;right:29.16667%}.el-col-xl-push-7{position:relative;left:29.16667%}.el-col-xl-8{width:33.33333%}.el-col-xl-offset-8{margin-left:33.33333%}.el-col-xl-pull-8{position:relative;right:33.33333%}.el-col-xl-push-8{position:relative;left:33.33333%}.el-col-xl-9{width:37.5%}.el-col-xl-offset-9{margin-left:37.5%}.el-col-xl-pull-9{position:relative;right:37.5%}.el-col-xl-push-9{position:relative;left:37.5%}.el-col-xl-10{width:41.66667%}.el-col-xl-offset-10{margin-left:41.66667%}.el-col-xl-pull-10{position:relative;right:41.66667%}.el-col-xl-push-10{position:relative;left:41.66667%}.el-col-xl-11{width:45.83333%}.el-col-xl-offset-11{margin-left:45.83333%}.el-col-xl-pull-11{position:relative;right:45.83333%}.el-col-xl-push-11{position:relative;left:45.83333%}.el-col-xl-12{width:50%}.el-col-xl-offset-12{margin-left:50%}.el-col-xl-pull-12{position:relative;right:50%}.el-col-xl-push-12{position:relative;left:50%}.el-col-xl-13{width:54.16667%}.el-col-xl-offset-13{margin-left:54.16667%}.el-col-xl-pull-13{position:relative;right:54.16667%}.el-col-xl-push-13{position:relative;left:54.16667%}.el-col-xl-14{width:58.33333%}.el-col-xl-offset-14{margin-left:58.33333%}.el-col-xl-pull-14{position:relative;right:58.33333%}.el-col-xl-push-14{position:relative;left:58.33333%}.el-col-xl-15{width:62.5%}.el-col-xl-offset-15{margin-left:62.5%}.el-col-xl-pull-15{position:relative;right:62.5%}.el-col-xl-push-15{position:relative;left:62.5%}.el-col-xl-16{width:66.66667%}.el-col-xl-offset-16{margin-left:66.66667%}.el-col-xl-pull-16{position:relative;right:66.66667%}.el-col-xl-push-16{position:relative;left:66.66667%}.el-col-xl-17{width:70.83333%}.el-col-xl-offset-17{margin-left:70.83333%}.el-col-xl-pull-17{position:relative;right:70.83333%}.el-col-xl-push-17{position:relative;left:70.83333%}.el-col-xl-18{width:75%}.el-col-xl-offset-18{margin-left:75%}.el-col-xl-pull-18{position:relative;right:75%}.el-col-xl-push-18{position:relative;left:75%}.el-col-xl-19{width:79.16667%}.el-col-xl-offset-19{margin-left:79.16667%}.el-col-xl-pull-19{position:relative;right:79.16667%}.el-col-xl-push-19{position:relative;left:79.16667%}.el-col-xl-20{width:83.33333%}.el-col-xl-offset-20{margin-left:83.33333%}.el-col-xl-pull-20{position:relative;right:83.33333%}.el-col-xl-push-20{position:relative;left:83.33333%}.el-col-xl-21{width:87.5%}.el-col-xl-offset-21{margin-left:87.5%}.el-col-xl-pull-21{position:relative;right:87.5%}.el-col-xl-push-21{position:relative;left:87.5%}.el-col-xl-22{width:91.66667%}.el-col-xl-offset-22{margin-left:91.66667%}.el-col-xl-pull-22{position:relative;right:91.66667%}.el-col-xl-push-22{position:relative;left:91.66667%}.el-col-xl-23{width:95.83333%}.el-col-xl-offset-23{margin-left:95.83333%}.el-col-xl-pull-23{position:relative;right:95.83333%}.el-col-xl-push-23{position:relative;left:95.83333%}.el-col-xl-24{width:100%}.el-col-xl-offset-24{margin-left:100%}.el-col-xl-pull-24{position:relative;right:100%}.el-col-xl-push-24{position:relative;left:100%}} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/collapse-item.css
0 → 100755
File mode changed
src/styles/element-#324057/collapse.css
0 → 100755
1 | .el-fade-in-enter,.el-fade-in-leave-active,.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active,.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.fade-in-linear-enter-active,.fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-enter-active,.el-fade-in-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center top;transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center bottom;transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:top left;transform-origin:top left}.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;-webkit-transform:scale(.45,.45);transform:scale(.45,.45)}.collapse-transition{-webkit-transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out;transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{-webkit-transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out;transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{-webkit-transition:all 1s;transition:all 1s}.el-list-enter,.el-list-leave-active{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}.el-opacity-transition{-webkit-transition:opacity .3s cubic-bezier(.55,0,.1,1);transition:opacity .3s cubic-bezier(.55,0,.1,1)}.el-collapse{border-top:1px solid #ebeef5;border-bottom:1px solid #ebeef5}.el-collapse-item__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:48px;line-height:48px;background-color:#fff;color:#303133;cursor:pointer;border-bottom:1px solid #ebeef5;font-size:13px;font-weight:500;-webkit-transition:border-bottom-color .3s;transition:border-bottom-color .3s;outline:0}.el-collapse-item__arrow{margin:0 8px 0 auto;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;font-weight:300}.el-collapse-item__arrow.is-active{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.el-collapse-item__header.focusing:focus:not(:hover){color:#324057}.el-collapse-item__header.is-active{border-bottom-color:transparent}.el-collapse-item__wrap{will-change:height;background-color:#fff;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid #ebeef5}.el-collapse-item__content{padding-bottom:25px;font-size:13px;color:#303133;line-height:1.769230769230769}.el-collapse-item:last-child{margin-bottom:-1px} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/color-picker.css
0 → 100755
1 | .el-color-predefine{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px;margin-top:8px;width:280px}.el-color-predefine__colors{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-wrap:wrap;flex-wrap:wrap}.el-color-predefine__color-selector{margin:0 0 8px 8px;width:20px;height:20px;border-radius:4px;cursor:pointer}.el-color-predefine__color-selector:nth-child(10n+1){margin-left:0}.el-color-predefine__color-selector.selected{-webkit-box-shadow:0 0 3px 2px #324057;box-shadow:0 0 3px 2px #324057}.el-color-predefine__color-selector>div{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;border-radius:3px}.el-color-predefine__color-selector.is-alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-hue-slider{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:280px;height:12px;background-color:red;padding:0 2px}.el-color-hue-slider__bar{position:relative;background:-webkit-gradient(linear,left top,right top,from(red),color-stop(17%,#ff0),color-stop(33%,#0f0),color-stop(50%,#0ff),color-stop(67%,#00f),color-stop(83%,#f0f),to(red));background:linear-gradient(to right,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);height:100%}.el-color-hue-slider__thumb{position:absolute;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;left:0;top:0;width:4px;height:100%;border-radius:1px;background:#fff;border:1px solid #f0f0f0;-webkit-box-shadow:0 0 2px rgba(0,0,0,.6);box-shadow:0 0 2px rgba(0,0,0,.6);z-index:1}.el-color-hue-slider.is-vertical{width:12px;height:180px;padding:2px 0}.el-color-hue-slider.is-vertical .el-color-hue-slider__bar{background:-webkit-gradient(linear,left top,left bottom,from(red),color-stop(17%,#ff0),color-stop(33%,#0f0),color-stop(50%,#0ff),color-stop(67%,#00f),color-stop(83%,#f0f),to(red));background:linear-gradient(to bottom,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb{left:0;top:0;width:100%;height:4px}.el-color-svpanel{position:relative;width:280px;height:180px}.el-color-svpanel__black,.el-color-svpanel__white{position:absolute;top:0;left:0;right:0;bottom:0}.el-color-svpanel__white{background:-webkit-gradient(linear,left top,right top,from(#fff),to(rgba(255,255,255,0)));background:linear-gradient(to right,#fff,rgba(255,255,255,0))}.el-color-svpanel__black{background:-webkit-gradient(linear,left bottom,left top,from(#000),to(transparent));background:linear-gradient(to top,#000,transparent)}.el-color-svpanel__cursor{position:absolute}.el-color-svpanel__cursor>div{cursor:head;width:4px;height:4px;-webkit-box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);border-radius:50%;-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}.el-color-alpha-slider{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:280px;height:12px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-alpha-slider__bar{position:relative;background:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),to(white));background:linear-gradient(to right,rgba(255,255,255,0) 0,#fff 100%);height:100%}.el-color-alpha-slider__thumb{position:absolute;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;left:0;top:0;width:4px;height:100%;border-radius:1px;background:#fff;border:1px solid #f0f0f0;-webkit-box-shadow:0 0 2px rgba(0,0,0,.6);box-shadow:0 0 2px rgba(0,0,0,.6);z-index:1}.el-color-alpha-slider.is-vertical{width:20px;height:180px}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar{background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(white));background:linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 100%)}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb{left:0;top:0;width:100%;height:4px}.el-color-dropdown{width:300px}.el-color-dropdown__main-wrapper{margin-bottom:6px}.el-color-dropdown__main-wrapper::after{content:"";display:table;clear:both}.el-color-dropdown__btns{margin-top:6px;text-align:right}.el-color-dropdown__value{float:left;line-height:26px;font-size:12px;color:#000;width:160px}.el-color-dropdown__btn{border:1px solid #dcdcdc;color:#333;line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.el-color-dropdown__btn[disabled]{color:#ccc;cursor:not-allowed}.el-color-dropdown__btn:hover{color:#324057;border-color:#324057}.el-color-dropdown__link-btn{cursor:pointer;color:#324057;text-decoration:none;padding:15px;font-size:12px}.el-color-dropdown__link-btn:hover{color:tint(primary,20%)}.el-color-picker{display:inline-block;position:relative;line-height:normal;height:40px}.el-color-picker.is-disabled .el-color-picker__trigger{cursor:not-allowed}.el-color-picker--medium{height:36px}.el-color-picker--medium .el-color-picker__trigger{height:36px;width:36px}.el-color-picker--medium .el-color-picker__mask{height:34px;width:34px}.el-color-picker--small{height:32px}.el-color-picker--small .el-color-picker__trigger{height:32px;width:32px}.el-color-picker--small .el-color-picker__mask{height:30px;width:30px}.el-color-picker--small .el-color-picker__empty,.el-color-picker--small .el-color-picker__icon{-webkit-transform:translate3d(-50%,-50%,0) scale(.8);transform:translate3d(-50%,-50%,0) scale(.8)}.el-color-picker--mini{height:28px}.el-color-picker--mini .el-color-picker__trigger{height:28px;width:28px}.el-color-picker--mini .el-color-picker__mask{height:26px;width:26px}.el-color-picker--mini .el-color-picker__empty,.el-color-picker--mini .el-color-picker__icon{-webkit-transform:translate3d(-50%,-50%,0) scale(.8);transform:translate3d(-50%,-50%,0) scale(.8)}.el-color-picker__mask{height:38px;width:38px;border-radius:4px;position:absolute;top:1px;left:1px;z-index:1;cursor:not-allowed;background-color:rgba(255,255,255,.7)}.el-color-picker__trigger{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;height:40px;width:40px;padding:4px;border:1px solid #e6e6e6;border-radius:4px;font-size:0;position:relative;cursor:pointer}.el-color-picker__color{position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #999;border-radius:2px;width:100%;height:100%;text-align:center}.el-color-picker__color.is-alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-picker__color-inner{position:absolute;left:0;top:0;right:0;bottom:0}.el-color-picker__empty,.el-color-picker__icon{top:50%;left:50%;font-size:12px;position:absolute}.el-color-picker__empty{color:#999;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.el-color-picker__icon{display:inline-block;width:100%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);color:#fff;text-align:center}.el-color-picker__panel{position:absolute;z-index:10;padding:6px;-webkit-box-sizing:content-box;box-sizing:content-box;background-color:#fff;border:1px solid #ebeef5;border-radius:4px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/container.css
0 → 100755
1 | .el-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-preferred-size:auto;flex-basis:auto;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:0}.el-container.is-vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/date-picker.css
0 → 100755
1 | .el-date-table td.in-range div,.el-date-table td.in-range div:hover,.el-date-table.is-week-mode .el-date-table__row.current div,.el-date-table.is-week-mode .el-date-table__row:hover div{background-color:#f2f6fc}.el-date-table{font-size:12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-date-table.is-week-mode .el-date-table__row:hover td.available:hover{color:#606266}.el-date-table.is-week-mode .el-date-table__row:hover td:first-child div{margin-left:5px;border-top-left-radius:15px;border-bottom-left-radius:15px}.el-date-table.is-week-mode .el-date-table__row:hover td:last-child div{margin-right:5px;border-top-right-radius:15px;border-bottom-right-radius:15px}.el-date-table td{width:32px;height:30px;padding:4px 0;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;cursor:pointer;position:relative}.el-date-table td div{height:30px;padding:3px 0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-date-table td span{width:24px;height:24px;display:block;margin:0 auto;line-height:24px;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-radius:50%}.el-month-table td .cell,.el-year-table td .cell{width:48px;height:32px;display:block;line-height:32px}.el-date-table td.next-month,.el-date-table td.prev-month{color:#c0c4cc}.el-date-table td.today{position:relative}.el-date-table td.today span{color:#324057;font-weight:700}.el-date-table td.today.end-date span,.el-date-table td.today.start-date span{color:#fff}.el-date-table td.available:hover{color:#324057}.el-date-table td.current:not(.disabled) span{color:#fff;background-color:#324057}.el-date-table td.end-date div,.el-date-table td.start-date div{color:#fff}.el-date-table td.end-date span,.el-date-table td.start-date span{background-color:#324057}.el-date-table td.start-date div{margin-left:5px;border-top-left-radius:15px;border-bottom-left-radius:15px}.el-date-table td.end-date div{margin-right:5px;border-top-right-radius:15px;border-bottom-right-radius:15px}.el-date-table td.disabled div{background-color:#f5f7fa;opacity:1;cursor:not-allowed;color:#c0c4cc}.el-fade-in-enter,.el-fade-in-leave-active,.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active,.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.el-date-table td.selected div{margin-left:5px;margin-right:5px;background-color:#f2f6fc;border-radius:15px}.el-date-table td.selected div:hover{background-color:#f2f6fc}.el-date-table td.selected span{background-color:#324057;color:#fff;border-radius:15px}.el-date-table td.week{font-size:80%;color:#606266}.el-date-table th{padding:5px;color:#606266;font-weight:400;border-bottom:solid 1px #ebeef5}.el-month-table{font-size:12px;margin:-1px;border-collapse:collapse}.el-month-table td{text-align:center;padding:20px 3px;cursor:pointer}.el-month-table td.disabled .cell{background-color:#f5f7fa;cursor:not-allowed;color:#c0c4cc}.el-month-table td.disabled .cell:hover{color:#c0c4cc}.el-month-table td .cell{color:#606266;margin:0 auto}.el-month-table td .cell:hover,.el-month-table td.current:not(.disabled) .cell{color:#324057}.el-year-table{font-size:12px;margin:-1px;border-collapse:collapse}.el-year-table .el-icon{color:#303133}.el-year-table td{text-align:center;padding:20px 3px;cursor:pointer}.el-year-table td.disabled .cell{background-color:#f5f7fa;cursor:not-allowed;color:#c0c4cc}.el-year-table td.disabled .cell:hover{color:#c0c4cc}.el-year-table td .cell{color:#606266;margin:0 auto}.el-year-table td .cell:hover,.el-year-table td.current:not(.disabled) .cell{color:#324057}.el-time-spinner.has-seconds .el-time-spinner__wrapper{width:33.3%}.el-time-spinner__wrapper{max-height:190px;overflow:auto;display:inline-block;width:50%;vertical-align:top;position:relative}.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default){padding-bottom:15px}.el-time-spinner__wrapper.is-arrow{-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;overflow:hidden}.el-time-spinner__wrapper.is-arrow .el-time-spinner__list{-webkit-transform:translateY(-32px);transform:translateY(-32px)}.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.disabled):not(.active){background:#fff;cursor:default}.el-time-spinner__arrow{font-size:12px;color:#909399;position:absolute;left:0;width:100%;z-index:1;text-align:center;height:30px;line-height:30px;cursor:pointer}.el-time-spinner__arrow:hover{color:#324057}.el-time-spinner__arrow.el-icon-arrow-up{top:10px}.el-time-spinner__arrow.el-icon-arrow-down{bottom:10px}.el-time-spinner__input.el-input{width:70%}.el-time-spinner__input.el-input .el-input__inner{padding:0;text-align:center}.el-time-spinner__list{padding:0;margin:0;list-style:none;text-align:center}.el-time-spinner__list::after,.el-time-spinner__list::before{content:'';display:block;width:100%;height:80px}.el-time-spinner__item{height:32px;line-height:32px;font-size:12px;color:#606266}.el-time-spinner__item:hover:not(.disabled):not(.active){background:#f5f7fa;cursor:pointer}.el-time-spinner__item.active:not(.disabled){color:#303133;font-weight:700}.el-time-spinner__item.disabled{color:#c0c4cc;cursor:not-allowed}.fade-in-linear-enter-active,.fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-enter-active,.el-fade-in-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center top;transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center bottom;transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:top left;transform-origin:top left}.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;-webkit-transform:scale(.45,.45);transform:scale(.45,.45)}.collapse-transition{-webkit-transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out;transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{-webkit-transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out;transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{-webkit-transition:all 1s;transition:all 1s}.el-list-enter,.el-list-leave-active{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}.el-opacity-transition{-webkit-transition:opacity .3s cubic-bezier(.55,0,.1,1);transition:opacity .3s cubic-bezier(.55,0,.1,1)}.el-date-editor{position:relative;display:inline-block;text-align:left}.el-date-editor.el-input,.el-date-editor.el-input__inner{width:220px}.el-date-editor--daterange.el-input,.el-date-editor--daterange.el-input__inner,.el-date-editor--timerange.el-input,.el-date-editor--timerange.el-input__inner{width:350px}.el-date-editor--datetimerange.el-input,.el-date-editor--datetimerange.el-input__inner{width:400px}.el-date-editor--dates .el-input__inner{text-overflow:ellipsis;white-space:nowrap}.el-date-editor .el-icon-circle-close{cursor:pointer}.el-date-editor .el-range__icon{font-size:14px;margin-left:-5px;color:#c0c4cc;float:left;line-height:32px}.el-date-editor .el-range-input,.el-date-editor .el-range-separator{height:100%;margin:0;text-align:center;display:inline-block;font-size:14px}.el-date-editor .el-range-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:0;padding:0;width:39%;color:#606266}.el-date-editor .el-range-input::-webkit-input-placeholder{color:#c0c4cc}.el-date-editor .el-range-input:-ms-input-placeholder{color:#c0c4cc}.el-date-editor .el-range-input::placeholder{color:#c0c4cc}.el-date-editor .el-range-separator{padding:0 5px;line-height:32px;width:5%;color:#303133}.el-date-editor .el-range__close-icon{font-size:14px;color:#c0c4cc;width:25px;display:inline-block;float:right;line-height:32px}.el-range-editor.el-input__inner{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:3px 10px}.el-range-editor .el-range-input{line-height:1}.el-range-editor.is-active,.el-range-editor.is-active:hover{border-color:#324057}.el-range-editor--medium.el-input__inner{height:36px}.el-range-editor--medium .el-range-separator{line-height:28px;font-size:14px}.el-range-editor--medium .el-range-input{font-size:14px}.el-range-editor--medium .el-range__close-icon,.el-range-editor--medium .el-range__icon{line-height:28px}.el-range-editor--small.el-input__inner{height:32px}.el-range-editor--small .el-range-separator{line-height:24px;font-size:13px}.el-range-editor--small .el-range-input{font-size:13px}.el-range-editor--small .el-range__close-icon,.el-range-editor--small .el-range__icon{line-height:24px}.el-range-editor--mini.el-input__inner{height:28px}.el-range-editor--mini .el-range-separator{line-height:20px;font-size:12px}.el-range-editor--mini .el-range-input{font-size:12px}.el-range-editor--mini .el-range__close-icon,.el-range-editor--mini .el-range__icon{line-height:20px}.el-range-editor.is-disabled{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-range-editor.is-disabled:focus,.el-range-editor.is-disabled:hover{border-color:#e4e7ed}.el-range-editor.is-disabled input{background-color:#f5f7fa;color:#c0c4cc;cursor:not-allowed}.el-range-editor.is-disabled input::-webkit-input-placeholder{color:#c0c4cc}.el-range-editor.is-disabled input:-ms-input-placeholder{color:#c0c4cc}.el-range-editor.is-disabled input::placeholder{color:#c0c4cc}.el-range-editor.is-disabled .el-range-separator{color:#c0c4cc}.el-picker-panel{color:#606266;border:1px solid #e4e7ed;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);background:#fff;border-radius:4px;line-height:30px;margin:5px 0}.el-picker-panel__body-wrapper::after,.el-picker-panel__body::after{content:"";display:table;clear:both}.el-picker-panel__content{position:relative;margin:15px}.el-picker-panel__footer{border-top:1px solid #e4e4e4;padding:4px;text-align:right;background-color:#fff;position:relative;font-size:0}.el-picker-panel__shortcut{display:block;width:100%;border:0;background-color:transparent;line-height:28px;font-size:14px;color:#606266;padding-left:12px;text-align:left;outline:0;cursor:pointer}.el-picker-panel__shortcut:hover{color:#324057}.el-picker-panel__shortcut.active{background-color:#e6f1fe;color:#324057}.el-picker-panel__btn{border:1px solid #dcdcdc;color:#333;line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.el-picker-panel__btn[disabled]{color:#ccc;cursor:not-allowed}.el-picker-panel__icon-btn{font-size:12px;color:#303133;border:0;background:0 0;cursor:pointer;outline:0;margin-top:8px}.el-picker-panel__icon-btn:hover{color:#324057}.el-picker-panel__icon-btn.is-disabled{color:#bbb}.el-picker-panel__icon-btn.is-disabled:hover{cursor:not-allowed}.el-picker-panel__link-btn{vertical-align:middle}.el-picker-panel [slot=sidebar],.el-picker-panel__sidebar{position:absolute;top:0;bottom:0;width:110px;border-right:1px solid #e4e4e4;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:6px;background-color:#fff;overflow:auto}.el-picker-panel [slot=sidebar]+.el-picker-panel__body,.el-picker-panel__sidebar+.el-picker-panel__body{margin-left:110px}.el-date-picker{width:322px}.el-date-picker.has-sidebar.has-time{width:434px}.el-date-picker.has-sidebar{width:438px}.el-date-picker.has-time .el-picker-panel__body-wrapper{position:relative}.el-date-picker .el-picker-panel__content{width:292px}.el-date-picker table{table-layout:fixed;width:100%}.el-date-picker__editor-wrap{position:relative;display:table-cell;padding:0 5px}.el-date-picker__time-header{position:relative;border-bottom:1px solid #e4e4e4;font-size:12px;padding:8px 5px 5px;display:table;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.el-date-picker__header{margin:12px;text-align:center}.el-date-picker__header--bordered{margin-bottom:0;padding-bottom:12px;border-bottom:solid 1px #ebeef5}.el-date-picker__header--bordered+.el-picker-panel__content{margin-top:0}.el-date-picker__header-label{font-size:16px;font-weight:500;padding:0 5px;line-height:22px;text-align:center;cursor:pointer;color:#606266}.el-date-picker__header-label.active,.el-date-picker__header-label:hover{color:#324057}.el-date-picker__prev-btn{float:left}.el-date-picker__next-btn{float:right}.el-date-picker__time-wrap{padding:10px;text-align:center}.el-date-picker__time-label{float:left;cursor:pointer;line-height:30px;margin-left:10px}.el-date-range-picker{width:646px}.el-date-range-picker.has-sidebar{width:756px}.el-date-range-picker table{table-layout:fixed;width:100%}.el-date-range-picker .el-picker-panel__body{min-width:513px}.el-date-range-picker .el-picker-panel__content{margin:0}.el-date-range-picker__header{position:relative;text-align:center;height:28px}.el-date-range-picker__header [class*=arrow-left]{float:left}.el-date-range-picker__header [class*=arrow-right]{float:right}.el-date-range-picker__header div{font-size:16px;font-weight:500;margin-right:50px}.el-date-range-picker__content{float:left;width:50%;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:16px}.el-date-range-picker__content.is-left{border-right:1px solid #e4e4e4}.el-date-range-picker__content.is-right .el-date-range-picker__header div{margin-left:50px;margin-right:50px}.el-date-range-picker__editors-wrap{-webkit-box-sizing:border-box;box-sizing:border-box;display:table-cell}.el-date-range-picker__editors-wrap.is-right{text-align:right}.el-date-range-picker__time-header{position:relative;border-bottom:1px solid #e4e4e4;font-size:12px;padding:8px 5px 5px;display:table;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.el-date-range-picker__time-header>.el-icon-arrow-right{font-size:20px;vertical-align:middle;display:table-cell;color:#303133}.el-date-range-picker__time-picker-wrap{position:relative;display:table-cell;padding:0 5px}.el-date-range-picker__time-picker-wrap .el-picker-panel{position:absolute;top:13px;right:0;z-index:1;background:#fff}.el-time-range-picker{width:354px;overflow:visible}.el-time-range-picker__content{position:relative;text-align:center;padding:10px}.el-time-range-picker__cell{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:4px 7px 7px;width:50%;display:inline-block}.el-time-range-picker__header{margin-bottom:5px;text-align:center;font-size:14px}.el-time-range-picker__body{border-radius:2px;border:1px solid #e4e7ed}.el-time-panel{margin:5px 0;border:1px solid #e4e7ed;background-color:#fff;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border-radius:2px;position:absolute;width:180px;left:0;z-index:1000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:content-box;box-sizing:content-box}.el-time-panel__content{font-size:0;position:relative;overflow:hidden}.el-time-panel__content::after,.el-time-panel__content::before{content:"";top:50%;position:absolute;margin-top:-15px;height:32px;z-index:-1;left:0;right:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:6px;text-align:left;border-top:1px solid #e4e7ed;border-bottom:1px solid #e4e7ed}.el-time-panel__content::after{left:50%;margin-left:12%;margin-right:12%}.el-time-panel__content::before{padding-left:50%;margin-right:12%;margin-left:12%}.el-time-panel__content.has-seconds::after{left:calc(100% / 3 * 2)}.el-time-panel__content.has-seconds::before{padding-left:calc(100% / 3)}.el-time-panel__footer{border-top:1px solid #e4e4e4;padding:4px;height:36px;line-height:25px;text-align:right;-webkit-box-sizing:border-box;box-sizing:border-box}.el-time-panel__btn{border:none;line-height:28px;padding:0 5px;margin:0 5px;cursor:pointer;background-color:transparent;outline:0;font-size:12px;color:#303133}.el-time-panel__btn.confirm{font-weight:800;color:#324057}.el-textarea{display:inline-block;width:100%;vertical-align:bottom;font-size:14px}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:inherit;color:#606266;background-color:#fff;background-image:none;border:1px solid #dcdfe6;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea__inner:-ms-input-placeholder{color:#c0c4cc}.el-textarea__inner::placeholder{color:#c0c4cc}.el-textarea__inner:hover{border-color:#c0c4cc}.el-textarea__inner:focus{outline:0;border-color:#324057}.el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#c0c4cc}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:#c0c4cc;font-size:14px;line-height:16px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-input .el-input__clear:hover{color:#909399}.el-input__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #dcdfe6;-webkit-box-sizing:border-box;box-sizing:border-box;color:#606266;display:inline-block;font-size:inherit;height:40px;line-height:40px;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__prefix,.el-input__suffix{position:absolute;top:0;-webkit-transition:all .3s;text-align:center;height:100%;color:#c0c4cc}.el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input__inner:-ms-input-placeholder{color:#c0c4cc}.el-input__inner::placeholder{color:#c0c4cc}.el-input__inner:hover{border-color:#c0c4cc}.el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:#324057;outline:0}.el-input__suffix{right:5px;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{left:5px;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner::placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px;line-height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px;line-height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px;line-height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate;border-spacing:0}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#f5f7fa;color:#909399;vertical-align:middle;display:table-cell;position:relative;border:1px solid #dcdfe6;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-10px -20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-input-group--append .el-select .el-input.is-focus .el-input__inner,.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner{border-color:transparent}.el-input__inner::-ms-clear{display:none;width:0;height:0}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active>.el-scrollbar__bar,.el-scrollbar:focus>.el-scrollbar__bar,.el-scrollbar:hover>.el-scrollbar__bar{opacity:1;-webkit-transition:opacity 340ms ease-out;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll;height:100%}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(144,147,153,.3);-webkit-transition:.3s background-color;transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(144,147,153,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity 120ms ease-out;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#ebeef5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#ebeef5}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#ebeef5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#ebeef5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/dialog.css
0 → 100755
1 | .v-modal-enter{-webkit-animation:v-modal-in .2s ease;animation:v-modal-in .2s ease}.v-modal-leave{-webkit-animation:v-modal-out .2s ease forwards;animation:v-modal-out .2s ease forwards}@-webkit-keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-in{0%{opacity:0}}@-webkit-keyframes v-modal-out{100%{opacity:0}}@keyframes v-modal-out{100%{opacity:0}}.v-modal{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.5;background:#000}.el-popup-parent--hidden{overflow:hidden}.el-dialog{position:relative;margin:0 auto 50px;background:#fff;border-radius:2px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);box-shadow:0 1px 3px rgba(0,0,0,.3);-webkit-box-sizing:border-box;box-sizing:border-box;width:50%}.el-dialog.is-fullscreen{width:100%;margin-top:0;margin-bottom:0;height:100%;overflow:auto}.el-dialog__wrapper{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;margin:0}.el-dialog__header{padding:20px 20px 10px}.el-dialog__headerbtn{position:absolute;top:20px;right:20px;padding:0;background:0 0;border:none;outline:0;cursor:pointer;font-size:16px}.el-dialog__headerbtn .el-dialog__close{color:#909399}.el-dialog__headerbtn:focus .el-dialog__close,.el-dialog__headerbtn:hover .el-dialog__close{color:#324057}.el-dialog__title{line-height:24px;font-size:18px;color:#303133}.el-dialog__body{padding:30px 20px;color:#606266;font-size:14px}.el-dialog__footer{padding:10px 20px 20px;text-align:right;-webkit-box-sizing:border-box;box-sizing:border-box}.el-dialog--center{text-align:center}.el-dialog--center .el-dialog__body{text-align:initial;padding:25px 25px 30px}.el-dialog--center .el-dialog__footer{text-align:inherit}.dialog-fade-enter-active{-webkit-animation:dialog-fade-in .3s;animation:dialog-fade-in .3s}.dialog-fade-leave-active{-webkit-animation:dialog-fade-out .3s;animation:dialog-fade-out .3s}@-webkit-keyframes dialog-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes dialog-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes dialog-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes dialog-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/display.css
0 → 100755
1 | @media only screen and (max-width:767px){.hidden-xs-only{display:none!important}}@media only screen and (min-width:768px){.hidden-sm-and-up{display:none!important}}@media only screen and (min-width:768px) and (max-width:991px){.hidden-sm-only{display:none!important}}@media only screen and (max-width:991px){.hidden-sm-and-down{display:none!important}}@media only screen and (min-width:992px){.hidden-md-and-up{display:none!important}}@media only screen and (min-width:992px) and (max-width:1199px){.hidden-md-only{display:none!important}}@media only screen and (max-width:1199px){.hidden-md-and-down{display:none!important}}@media only screen and (min-width:1200px){.hidden-lg-and-up{display:none!important}}@media only screen and (min-width:1200px) and (max-width:1919px){.hidden-lg-only{display:none!important}}@media only screen and (max-width:1919px){.hidden-lg-and-down{display:none!important}}@media only screen and (min-width:1920px){.hidden-xl-only{display:none!important}} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/dropdown-item.css
0 → 100755
File mode changed
src/styles/element-#324057/dropdown-menu.css
0 → 100755
File mode changed
src/styles/element-#324057/dropdown.css
0 → 100755
1 | .el-button-group>.el-button.is-active,.el-button-group>.el-button.is-disabled,.el-button-group>.el-button:active,.el-button-group>.el-button:focus,.el-button-group>.el-button:hover{z-index:1}.el-button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dcdfe6;color:#606266;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;-webkit-transition:.1s;transition:.1s;font-weight:500;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:12px 20px;font-size:14px;border-radius:4px}.el-button+.el-button{margin-left:10px}.el-button:focus,.el-button:hover{color:#324057;border-color:rgb(194, 198, 205);background-color:rgb(235, 236, 238)}.el-button:active{color:rgb(45, 58, 78);border-color:rgb(45, 58, 78);outline:0}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon-]+span{margin-left:5px}.el-button.is-plain:focus,.el-button.is-plain:hover{background:#fff;border-color:#324057;color:#324057}.el-button.is-active,.el-button.is-plain:active{color:rgb(45, 58, 78);border-color:rgb(45, 58, 78)}.el-button.is-plain:active{background:#fff;outline:0}.el-button.is-disabled,.el-button.is-disabled:focus,.el-button.is-disabled:hover{color:#c0c4cc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#ebeef5}.el-button.is-disabled.el-button--text{background-color:transparent}.el-button.is-disabled.is-plain,.el-button.is-disabled.is-plain:focus,.el-button.is-disabled.is-plain:hover{background-color:#fff;border-color:#ebeef5;color:#c0c4cc}.el-button.is-loading{position:relative;pointer-events:none}.el-button.is-loading:before{pointer-events:none;content:'';position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:rgba(255,255,255,.35)}.el-button.is-round{border-radius:20px;padding:12px 23px}.el-button.is-circle{border-radius:50%;padding:12px}.el-button--primary{color:#fff;background-color:#324057;border-color:#324057}.el-button--primary:focus,.el-button--primary:hover{background:rgb(91, 102, 121);border-color:rgb(91, 102, 121);color:#fff}.el-button--primary.is-active,.el-button--primary:active{background:rgb(45, 58, 78);border-color:rgb(45, 58, 78);color:#fff}.el-button--primary:active{outline:0}.el-button--primary.is-disabled,.el-button--primary.is-disabled:active,.el-button--primary.is-disabled:focus,.el-button--primary.is-disabled:hover{color:#fff;background-color:rgb(153, 160, 171);border-color:rgb(153, 160, 171)}.el-button--primary.is-plain{color:#324057;background:rgb(235, 236, 238);border-color:rgb(173, 179, 188)}.el-button--primary.is-plain:focus,.el-button--primary.is-plain:hover{background:#324057;border-color:#324057;color:#fff}.el-button--primary.is-plain:active{background:rgb(45, 58, 78);border-color:rgb(45, 58, 78);color:#fff;outline:0}.el-button--primary.is-plain.is-disabled,.el-button--primary.is-plain.is-disabled:active,.el-button--primary.is-plain.is-disabled:focus,.el-button--primary.is-plain.is-disabled:hover{color:rgb(132, 140, 154);background-color:rgb(235, 236, 238);border-color:rgb(214, 217, 221)}.el-button--success{color:#fff;background-color:#67c23a;border-color:#67c23a}.el-button--success:focus,.el-button--success:hover{background:#85ce61;border-color:#85ce61;color:#fff}.el-button--success.is-active,.el-button--success:active{background:#5daf34;border-color:#5daf34;color:#fff}.el-button--success:active{outline:0}.el-button--success.is-disabled,.el-button--success.is-disabled:active,.el-button--success.is-disabled:focus,.el-button--success.is-disabled:hover{color:#fff;background-color:#b3e19d;border-color:#b3e19d}.el-button--success.is-plain{color:#67c23a;background:#f0f9eb;border-color:#c2e7b0}.el-button--success.is-plain:focus,.el-button--success.is-plain:hover{background:#67c23a;border-color:#67c23a;color:#fff}.el-button--success.is-plain:active{background:#5daf34;border-color:#5daf34;color:#fff;outline:0}.el-button--success.is-plain.is-disabled,.el-button--success.is-plain.is-disabled:active,.el-button--success.is-plain.is-disabled:focus,.el-button--success.is-plain.is-disabled:hover{color:#a4da89;background-color:#f0f9eb;border-color:#e1f3d8}.el-button--warning{color:#fff;background-color:#e6a23c;border-color:#e6a23c}.el-button--warning:focus,.el-button--warning:hover{background:#ebb563;border-color:#ebb563;color:#fff}.el-button--warning.is-active,.el-button--warning:active{background:#cf9236;border-color:#cf9236;color:#fff}.el-button--warning:active{outline:0}.el-button--warning.is-disabled,.el-button--warning.is-disabled:active,.el-button--warning.is-disabled:focus,.el-button--warning.is-disabled:hover{color:#fff;background-color:#f3d19e;border-color:#f3d19e}.el-button--warning.is-plain{color:#e6a23c;background:#fdf6ec;border-color:#f5dab1}.el-button--warning.is-plain:focus,.el-button--warning.is-plain:hover{background:#e6a23c;border-color:#e6a23c;color:#fff}.el-button--warning.is-plain:active{background:#cf9236;border-color:#cf9236;color:#fff;outline:0}.el-button--warning.is-plain.is-disabled,.el-button--warning.is-plain.is-disabled:active,.el-button--warning.is-plain.is-disabled:focus,.el-button--warning.is-plain.is-disabled:hover{color:#f0c78a;background-color:#fdf6ec;border-color:#faecd8}.el-button--danger{color:#fff;background-color:#f56c6c;border-color:#f56c6c}.el-button--danger:focus,.el-button--danger:hover{background:#f78989;border-color:#f78989;color:#fff}.el-button--danger.is-active,.el-button--danger:active{background:#dd6161;border-color:#dd6161;color:#fff}.el-button--danger:active{outline:0}.el-button--danger.is-disabled,.el-button--danger.is-disabled:active,.el-button--danger.is-disabled:focus,.el-button--danger.is-disabled:hover{color:#fff;background-color:#fab6b6;border-color:#fab6b6}.el-button--danger.is-plain{color:#f56c6c;background:#fef0f0;border-color:#fbc4c4}.el-button--danger.is-plain:focus,.el-button--danger.is-plain:hover{background:#f56c6c;border-color:#f56c6c;color:#fff}.el-button--danger.is-plain:active{background:#dd6161;border-color:#dd6161;color:#fff;outline:0}.el-button--danger.is-plain.is-disabled,.el-button--danger.is-plain.is-disabled:active,.el-button--danger.is-plain.is-disabled:focus,.el-button--danger.is-plain.is-disabled:hover{color:#f9a7a7;background-color:#fef0f0;border-color:#fde2e2}.el-button--info{color:#fff;background-color:#909399;border-color:#909399}.el-button--info:focus,.el-button--info:hover{background:#a6a9ad;border-color:#a6a9ad;color:#fff}.el-button--info.is-active,.el-button--info:active{background:#82848a;border-color:#82848a;color:#fff}.el-button--info:active{outline:0}.el-button--info.is-disabled,.el-button--info.is-disabled:active,.el-button--info.is-disabled:focus,.el-button--info.is-disabled:hover{color:#fff;background-color:#c8c9cc;border-color:#c8c9cc}.el-button--info.is-plain{color:#909399;background:#f4f4f5;border-color:#d3d4d6}.el-button--info.is-plain:focus,.el-button--info.is-plain:hover{background:#909399;border-color:#909399;color:#fff}.el-button--info.is-plain:active{background:#82848a;border-color:#82848a;color:#fff;outline:0}.el-button--info.is-plain.is-disabled,.el-button--info.is-plain.is-disabled:active,.el-button--info.is-plain.is-disabled:focus,.el-button--info.is-plain.is-disabled:hover{color:#bcbec2;background-color:#f4f4f5;border-color:#e9e9eb}.el-button--text,.el-button--text.is-disabled,.el-button--text.is-disabled:focus,.el-button--text.is-disabled:hover,.el-button--text:active{border-color:transparent}.el-button--medium{padding:10px 20px;font-size:14px;border-radius:4px}.el-button--mini,.el-button--small{font-size:12px;border-radius:3px}.el-button--medium.is-round{padding:10px 20px}.el-button--medium.is-circle{padding:10px}.el-button--small,.el-button--small.is-round{padding:9px 15px}.el-button--small.is-circle{padding:9px}.el-button--mini,.el-button--mini.is-round{padding:7px 15px}.el-button--mini.is-circle{padding:7px}.el-button--text{color:#324057;background:0 0;padding-left:0;padding-right:0}.el-button--text:focus,.el-button--text:hover{color:rgb(91, 102, 121);border-color:transparent;background-color:transparent}.el-button--text:active{color:rgb(45, 58, 78);background-color:transparent}.el-button-group{display:inline-block;vertical-align:middle}.el-button-group::after,.el-button-group::before{display:table;content:""}.el-button-group::after{clear:both}.el-button-group>.el-button{float:left;position:relative}.el-button-group>.el-button+.el-button{margin-left:0}.el-button-group>.el-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.el-button-group>.el-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.el-button-group>.el-button:first-child:last-child{border-radius:4px}.el-button-group>.el-button:first-child:last-child.is-round{border-radius:20px}.el-button-group>.el-button:first-child:last-child.is-circle{border-radius:50%}.el-button-group>.el-button:not(:first-child):not(:last-child){border-radius:0}.el-button-group>.el-button:not(:last-child){margin-right:-1px}.el-button-group>.el-dropdown>.el-button{border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#ebeef5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#ebeef5}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#ebeef5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#ebeef5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.el-dropdown{display:inline-block;position:relative;color:#606266;font-size:14px}.el-dropdown .el-button-group{display:block}.el-dropdown .el-button-group .el-button{float:none}.el-dropdown .el-dropdown__caret-button{padding-left:5px;padding-right:5px;position:relative;border-left:none}.el-dropdown .el-dropdown__caret-button::before{content:'';position:absolute;display:block;width:1px;top:5px;bottom:5px;left:0;background:rgba(255,255,255,.5)}.el-dropdown .el-dropdown__caret-button:hover::before{top:0;bottom:0}.el-dropdown .el-dropdown__caret-button .el-dropdown__icon{padding-left:0}.el-dropdown__icon{font-size:12px;margin:0 3px}.el-dropdown .el-dropdown-selfdefine:focus:active,.el-dropdown .el-dropdown-selfdefine:focus:not(.focusing){outline-width:0}.el-dropdown-menu{position:absolute;top:0;left:0;z-index:10;padding:10px 0;margin:5px 0;background-color:#fff;border:1px solid #ebeef5;border-radius:4px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-dropdown-menu__item{list-style:none;line-height:36px;padding:0 20px;margin:0;font-size:14px;color:#606266;cursor:pointer;outline:0}.el-dropdown-menu__item:focus,.el-dropdown-menu__item:not(.is-disabled):hover{background-color:rgb(235, 236, 238);color:rgb(91, 102, 121)}.el-dropdown-menu__item--divided{position:relative;margin-top:6px;border-top:1px solid #ebeef5}.el-dropdown-menu__item--divided:before{content:'';height:6px;display:block;margin:0 -20px;background-color:#fff}.el-dropdown-menu__item.is-disabled{cursor:default;color:#bbb;pointer-events:none}.el-dropdown-menu--medium{padding:6px 0}.el-dropdown-menu--medium .el-dropdown-menu__item{line-height:30px;padding:0 17px;font-size:14px}.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided{margin-top:6px}.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided:before{height:6px;margin:0 -17px}.el-dropdown-menu--small{padding:6px 0}.el-dropdown-menu--small .el-dropdown-menu__item{line-height:27px;padding:0 15px;font-size:13px}.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided{margin-top:4px}.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided:before{height:4px;margin:0 -15px}.el-dropdown-menu--mini{padding:3px 0}.el-dropdown-menu--mini .el-dropdown-menu__item{line-height:24px;padding:0 10px;font-size:12px}.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided{margin-top:3px}.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided:before{height:3px;margin:0 -10px} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
No preview for this file type
No preview for this file type
src/styles/element-#324057/footer.css
0 → 100755
1 | .el-footer{padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/form-item.css
0 → 100755
File mode changed
src/styles/element-#324057/form.css
0 → 100755
1 | .el-form--inline .el-form-item,.el-form--inline .el-form-item__content{display:inline-block;vertical-align:top}.el-form-item::after,.el-form-item__content::after{clear:both}.el-form--label-left .el-form-item__label{text-align:left}.el-form--label-top .el-form-item__label{float:none;display:inline-block;text-align:left;padding:0 0 10px}.el-form--inline .el-form-item{margin-right:10px}.el-form--inline .el-form-item__label{float:none;display:inline-block}.el-form-item__content .el-input-group,.el-form-item__label{vertical-align:middle}.el-form--inline.el-form--label-top .el-form-item__content{display:block}.el-form-item{margin-bottom:22px}.el-form-item::after,.el-form-item::before{display:table;content:""}.el-form-item .el-form-item{margin-bottom:0}.el-form-item--mini.el-form-item,.el-form-item--small.el-form-item{margin-bottom:18px}.el-form-item .el-input__validateIcon{display:none}.el-form-item--medium .el-form-item__content,.el-form-item--medium .el-form-item__label{line-height:36px}.el-form-item--small .el-form-item__content,.el-form-item--small .el-form-item__label{line-height:32px}.el-form-item--small .el-form-item__error{padding-top:2px}.el-form-item--mini .el-form-item__content,.el-form-item--mini .el-form-item__label{line-height:28px}.el-form-item--mini .el-form-item__error{padding-top:1px}.el-form-item__label{text-align:right;float:left;font-size:14px;color:#606266;line-height:40px;padding:0 12px 0 0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-form-item__content{line-height:40px;position:relative;font-size:14px}.el-form-item__content::after,.el-form-item__content::before{display:table;content:""}.el-form-item__error{color:#f56c6c;font-size:12px;line-height:1;padding-top:4px;position:absolute;top:100%;left:0}.el-form-item__error--inline{position:relative;top:auto;left:auto;display:inline-block;margin-left:10px}.el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before{content:'*';color:#f56c6c;margin-right:4px}.el-form-item.is-error .el-input__inner,.el-form-item.is-error .el-input__inner:focus,.el-form-item.is-error .el-textarea__inner,.el-form-item.is-error .el-textarea__inner:focus{border-color:#f56c6c}.el-form-item.is-error .el-input-group__append .el-input__inner,.el-form-item.is-error .el-input-group__prepend .el-input__inner{border-color:transparent}.el-form-item.is-error .el-input__validateIcon{color:#f56c6c}.el-form-item.is-success .el-input__inner,.el-form-item.is-success .el-input__inner:focus,.el-form-item.is-success .el-textarea__inner,.el-form-item.is-success .el-textarea__inner:focus{border-color:#67c23a}.el-form-item.is-success .el-input-group__append .el-input__inner,.el-form-item.is-success .el-input-group__prepend .el-input__inner{border-color:transparent}.el-form-item.is-success .el-input__validateIcon{color:#67c23a}.el-form-item--feedback .el-input__validateIcon{display:inline-block} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/header.css
0 → 100755
1 | .el-header{padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/icon.css
0 → 100755
1 | @font-face{font-family:element-icons;src:url(fonts/element-icons.woff) format("woff"),url(fonts/element-icons.ttf) format("truetype");font-weight:400;font-style:normal}[class*=" el-icon-"],[class^=el-icon-]{font-family:element-icons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;vertical-align:baseline;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-icon-info:before{content:"\e61a"}.el-icon-error:before{content:"\e62c"}.el-icon-success:before{content:"\e62d"}.el-icon-warning:before{content:"\e62e"}.el-icon-question:before{content:"\e634"}.el-icon-back:before{content:"\e606"}.el-icon-arrow-left:before{content:"\e600"}.el-icon-arrow-down:before{content:"\e603"}.el-icon-arrow-right:before{content:"\e604"}.el-icon-arrow-up:before{content:"\e605"}.el-icon-caret-left:before{content:"\e60a"}.el-icon-caret-bottom:before{content:"\e60b"}.el-icon-caret-top:before{content:"\e60c"}.el-icon-caret-right:before{content:"\e60e"}.el-icon-d-arrow-left:before{content:"\e610"}.el-icon-d-arrow-right:before{content:"\e613"}.el-icon-minus:before{content:"\e621"}.el-icon-plus:before{content:"\e62b"}.el-icon-remove:before{content:"\e635"}.el-icon-circle-plus:before{content:"\e601"}.el-icon-remove-outline:before{content:"\e63c"}.el-icon-circle-plus-outline:before{content:"\e602"}.el-icon-close:before{content:"\e60f"}.el-icon-check:before{content:"\e611"}.el-icon-circle-close:before{content:"\e607"}.el-icon-circle-check:before{content:"\e639"}.el-icon-circle-close-outline:before{content:"\e609"}.el-icon-circle-check-outline:before{content:"\e63e"}.el-icon-zoom-out:before{content:"\e645"}.el-icon-zoom-in:before{content:"\e641"}.el-icon-d-caret:before{content:"\e615"}.el-icon-sort:before{content:"\e640"}.el-icon-sort-down:before{content:"\e630"}.el-icon-sort-up:before{content:"\e631"}.el-icon-tickets:before{content:"\e63f"}.el-icon-document:before{content:"\e614"}.el-icon-goods:before{content:"\e618"}.el-icon-sold-out:before{content:"\e63b"}.el-icon-news:before{content:"\e625"}.el-icon-message:before{content:"\e61b"}.el-icon-date:before{content:"\e608"}.el-icon-printer:before{content:"\e62f"}.el-icon-time:before{content:"\e642"}.el-icon-bell:before{content:"\e622"}.el-icon-mobile-phone:before{content:"\e624"}.el-icon-service:before{content:"\e63a"}.el-icon-view:before{content:"\e643"}.el-icon-menu:before{content:"\e620"}.el-icon-more:before{content:"\e646"}.el-icon-more-outline:before{content:"\e626"}.el-icon-star-on:before{content:"\e637"}.el-icon-star-off:before{content:"\e63d"}.el-icon-location:before{content:"\e61d"}.el-icon-location-outline:before{content:"\e61f"}.el-icon-phone:before{content:"\e627"}.el-icon-phone-outline:before{content:"\e628"}.el-icon-picture:before{content:"\e629"}.el-icon-picture-outline:before{content:"\e62a"}.el-icon-delete:before{content:"\e612"}.el-icon-search:before{content:"\e619"}.el-icon-edit:before{content:"\e61c"}.el-icon-edit-outline:before{content:"\e616"}.el-icon-rank:before{content:"\e632"}.el-icon-refresh:before{content:"\e633"}.el-icon-share:before{content:"\e636"}.el-icon-setting:before{content:"\e638"}.el-icon-upload:before{content:"\e60d"}.el-icon-upload2:before{content:"\e644"}.el-icon-download:before{content:"\e617"}.el-icon-loading:before{content:"\e61e"}.el-icon-loading{-webkit-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@-webkit-keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/index.css
0 → 100755
This diff could not be displayed because it is too large.
src/styles/element-#324057/input-number.css
0 → 100755
1 | .el-textarea{display:inline-block;width:100%;vertical-align:bottom;font-size:14px}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:inherit;color:#606266;background-color:#fff;background-image:none;border:1px solid #dcdfe6;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea__inner:-ms-input-placeholder{color:#c0c4cc}.el-textarea__inner::placeholder{color:#c0c4cc}.el-textarea__inner:hover{border-color:#c0c4cc}.el-textarea__inner:focus{outline:0;border-color:#324057}.el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#c0c4cc}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:#c0c4cc;font-size:14px;line-height:16px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-input .el-input__clear:hover{color:#909399}.el-input__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #dcdfe6;-webkit-box-sizing:border-box;box-sizing:border-box;color:#606266;display:inline-block;font-size:inherit;height:40px;line-height:40px;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__prefix,.el-input__suffix{position:absolute;top:0;-webkit-transition:all .3s;height:100%;color:#c0c4cc;text-align:center}.el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input__inner:-ms-input-placeholder{color:#c0c4cc}.el-input__inner::placeholder{color:#c0c4cc}.el-input__inner:hover{border-color:#c0c4cc}.el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:#324057;outline:0}.el-input__suffix{right:5px;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{left:5px;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner::placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px;line-height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px;line-height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px;line-height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate;border-spacing:0}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#f5f7fa;color:#909399;vertical-align:middle;display:table-cell;position:relative;border:1px solid #dcdfe6;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-10px -20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-input-group--append .el-select .el-input.is-focus .el-input__inner,.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner{border-color:transparent}.el-input__inner::-ms-clear{display:none;width:0;height:0}.el-input-number{position:relative;display:inline-block;width:180px;line-height:38px}.el-input-number .el-input{display:block}.el-input-number .el-input__inner{-webkit-appearance:none;padding-left:50px;padding-right:50px;text-align:center}.el-input-number__decrease,.el-input-number__increase{position:absolute;z-index:1;top:1px;width:40px;height:auto;text-align:center;background:#f5f7fa;color:#606266;cursor:pointer;font-size:13px}.el-input-number__decrease:hover,.el-input-number__increase:hover{color:#324057}.el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled),.el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled){border-color:#324057}.el-input-number__decrease.is-disabled,.el-input-number__increase.is-disabled{color:#c0c4cc;cursor:not-allowed}.el-input-number__increase{right:1px;border-radius:0 4px 4px 0;border-left:1px solid #dcdfe6}.el-input-number__decrease{left:1px;border-radius:4px 0 0 4px;border-right:1px solid #dcdfe6}.el-input-number.is-disabled .el-input-number__decrease,.el-input-number.is-disabled .el-input-number__increase{border-color:#e4e7ed;color:#e4e7ed}.el-input-number.is-disabled .el-input-number__decrease:hover,.el-input-number.is-disabled .el-input-number__increase:hover{color:#e4e7ed;cursor:not-allowed}.el-input-number--medium{width:200px;line-height:34px}.el-input-number--medium .el-input-number__decrease,.el-input-number--medium .el-input-number__increase{width:36px;font-size:14px}.el-input-number--medium .el-input__inner{padding-left:43px;padding-right:43px}.el-input-number--small{width:130px;line-height:30px}.el-input-number--small .el-input-number__decrease,.el-input-number--small .el-input-number__increase{width:32px;font-size:13px}.el-input-number--small .el-input-number__decrease [class*=el-icon],.el-input-number--small .el-input-number__increase [class*=el-icon]{-webkit-transform:scale(.9);transform:scale(.9)}.el-input-number--small .el-input__inner{padding-left:39px;padding-right:39px}.el-input-number--mini{width:130px;line-height:26px}.el-input-number--mini .el-input-number__decrease,.el-input-number--mini .el-input-number__increase{width:28px;font-size:12px}.el-input-number--mini .el-input-number__decrease [class*=el-icon],.el-input-number--mini .el-input-number__increase [class*=el-icon]{-webkit-transform:scale(.8);transform:scale(.8)}.el-input-number--mini .el-input__inner{padding-left:35px;padding-right:35px}.el-input-number.is-without-controls .el-input__inner{padding-left:15px;padding-right:15px}.el-input-number.is-controls-right .el-input__inner{padding-left:15px;padding-right:50px}.el-input-number.is-controls-right .el-input-number__decrease,.el-input-number.is-controls-right .el-input-number__increase{height:auto;line-height:19px}.el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon],.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon]{-webkit-transform:scale(.8);transform:scale(.8)}.el-input-number.is-controls-right .el-input-number__increase{border-radius:0 4px 0 0;border-bottom:1px solid #dcdfe6}.el-input-number.is-controls-right .el-input-number__decrease{right:1px;bottom:1px;top:auto;left:auto;border-right:none;border-left:1px solid #dcdfe6;border-radius:0 0 4px}.el-input-number.is-controls-right[class*=medium] [class*=decrease],.el-input-number.is-controls-right[class*=medium] [class*=increase]{line-height:17px}.el-input-number.is-controls-right[class*=small] [class*=decrease],.el-input-number.is-controls-right[class*=small] [class*=increase]{line-height:15px}.el-input-number.is-controls-right[class*=mini] [class*=decrease],.el-input-number.is-controls-right[class*=mini] [class*=increase]{line-height:13px} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/input.css
0 → 100755
1 | .el-textarea{display:inline-block;width:100%;vertical-align:bottom;font-size:14px}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:inherit;color:#606266;background-color:#fff;background-image:none;border:1px solid #dcdfe6;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea__inner:-ms-input-placeholder{color:#c0c4cc}.el-textarea__inner::placeholder{color:#c0c4cc}.el-textarea__inner:hover{border-color:#c0c4cc}.el-textarea__inner:focus{outline:0;border-color:#324057}.el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#c0c4cc}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:#c0c4cc;font-size:14px;line-height:16px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-input .el-input__clear:hover{color:#909399}.el-input__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #dcdfe6;-webkit-box-sizing:border-box;box-sizing:border-box;color:#606266;display:inline-block;font-size:inherit;height:40px;line-height:40px;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__prefix,.el-input__suffix{position:absolute;top:0;-webkit-transition:all .3s;text-align:center;height:100%;color:#c0c4cc}.el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input__inner:-ms-input-placeholder{color:#c0c4cc}.el-input__inner::placeholder{color:#c0c4cc}.el-input__inner:hover{border-color:#c0c4cc}.el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:#324057;outline:0}.el-input__suffix{right:5px;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{left:5px;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner::placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px;line-height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px;line-height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px;line-height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate;border-spacing:0}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#f5f7fa;color:#909399;vertical-align:middle;display:table-cell;position:relative;border:1px solid #dcdfe6;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-10px -20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-input-group--append .el-select .el-input.is-focus .el-input__inner,.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner{border-color:transparent}.el-input__inner::-ms-clear{display:none;width:0;height:0} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/loading.css
0 → 100755
1 | .el-loading-parent--relative{position:relative!important}.el-loading-parent--hidden{overflow:hidden!important}.el-loading-mask{position:absolute;z-index:2000;background-color:rgba(255,255,255,.9);margin:0;top:0;right:0;bottom:0;left:0;-webkit-transition:opacity .3s;transition:opacity .3s}.el-loading-mask.is-fullscreen{position:fixed}.el-loading-mask.is-fullscreen .el-loading-spinner{margin-top:-25px}.el-loading-mask.is-fullscreen .el-loading-spinner .circular{height:50px;width:50px}.el-loading-spinner{top:50%;margin-top:-21px;width:100%;text-align:center;position:absolute}.el-loading-spinner .el-loading-text{color:#324057;margin:3px 0;font-size:14px}.el-loading-spinner .circular{height:42px;width:42px;-webkit-animation:loading-rotate 2s linear infinite;animation:loading-rotate 2s linear infinite}.el-loading-spinner .path{-webkit-animation:loading-dash 1.5s ease-in-out infinite;animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:#324057;stroke-linecap:round}.el-loading-spinner i{color:#324057}.el-loading-fade-enter,.el-loading-fade-leave-active{opacity:0}@-webkit-keyframes loading-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/main.css
0 → 100755
1 | .el-main{display:block;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-preferred-size:auto;flex-basis:auto;overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
File mode changed
src/styles/element-#324057/menu-item.css
0 → 100755
File mode changed
src/styles/element-#324057/menu.css
0 → 100755
1 | .el-fade-in-enter,.el-fade-in-leave-active,.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active,.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.el-menu,.el-menu--horizontal>.el-menu-item:not(.is-disabled):focus,.el-menu--horizontal>.el-menu-item:not(.is-disabled):hover,.el-menu--horizontal>.el-submenu .el-submenu__title:hover{background-color:#fff}.el-menu--collapse .el-menu .el-submenu,.el-menu--popup{min-width:200px}.fade-in-linear-enter-active,.fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-enter-active,.el-fade-in-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center top;transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center bottom;transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:top left;transform-origin:top left}.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;-webkit-transform:scale(.45,.45);transform:scale(.45,.45)}.collapse-transition{-webkit-transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out;transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{-webkit-transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out;transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{-webkit-transition:all 1s;transition:all 1s}.el-list-enter,.el-list-leave-active{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}.el-opacity-transition{-webkit-transition:opacity .3s cubic-bezier(.55,0,.1,1);transition:opacity .3s cubic-bezier(.55,0,.1,1)}.el-menu{border-right:solid 1px #e6e6e6;list-style:none;position:relative;margin:0;padding-left:0}.el-menu::after,.el-menu::before{display:table;content:""}.el-menu::after{clear:both}.el-menu.el-menu--horizontal{border-bottom:solid 1px #e6e6e6}.el-menu--horizontal{border-right:none}.el-menu--horizontal>.el-menu-item{float:left;height:60px;line-height:60px;margin:0;border-bottom:2px solid transparent;color:#909399}.el-menu--horizontal>.el-menu-item a,.el-menu--horizontal>.el-menu-item a:hover{color:inherit}.el-menu--horizontal>.el-submenu{float:left}.el-menu--horizontal>.el-submenu:focus,.el-menu--horizontal>.el-submenu:hover{outline:0}.el-menu--horizontal>.el-submenu:focus .el-submenu__title,.el-menu--horizontal>.el-submenu:hover .el-submenu__title{color:#303133}.el-menu--horizontal>.el-submenu.is-active .el-submenu__title{border-bottom:2px solid #324057;color:#303133}.el-menu--horizontal>.el-submenu .el-submenu__title{height:60px;line-height:60px;border-bottom:2px solid transparent;color:#909399}.el-menu--horizontal>.el-submenu .el-submenu__icon-arrow{position:static;vertical-align:middle;margin-left:8px;margin-top:-3px}.el-menu--horizontal .el-menu .el-menu-item,.el-menu--horizontal .el-menu .el-submenu__title{background-color:#fff;float:none;height:36px;line-height:36px;padding:0 10px;color:#909399}.el-menu--horizontal .el-menu .el-menu-item.is-active,.el-menu--horizontal .el-menu .el-submenu.is-active>.el-submenu__title{color:#303133}.el-menu--horizontal .el-menu-item:not(.is-disabled):focus,.el-menu--horizontal .el-menu-item:not(.is-disabled):hover{outline:0;color:#303133}.el-menu--horizontal>.el-menu-item.is-active{border-bottom:2px solid #324057;color:#303133}.el-menu--collapse{width:64px}.el-menu--collapse>.el-menu-item [class^=el-icon-],.el-menu--collapse>.el-submenu>.el-submenu__title [class^=el-icon-]{margin:0;vertical-align:middle;width:24px;text-align:center}.el-menu--collapse>.el-menu-item .el-submenu__icon-arrow,.el-menu--collapse>.el-submenu>.el-submenu__title .el-submenu__icon-arrow{display:none}.el-menu--collapse>.el-menu-item span,.el-menu--collapse>.el-submenu>.el-submenu__title span{height:0;width:0;overflow:hidden;visibility:hidden;display:inline-block}.el-menu--collapse>.el-menu-item.is-active i{color:inherit}.el-menu--collapse .el-submenu{position:relative}.el-menu--collapse .el-submenu .el-menu{position:absolute;margin-left:5px;top:0;left:100%;z-index:10;border:1px solid #e4e7ed;border-radius:2px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-menu-item,.el-submenu__title{height:56px;line-height:56px;list-style:none;position:relative;white-space:nowrap}.el-menu--collapse .el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow{-webkit-transform:none;transform:none}.el-menu--popup{z-index:100;border:none;padding:5px 0;border-radius:2px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-menu--popup-bottom-start{margin-top:5px}.el-menu--popup-right-start{margin-left:5px;margin-right:5px}.el-menu-item{font-size:14px;color:#303133;padding:0 20px;cursor:pointer;-webkit-transition:border-color .3s,background-color .3s,color .3s;transition:border-color .3s,background-color .3s,color .3s;-webkit-box-sizing:border-box;box-sizing:border-box}.el-menu-item *{vertical-align:middle}.el-menu-item i{color:#909399}.el-menu-item:focus,.el-menu-item:hover{outline:0;background-color:rgb(235, 236, 238)}.el-menu-item.is-disabled{opacity:.25;cursor:not-allowed;background:0 0!important}.el-menu-item [class^=el-icon-]{margin-right:5px;width:24px;text-align:center;font-size:18px;vertical-align:middle}.el-menu-item.is-active{color:#324057}.el-menu-item.is-active i{color:inherit}.el-submenu{list-style:none;margin:0;padding-left:0}.el-submenu__title{font-size:14px;color:#303133;padding:0 20px;cursor:pointer;-webkit-transition:border-color .3s,background-color .3s,color .3s;transition:border-color .3s,background-color .3s,color .3s;-webkit-box-sizing:border-box;box-sizing:border-box}.el-submenu__title *{vertical-align:middle}.el-submenu__title i{color:#909399}.el-submenu__title:focus,.el-submenu__title:hover{outline:0;background-color:rgb(235, 236, 238)}.el-submenu__title.is-disabled{opacity:.25;cursor:not-allowed;background:0 0!important}.el-submenu__title:hover{background-color:rgb(235, 236, 238)}.el-submenu .el-menu{border:none}.el-submenu .el-menu-item{height:50px;line-height:50px;padding:0 45px;min-width:200px}.el-submenu__icon-arrow{position:absolute;top:50%;right:20px;margin-top:-7px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;font-size:12px}.el-submenu.is-active .el-submenu__title{border-bottom-color:#324057}.el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow{-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg)}.el-submenu.is-disabled .el-menu-item,.el-submenu.is-disabled .el-submenu__title{opacity:.25;cursor:not-allowed;background:0 0!important}.el-submenu [class^=el-icon-]{vertical-align:middle;margin-right:5px;width:24px;text-align:center;font-size:18px}.el-menu-item-group>ul{padding:0}.el-menu-item-group__title{padding:7px 0 7px 20px;line-height:normal;font-size:12px;color:#909399}.horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow{-webkit-transition:.2s;transition:.2s;opacity:0} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/message-box.css
0 → 100755
1 | .el-button-group>.el-button.is-active,.el-button-group>.el-button.is-disabled,.el-button-group>.el-button:active,.el-button-group>.el-button:focus,.el-button-group>.el-button:hover{z-index:1}.el-button,.el-input__inner{-webkit-appearance:none;outline:0}.el-message-box,.el-popup-parent--hidden{overflow:hidden}.v-modal-enter{-webkit-animation:v-modal-in .2s ease;animation:v-modal-in .2s ease}.v-modal-leave{-webkit-animation:v-modal-out .2s ease forwards;animation:v-modal-out .2s ease forwards}@-webkit-keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-in{0%{opacity:0}}@-webkit-keyframes v-modal-out{100%{opacity:0}}@keyframes v-modal-out{100%{opacity:0}}.v-modal{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.5;background:#000}.el-button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dcdfe6;color:#606266;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;-webkit-transition:.1s;transition:.1s;font-weight:500;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:12px 20px;font-size:14px;border-radius:4px}.el-button+.el-button{margin-left:10px}.el-button:focus,.el-button:hover{color:#324057;border-color:rgb(194, 198, 205);background-color:rgb(235, 236, 238)}.el-button:active{color:rgb(45, 58, 78);border-color:rgb(45, 58, 78);outline:0}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon-]+span{margin-left:5px}.el-button.is-plain:focus,.el-button.is-plain:hover{background:#fff;border-color:#324057;color:#324057}.el-button.is-active,.el-button.is-plain:active{color:rgb(45, 58, 78);border-color:rgb(45, 58, 78)}.el-button.is-plain:active{background:#fff;outline:0}.el-button.is-disabled,.el-button.is-disabled:focus,.el-button.is-disabled:hover{color:#c0c4cc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#ebeef5}.el-button.is-disabled.el-button--text{background-color:transparent}.el-button.is-disabled.is-plain,.el-button.is-disabled.is-plain:focus,.el-button.is-disabled.is-plain:hover{background-color:#fff;border-color:#ebeef5;color:#c0c4cc}.el-button.is-loading{position:relative;pointer-events:none}.el-button.is-loading:before{pointer-events:none;content:'';position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:rgba(255,255,255,.35)}.el-button.is-round{border-radius:20px;padding:12px 23px}.el-button.is-circle{border-radius:50%;padding:12px}.el-button--primary{color:#fff;background-color:#324057;border-color:#324057}.el-button--primary:focus,.el-button--primary:hover{background:rgb(91, 102, 121);border-color:rgb(91, 102, 121);color:#fff}.el-button--primary.is-active,.el-button--primary:active{background:rgb(45, 58, 78);border-color:rgb(45, 58, 78);color:#fff}.el-button--primary:active{outline:0}.el-button--primary.is-disabled,.el-button--primary.is-disabled:active,.el-button--primary.is-disabled:focus,.el-button--primary.is-disabled:hover{color:#fff;background-color:rgb(153, 160, 171);border-color:rgb(153, 160, 171)}.el-button--primary.is-plain{color:#324057;background:rgb(235, 236, 238);border-color:rgb(173, 179, 188)}.el-button--primary.is-plain:focus,.el-button--primary.is-plain:hover{background:#324057;border-color:#324057;color:#fff}.el-button--primary.is-plain:active{background:rgb(45, 58, 78);border-color:rgb(45, 58, 78);color:#fff;outline:0}.el-button--primary.is-plain.is-disabled,.el-button--primary.is-plain.is-disabled:active,.el-button--primary.is-plain.is-disabled:focus,.el-button--primary.is-plain.is-disabled:hover{color:rgb(132, 140, 154);background-color:rgb(235, 236, 238);border-color:rgb(214, 217, 221)}.el-button--success{color:#fff;background-color:#67c23a;border-color:#67c23a}.el-button--success:focus,.el-button--success:hover{background:#85ce61;border-color:#85ce61;color:#fff}.el-button--success.is-active,.el-button--success:active{background:#5daf34;border-color:#5daf34;color:#fff}.el-button--success:active{outline:0}.el-button--success.is-disabled,.el-button--success.is-disabled:active,.el-button--success.is-disabled:focus,.el-button--success.is-disabled:hover{color:#fff;background-color:#b3e19d;border-color:#b3e19d}.el-button--success.is-plain{color:#67c23a;background:#f0f9eb;border-color:#c2e7b0}.el-button--success.is-plain:focus,.el-button--success.is-plain:hover{background:#67c23a;border-color:#67c23a;color:#fff}.el-button--success.is-plain:active{background:#5daf34;border-color:#5daf34;color:#fff;outline:0}.el-button--success.is-plain.is-disabled,.el-button--success.is-plain.is-disabled:active,.el-button--success.is-plain.is-disabled:focus,.el-button--success.is-plain.is-disabled:hover{color:#a4da89;background-color:#f0f9eb;border-color:#e1f3d8}.el-button--warning{color:#fff;background-color:#e6a23c;border-color:#e6a23c}.el-button--warning:focus,.el-button--warning:hover{background:#ebb563;border-color:#ebb563;color:#fff}.el-button--warning.is-active,.el-button--warning:active{background:#cf9236;border-color:#cf9236;color:#fff}.el-button--warning:active{outline:0}.el-button--warning.is-disabled,.el-button--warning.is-disabled:active,.el-button--warning.is-disabled:focus,.el-button--warning.is-disabled:hover{color:#fff;background-color:#f3d19e;border-color:#f3d19e}.el-button--warning.is-plain{color:#e6a23c;background:#fdf6ec;border-color:#f5dab1}.el-button--warning.is-plain:focus,.el-button--warning.is-plain:hover{background:#e6a23c;border-color:#e6a23c;color:#fff}.el-button--warning.is-plain:active{background:#cf9236;border-color:#cf9236;color:#fff;outline:0}.el-button--warning.is-plain.is-disabled,.el-button--warning.is-plain.is-disabled:active,.el-button--warning.is-plain.is-disabled:focus,.el-button--warning.is-plain.is-disabled:hover{color:#f0c78a;background-color:#fdf6ec;border-color:#faecd8}.el-button--danger{color:#fff;background-color:#f56c6c;border-color:#f56c6c}.el-button--danger:focus,.el-button--danger:hover{background:#f78989;border-color:#f78989;color:#fff}.el-button--danger.is-active,.el-button--danger:active{background:#dd6161;border-color:#dd6161;color:#fff}.el-button--danger:active{outline:0}.el-button--danger.is-disabled,.el-button--danger.is-disabled:active,.el-button--danger.is-disabled:focus,.el-button--danger.is-disabled:hover{color:#fff;background-color:#fab6b6;border-color:#fab6b6}.el-button--danger.is-plain{color:#f56c6c;background:#fef0f0;border-color:#fbc4c4}.el-button--danger.is-plain:focus,.el-button--danger.is-plain:hover{background:#f56c6c;border-color:#f56c6c;color:#fff}.el-button--danger.is-plain:active{background:#dd6161;border-color:#dd6161;color:#fff;outline:0}.el-button--danger.is-plain.is-disabled,.el-button--danger.is-plain.is-disabled:active,.el-button--danger.is-plain.is-disabled:focus,.el-button--danger.is-plain.is-disabled:hover{color:#f9a7a7;background-color:#fef0f0;border-color:#fde2e2}.el-button--info{color:#fff;background-color:#909399;border-color:#909399}.el-button--info:focus,.el-button--info:hover{background:#a6a9ad;border-color:#a6a9ad;color:#fff}.el-button--info.is-active,.el-button--info:active{background:#82848a;border-color:#82848a;color:#fff}.el-button--info:active{outline:0}.el-button--info.is-disabled,.el-button--info.is-disabled:active,.el-button--info.is-disabled:focus,.el-button--info.is-disabled:hover{color:#fff;background-color:#c8c9cc;border-color:#c8c9cc}.el-button--info.is-plain{color:#909399;background:#f4f4f5;border-color:#d3d4d6}.el-button--info.is-plain:focus,.el-button--info.is-plain:hover{background:#909399;border-color:#909399;color:#fff}.el-button--info.is-plain:active{background:#82848a;border-color:#82848a;color:#fff;outline:0}.el-button--info.is-plain.is-disabled,.el-button--info.is-plain.is-disabled:active,.el-button--info.is-plain.is-disabled:focus,.el-button--info.is-plain.is-disabled:hover{color:#bcbec2;background-color:#f4f4f5;border-color:#e9e9eb}.el-button--text,.el-button--text.is-disabled,.el-button--text.is-disabled:focus,.el-button--text.is-disabled:hover,.el-button--text:active{border-color:transparent}.el-button--medium{padding:10px 20px;font-size:14px;border-radius:4px}.el-button--mini,.el-button--small{font-size:12px;border-radius:3px}.el-button--medium.is-round{padding:10px 20px}.el-button--medium.is-circle{padding:10px}.el-button--small,.el-button--small.is-round{padding:9px 15px}.el-button--small.is-circle{padding:9px}.el-button--mini,.el-button--mini.is-round{padding:7px 15px}.el-button--mini.is-circle{padding:7px}.el-button--text{color:#324057;background:0 0;padding-left:0;padding-right:0}.el-button--text:focus,.el-button--text:hover{color:rgb(91, 102, 121);border-color:transparent;background-color:transparent}.el-button--text:active{color:rgb(45, 58, 78);background-color:transparent}.el-button-group{display:inline-block;vertical-align:middle}.el-button-group::after,.el-button-group::before{display:table;content:""}.el-button-group::after{clear:both}.el-button-group>.el-button{float:left;position:relative}.el-button-group>.el-button+.el-button{margin-left:0}.el-button-group>.el-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.el-button-group>.el-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.el-button-group>.el-button:first-child:last-child{border-radius:4px}.el-button-group>.el-button:first-child:last-child.is-round{border-radius:20px}.el-button-group>.el-button:first-child:last-child.is-circle{border-radius:50%}.el-button-group>.el-button:not(:first-child):not(:last-child){border-radius:0}.el-button-group>.el-button:not(:last-child){margin-right:-1px}.el-button-group>.el-dropdown>.el-button{border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-textarea{display:inline-block;width:100%;vertical-align:bottom;font-size:14px}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:inherit;color:#606266;background-color:#fff;background-image:none;border:1px solid #dcdfe6;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea__inner:-ms-input-placeholder{color:#c0c4cc}.el-textarea__inner::placeholder{color:#c0c4cc}.el-textarea__inner:hover{border-color:#c0c4cc}.el-textarea__inner:focus{outline:0;border-color:#324057}.el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#c0c4cc}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:#c0c4cc;font-size:14px;line-height:16px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-input .el-input__clear:hover{color:#909399}.el-input__inner{background-color:#fff;background-image:none;border-radius:4px;border:1px solid #dcdfe6;-webkit-box-sizing:border-box;box-sizing:border-box;color:#606266;display:inline-block;font-size:inherit;height:40px;line-height:40px;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__prefix,.el-input__suffix{position:absolute;-webkit-transition:all .3s;text-align:center;height:100%;color:#c0c4cc;top:0}.el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input__inner:-ms-input-placeholder{color:#c0c4cc}.el-input__inner::placeholder{color:#c0c4cc}.el-input__inner:hover{border-color:#c0c4cc}.el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:#324057;outline:0}.el-input__suffix{right:5px;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{left:5px;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner::placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px;line-height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px;line-height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px;line-height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate;border-spacing:0}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#f5f7fa;color:#909399;vertical-align:middle;display:table-cell;position:relative;border:1px solid #dcdfe6;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-10px -20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-input-group--append .el-select .el-input.is-focus .el-input__inner,.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner{border-color:transparent}.el-input__inner::-ms-clear{display:none;width:0;height:0}.el-message-box{display:inline-block;width:420px;padding-bottom:10px;vertical-align:middle;background-color:#fff;border-radius:4px;border:1px solid #ebeef5;font-size:18px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);text-align:left;-webkit-backface-visibility:hidden;backface-visibility:hidden}.el-message-box__wrapper{position:fixed;top:0;bottom:0;left:0;right:0;text-align:center}.el-message-box__wrapper::after{content:"";display:inline-block;height:100%;width:0;vertical-align:middle}.el-message-box__header{position:relative;padding:15px 15px 10px}.el-message-box__title{padding-left:0;margin-bottom:0;font-size:18px;line-height:1;color:#303133}.el-message-box__headerbtn{position:absolute;top:15px;right:15px;padding:0;border:none;outline:0;background:0 0;font-size:16px;cursor:pointer}.el-message-box__headerbtn .el-message-box__close{color:#909399}.el-message-box__headerbtn:focus .el-message-box__close,.el-message-box__headerbtn:hover .el-message-box__close{color:#324057}.el-message-box__content{position:relative;padding:10px 15px;color:#606266;font-size:14px}.el-message-box__input{padding-top:15px}.el-message-box__input input.invalid,.el-message-box__input input.invalid:focus{border-color:#f56c6c}.el-message-box__status{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:24px!important}.el-message-box__status::before{padding-left:1px}.el-message-box__status+.el-message-box__message{padding-left:36px;padding-right:12px}.el-message-box__status.el-icon-success{color:#67c23a}.el-message-box__status.el-icon-info{color:#909399}.el-message-box__status.el-icon-warning{color:#e6a23c}.el-message-box__status.el-icon-error{color:#f56c6c}.el-message-box__message{margin:0}.el-message-box__message p{margin:0;line-height:24px}.el-message-box__errormsg{color:#f56c6c;font-size:12px;min-height:18px;margin-top:2px}.el-message-box__btns{padding:5px 15px 0;text-align:right}.el-message-box__btns button:nth-child(2){margin-left:10px}.el-message-box__btns-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.el-message-box--center{padding-bottom:30px}.el-message-box--center .el-message-box__header{padding-top:30px}.el-message-box--center .el-message-box__title{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-message-box--center .el-message-box__status{position:relative;top:auto;padding-right:5px;text-align:center;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.el-message-box--center .el-message-box__message{margin-left:0}.el-message-box--center .el-message-box__btns,.el-message-box--center .el-message-box__content{text-align:center}.el-message-box--center .el-message-box__content{padding-left:27px;padding-right:27px}.msgbox-fade-enter-active{-webkit-animation:msgbox-fade-in .3s;animation:msgbox-fade-in .3s}.msgbox-fade-leave-active{-webkit-animation:msgbox-fade-out .3s;animation:msgbox-fade-out .3s}@-webkit-keyframes msgbox-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes msgbox-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes msgbox-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes msgbox-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/message.css
0 → 100755
1 | .el-message__closeBtn:focus,.el-message__content:focus{outline-width:0}.el-message{min-width:380px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;border-width:1px;border-style:solid;border-color:#ebeef5;position:fixed;left:50%;top:20px;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:#edf2fc;-webkit-transition:opacity .3s,-webkit-transform .4s;transition:opacity .3s,-webkit-transform .4s;transition:opacity .3s,transform .4s;transition:opacity .3s,transform .4s,-webkit-transform .4s;overflow:hidden;padding:15px 15px 15px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-message.is-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-message.is-closable .el-message__content{padding-right:16px}.el-message p{margin:0}.el-message--info .el-message__content{color:#909399}.el-message--success{background-color:#f0f9eb;border-color:#e1f3d8}.el-message--success .el-message__content{color:#67c23a}.el-message--warning{background-color:#fdf6ec;border-color:#faecd8}.el-message--warning .el-message__content{color:#e6a23c}.el-message--error{background-color:#fef0f0;border-color:#fde2e2}.el-message--error .el-message__content{color:#f56c6c}.el-message__icon{margin-right:10px}.el-message__content{padding:0;font-size:14px;line-height:1}.el-message__closeBtn{position:absolute;top:50%;right:15px;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;color:#c0c4cc;font-size:16px}.el-message__closeBtn:hover{color:#909399}.el-message .el-icon-success{color:#67c23a}.el-message .el-icon-error{color:#f56c6c}.el-message .el-icon-info{color:#909399}.el-message .el-icon-warning{color:#e6a23c}.el-message-fade-enter,.el-message-fade-leave-active{opacity:0;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/notification.css
0 → 100755
1 | .el-notification{display:-webkit-box;display:-ms-flexbox;display:flex;width:330px;padding:14px 26px 14px 13px;border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ebeef5;position:fixed;background-color:#fff;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-transition:opacity .3s,left .3s,right .3s,top .4s,bottom .3s,-webkit-transform .3s;transition:opacity .3s,left .3s,right .3s,top .4s,bottom .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s,left .3s,right .3s,top .4s,bottom .3s;transition:opacity .3s,transform .3s,left .3s,right .3s,top .4s,bottom .3s,-webkit-transform .3s;overflow:hidden}.el-notification.right{right:16px}.el-notification.left{left:16px}.el-notification__group{margin-left:13px}.el-notification__title{font-weight:700;font-size:16px;color:#303133;margin:0}.el-notification__content{font-size:14px;line-height:21px;margin:6px 0 0;color:#606266;text-align:justify}.el-notification__content p{margin:0}.el-notification__icon{height:24px;width:24px;font-size:24px}.el-notification__closeBtn{position:absolute;top:18px;right:15px;cursor:pointer;color:#909399;font-size:16px}.el-notification__closeBtn:hover{color:#606266}.el-notification .el-icon-success{color:#67c23a}.el-notification .el-icon-error{color:#f56c6c}.el-notification .el-icon-info{color:#909399}.el-notification .el-icon-warning{color:#e6a23c}.el-notification-fade-enter.right{right:0;-webkit-transform:translateX(100%);transform:translateX(100%)}.el-notification-fade-enter.left{left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.el-notification-fade-leave-active{opacity:0} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/option-group.css
0 → 100755
1 | .el-select-group{margin:0;padding:0}.el-select-group__wrap{position:relative;list-style:none;margin:0;padding:0}.el-select-group__wrap:not(:last-of-type){padding-bottom:24px}.el-select-group__wrap:not(:last-of-type)::after{content:'';position:absolute;display:block;left:20px;right:20px;bottom:12px;height:1px;background:#e4e7ed}.el-select-group__title{padding-left:20px;font-size:12px;color:#909399;line-height:30px}.el-select-group .el-select-dropdown__item{padding-left:20px} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/option.css
0 → 100755
1 | .el-select-dropdown__item{font-size:14px;padding:0 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#606266;height:34px;line-height:34px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.el-select-dropdown__item.is-disabled{color:#c0c4cc;cursor:not-allowed}.el-select-dropdown__item.is-disabled:hover{background-color:#fff}.el-select-dropdown__item.hover,.el-select-dropdown__item:hover{background-color:#f5f7fa}.el-select-dropdown__item.selected{color:#324057;font-weight:700} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/pagination.css
0 → 100755
1 | .el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#ebeef5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#ebeef5}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#ebeef5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#ebeef5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.el-select-dropdown{position:absolute;z-index:1001;border:1px solid #e4e7ed;border-radius:4px;background-color:#fff;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;margin:5px 0}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{color:#324057;background-color:#fff}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover{background-color:#f5f7fa}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after{position:absolute;right:20px;font-family:element-icons;content:"\E611";font-size:12px;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list{padding:0}.el-select-dropdown__empty{padding:10px 0;margin:0;text-align:center;color:#999;font-size:14px}.el-select-dropdown__wrap{max-height:274px}.el-select-dropdown__list{list-style:none;padding:6px 0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-textarea{display:inline-block;width:100%;vertical-align:bottom;font-size:14px}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:inherit;color:#606266;background-color:#fff;background-image:none;border:1px solid #dcdfe6;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-input__inner,.el-tag{-webkit-box-sizing:border-box}.el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea__inner:-ms-input-placeholder{color:#c0c4cc}.el-textarea__inner::placeholder{color:#c0c4cc}.el-textarea__inner:hover{border-color:#c0c4cc}.el-textarea__inner:focus{outline:0;border-color:#324057}.el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#c0c4cc}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:#c0c4cc;font-size:14px;line-height:16px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-input .el-input__clear:hover{color:#909399}.el-input__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #dcdfe6;box-sizing:border-box;color:#606266;display:inline-block;font-size:inherit;height:40px;line-height:40px;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__prefix,.el-input__suffix{position:absolute;top:0;-webkit-transition:all .3s;height:100%;color:#c0c4cc;text-align:center}.el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input__inner:-ms-input-placeholder{color:#c0c4cc}.el-input__inner::placeholder{color:#c0c4cc}.el-input__inner:hover{border-color:#c0c4cc}.el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:#324057;outline:0}.el-input__suffix{right:5px;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{left:5px;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner::placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px;line-height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px;line-height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px;line-height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate;border-spacing:0}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#f5f7fa;color:#909399;vertical-align:middle;display:table-cell;position:relative;border:1px solid #dcdfe6;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-10px -20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-input-group--append .el-select .el-input.is-focus .el-input__inner,.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner{border-color:transparent}.el-input__inner::-ms-clear{display:none;width:0;height:0}.el-tag{background-color:rgba(64,158,255,.1);display:inline-block;padding:0 10px;height:32px;line-height:30px;font-size:12px;color:#324057;border-radius:4px;box-sizing:border-box;border:1px solid rgba(64,158,255,.2);white-space:nowrap}.el-tag .el-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;height:16px;width:16px;line-height:16px;vertical-align:middle;top:-1px;right:-5px;color:#324057}.el-tag .el-icon-close::before{display:block}.el-tag .el-icon-close:hover{background-color:#324057;color:#fff}.el-tag--info,.el-tag--info .el-tag__close{color:#909399}.el-tag--info{background-color:rgba(144,147,153,.1);border-color:rgba(144,147,153,.2)}.el-tag--info.is-hit{border-color:#909399}.el-tag--info .el-tag__close:hover{background-color:#909399;color:#fff}.el-tag--success{background-color:rgba(103,194,58,.1);border-color:rgba(103,194,58,.2);color:#67c23a}.el-tag--success.is-hit{border-color:#67c23a}.el-tag--success .el-tag__close{color:#67c23a}.el-tag--success .el-tag__close:hover{background-color:#67c23a;color:#fff}.el-tag--warning{background-color:rgba(230,162,60,.1);border-color:rgba(230,162,60,.2);color:#e6a23c}.el-tag--warning.is-hit{border-color:#e6a23c}.el-tag--warning .el-tag__close{color:#e6a23c}.el-tag--warning .el-tag__close:hover{background-color:#e6a23c;color:#fff}.el-tag--danger{background-color:rgba(245,108,108,.1);border-color:rgba(245,108,108,.2);color:#f56c6c}.el-tag--danger.is-hit{border-color:#f56c6c}.el-tag--danger .el-tag__close{color:#f56c6c}.el-tag--danger .el-tag__close:hover{background-color:#f56c6c;color:#fff}.el-tag--medium{height:28px;line-height:26px}.el-tag--medium .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--small{height:24px;padding:0 8px;line-height:22px}.el-tag--small .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--mini{height:20px;padding:0 5px;line-height:19px}.el-tag--mini .el-icon-close{margin-left:-3px;-webkit-transform:scale(.7);transform:scale(.7)}.el-select-dropdown__item{font-size:14px;padding:0 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#606266;height:34px;line-height:34px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.el-select-dropdown__item.is-disabled{color:#c0c4cc;cursor:not-allowed}.el-select-dropdown__item.is-disabled:hover{background-color:#fff}.el-select-dropdown__item.hover,.el-select-dropdown__item:hover{background-color:#f5f7fa}.el-select-dropdown__item.selected{color:#324057;font-weight:700}.el-select-group{margin:0;padding:0}.el-select-group__wrap{position:relative;list-style:none;margin:0;padding:0}.el-select-group__wrap:not(:last-of-type){padding-bottom:24px}.el-select-group__wrap:not(:last-of-type)::after{content:'';position:absolute;display:block;left:20px;right:20px;bottom:12px;height:1px;background:#e4e7ed}.el-select-group__title{padding-left:20px;font-size:12px;color:#909399;line-height:30px}.el-select-group .el-select-dropdown__item{padding-left:20px}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active>.el-scrollbar__bar,.el-scrollbar:focus>.el-scrollbar__bar,.el-scrollbar:hover>.el-scrollbar__bar{opacity:1;-webkit-transition:opacity 340ms ease-out;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll;height:100%}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(144,147,153,.3);-webkit-transition:.3s background-color;transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(144,147,153,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity 120ms ease-out;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-select{display:inline-block;position:relative}.el-select .el-select__tags>span{display:contents}.el-select:hover .el-input__inner{border-color:#c0c4cc}.el-select .el-input__inner{cursor:pointer;padding-right:35px}.el-select .el-input__inner:focus{border-color:#324057}.el-select .el-input .el-select__caret{color:#c0c4cc;font-size:14px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg);cursor:pointer}.el-select .el-input .el-select__caret.is-reverse{-webkit-transform:rotateZ(0);transform:rotateZ(0)}.el-select .el-input .el-select__caret.is-show-close{font-size:14px;text-align:center;-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg);border-radius:100%;color:#c0c4cc;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-select .el-input .el-select__caret.is-show-close:hover{color:#909399}.el-select .el-input.is-disabled .el-input__inner{cursor:not-allowed}.el-select .el-input.is-disabled .el-input__inner:hover{border-color:#e4e7ed}.el-select .el-input.is-focus .el-input__inner{border-color:#324057}.el-select>.el-input{display:block}.el-select__input{border:none;outline:0;padding:0;margin-left:15px;color:#666;font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:28px;background-color:transparent}.el-select__input.is-mini{height:14px}.el-select__close{cursor:pointer;position:absolute;top:8px;z-index:1000;right:25px;color:#c0c4cc;line-height:18px;font-size:14px}.el-select__close:hover{color:#909399}.el-select__tags{position:absolute;line-height:normal;white-space:normal;z-index:1;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.el-select .el-tag__close{margin-top:-2px}.el-select .el-tag{-webkit-box-sizing:border-box;box-sizing:border-box;border-color:transparent;margin:2px 0 2px 6px;background-color:#f0f2f5}.el-select .el-tag__close.el-icon-close{background-color:#c0c4cc;right:-7px;top:0;color:#fff}.el-select .el-tag__close.el-icon-close:hover{background-color:#909399}.el-select .el-tag__close.el-icon-close::before{display:block;-webkit-transform:translate(0,.5px);transform:translate(0,.5px)}.el-pagination{white-space:nowrap;padding:2px 5px;color:#303133;font-weight:700}.el-pagination::after,.el-pagination::before{display:table;content:""}.el-pagination::after{clear:both}.el-pagination button,.el-pagination span:not([class*=suffix]){display:inline-block;font-size:13px;min-width:35.5px;height:28px;line-height:28px;vertical-align:top;-webkit-box-sizing:border-box;box-sizing:border-box}.el-pagination .el-input__inner{text-align:center;-moz-appearance:textfield;line-height:normal}.el-pagination .el-input__suffix{right:0;-webkit-transform:scale(.8);transform:scale(.8)}.el-pagination .el-select .el-input{width:100px;margin:0 5px}.el-pagination .el-select .el-input .el-input__inner{padding-right:25px;border-radius:3px}.el-pagination button{border:none;padding:0 6px;background:0 0}.el-pagination button:focus{outline:0}.el-pagination button:hover{color:#324057}.el-pagination button:disabled{color:#c0c4cc;background-color:#fff;cursor:not-allowed}.el-pagination .btn-next,.el-pagination .btn-prev{background:center center no-repeat #fff;background-size:16px;cursor:pointer;margin:0;color:#303133}.el-pagination .btn-next .el-icon,.el-pagination .btn-prev .el-icon{display:block;font-size:12px;font-weight:700}.el-pagination .btn-prev{padding-right:12px}.el-pagination .btn-next{padding-left:12px}.el-pagination .el-pager li.disabled{color:#c0c4cc;cursor:not-allowed}.el-pager li,.el-pager li.btn-quicknext:hover,.el-pager li.btn-quickprev:hover{cursor:pointer}.el-pagination--small .btn-next,.el-pagination--small .btn-prev,.el-pagination--small .el-pager li,.el-pagination--small .el-pager li.btn-quicknext,.el-pagination--small .el-pager li.btn-quickprev,.el-pagination--small .el-pager li:last-child{border-color:transparent;font-size:12px;line-height:22px;height:22px;min-width:22px}.el-pagination--small .arrow.disabled{visibility:hidden}.el-pagination--small .more::before,.el-pagination--small li.more::before{line-height:24px}.el-pagination--small button,.el-pagination--small span:not([class*=suffix]){height:22px;line-height:22px}.el-pagination--small .el-pagination__editor,.el-pagination--small .el-pagination__editor.el-input .el-input__inner{height:22px}.el-pagination__sizes{margin:0 10px 0 0;font-weight:400;color:#606266}.el-pagination__sizes .el-input .el-input__inner{font-size:13px;padding-left:8px}.el-pagination__sizes .el-input .el-input__inner:hover{border-color:#324057}.el-pagination__total{margin-right:10px;font-weight:400;color:#606266}.el-pagination__jump{margin-left:24px;font-weight:400;color:#606266}.el-pagination__jump .el-input__inner{padding:0 3px}.el-pagination__rightwrapper{float:right}.el-pagination__editor{line-height:18px;padding:0 2px;height:28px;text-align:center;margin:0 2px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:3px}.el-pager,.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev{padding:0}.el-pagination__editor.el-input{width:50px}.el-pagination__editor.el-input .el-input__inner{height:28px}.el-pagination__editor .el-input__inner::-webkit-inner-spin-button,.el-pagination__editor .el-input__inner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev,.el-pagination.is-background .el-pager li{margin:0 5px;background-color:#f4f4f5;color:#606266;min-width:30px;border-radius:2px}.el-pagination.is-background .btn-next.disabled,.el-pagination.is-background .btn-next:disabled,.el-pagination.is-background .btn-prev.disabled,.el-pagination.is-background .btn-prev:disabled,.el-pagination.is-background .el-pager li.disabled{color:#c0c4cc}.el-pagination.is-background .el-pager li:not(.disabled):hover{color:#324057}.el-pagination.is-background .el-pager li:not(.disabled).active{background-color:#324057;color:#fff}.el-pagination.is-background.el-pagination--small .btn-next,.el-pagination.is-background.el-pagination--small .btn-prev,.el-pagination.is-background.el-pagination--small .el-pager li{margin:0 3px;min-width:22px}.el-pager,.el-pager li{vertical-align:top;display:inline-block;margin:0}.el-pager{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;list-style:none;font-size:0}.el-pager .more::before{line-height:30px}.el-pager li{padding:0 4px;background:#fff;font-size:13px;min-width:35.5px;height:28px;line-height:28px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center}.el-pager li.btn-quicknext,.el-pager li.btn-quickprev{line-height:28px;color:#303133}.el-pager li.btn-quicknext.disabled,.el-pager li.btn-quickprev.disabled{color:#c0c4cc}.el-pager li.active+li{border-left:0}.el-pager li:hover{color:#324057}.el-pager li.active{color:#324057;cursor:default} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/popover.css
0 → 100755
1 | .el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#ebeef5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#ebeef5}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#ebeef5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#ebeef5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.el-popover{position:absolute;background:#fff;min-width:150px;border-radius:4px;border:1px solid #ebeef5;padding:12px;z-index:2000;color:#606266;line-height:1.4;text-align:justify;font-size:14px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-popover--plain{padding:18px 20px}.el-popover__title{color:#303133;font-size:16px;line-height:1;margin-bottom:12px}.el-popover:focus,.el-popover:focus:active,.el-popover__reference:focus:hover,.el-popover__reference:focus:not(.focusing){outline-width:0} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/popper.css
0 → 100755
1 | .el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#ebeef5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#ebeef5}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#ebeef5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#ebeef5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/progress.css
0 → 100755
1 | .el-progress{position:relative;line-height:1}.el-progress__text{font-size:14px;color:#606266;display:inline-block;vertical-align:middle;margin-left:10px;line-height:1}.el-progress__text i{vertical-align:middle;display:block}.el-progress--circle{display:inline-block}.el-progress--circle .el-progress__text{position:absolute;top:50%;left:0;width:100%;text-align:center;margin:0;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}.el-progress--circle .el-progress__text i{vertical-align:middle;display:inline-block}.el-progress--without-text .el-progress__text{display:none}.el-progress--without-text .el-progress-bar{padding-right:0;margin-right:0;display:block}.el-progress-bar,.el-progress-bar__inner::after,.el-progress-bar__innerText{display:inline-block;vertical-align:middle}.el-progress--text-inside .el-progress-bar{padding-right:0;margin-right:0}.el-progress.is-success .el-progress-bar__inner{background-color:#67c23a}.el-progress.is-success .el-progress__text{color:#67c23a}.el-progress.is-exception .el-progress-bar__inner{background-color:#f56c6c}.el-progress.is-exception .el-progress__text{color:#f56c6c}.el-progress-bar{padding-right:50px;width:100%;margin-right:-55px;-webkit-box-sizing:border-box;box-sizing:border-box}.el-progress-bar__outer{height:6px;border-radius:100px;background-color:#ebeef5;overflow:hidden;position:relative;vertical-align:middle}.el-progress-bar__inner{position:absolute;left:0;top:0;height:100%;background-color:#324057;text-align:right;border-radius:100px;line-height:1;white-space:nowrap;-webkit-transition:width .6s ease;transition:width .6s ease}.el-progress-bar__inner::after{content:"";height:100%}.el-progress-bar__innerText{color:#fff;font-size:12px;margin:0 5px}@-webkit-keyframes progress{0%{background-position:0 0}100%{background-position:32px 0}}@keyframes progress{0%{background-position:0 0}100%{background-position:32px 0}} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/radio-button.css
0 → 100755
1 | @charset "UTF-8";.el-radio-button,.el-radio-button__inner{display:inline-block;position:relative;outline:0}.el-radio-button__inner{line-height:1;white-space:nowrap;vertical-align:middle;background:#fff;border:1px solid #dcdfe6;font-weight:500;border-left:0;color:#606266;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;cursor:pointer;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);padding:12px 20px;font-size:14px;border-radius:0}.el-radio-button__inner.is-round{padding:12px 20px}.el-radio-button__inner:hover{color:#324057}.el-radio-button__inner [class*=el-icon-]{line-height:.9}.el-radio-button__inner [class*=el-icon-]+span{margin-left:5px}.el-radio-button:first-child .el-radio-button__inner{border-left:1px solid #dcdfe6;border-radius:4px 0 0 4px;-webkit-box-shadow:none!important;box-shadow:none!important}.el-radio-button__orig-radio{opacity:0;outline:0;position:absolute;z-index:-1}.el-radio-button__orig-radio:checked+.el-radio-button__inner{color:#fff;background-color:#324057;border-color:#324057;-webkit-box-shadow:-1px 0 0 0 #324057;box-shadow:-1px 0 0 0 #324057}.el-radio-button__orig-radio:disabled+.el-radio-button__inner{color:#c0c4cc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#ebeef5;-webkit-box-shadow:none;box-shadow:none}.el-radio-button__orig-radio:disabled:checked+.el-radio-button__inner{background-color:#f2f6fc}.el-radio-button:last-child .el-radio-button__inner{border-radius:0 4px 4px 0}.el-radio-button:first-child:last-child .el-radio-button__inner{border-radius:4px}.el-radio-button--medium .el-radio-button__inner{padding:10px 20px;font-size:14px;border-radius:0}.el-radio-button--medium .el-radio-button__inner.is-round{padding:10px 20px}.el-radio-button--small .el-radio-button__inner{padding:9px 15px;font-size:12px;border-radius:0}.el-radio-button--small .el-radio-button__inner.is-round{padding:9px 15px}.el-radio-button--mini .el-radio-button__inner{padding:7px 15px;font-size:12px;border-radius:0}.el-radio-button--mini .el-radio-button__inner.is-round{padding:7px 15px}.el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled){-webkit-box-shadow:0 0 2px 2px #324057;box-shadow:0 0 2px 2px #324057} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/radio-group.css
0 → 100755
1 | .el-radio-group{display:inline-block;line-height:1;vertical-align:middle;font-size:0} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/radio.css
0 → 100755
1 | @charset "UTF-8";.el-radio,.el-radio--medium.is-bordered .el-radio__label{font-size:14px}.el-radio,.el-radio__input{white-space:nowrap;line-height:1;outline:0}.el-radio,.el-radio__inner,.el-radio__input{position:relative;display:inline-block}.el-radio{color:#606266;font-weight:500;cursor:pointer;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.el-radio.is-bordered{padding:12px 20px 0 10px;border-radius:4px;border:1px solid #dcdfe6;-webkit-box-sizing:border-box;box-sizing:border-box;height:40px}.el-radio.is-bordered.is-checked{border-color:#324057}.el-radio.is-bordered.is-disabled{cursor:not-allowed;border-color:#ebeef5}.el-radio__input.is-disabled .el-radio__inner,.el-radio__input.is-disabled.is-checked .el-radio__inner{background-color:#f5f7fa;border-color:#e4e7ed}.el-radio.is-bordered+.el-radio.is-bordered{margin-left:10px}.el-radio--medium.is-bordered{padding:10px 20px 0 10px;border-radius:4px;height:36px}.el-radio--mini.is-bordered .el-radio__label,.el-radio--small.is-bordered .el-radio__label{font-size:12px}.el-radio--medium.is-bordered .el-radio__inner{height:14px;width:14px}.el-radio--small.is-bordered{padding:8px 15px 0 10px;border-radius:3px;height:32px}.el-radio--small.is-bordered .el-radio__inner{height:12px;width:12px}.el-radio--mini.is-bordered{padding:6px 15px 0 10px;border-radius:3px;height:28px}.el-radio--mini.is-bordered .el-radio__inner{height:12px;width:12px}.el-radio+.el-radio{margin-left:30px}.el-radio__input{cursor:pointer;vertical-align:middle}.el-radio__input.is-disabled .el-radio__inner{cursor:not-allowed}.el-radio__input.is-disabled .el-radio__inner::after{cursor:not-allowed;background-color:#f5f7fa}.el-radio__input.is-disabled .el-radio__inner+.el-radio__label{cursor:not-allowed}.el-radio__input.is-disabled.is-checked .el-radio__inner::after{background-color:#c0c4cc}.el-radio__input.is-disabled+span.el-radio__label{color:#c0c4cc;cursor:not-allowed}.el-radio__input.is-checked .el-radio__inner{border-color:#324057;background:#324057}.el-radio__input.is-checked .el-radio__inner::after{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.el-radio__input.is-checked+.el-radio__label{color:#324057}.el-radio__input.is-focus .el-radio__inner{border-color:#324057}.el-radio__inner{border:1px solid #dcdfe6;border-radius:100%;width:14px;height:14px;background-color:#fff;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box}.el-radio__inner:hover{border-color:#324057}.el-radio__inner::after{width:4px;height:4px;border-radius:100%;background-color:#fff;content:"";position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);-webkit-transition:-webkit-transform .15s ease-in;transition:-webkit-transform .15s ease-in;transition:transform .15s ease-in;transition:transform .15s ease-in,-webkit-transform .15s ease-in}.el-radio__original{opacity:0;outline:0;position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;margin:0}.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner{-webkit-box-shadow:0 0 2px 2px #324057;box-shadow:0 0 2px 2px #324057}.el-radio__label{font-size:14px;padding-left:10px} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/rate.css
0 → 100755
1 | .el-rate__icon,.el-rate__item{position:relative;display:inline-block}.el-rate{height:20px;line-height:1}.el-rate:active,.el-rate:focus{outline-width:0}.el-rate__item{font-size:0;vertical-align:middle}.el-rate__icon{font-size:18px;margin-right:6px;color:#c0c4cc;-webkit-transition:.3s;transition:.3s}.el-rate__decimal,.el-rate__icon .path2{position:absolute;top:0;left:0}.el-rate__icon.hover{-webkit-transform:scale(1.15);transform:scale(1.15)}.el-rate__decimal{display:inline-block;overflow:hidden}.el-rate__text{font-size:14px;vertical-align:middle} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/reset.css
0 → 100755
1 | @charset "UTF-8";body{font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;font-weight:400;font-size:14px;color:#000;-webkit-font-smoothing:antialiased}a{color:#324057;text-decoration:none}a:focus,a:hover{color:rgb(91, 102, 121)}a:active{color:rgb(45, 58, 78)}h1,h2,h3,h4,h5,h6{color:#606266;font-weight:inherit}h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child,p:first-child{margin-top:0}h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child,p:last-child{margin-bottom:0}h1{font-size:20px}h2{font-size:18px}h3{font-size:16px}h4,h5,h6,p{font-size:inherit}p{line-height:1.8}sub,sup{font-size:13px}small{font-size:12px}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/row.css
0 → 100755
1 | .el-row{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}.el-row::after,.el-row::before{display:table;content:""}.el-row::after{clear:both}.el-row--flex{display:-webkit-box;display:-ms-flexbox;display:flex}.el-row--flex:after,.el-row--flex:before{display:none}.el-row--flex.is-justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-row--flex.is-justify-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.el-row--flex.is-justify-space-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.el-row--flex.is-justify-space-around{-ms-flex-pack:distribute;justify-content:space-around}.el-row--flex.is-align-middle{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-row--flex.is-align-bottom{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/scrollbar.css
0 → 100755
1 | .el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active>.el-scrollbar__bar,.el-scrollbar:focus>.el-scrollbar__bar,.el-scrollbar:hover>.el-scrollbar__bar{opacity:1;-webkit-transition:opacity 340ms ease-out;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll;height:100%}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(144,147,153,.3);-webkit-transition:.3s background-color;transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(144,147,153,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity 120ms ease-out;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
1 | .el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#ebeef5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#ebeef5}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#ebeef5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#ebeef5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.el-select-dropdown{position:absolute;z-index:1001;border:1px solid #e4e7ed;border-radius:4px;background-color:#fff;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;margin:5px 0}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{color:#324057;background-color:#fff}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover{background-color:#f5f7fa}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after{position:absolute;right:20px;font-family:element-icons;content:"\E611";font-size:12px;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list{padding:0}.el-select-dropdown__empty{padding:10px 0;margin:0;text-align:center;color:#999;font-size:14px}.el-select-dropdown__wrap{max-height:274px}.el-select-dropdown__list{list-style:none;padding:6px 0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/select.css
0 → 100755
1 | .el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#ebeef5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#ebeef5}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#ebeef5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#ebeef5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.el-select-dropdown{position:absolute;z-index:1001;border:1px solid #e4e7ed;border-radius:4px;background-color:#fff;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;margin:5px 0}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{color:#324057;background-color:#fff}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover{background-color:#f5f7fa}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after{position:absolute;right:20px;font-family:element-icons;content:"\E611";font-size:12px;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list{padding:0}.el-select-dropdown__empty{padding:10px 0;margin:0;text-align:center;color:#999;font-size:14px}.el-select-dropdown__wrap{max-height:274px}.el-select-dropdown__list{list-style:none;padding:6px 0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-textarea{display:inline-block;width:100%;vertical-align:bottom;font-size:14px}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:inherit;color:#606266;background-color:#fff;background-image:none;border:1px solid #dcdfe6;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea__inner:-ms-input-placeholder{color:#c0c4cc}.el-textarea__inner::placeholder{color:#c0c4cc}.el-textarea__inner:hover{border-color:#c0c4cc}.el-textarea__inner:focus{outline:0;border-color:#324057}.el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#c0c4cc}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:#c0c4cc;font-size:14px;line-height:16px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-input .el-input__clear:hover{color:#909399}.el-input__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #dcdfe6;-webkit-box-sizing:border-box;box-sizing:border-box;color:#606266;display:inline-block;font-size:inherit;height:40px;line-height:40px;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-select-dropdown__item,.el-tag{white-space:nowrap;-webkit-box-sizing:border-box}.el-input__prefix,.el-input__suffix{position:absolute;top:0;-webkit-transition:all .3s;height:100%;color:#c0c4cc;text-align:center}.el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input__inner:-ms-input-placeholder{color:#c0c4cc}.el-input__inner::placeholder{color:#c0c4cc}.el-input__inner:hover{border-color:#c0c4cc}.el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:#324057;outline:0}.el-input__suffix{right:5px;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{left:5px;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner::placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px;line-height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px;line-height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px;line-height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate;border-spacing:0}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#f5f7fa;color:#909399;vertical-align:middle;display:table-cell;position:relative;border:1px solid #dcdfe6;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-10px -20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-input-group--append .el-select .el-input.is-focus .el-input__inner,.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner{border-color:transparent}.el-input__inner::-ms-clear{display:none;width:0;height:0}.el-tag{background-color:rgba(64,158,255,.1);display:inline-block;padding:0 10px;height:32px;line-height:30px;font-size:12px;color:#324057;border-radius:4px;box-sizing:border-box;border:1px solid rgba(64,158,255,.2)}.el-tag .el-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;height:16px;width:16px;line-height:16px;vertical-align:middle;top:-1px;right:-5px;color:#324057}.el-tag .el-icon-close::before{display:block}.el-tag .el-icon-close:hover{background-color:#324057;color:#fff}.el-tag--info,.el-tag--info .el-tag__close{color:#909399}.el-tag--info{background-color:rgba(144,147,153,.1);border-color:rgba(144,147,153,.2)}.el-tag--info.is-hit{border-color:#909399}.el-tag--info .el-tag__close:hover{background-color:#909399;color:#fff}.el-tag--success{background-color:rgba(103,194,58,.1);border-color:rgba(103,194,58,.2);color:#67c23a}.el-tag--success.is-hit{border-color:#67c23a}.el-tag--success .el-tag__close{color:#67c23a}.el-tag--success .el-tag__close:hover{background-color:#67c23a;color:#fff}.el-tag--warning{background-color:rgba(230,162,60,.1);border-color:rgba(230,162,60,.2);color:#e6a23c}.el-tag--warning.is-hit{border-color:#e6a23c}.el-tag--warning .el-tag__close{color:#e6a23c}.el-tag--warning .el-tag__close:hover{background-color:#e6a23c;color:#fff}.el-tag--danger{background-color:rgba(245,108,108,.1);border-color:rgba(245,108,108,.2);color:#f56c6c}.el-tag--danger.is-hit{border-color:#f56c6c}.el-tag--danger .el-tag__close{color:#f56c6c}.el-tag--danger .el-tag__close:hover{background-color:#f56c6c;color:#fff}.el-tag--medium{height:28px;line-height:26px}.el-tag--medium .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--small{height:24px;padding:0 8px;line-height:22px}.el-tag--small .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--mini{height:20px;padding:0 5px;line-height:19px}.el-tag--mini .el-icon-close{margin-left:-3px;-webkit-transform:scale(.7);transform:scale(.7)}.el-select-dropdown__item{font-size:14px;padding:0 20px;position:relative;overflow:hidden;text-overflow:ellipsis;color:#606266;height:34px;line-height:34px;box-sizing:border-box;cursor:pointer}.el-select-dropdown__item.is-disabled{color:#c0c4cc;cursor:not-allowed}.el-select-dropdown__item.is-disabled:hover{background-color:#fff}.el-select-dropdown__item.hover,.el-select-dropdown__item:hover{background-color:#f5f7fa}.el-select-dropdown__item.selected{color:#324057;font-weight:700}.el-select-group{margin:0;padding:0}.el-select-group__wrap{position:relative;list-style:none;margin:0;padding:0}.el-select-group__wrap:not(:last-of-type){padding-bottom:24px}.el-select-group__wrap:not(:last-of-type)::after{content:'';position:absolute;display:block;left:20px;right:20px;bottom:12px;height:1px;background:#e4e7ed}.el-select-group__title{padding-left:20px;font-size:12px;color:#909399;line-height:30px}.el-select-group .el-select-dropdown__item{padding-left:20px}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active>.el-scrollbar__bar,.el-scrollbar:focus>.el-scrollbar__bar,.el-scrollbar:hover>.el-scrollbar__bar{opacity:1;-webkit-transition:opacity 340ms ease-out;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll;height:100%}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(144,147,153,.3);-webkit-transition:.3s background-color;transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(144,147,153,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity 120ms ease-out;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-select{display:inline-block;position:relative}.el-select .el-select__tags>span{display:contents}.el-select:hover .el-input__inner{border-color:#c0c4cc}.el-select .el-input__inner{cursor:pointer;padding-right:35px}.el-select .el-input__inner:focus{border-color:#324057}.el-select .el-input .el-select__caret{color:#c0c4cc;font-size:14px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg);cursor:pointer}.el-select .el-input .el-select__caret.is-reverse{-webkit-transform:rotateZ(0);transform:rotateZ(0)}.el-select .el-input .el-select__caret.is-show-close{font-size:14px;text-align:center;-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg);border-radius:100%;color:#c0c4cc;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-select .el-input .el-select__caret.is-show-close:hover{color:#909399}.el-select .el-input.is-disabled .el-input__inner{cursor:not-allowed}.el-select .el-input.is-disabled .el-input__inner:hover{border-color:#e4e7ed}.el-select .el-input.is-focus .el-input__inner{border-color:#324057}.el-select>.el-input{display:block}.el-select__input{border:none;outline:0;padding:0;margin-left:15px;color:#666;font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:28px;background-color:transparent}.el-select__input.is-mini{height:14px}.el-select__close{cursor:pointer;position:absolute;top:8px;z-index:1000;right:25px;color:#c0c4cc;line-height:18px;font-size:14px}.el-select__close:hover{color:#909399}.el-select__tags{position:absolute;line-height:normal;white-space:normal;z-index:1;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.el-select .el-tag__close{margin-top:-2px}.el-select .el-tag{-webkit-box-sizing:border-box;box-sizing:border-box;border-color:transparent;margin:2px 0 2px 6px;background-color:#f0f2f5}.el-select .el-tag__close.el-icon-close{background-color:#c0c4cc;right:-7px;top:0;color:#fff}.el-select .el-tag__close.el-icon-close:hover{background-color:#909399}.el-select .el-tag__close.el-icon-close::before{display:block;-webkit-transform:translate(0,.5px);transform:translate(0,.5px)} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/slider.css
0 → 100755
1 | .el-textarea{display:inline-block;width:100%;vertical-align:bottom;font-size:14px}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:inherit;color:#606266;background-color:#fff;background-image:none;border:1px solid #dcdfe6;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea__inner:-ms-input-placeholder{color:#c0c4cc}.el-textarea__inner::placeholder{color:#c0c4cc}.el-textarea__inner:hover{border-color:#c0c4cc}.el-textarea__inner:focus{outline:0;border-color:#324057}.el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#c0c4cc}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:#c0c4cc;font-size:14px;line-height:16px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-input .el-input__clear:hover{color:#909399}.el-input__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #dcdfe6;-webkit-box-sizing:border-box;box-sizing:border-box;color:#606266;display:inline-block;font-size:inherit;height:40px;line-height:40px;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__prefix,.el-input__suffix{position:absolute;top:0;-webkit-transition:all .3s;height:100%;color:#c0c4cc;text-align:center}.el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input__inner:-ms-input-placeholder{color:#c0c4cc}.el-input__inner::placeholder{color:#c0c4cc}.el-input__inner:hover{border-color:#c0c4cc}.el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:#324057;outline:0}.el-input__suffix{right:5px;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{left:5px;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner::placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px;line-height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px;line-height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px;line-height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate;border-spacing:0}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#f5f7fa;color:#909399;vertical-align:middle;display:table-cell;position:relative;border:1px solid #dcdfe6;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-10px -20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-input-group--append .el-select .el-input.is-focus .el-input__inner,.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner{border-color:transparent}.el-input__inner::-ms-clear{display:none;width:0;height:0}.el-input-number{position:relative;display:inline-block;width:180px;line-height:38px}.el-input-number .el-input{display:block}.el-input-number .el-input__inner{-webkit-appearance:none;padding-left:50px;padding-right:50px;text-align:center}.el-input-number__decrease,.el-input-number__increase{position:absolute;z-index:1;top:1px;width:40px;height:auto;text-align:center;background:#f5f7fa;color:#606266;cursor:pointer;font-size:13px}.el-input-number__decrease:hover,.el-input-number__increase:hover{color:#324057}.el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled),.el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled){border-color:#324057}.el-input-number__decrease.is-disabled,.el-input-number__increase.is-disabled{color:#c0c4cc;cursor:not-allowed}.el-input-number__increase{right:1px;border-radius:0 4px 4px 0;border-left:1px solid #dcdfe6}.el-input-number__decrease{left:1px;border-radius:4px 0 0 4px;border-right:1px solid #dcdfe6}.el-input-number.is-disabled .el-input-number__decrease,.el-input-number.is-disabled .el-input-number__increase{border-color:#e4e7ed;color:#e4e7ed}.el-input-number.is-disabled .el-input-number__decrease:hover,.el-input-number.is-disabled .el-input-number__increase:hover{color:#e4e7ed;cursor:not-allowed}.el-input-number--medium{width:200px;line-height:34px}.el-input-number--medium .el-input-number__decrease,.el-input-number--medium .el-input-number__increase{width:36px;font-size:14px}.el-input-number--medium .el-input__inner{padding-left:43px;padding-right:43px}.el-input-number--small{width:130px;line-height:30px}.el-input-number--small .el-input-number__decrease,.el-input-number--small .el-input-number__increase{width:32px;font-size:13px}.el-input-number--small .el-input-number__decrease [class*=el-icon],.el-input-number--small .el-input-number__increase [class*=el-icon]{-webkit-transform:scale(.9);transform:scale(.9)}.el-input-number--small .el-input__inner{padding-left:39px;padding-right:39px}.el-input-number--mini{width:130px;line-height:26px}.el-input-number--mini .el-input-number__decrease,.el-input-number--mini .el-input-number__increase{width:28px;font-size:12px}.el-input-number--mini .el-input-number__decrease [class*=el-icon],.el-input-number--mini .el-input-number__increase [class*=el-icon]{-webkit-transform:scale(.8);transform:scale(.8)}.el-input-number--mini .el-input__inner{padding-left:35px;padding-right:35px}.el-input-number.is-without-controls .el-input__inner{padding-left:15px;padding-right:15px}.el-input-number.is-controls-right .el-input__inner{padding-left:15px;padding-right:50px}.el-input-number.is-controls-right .el-input-number__decrease,.el-input-number.is-controls-right .el-input-number__increase{height:auto;line-height:19px}.el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon],.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon]{-webkit-transform:scale(.8);transform:scale(.8)}.el-input-number.is-controls-right .el-input-number__increase{border-radius:0 4px 0 0;border-bottom:1px solid #dcdfe6}.el-input-number.is-controls-right .el-input-number__decrease{right:1px;bottom:1px;top:auto;left:auto;border-right:none;border-left:1px solid #dcdfe6;border-radius:0 0 4px}.el-input-number.is-controls-right[class*=medium] [class*=decrease],.el-input-number.is-controls-right[class*=medium] [class*=increase]{line-height:17px}.el-input-number.is-controls-right[class*=small] [class*=decrease],.el-input-number.is-controls-right[class*=small] [class*=increase]{line-height:15px}.el-input-number.is-controls-right[class*=mini] [class*=decrease],.el-input-number.is-controls-right[class*=mini] [class*=increase]{line-height:13px}.el-tooltip:focus:hover,.el-tooltip:focus:not(.focusing){outline-width:0}.el-tooltip__popper{position:absolute;border-radius:4px;padding:10px;z-index:2000;font-size:12px;line-height:1.2;min-width:10px;word-wrap:break-word}.el-tooltip__popper .popper__arrow,.el-tooltip__popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-tooltip__popper .popper__arrow{border-width:6px}.el-tooltip__popper .popper__arrow::after{content:" ";border-width:5px}.el-tooltip__popper[x-placement^=top]{margin-bottom:12px}.el-tooltip__popper[x-placement^=top] .popper__arrow{bottom:-6px;border-top-color:#303133;border-bottom-width:0}.el-tooltip__popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-5px;border-top-color:#303133;border-bottom-width:0}.el-tooltip__popper[x-placement^=bottom]{margin-top:12px}.el-tooltip__popper[x-placement^=bottom] .popper__arrow{top:-6px;border-top-width:0;border-bottom-color:#303133}.el-tooltip__popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-5px;border-top-width:0;border-bottom-color:#303133}.el-tooltip__popper[x-placement^=right]{margin-left:12px}.el-tooltip__popper[x-placement^=right] .popper__arrow{left:-6px;border-right-color:#303133;border-left-width:0}.el-tooltip__popper[x-placement^=right] .popper__arrow::after{bottom:-5px;left:1px;border-right-color:#303133;border-left-width:0}.el-tooltip__popper[x-placement^=left]{margin-right:12px}.el-tooltip__popper[x-placement^=left] .popper__arrow{right:-6px;border-right-width:0;border-left-color:#303133}.el-tooltip__popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-5px;margin-left:-5px;border-right-width:0;border-left-color:#303133}.el-tooltip__popper.is-dark{background:#303133;color:#fff}.el-tooltip__popper.is-light{background:#fff;border:1px solid #303133}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow{border-top-color:#303133}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow::after{border-top-color:#fff}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow{border-bottom-color:#303133}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow::after{border-bottom-color:#fff}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow{border-left-color:#303133}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow::after{border-left-color:#fff}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow{border-right-color:#303133}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow::after{border-right-color:#fff}.el-slider::after,.el-slider::before{display:table;content:""}.el-slider__button-wrapper .el-tooltip,.el-slider__button-wrapper::after{vertical-align:middle;display:inline-block}.el-slider::after{clear:both}.el-slider__runway{width:100%;height:6px;margin:16px 0;background-color:#e4e7ed;border-radius:3px;position:relative;cursor:pointer;vertical-align:middle}.el-slider__runway.show-input{margin-right:160px;width:auto}.el-slider__runway.disabled{cursor:default}.el-slider__runway.disabled .el-slider__bar{background-color:#c0c4cc}.el-slider__runway.disabled .el-slider__button{border-color:#c0c4cc}.el-slider__runway.disabled .el-slider__button-wrapper.dragging,.el-slider__runway.disabled .el-slider__button-wrapper.hover,.el-slider__runway.disabled .el-slider__button-wrapper:hover{cursor:not-allowed}.el-slider__runway.disabled .el-slider__button.dragging,.el-slider__runway.disabled .el-slider__button.hover,.el-slider__runway.disabled .el-slider__button:hover{-webkit-transform:scale(1);transform:scale(1);cursor:not-allowed}.el-slider__input{float:right;margin-top:3px;width:130px}.el-slider__input.el-input-number--mini{margin-top:5px}.el-slider__input.el-input-number--medium{margin-top:0}.el-slider__input.el-input-number--large{margin-top:-2px}.el-slider__bar{height:6px;background-color:#324057;border-top-left-radius:3px;border-bottom-left-radius:3px;position:absolute}.el-slider__button-wrapper{height:36px;width:36px;position:absolute;z-index:1001;top:-15px;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:transparent;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:normal}.el-slider__button-wrapper::after{content:"";height:100%}.el-slider__button-wrapper.hover,.el-slider__button-wrapper:hover{cursor:-webkit-grab;cursor:grab}.el-slider__button-wrapper.dragging{cursor:-webkit-grabbing;cursor:grabbing}.el-slider__button{width:16px;height:16px;border:2px solid #324057;background-color:#fff;border-radius:50%;-webkit-transition:.2s;transition:.2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-slider__button.dragging,.el-slider__button.hover,.el-slider__button:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.el-slider__button.hover,.el-slider__button:hover{cursor:-webkit-grab;cursor:grab}.el-slider__button.dragging{cursor:-webkit-grabbing;cursor:grabbing}.el-slider__stop{position:absolute;height:6px;width:6px;border-radius:100%;background-color:#fff;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.el-slider.is-vertical{position:relative}.el-slider.is-vertical .el-slider__runway{width:6px;height:100%;margin:0 16px}.el-slider.is-vertical .el-slider__bar{width:6px;height:auto;border-radius:0 0 3px 3px}.el-slider.is-vertical .el-slider__button-wrapper{top:auto;left:-15px;-webkit-transform:translateY(50%);transform:translateY(50%)}.el-slider.is-vertical .el-slider__stop{-webkit-transform:translateY(50%);transform:translateY(50%)}.el-slider.is-vertical.el-slider--with-input{padding-bottom:58px}.el-slider.is-vertical.el-slider--with-input .el-slider__input{overflow:visible;float:none;position:absolute;bottom:22px;width:36px;margin-top:15px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input__inner{text-align:center;padding-left:5px;padding-right:5px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase{top:32px;margin-top:-1px;border:1px solid #dcdfe6;line-height:20px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease{width:18px;right:18px;border-bottom-left-radius:4px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase{width:19px;border-bottom-right-radius:4px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase~.el-input .el-input__inner{border-bottom-left-radius:0;border-bottom-right-radius:0}.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__increase{border-color:#c0c4cc}.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__increase{border-color:#324057} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/spinner.css
0 → 100755
1 | .el-time-spinner{width:100%;white-space:nowrap}.el-spinner{display:inline-block;vertical-align:middle}.el-spinner-inner{-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite;width:50px;height:50px}.el-spinner-inner .path{stroke:#ececec;stroke-linecap:round;-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/step.css
0 → 100755
1 | .el-step{position:relative;-ms-flex-negative:1;flex-shrink:1}.el-step:last-of-type .el-step__line{display:none}.el-step:last-of-type.is-flex{-ms-flex-preferred-size:auto!important;flex-basis:auto!important;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}.el-step:last-of-type .el-step__description,.el-step:last-of-type .el-step__main{padding-right:0}.el-step__head{position:relative;width:100%}.el-step__head.is-process{color:#303133;border-color:#303133}.el-step__head.is-wait{color:#c0c4cc;border-color:#c0c4cc}.el-step__head.is-success{color:#67c23a;border-color:#67c23a}.el-step__head.is-error{color:#f56c6c;border-color:#f56c6c}.el-step__head.is-finish{color:#324057;border-color:#324057}.el-step__icon{position:relative;z-index:1;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:24px;height:24px;font-size:14px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;-webkit-transition:.15s ease-out;transition:.15s ease-out}.el-step__icon.is-text{border-radius:50%;border:2px solid;border-color:inherit}.el-step__icon.is-icon{width:40px}.el-step__icon-inner{display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center;font-weight:700;line-height:1;color:inherit}.el-step__icon-inner[class*=el-icon]:not(.is-status){font-size:25px;font-weight:400}.el-step__icon-inner.is-status{-webkit-transform:translateY(1px);transform:translateY(1px)}.el-step__line{position:absolute;border-color:inherit;background-color:#c0c4cc}.el-step__line-inner{display:block;border-width:1px;border-style:solid;border-color:inherit;-webkit-transition:.15s ease-out;transition:.15s ease-out;-webkit-box-sizing:border-box;box-sizing:border-box;width:0;height:0}.el-step__main{white-space:normal;text-align:left}.el-step__title{font-size:16px;line-height:38px}.el-step__title.is-process{font-weight:700;color:#303133}.el-step__title.is-wait{color:#c0c4cc}.el-step__title.is-success{color:#67c23a}.el-step__title.is-error{color:#f56c6c}.el-step__title.is-finish{color:#324057}.el-step__description{padding-right:10%;margin-top:-5px;font-size:12px;line-height:20px;font-weight:400}.el-step__description.is-process{color:#303133}.el-step__description.is-wait{color:#c0c4cc}.el-step__description.is-success{color:#67c23a}.el-step__description.is-error{color:#f56c6c}.el-step__description.is-finish{color:#324057}.el-step.is-horizontal{display:inline-block}.el-step.is-horizontal .el-step__line{height:2px;top:11px;left:0;right:0}.el-step.is-vertical{display:-webkit-box;display:-ms-flexbox;display:flex}.el-step.is-vertical .el-step__head{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;width:24px}.el-step.is-vertical .el-step__main{padding-left:10px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.el-step.is-vertical .el-step__title{line-height:24px;padding-bottom:8px}.el-step.is-vertical .el-step__line{width:2px;top:0;bottom:0;left:11px}.el-step.is-vertical .el-step__icon.is-icon{width:24px}.el-step.is-center .el-step__head,.el-step.is-center .el-step__main{text-align:center}.el-step.is-center .el-step__description{padding-left:20%;padding-right:20%}.el-step.is-center .el-step__line{left:50%;right:-50%}.el-step.is-simple{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-step.is-simple .el-step__head{width:auto;font-size:0;padding-right:10px}.el-step.is-simple .el-step__icon{background:0 0;width:16px;height:16px;font-size:12px}.el-step.is-simple .el-step__icon-inner[class*=el-icon]:not(.is-status){font-size:18px}.el-step.is-simple .el-step__icon-inner.is-status{-webkit-transform:scale(.8) translateY(1px);transform:scale(.8) translateY(1px)}.el-step.is-simple .el-step__main{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.el-step.is-simple .el-step__title{font-size:16px;line-height:20px}.el-step.is-simple:not(:last-of-type) .el-step__title{max-width:50%;word-break:break-all}.el-step.is-simple .el-step__arrow{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-step.is-simple .el-step__arrow::after,.el-step.is-simple .el-step__arrow::before{content:'';display:inline-block;position:absolute;height:15px;width:1px;background:#c0c4cc}.el-step.is-simple .el-step__arrow::before{-webkit-transform:rotate(-45deg) translateY(-4px);transform:rotate(-45deg) translateY(-4px);-webkit-transform-origin:0 0;transform-origin:0 0}.el-step.is-simple .el-step__arrow::after{-webkit-transform:rotate(45deg) translateY(4px);transform:rotate(45deg) translateY(4px);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}.el-step.is-simple:last-of-type .el-step__arrow{display:none} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/steps.css
0 → 100755
1 | .el-steps{display:-webkit-box;display:-ms-flexbox;display:flex}.el-steps--simple{padding:13px 8%;border-radius:4px;background:#f5f7fa}.el-steps--horizontal{white-space:nowrap}.el-steps--vertical{height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/submenu.css
0 → 100755
File mode changed
src/styles/element-#324057/switch.css
0 → 100755
1 | .el-switch{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;font-size:14px;line-height:20px;height:20px;vertical-align:middle}.el-switch.is-disabled .el-switch__core,.el-switch.is-disabled .el-switch__label{cursor:not-allowed}.el-switch__core,.el-switch__label{display:inline-block;cursor:pointer;vertical-align:middle}.el-switch__label{-webkit-transition:.2s;transition:.2s;height:20px;font-size:14px;font-weight:500;color:#303133}.el-switch__label.is-active{color:#324057}.el-switch__label--left{margin-right:10px}.el-switch__label--right{margin-left:10px}.el-switch__label *{line-height:1;font-size:14px;display:inline-block}.el-switch__input{position:absolute;width:0;height:0;opacity:0;margin:0}.el-switch__core{margin:0;position:relative;width:40px;height:20px;border:1px solid #dcdfe6;outline:0;border-radius:10px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#dcdfe6;-webkit-transition:border-color .3s,background-color .3s;transition:border-color .3s,background-color .3s}.el-switch__core:after{content:"";position:absolute;top:1px;left:1px;border-radius:100%;-webkit-transition:all .3s;transition:all .3s;width:16px;height:16px;background-color:#fff}.el-switch.is-checked .el-switch__core{border-color:#324057;background-color:#324057}.el-switch.is-checked .el-switch__core::after{left:100%;margin-left:-17px}.el-switch.is-disabled{opacity:.6}.el-switch--wide .el-switch__label.el-switch__label--left span{left:10px}.el-switch--wide .el-switch__label.el-switch__label--right span{right:10px}.el-switch .label-fade-enter,.el-switch .label-fade-leave-active{opacity:0} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/tab-pane.css
0 → 100755
File mode changed
src/styles/element-#324057/table-column.css
0 → 100755
1 | @charset "UTF-8";.el-checkbox,.el-checkbox__input{white-space:nowrap;display:inline-block;position:relative}.el-checkbox{color:#606266;font-weight:500;font-size:14px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-checkbox.is-bordered{padding:9px 20px 9px 10px;border-radius:4px;border:1px solid #dcdfe6;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:normal;height:40px}.el-checkbox.is-bordered.is-checked{border-color:#324057}.el-checkbox.is-bordered.is-disabled{border-color:#ebeef5;cursor:not-allowed}.el-checkbox.is-bordered+.el-checkbox.is-bordered{margin-left:10px}.el-checkbox.is-bordered.el-checkbox--medium{padding:7px 20px 7px 10px;border-radius:4px;height:36px}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label{line-height:17px;font-size:14px}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner{height:14px;width:14px}.el-checkbox.is-bordered.el-checkbox--small{padding:5px 15px 5px 10px;border-radius:3px;height:32px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label{line-height:15px;font-size:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after{height:6px;width:2px}.el-checkbox.is-bordered.el-checkbox--mini{padding:3px 15px 3px 10px;border-radius:3px;height:28px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label{line-height:12px;font-size:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after{height:6px;width:2px}.el-checkbox__input{cursor:pointer;outline:0;line-height:1;vertical-align:middle}.el-checkbox__input.is-disabled .el-checkbox__inner{background-color:#edf2fc;border-color:#dcdfe6;cursor:not-allowed}.el-checkbox__input.is-disabled .el-checkbox__inner::after{cursor:not-allowed;border-color:#c0c4cc}.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label{cursor:not-allowed}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:#f2f6fc;border-color:#dcdfe6}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{border-color:#c0c4cc}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:#f2f6fc;border-color:#dcdfe6}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before{background-color:#c0c4cc;border-color:#c0c4cc}.el-checkbox__input.is-checked .el-checkbox__inner,.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#324057;border-color:#324057}.el-checkbox__input.is-disabled+span.el-checkbox__label{color:#c0c4cc;cursor:not-allowed}.el-checkbox__input.is-checked .el-checkbox__inner::after{-webkit-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.el-checkbox__input.is-checked+.el-checkbox__label{color:#324057}.el-checkbox__input.is-focus .el-checkbox__inner{border-color:#324057}.el-checkbox__input.is-indeterminate .el-checkbox__inner::before{content:'';position:absolute;display:block;background-color:#fff;height:2px;-webkit-transform:scale(.5);transform:scale(.5);left:0;right:0;top:5px}.el-checkbox__input.is-indeterminate .el-checkbox__inner::after{display:none}.el-checkbox__inner{display:inline-block;position:relative;border:1px solid #dcdfe6;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;background-color:#fff;z-index:1;-webkit-transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.el-checkbox__inner:hover{border-color:#324057}.el-checkbox__inner::after{-webkit-box-sizing:content-box;box-sizing:content-box;content:"";border:1px solid #fff;border-left:0;border-top:0;height:7px;left:4px;position:absolute;top:1px;-webkit-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);width:3px;-webkit-transition:-webkit-transform .15s ease-in .05s;transition:-webkit-transform .15s ease-in .05s;transition:transform .15s ease-in .05s;transition:transform .15s ease-in .05s,-webkit-transform .15s ease-in .05s;-webkit-transform-origin:center;transform-origin:center}.el-checkbox-button__inner,.el-tag{-webkit-box-sizing:border-box;white-space:nowrap}.el-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.el-checkbox-button,.el-checkbox-button__inner{position:relative;display:inline-block}.el-checkbox__label{display:inline-block;padding-left:10px;line-height:19px;font-size:14px}.el-checkbox+.el-checkbox{margin-left:30px}.el-checkbox-button__inner{line-height:1;font-weight:500;vertical-align:middle;cursor:pointer;background:#fff;border:1px solid #dcdfe6;border-left:0;color:#606266;-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:0;margin:0;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:12px 20px;font-size:14px;border-radius:0}.el-checkbox-button__inner.is-round{padding:12px 20px}.el-checkbox-button__inner:hover{color:#324057}.el-checkbox-button__inner [class*=el-icon-]{line-height:.9}.el-checkbox-button__inner [class*=el-icon-]+span{margin-left:5px}.el-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;z-index:-1}.el-checkbox-button.is-checked .el-checkbox-button__inner{color:#fff;background-color:#324057;border-color:#324057;-webkit-box-shadow:-1px 0 0 0 rgb(132, 140, 154);box-shadow:-1px 0 0 0 rgb(132, 140, 154)}.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner{border-left-color:#324057}.el-checkbox-button.is-disabled .el-checkbox-button__inner{color:#c0c4cc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#ebeef5;-webkit-box-shadow:none;box-shadow:none}.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner{border-left-color:#ebeef5}.el-checkbox-button:first-child .el-checkbox-button__inner{border-left:1px solid #dcdfe6;border-radius:4px 0 0 4px;-webkit-box-shadow:none!important;box-shadow:none!important}.el-checkbox-button.is-focus .el-checkbox-button__inner{border-color:#324057}.el-checkbox-button:last-child .el-checkbox-button__inner{border-radius:0 4px 4px 0}.el-checkbox-button--medium .el-checkbox-button__inner{padding:10px 20px;font-size:14px;border-radius:0}.el-checkbox-button--medium .el-checkbox-button__inner.is-round{padding:10px 20px}.el-checkbox-button--small .el-checkbox-button__inner{padding:9px 15px;font-size:12px;border-radius:0}.el-checkbox-button--small .el-checkbox-button__inner.is-round{padding:9px 15px}.el-checkbox-button--mini .el-checkbox-button__inner{padding:7px 15px;font-size:12px;border-radius:0}.el-checkbox-button--mini .el-checkbox-button__inner.is-round{padding:7px 15px}.el-checkbox-group{font-size:0}.el-tag{background-color:rgba(64,158,255,.1);display:inline-block;padding:0 10px;height:32px;line-height:30px;font-size:12px;color:#324057;border-radius:4px;box-sizing:border-box;border:1px solid rgba(64,158,255,.2)}.el-tag .el-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;height:16px;width:16px;line-height:16px;vertical-align:middle;top:-1px;right:-5px;color:#324057}.el-tag .el-icon-close::before{display:block}.el-tag .el-icon-close:hover{background-color:#324057;color:#fff}.el-tag--info,.el-tag--info .el-tag__close{color:#909399}.el-tag--info{background-color:rgba(144,147,153,.1);border-color:rgba(144,147,153,.2)}.el-tag--info.is-hit{border-color:#909399}.el-tag--info .el-tag__close:hover{background-color:#909399;color:#fff}.el-tag--success{background-color:rgba(103,194,58,.1);border-color:rgba(103,194,58,.2);color:#67c23a}.el-tag--success.is-hit{border-color:#67c23a}.el-tag--success .el-tag__close{color:#67c23a}.el-tag--success .el-tag__close:hover{background-color:#67c23a;color:#fff}.el-tag--warning{background-color:rgba(230,162,60,.1);border-color:rgba(230,162,60,.2);color:#e6a23c}.el-tag--warning.is-hit{border-color:#e6a23c}.el-tag--warning .el-tag__close{color:#e6a23c}.el-tag--warning .el-tag__close:hover{background-color:#e6a23c;color:#fff}.el-tag--danger{background-color:rgba(245,108,108,.1);border-color:rgba(245,108,108,.2);color:#f56c6c}.el-tag--danger.is-hit{border-color:#f56c6c}.el-tag--danger .el-tag__close{color:#f56c6c}.el-tag--danger .el-tag__close:hover{background-color:#f56c6c;color:#fff}.el-tag--medium{height:28px;line-height:26px}.el-tag--medium .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--small{height:24px;padding:0 8px;line-height:22px}.el-tag--small .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--mini{height:20px;padding:0 5px;line-height:19px}.el-tag--mini .el-icon-close{margin-left:-3px;-webkit-transform:scale(.7);transform:scale(.7)}.el-table-column--selection .cell{padding-left:14px;padding-right:14px}.el-table-filter{border:1px solid #ebeef5;border-radius:2px;background-color:#fff;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;margin:2px 0}.el-table-filter__list{padding:5px 0;margin:0;list-style:none;min-width:100px}.el-table-filter__list-item{line-height:36px;padding:0 10px;cursor:pointer;font-size:14px}.el-table-filter__list-item:hover{background-color:rgb(235, 236, 238);color:rgb(91, 102, 121)}.el-table-filter__list-item.is-active{background-color:#324057;color:#fff}.el-table-filter__content{min-width:100px}.el-table-filter__bottom{border-top:1px solid #ebeef5;padding:8px}.el-table-filter__bottom button{background:0 0;border:none;color:#606266;cursor:pointer;font-size:13px;padding:0 3px}.el-table-filter__bottom button:hover{color:#324057}.el-table-filter__bottom button:focus{outline:0}.el-table-filter__bottom button.is-disabled{color:#c0c4cc;cursor:not-allowed}.el-table-filter__wrap{max-height:280px}.el-table-filter__checkbox-group{padding:10px}.el-table-filter__checkbox-group label.el-checkbox{display:block;margin-right:5px;margin-bottom:8px;margin-left:5px}.el-table-filter__checkbox-group .el-checkbox:last-child{margin-bottom:0} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/table.css
0 → 100755
1 | @charset "UTF-8";.el-checkbox,.el-checkbox__input{display:inline-block;position:relative}.el-table td.is-hidden>*,.el-table th.is-hidden>*,.el-table--hidden{visibility:hidden}.el-checkbox{color:#606266;font-weight:500;font-size:14px;cursor:pointer;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-checkbox-button__inner,.el-table th{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;white-space:nowrap}.el-checkbox.is-bordered{padding:9px 20px 9px 10px;border-radius:4px;border:1px solid #dcdfe6;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:normal;height:40px}.el-checkbox.is-bordered.is-checked{border-color:#324057}.el-checkbox.is-bordered.is-disabled{border-color:#ebeef5;cursor:not-allowed}.el-checkbox.is-bordered+.el-checkbox.is-bordered{margin-left:10px}.el-checkbox.is-bordered.el-checkbox--medium{padding:7px 20px 7px 10px;border-radius:4px;height:36px}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label{line-height:17px;font-size:14px}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner{height:14px;width:14px}.el-checkbox.is-bordered.el-checkbox--small{padding:5px 15px 5px 10px;border-radius:3px;height:32px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label{line-height:15px;font-size:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after{height:6px;width:2px}.el-checkbox.is-bordered.el-checkbox--mini{padding:3px 15px 3px 10px;border-radius:3px;height:28px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label{line-height:12px;font-size:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after{height:6px;width:2px}.el-checkbox__input{white-space:nowrap;cursor:pointer;outline:0;line-height:1;vertical-align:middle}.el-checkbox__input.is-disabled .el-checkbox__inner{background-color:#edf2fc;border-color:#dcdfe6;cursor:not-allowed}.el-checkbox__input.is-disabled .el-checkbox__inner::after{cursor:not-allowed;border-color:#c0c4cc}.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label{cursor:not-allowed}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:#f2f6fc;border-color:#dcdfe6}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{border-color:#c0c4cc}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:#f2f6fc;border-color:#dcdfe6}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before{background-color:#c0c4cc;border-color:#c0c4cc}.el-checkbox__input.is-checked .el-checkbox__inner,.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#324057;border-color:#324057}.el-checkbox__input.is-disabled+span.el-checkbox__label{color:#c0c4cc;cursor:not-allowed}.el-checkbox__input.is-checked .el-checkbox__inner::after{-webkit-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.el-checkbox__input.is-checked+.el-checkbox__label{color:#324057}.el-checkbox__input.is-focus .el-checkbox__inner{border-color:#324057}.el-checkbox__input.is-indeterminate .el-checkbox__inner::before{content:'';position:absolute;display:block;background-color:#fff;height:2px;-webkit-transform:scale(.5);transform:scale(.5);left:0;right:0;top:5px}.el-checkbox__input.is-indeterminate .el-checkbox__inner::after{display:none}.el-checkbox__inner{display:inline-block;position:relative;border:1px solid #dcdfe6;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;background-color:#fff;z-index:1;-webkit-transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.el-checkbox__inner:hover{border-color:#324057}.el-checkbox__inner::after{-webkit-box-sizing:content-box;box-sizing:content-box;content:"";border:1px solid #fff;border-left:0;border-top:0;height:7px;left:4px;position:absolute;top:1px;-webkit-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);width:3px;-webkit-transition:-webkit-transform .15s ease-in .05s;transition:-webkit-transform .15s ease-in .05s;transition:transform .15s ease-in .05s;transition:transform .15s ease-in .05s,-webkit-transform .15s ease-in .05s;-webkit-transform-origin:center;transform-origin:center}.el-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.el-checkbox-button,.el-checkbox-button__inner{position:relative;display:inline-block}.el-checkbox__label{display:inline-block;padding-left:10px;line-height:19px;font-size:14px}.el-checkbox+.el-checkbox{margin-left:30px}.el-checkbox-button__inner{line-height:1;font-weight:500;vertical-align:middle;cursor:pointer;background:#fff;border:1px solid #dcdfe6;border-left:0;color:#606266;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);padding:12px 20px;font-size:14px;border-radius:0}.el-table,.el-tag{-webkit-box-sizing:border-box}.el-checkbox-button__inner.is-round{padding:12px 20px}.el-checkbox-button__inner:hover{color:#324057}.el-checkbox-button__inner [class*=el-icon-]{line-height:.9}.el-checkbox-button__inner [class*=el-icon-]+span{margin-left:5px}.el-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;z-index:-1}.el-checkbox-button.is-checked .el-checkbox-button__inner{color:#fff;background-color:#324057;border-color:#324057;-webkit-box-shadow:-1px 0 0 0 rgb(132, 140, 154);box-shadow:-1px 0 0 0 rgb(132, 140, 154)}.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner{border-left-color:#324057}.el-checkbox-button.is-disabled .el-checkbox-button__inner{color:#c0c4cc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#ebeef5;-webkit-box-shadow:none;box-shadow:none}.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner{border-left-color:#ebeef5}.el-checkbox-button:first-child .el-checkbox-button__inner{border-left:1px solid #dcdfe6;border-radius:4px 0 0 4px;-webkit-box-shadow:none!important;box-shadow:none!important}.el-checkbox-button.is-focus .el-checkbox-button__inner{border-color:#324057}.el-checkbox-button:last-child .el-checkbox-button__inner{border-radius:0 4px 4px 0}.el-checkbox-button--medium .el-checkbox-button__inner{padding:10px 20px;font-size:14px;border-radius:0}.el-checkbox-button--medium .el-checkbox-button__inner.is-round{padding:10px 20px}.el-checkbox-button--small .el-checkbox-button__inner{padding:9px 15px;font-size:12px;border-radius:0}.el-checkbox-button--small .el-checkbox-button__inner.is-round{padding:9px 15px}.el-checkbox-button--mini .el-checkbox-button__inner{padding:7px 15px;font-size:12px;border-radius:0}.el-checkbox-button--mini .el-checkbox-button__inner.is-round{padding:7px 15px}.el-checkbox-group{font-size:0}.el-tag{background-color:rgba(64,158,255,.1);display:inline-block;padding:0 10px;height:32px;line-height:30px;font-size:12px;color:#324057;border-radius:4px;box-sizing:border-box;border:1px solid rgba(64,158,255,.2);white-space:nowrap}.el-tag .el-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;height:16px;width:16px;line-height:16px;vertical-align:middle;top:-1px;right:-5px;color:#324057}.el-tag .el-icon-close::before{display:block}.el-tag .el-icon-close:hover{background-color:#324057;color:#fff}.el-tag--info,.el-tag--info .el-tag__close{color:#909399}.el-tag--info{background-color:rgba(144,147,153,.1);border-color:rgba(144,147,153,.2)}.el-tag--info.is-hit{border-color:#909399}.el-tag--info .el-tag__close:hover{background-color:#909399;color:#fff}.el-tag--success{background-color:rgba(103,194,58,.1);border-color:rgba(103,194,58,.2);color:#67c23a}.el-tag--success.is-hit{border-color:#67c23a}.el-tag--success .el-tag__close{color:#67c23a}.el-tag--success .el-tag__close:hover{background-color:#67c23a;color:#fff}.el-tag--warning{background-color:rgba(230,162,60,.1);border-color:rgba(230,162,60,.2);color:#e6a23c}.el-tag--warning.is-hit{border-color:#e6a23c}.el-tag--warning .el-tag__close{color:#e6a23c}.el-tag--warning .el-tag__close:hover{background-color:#e6a23c;color:#fff}.el-tag--danger{background-color:rgba(245,108,108,.1);border-color:rgba(245,108,108,.2);color:#f56c6c}.el-tag--danger.is-hit{border-color:#f56c6c}.el-tag--danger .el-tag__close{color:#f56c6c}.el-tag--danger .el-tag__close:hover{background-color:#f56c6c;color:#fff}.el-tag--medium{height:28px;line-height:26px}.el-tag--medium .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--small{height:24px;padding:0 8px;line-height:22px}.el-tag--small .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--mini{height:20px;padding:0 5px;line-height:19px}.el-tag--mini .el-icon-close{margin-left:-3px;-webkit-transform:scale(.7);transform:scale(.7)}.el-tooltip:focus:hover,.el-tooltip:focus:not(.focusing){outline-width:0}.el-tooltip__popper{position:absolute;border-radius:4px;padding:10px;z-index:2000;font-size:12px;line-height:1.2;min-width:10px;word-wrap:break-word}.el-tooltip__popper .popper__arrow,.el-tooltip__popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-tooltip__popper .popper__arrow{border-width:6px}.el-tooltip__popper .popper__arrow::after{content:" ";border-width:5px}.el-tooltip__popper[x-placement^=top]{margin-bottom:12px}.el-tooltip__popper[x-placement^=top] .popper__arrow{bottom:-6px;border-top-color:#303133;border-bottom-width:0}.el-tooltip__popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-5px;border-top-color:#303133;border-bottom-width:0}.el-tooltip__popper[x-placement^=bottom]{margin-top:12px}.el-tooltip__popper[x-placement^=bottom] .popper__arrow{top:-6px;border-top-width:0;border-bottom-color:#303133}.el-tooltip__popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-5px;border-top-width:0;border-bottom-color:#303133}.el-tooltip__popper[x-placement^=right]{margin-left:12px}.el-tooltip__popper[x-placement^=right] .popper__arrow{left:-6px;border-right-color:#303133;border-left-width:0}.el-tooltip__popper[x-placement^=right] .popper__arrow::after{bottom:-5px;left:1px;border-right-color:#303133;border-left-width:0}.el-tooltip__popper[x-placement^=left]{margin-right:12px}.el-tooltip__popper[x-placement^=left] .popper__arrow{right:-6px;border-right-width:0;border-left-color:#303133}.el-tooltip__popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-5px;margin-left:-5px;border-right-width:0;border-left-color:#303133}.el-tooltip__popper.is-dark{background:#303133;color:#fff}.el-table,.el-table__expanded-cell{background-color:#fff}.el-tooltip__popper.is-light{background:#fff;border:1px solid #303133}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow{border-top-color:#303133}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow::after{border-top-color:#fff}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow{border-bottom-color:#303133}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow::after{border-bottom-color:#fff}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow{border-left-color:#303133}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow::after{border-left-color:#fff}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow{border-right-color:#303133}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow::after{border-right-color:#fff}.el-table{position:relative;overflow:hidden;box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;max-width:100%;font-size:14px;color:#606266}.el-table--mini,.el-table--small,.el-table__expand-icon{font-size:12px}.el-table__empty-block{min-height:60px;text-align:center;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-table__empty-text{width:50%;color:#909399}.el-table__expand-column .cell{padding:0;text-align:center}.el-table__expand-icon{position:relative;cursor:pointer;color:#666;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;height:20px}.el-table__expand-icon--expanded{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.el-table__expand-icon>.el-icon{position:absolute;left:50%;top:50%;margin-left:-5px;margin-top:-5px}.el-table__expanded-cell[class*=cell]{padding:20px 50px}.el-table__expanded-cell:hover{background-color:transparent!important}.el-table--fit{border-right:0;border-bottom:0}.el-table--fit td.gutter,.el-table--fit th.gutter{border-right-width:1px}.el-table--scrollable-x .el-table__body-wrapper{overflow-x:auto}.el-table--scrollable-y .el-table__body-wrapper{overflow-y:auto}.el-table thead{color:#909399;font-weight:500}.el-table thead.is-group th{background:#f5f7fa}.el-table th,.el-table tr{background-color:#fff}.el-table td,.el-table th{padding:12px 0;min-width:0;-webkit-box-sizing:border-box;box-sizing:border-box;text-overflow:ellipsis;vertical-align:middle;position:relative;text-align:left}.el-table td.is-center,.el-table th.is-center{text-align:center}.el-table td.is-right,.el-table th.is-right{text-align:right}.el-table td.gutter,.el-table th.gutter{width:15px;border-right-width:0;border-bottom-width:0;padding:0}.el-table--medium td,.el-table--medium th{padding:10px 0}.el-table--small td,.el-table--small th{padding:8px 0}.el-table--mini td,.el-table--mini th{padding:6px 0}.el-table .cell,.el-table th div{text-overflow:ellipsis;padding-right:10px;overflow:hidden}.el-table .cell,.el-table th div,.el-table--border td:first-child .cell,.el-table--border th:first-child .cell{padding-left:10px}.el-table tr input[type=checkbox]{margin:0}.el-table td,.el-table th.is-leaf{border-bottom:1px solid #ebeef5}.el-table th.is-sortable{cursor:pointer}.el-table th{overflow:hidden;user-select:none}.el-table th div{display:inline-block;line-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap}.el-table th>.cell{position:relative;word-wrap:normal;text-overflow:ellipsis;display:inline-block;vertical-align:middle;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.el-table th>.cell.highlight{color:#324057}.el-table th.required>div::before{display:inline-block;content:"";width:8px;height:8px;border-radius:50%;background:#ff4d51;margin-right:5px;vertical-align:middle}.el-table td div{-webkit-box-sizing:border-box;box-sizing:border-box}.el-table td.gutter{width:0}.el-table .cell{-webkit-box-sizing:border-box;box-sizing:border-box;white-space:normal;word-break:break-all;line-height:23px}.el-table .cell.el-tooltip{white-space:nowrap;min-width:50px}.el-table--border,.el-table--group{border:1px solid #ebeef5}.el-table--border::after,.el-table--group::after,.el-table::before{content:'';position:absolute;background-color:#ebeef5;z-index:1}.el-table--border::after,.el-table--group::after{top:0;right:0;width:1px;height:100%}.el-table::before{left:0;bottom:0;width:100%;height:1px}.el-table--border{border-right:none;border-bottom:none}.el-table--border.el-loading-parent--relative{border-color:transparent}.el-table--border td,.el-table--border th,.el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed{border-right:1px solid #ebeef5}.el-table--border th.gutter:last-of-type{border-bottom:1px solid #ebeef5;border-bottom-width:1px}.el-table--border th,.el-table__fixed-right-patch{border-bottom:1px solid #ebeef5}.el-table__fixed,.el-table__fixed-right{position:absolute;top:0;left:0;overflow-x:hidden;overflow-y:hidden;-webkit-box-shadow:0 0 10px rgba(0,0,0,.12);box-shadow:0 0 10px rgba(0,0,0,.12)}.el-table__fixed-right::before,.el-table__fixed::before{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#ebeef5;z-index:4}.el-table__fixed-right-patch{position:absolute;top:-1px;right:0;background-color:#fff}.el-table__fixed-right{top:0;left:auto;right:0}.el-table__fixed-right .el-table__fixed-body-wrapper,.el-table__fixed-right .el-table__fixed-footer-wrapper,.el-table__fixed-right .el-table__fixed-header-wrapper{left:auto;right:0}.el-table__fixed-header-wrapper{position:absolute;left:0;top:0;z-index:3}.el-table__fixed-footer-wrapper{position:absolute;left:0;bottom:0;z-index:3}.el-table__fixed-footer-wrapper tbody td{border-top:1px solid #ebeef5;background-color:#f5f7fa;color:#606266}.el-table__fixed-body-wrapper{position:absolute;left:0;top:37px;overflow:hidden;z-index:3}.el-table__body-wrapper,.el-table__footer-wrapper,.el-table__header-wrapper{width:100%}.el-table__footer-wrapper{margin-top:-1px}.el-table__footer-wrapper td{border-top:1px solid #ebeef5}.el-table__body,.el-table__footer,.el-table__header{table-layout:fixed;border-collapse:separate}.el-table__footer-wrapper,.el-table__header-wrapper{overflow:hidden}.el-table__footer-wrapper tbody td,.el-table__header-wrapper tbody td{background-color:#f5f7fa;color:#606266}.el-table__body-wrapper{overflow:hidden;position:relative}.el-table__body-wrapper.is-scrolling-left~.el-table__fixed,.el-table__body-wrapper.is-scrolling-none~.el-table__fixed,.el-table__body-wrapper.is-scrolling-none~.el-table__fixed-right,.el-table__body-wrapper.is-scrolling-right~.el-table__fixed-right{-webkit-box-shadow:none;box-shadow:none}.el-table__body-wrapper .el-table--border.is-scrolling-right~.el-table__fixed-right{border-left:1px solid #ebeef5}.el-table .caret-wrapper{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:34px;width:24px;vertical-align:middle;cursor:pointer;overflow:initial;position:relative}.el-table .sort-caret{width:0;height:0;border:5px solid transparent;position:absolute;left:7px}.el-table .sort-caret.ascending{border-bottom-color:#c0c4cc;top:5px}.el-table .sort-caret.descending{border-top-color:#c0c4cc;bottom:7px}.el-table .ascending .sort-caret.ascending{border-bottom-color:#324057}.el-table .descending .sort-caret.descending{border-top-color:#324057}.el-table .hidden-columns{visibility:hidden;position:absolute;z-index:-1}.el-table--striped .el-table__body tr.el-table__row--striped td{background:#FAFAFA}.el-table--striped .el-table__body tr.el-table__row--striped.current-row td,.el-table__body tr.current-row>td,.el-table__body tr.hover-row.current-row>td,.el-table__body tr.hover-row.el-table__row--striped.current-row>td,.el-table__body tr.hover-row.el-table__row--striped>td,.el-table__body tr.hover-row>td{background-color:rgb(235, 236, 238)}.el-table__column-resize-proxy{position:absolute;left:200px;top:0;bottom:0;width:0;border-left:1px solid #ebeef5;z-index:10}.el-table__column-filter-trigger{display:inline-block;line-height:34px;cursor:pointer}.el-table__column-filter-trigger i{color:#909399;font-size:12px;-webkit-transform:scale(.75);transform:scale(.75)}.el-table--enable-row-transition .el-table__body td{-webkit-transition:background-color .25s ease;transition:background-color .25s ease}.el-table--enable-row-hover .el-table__body tr:hover>td{background-color:#f5f7fa}.el-table--fluid-height .el-table__fixed,.el-table--fluid-height .el-table__fixed-right{bottom:0;overflow:hidden} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/tabs.css
0 → 100755
1 | .el-tabs__header{padding:0;position:relative;margin:0 0 15px}.el-tabs__active-bar{position:absolute;bottom:0;left:0;height:2px;background-color:#324057;z-index:1;-webkit-transition:-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1);list-style:none}.el-tabs__new-tab{float:right;border:1px solid #d3dce6;height:18px;width:18px;line-height:18px;margin:12px 0 9px 10px;border-radius:3px;text-align:center;font-size:12px;color:#d3dce6;cursor:pointer;-webkit-transition:all .15s;transition:all .15s}.el-tabs__new-tab .el-icon-plus{-webkit-transform:scale(.8,.8);transform:scale(.8,.8)}.el-tabs__new-tab:hover{color:#324057}.el-tabs__nav-wrap{overflow:hidden;margin-bottom:-1px;position:relative}.el-tabs__nav-wrap::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#e4e7ed;z-index:1}.el-tabs--border-card>.el-tabs__header .el-tabs__nav-wrap::after,.el-tabs--card>.el-tabs__header .el-tabs__nav-wrap::after{content:none}.el-tabs__nav-wrap.is-scrollable{padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box}.el-tabs__nav-scroll{overflow:hidden}.el-tabs__nav-next,.el-tabs__nav-prev{position:absolute;cursor:pointer;line-height:44px;font-size:12px;color:#909399}.el-tabs__nav-next{right:0}.el-tabs__nav-prev{left:0}.el-tabs__nav{white-space:nowrap;position:relative;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;float:left;z-index:2}.el-tabs__nav.is-stretch{min-width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.el-tabs__nav.is-stretch>*{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center}.el-tabs__item{padding:0 20px;height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:40px;display:inline-block;list-style:none;font-size:14px;font-weight:500;color:#303133;position:relative}.el-tabs__item:focus,.el-tabs__item:focus:active{outline:0}.el-tabs__item:focus.is-active.is-focus:not(:active){-webkit-box-shadow:0 0 2px 2px #324057 inset;box-shadow:0 0 2px 2px #324057 inset;border-radius:3px}.el-tabs__item .el-icon-close{border-radius:50%;text-align:center;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);margin-left:5px}.el-tabs__item .el-icon-close:before{-webkit-transform:scale(.9);transform:scale(.9);display:inline-block}.el-tabs__item .el-icon-close:hover{background-color:#c0c4cc;color:#fff}.el-tabs__item.is-active{color:#324057}.el-tabs__item:hover{color:#324057;cursor:pointer}.el-tabs__item.is-disabled{color:#c0c4cc;cursor:default}.el-tabs__content{overflow:hidden;position:relative}.el-tabs--card>.el-tabs__header{border-bottom:1px solid #e4e7ed}.el-tabs--card>.el-tabs__header .el-tabs__nav{border:1px solid #e4e7ed;border-bottom:none;border-radius:4px 4px 0 0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-tabs--card>.el-tabs__header .el-tabs__active-bar{display:none}.el-tabs--card>.el-tabs__header .el-tabs__item .el-icon-close{position:relative;font-size:12px;width:0;height:14px;vertical-align:middle;line-height:15px;overflow:hidden;top:-1px;right:-2px;-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close,.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover .el-icon-close{width:14px}.el-tabs--card>.el-tabs__header .el-tabs__item{border-bottom:1px solid transparent;border-left:1px solid #e4e7ed;-webkit-transition:color .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1);transition:color .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1)}.el-tabs--card>.el-tabs__header .el-tabs__item:first-child{border-left:none}.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover{padding-left:13px;padding-right:13px}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active{border-bottom-color:#fff}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable{padding-left:20px;padding-right:20px}.el-tabs--border-card{background:#fff;border:1px solid #dcdfe6;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04);box-shadow:0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04)}.el-tabs--border-card>.el-tabs__content{padding:15px}.el-tabs--border-card>.el-tabs__header{background-color:#f5f7fa;border-bottom:1px solid #e4e7ed;margin:0}.el-tabs--border-card>.el-tabs__header .el-tabs__item{-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);border:1px solid transparent;margin:-1px -1px 0;color:#909399}.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active{color:#324057;background-color:#fff;border-right-color:#dcdfe6;border-left-color:#dcdfe6}.el-tabs--border-card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover{color:#324057}.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-disabled{color:#c0c4cc}.el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2),.el-tabs--bottom .el-tabs__item.is-top:nth-child(2),.el-tabs--top .el-tabs__item.is-bottom:nth-child(2),.el-tabs--top .el-tabs__item.is-top:nth-child(2){padding-left:0}.el-tabs--bottom .el-tabs__item.is-bottom:last-child,.el-tabs--bottom .el-tabs__item.is-top:last-child,.el-tabs--top .el-tabs__item.is-bottom:last-child,.el-tabs--top .el-tabs__item.is-top:last-child{padding-right:0}.el-tabs--bottom .el-tabs--left .el-tabs__item:nth-child(2),.el-tabs--bottom .el-tabs--right .el-tabs__item:nth-child(2),.el-tabs--bottom.el-tabs--border-card .el-tabs__item:nth-child(2),.el-tabs--bottom.el-tabs--card .el-tabs__item:nth-child(2),.el-tabs--top .el-tabs--left .el-tabs__item:nth-child(2),.el-tabs--top .el-tabs--right .el-tabs__item:nth-child(2),.el-tabs--top.el-tabs--border-card .el-tabs__item:nth-child(2),.el-tabs--top.el-tabs--card .el-tabs__item:nth-child(2){padding-left:20px}.el-tabs--bottom .el-tabs--left .el-tabs__item:last-child,.el-tabs--bottom .el-tabs--right .el-tabs__item:last-child,.el-tabs--bottom.el-tabs--border-card .el-tabs__item:last-child,.el-tabs--bottom.el-tabs--card .el-tabs__item:last-child,.el-tabs--top .el-tabs--left .el-tabs__item:last-child,.el-tabs--top .el-tabs--right .el-tabs__item:last-child,.el-tabs--top.el-tabs--border-card .el-tabs__item:last-child,.el-tabs--top.el-tabs--card .el-tabs__item:last-child{padding-right:20px}.el-tabs--bottom .el-tabs__header.is-bottom{margin-bottom:0;margin-top:10px}.el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom{border-bottom:0;border-top:1px solid #dcdfe6}.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom{margin-top:-1px;margin-bottom:0}.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active){border:1px solid transparent}.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom{margin:0 -1px -1px}.el-tabs--left,.el-tabs--right{overflow:hidden}.el-tabs--left .el-tabs__header.is-left,.el-tabs--left .el-tabs__header.is-right,.el-tabs--left .el-tabs__nav-scroll,.el-tabs--left .el-tabs__nav-wrap.is-left,.el-tabs--left .el-tabs__nav-wrap.is-right,.el-tabs--right .el-tabs__header.is-left,.el-tabs--right .el-tabs__header.is-right,.el-tabs--right .el-tabs__nav-scroll,.el-tabs--right .el-tabs__nav-wrap.is-left,.el-tabs--right .el-tabs__nav-wrap.is-right{height:100%}.el-tabs--left .el-tabs__active-bar.is-left,.el-tabs--left .el-tabs__active-bar.is-right,.el-tabs--right .el-tabs__active-bar.is-left,.el-tabs--right .el-tabs__active-bar.is-right{top:0;bottom:auto;width:2px;height:auto}.el-tabs--left .el-tabs__nav-wrap.is-left,.el-tabs--left .el-tabs__nav-wrap.is-right,.el-tabs--right .el-tabs__nav-wrap.is-left,.el-tabs--right .el-tabs__nav-wrap.is-right{margin-bottom:0}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev{height:30px;line-height:30px;width:100%;text-align:center;cursor:pointer}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i,.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg)}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev{left:auto;top:0}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next{right:auto;bottom:0}.el-tabs--left .el-tabs__active-bar.is-left,.el-tabs--left .el-tabs__nav-wrap.is-left::after{right:0;left:auto}.el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable,.el-tabs--left .el-tabs__nav-wrap.is-right.is-scrollable,.el-tabs--right .el-tabs__nav-wrap.is-left.is-scrollable,.el-tabs--right .el-tabs__nav-wrap.is-right.is-scrollable{padding:30px 0}.el-tabs--left .el-tabs__nav-wrap.is-left::after,.el-tabs--left .el-tabs__nav-wrap.is-right::after,.el-tabs--right .el-tabs__nav-wrap.is-left::after,.el-tabs--right .el-tabs__nav-wrap.is-right::after{height:100%;width:2px;bottom:auto;top:0}.el-tabs--left .el-tabs__nav.is-left,.el-tabs--left .el-tabs__nav.is-right,.el-tabs--right .el-tabs__nav.is-left,.el-tabs--right .el-tabs__nav.is-right{float:none}.el-tabs--left .el-tabs__item.is-left,.el-tabs--left .el-tabs__item.is-right,.el-tabs--right .el-tabs__item.is-left,.el-tabs--right .el-tabs__item.is-right{display:block}.el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left,.el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right{display:none}.el-tabs--left .el-tabs__header.is-left{float:left;margin-bottom:0;margin-right:10px}.el-tabs--left .el-tabs__nav-wrap.is-left{margin-right:-1px}.el-tabs--left .el-tabs__item.is-left{text-align:right}.el-tabs--left.el-tabs--card .el-tabs__item.is-left{border-left:none;border-right:1px solid #e4e7ed;border-bottom:none;border-top:1px solid #e4e7ed}.el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child{border-right:1px solid #e4e7ed;border-top:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active{border:1px solid #e4e7ed;border-right-color:#fff;border-left:none;border-bottom:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child{border-top:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child{border-bottom:none}.el-tabs--left.el-tabs--card .el-tabs__nav{border-radius:4px 0 0 4px;border-bottom:1px solid #e4e7ed;border-right:none}.el-tabs--left.el-tabs--card .el-tabs__new-tab{float:none}.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left{border-right:1px solid #dfe4ed}.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left{border:1px solid transparent;margin:-1px 0 -1px -1px}.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active{border-color:#d1dbe5 transparent}.el-tabs--right .el-tabs__header.is-right{float:right;margin-bottom:0;margin-left:10px}.el-tabs--right .el-tabs__nav-wrap.is-right{margin-left:-1px}.el-tabs--right .el-tabs__nav-wrap.is-right::after{left:0;right:auto}.el-tabs--right .el-tabs__active-bar.is-right{left:0}.el-tabs--right.el-tabs--card .el-tabs__item.is-right{border-bottom:none;border-top:1px solid #e4e7ed}.el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child{border-left:1px solid #e4e7ed;border-top:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active{border:1px solid #e4e7ed;border-left-color:#fff;border-right:none;border-bottom:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child{border-top:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child{border-bottom:none}.el-tabs--right.el-tabs--card .el-tabs__nav{border-radius:0 4px 4px 0;border-bottom:1px solid #e4e7ed;border-left:none}.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right{border-left:1px solid #dfe4ed}.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right{border:1px solid transparent;margin:-1px -1px -1px 0}.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active{border-color:#d1dbe5 transparent}.slideInLeft-transition,.slideInRight-transition{display:inline-block}.slideInRight-enter{-webkit-animation:slideInRight-enter .3s;animation:slideInRight-enter .3s}.slideInRight-leave{position:absolute;left:0;right:0;-webkit-animation:slideInRight-leave .3s;animation:slideInRight-leave .3s}.slideInLeft-enter{-webkit-animation:slideInLeft-enter .3s;animation:slideInLeft-enter .3s}.slideInLeft-leave{position:absolute;left:0;right:0;-webkit-animation:slideInLeft-leave .3s;animation:slideInLeft-leave .3s}@-webkit-keyframes slideInRight-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideInRight-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}}@keyframes slideInRight-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}}@-webkit-keyframes slideInLeft-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideInLeft-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}}@keyframes slideInLeft-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/tag.css
0 → 100755
1 | .el-tag{background-color:rgba(64,158,255,.1);display:inline-block;padding:0 10px;height:32px;line-height:30px;font-size:12px;color:#324057;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid rgba(64,158,255,.2);white-space:nowrap}.el-tag .el-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;height:16px;width:16px;line-height:16px;vertical-align:middle;top:-1px;right:-5px;color:#324057}.el-tag .el-icon-close::before{display:block}.el-tag .el-icon-close:hover{background-color:#324057;color:#fff}.el-tag--info,.el-tag--info .el-tag__close{color:#909399}.el-tag--info{background-color:rgba(144,147,153,.1);border-color:rgba(144,147,153,.2)}.el-tag--info.is-hit{border-color:#909399}.el-tag--info .el-tag__close:hover{background-color:#909399;color:#fff}.el-tag--success{background-color:rgba(103,194,58,.1);border-color:rgba(103,194,58,.2);color:#67c23a}.el-tag--success.is-hit{border-color:#67c23a}.el-tag--success .el-tag__close{color:#67c23a}.el-tag--success .el-tag__close:hover{background-color:#67c23a;color:#fff}.el-tag--warning{background-color:rgba(230,162,60,.1);border-color:rgba(230,162,60,.2);color:#e6a23c}.el-tag--warning.is-hit{border-color:#e6a23c}.el-tag--warning .el-tag__close{color:#e6a23c}.el-tag--warning .el-tag__close:hover{background-color:#e6a23c;color:#fff}.el-tag--danger{background-color:rgba(245,108,108,.1);border-color:rgba(245,108,108,.2);color:#f56c6c}.el-tag--danger.is-hit{border-color:#f56c6c}.el-tag--danger .el-tag__close{color:#f56c6c}.el-tag--danger .el-tag__close:hover{background-color:#f56c6c;color:#fff}.el-tag--medium{height:28px;line-height:26px}.el-tag--medium .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--small{height:24px;padding:0 8px;line-height:22px}.el-tag--small .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--mini{height:20px;padding:0 5px;line-height:19px}.el-tag--mini .el-icon-close{margin-left:-3px;-webkit-transform:scale(.7);transform:scale(.7)} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/time-picker.css
0 → 100755
1 | .el-fade-in-enter,.el-fade-in-leave-active,.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active,.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.fade-in-linear-enter-active,.fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-enter-active,.el-fade-in-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center top;transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center bottom;transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:top left;transform-origin:top left}.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;-webkit-transform:scale(.45,.45);transform:scale(.45,.45)}.collapse-transition{-webkit-transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out;transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{-webkit-transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out;transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{-webkit-transition:all 1s;transition:all 1s}.el-list-enter,.el-list-leave-active{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}.el-opacity-transition{-webkit-transition:opacity .3s cubic-bezier(.55,0,.1,1);transition:opacity .3s cubic-bezier(.55,0,.1,1)}.el-date-editor{position:relative;display:inline-block;text-align:left}.el-date-editor.el-input,.el-date-editor.el-input__inner{width:220px}.el-date-editor--daterange.el-input,.el-date-editor--daterange.el-input__inner,.el-date-editor--timerange.el-input,.el-date-editor--timerange.el-input__inner{width:350px}.el-date-editor--datetimerange.el-input,.el-date-editor--datetimerange.el-input__inner{width:400px}.el-date-editor--dates .el-input__inner{text-overflow:ellipsis;white-space:nowrap}.el-date-editor .el-icon-circle-close{cursor:pointer}.el-date-editor .el-range__icon{font-size:14px;margin-left:-5px;color:#c0c4cc;float:left;line-height:32px}.el-date-editor .el-range-input,.el-date-editor .el-range-separator{height:100%;margin:0;text-align:center;display:inline-block;font-size:14px}.el-date-editor .el-range-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:0;padding:0;width:39%;color:#606266}.el-date-editor .el-range-input::-webkit-input-placeholder{color:#c0c4cc}.el-date-editor .el-range-input:-ms-input-placeholder{color:#c0c4cc}.el-date-editor .el-range-input::placeholder{color:#c0c4cc}.el-date-editor .el-range-separator{padding:0 5px;line-height:32px;width:5%;color:#303133}.el-date-editor .el-range__close-icon{font-size:14px;color:#c0c4cc;width:25px;display:inline-block;float:right;line-height:32px}.el-range-editor.el-input__inner{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:3px 10px}.el-range-editor .el-range-input{line-height:1}.el-range-editor.is-active,.el-range-editor.is-active:hover{border-color:#324057}.el-range-editor--medium.el-input__inner{height:36px}.el-range-editor--medium .el-range-separator{line-height:28px;font-size:14px}.el-range-editor--medium .el-range-input{font-size:14px}.el-range-editor--medium .el-range__close-icon,.el-range-editor--medium .el-range__icon{line-height:28px}.el-range-editor--small.el-input__inner{height:32px}.el-range-editor--small .el-range-separator{line-height:24px;font-size:13px}.el-range-editor--small .el-range-input{font-size:13px}.el-range-editor--small .el-range__close-icon,.el-range-editor--small .el-range__icon{line-height:24px}.el-range-editor--mini.el-input__inner{height:28px}.el-range-editor--mini .el-range-separator{line-height:20px;font-size:12px}.el-range-editor--mini .el-range-input{font-size:12px}.el-range-editor--mini .el-range__close-icon,.el-range-editor--mini .el-range__icon{line-height:20px}.el-range-editor.is-disabled{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-range-editor.is-disabled:focus,.el-range-editor.is-disabled:hover{border-color:#e4e7ed}.el-range-editor.is-disabled input{background-color:#f5f7fa;color:#c0c4cc;cursor:not-allowed}.el-range-editor.is-disabled input::-webkit-input-placeholder{color:#c0c4cc}.el-range-editor.is-disabled input:-ms-input-placeholder{color:#c0c4cc}.el-range-editor.is-disabled input::placeholder{color:#c0c4cc}.el-range-editor.is-disabled .el-range-separator{color:#c0c4cc}.el-picker-panel{color:#606266;border:1px solid #e4e7ed;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);background:#fff;border-radius:4px;line-height:30px;margin:5px 0}.el-picker-panel__body-wrapper::after,.el-picker-panel__body::after{content:"";display:table;clear:both}.el-picker-panel__content{position:relative;margin:15px}.el-picker-panel__footer{border-top:1px solid #e4e4e4;padding:4px;text-align:right;background-color:#fff;position:relative;font-size:0}.el-picker-panel__shortcut{display:block;width:100%;border:0;background-color:transparent;line-height:28px;font-size:14px;color:#606266;padding-left:12px;text-align:left;outline:0;cursor:pointer}.el-picker-panel__shortcut:hover{color:#324057}.el-picker-panel__shortcut.active{background-color:#e6f1fe;color:#324057}.el-picker-panel__btn{border:1px solid #dcdcdc;color:#333;line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.el-picker-panel__btn[disabled]{color:#ccc;cursor:not-allowed}.el-picker-panel__icon-btn{font-size:12px;color:#303133;border:0;background:0 0;cursor:pointer;outline:0;margin-top:8px}.el-picker-panel__icon-btn:hover{color:#324057}.el-picker-panel__icon-btn.is-disabled{color:#bbb}.el-picker-panel__icon-btn.is-disabled:hover{cursor:not-allowed}.el-picker-panel__link-btn{vertical-align:middle}.el-picker-panel [slot=sidebar],.el-picker-panel__sidebar{position:absolute;top:0;bottom:0;width:110px;border-right:1px solid #e4e4e4;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:6px;background-color:#fff;overflow:auto}.el-picker-panel [slot=sidebar]+.el-picker-panel__body,.el-picker-panel__sidebar+.el-picker-panel__body{margin-left:110px}.el-time-spinner.has-seconds .el-time-spinner__wrapper{width:33.3%}.el-time-spinner__wrapper{max-height:190px;overflow:auto;display:inline-block;width:50%;vertical-align:top;position:relative}.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default){padding-bottom:15px}.el-time-spinner__input.el-input .el-input__inner,.el-time-spinner__list{padding:0;text-align:center}.el-time-spinner__wrapper.is-arrow{-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;overflow:hidden}.el-time-spinner__wrapper.is-arrow .el-time-spinner__list{-webkit-transform:translateY(-32px);transform:translateY(-32px)}.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.disabled):not(.active){background:#fff;cursor:default}.el-time-spinner__arrow{font-size:12px;color:#909399;position:absolute;left:0;width:100%;z-index:1;text-align:center;height:30px;line-height:30px;cursor:pointer}.el-time-spinner__arrow:hover{color:#324057}.el-time-spinner__arrow.el-icon-arrow-up{top:10px}.el-time-spinner__arrow.el-icon-arrow-down{bottom:10px}.el-time-spinner__input.el-input{width:70%}.el-time-spinner__list{margin:0;list-style:none}.el-time-spinner__list::after,.el-time-spinner__list::before{content:'';display:block;width:100%;height:80px}.el-time-spinner__item{height:32px;line-height:32px;font-size:12px;color:#606266}.el-time-spinner__item:hover:not(.disabled):not(.active){background:#f5f7fa;cursor:pointer}.el-time-spinner__item.active:not(.disabled){color:#303133;font-weight:700}.el-time-spinner__item.disabled{color:#c0c4cc;cursor:not-allowed}.el-time-panel{margin:5px 0;border:1px solid #e4e7ed;background-color:#fff;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border-radius:2px;position:absolute;width:180px;left:0;z-index:1000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:content-box;box-sizing:content-box}.el-time-panel__content{font-size:0;position:relative;overflow:hidden}.el-time-panel__content::after,.el-time-panel__content::before{content:"";top:50%;position:absolute;margin-top:-15px;height:32px;z-index:-1;left:0;right:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:6px;text-align:left;border-top:1px solid #e4e7ed;border-bottom:1px solid #e4e7ed}.el-time-panel__content::after{left:50%;margin-left:12%;margin-right:12%}.el-time-panel__content::before{padding-left:50%;margin-right:12%;margin-left:12%}.el-time-panel__content.has-seconds::after{left:calc(100% / 3 * 2)}.el-time-panel__content.has-seconds::before{padding-left:calc(100% / 3)}.el-time-panel__footer{border-top:1px solid #e4e4e4;padding:4px;height:36px;line-height:25px;text-align:right;-webkit-box-sizing:border-box;box-sizing:border-box}.el-time-panel__btn{border:none;line-height:28px;padding:0 5px;margin:0 5px;cursor:pointer;background-color:transparent;outline:0;font-size:12px;color:#303133}.el-time-panel__btn.confirm{font-weight:800;color:#324057}.el-time-range-picker{width:354px;overflow:visible}.el-time-range-picker__content{position:relative;text-align:center;padding:10px}.el-time-range-picker__cell{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:4px 7px 7px;width:50%;display:inline-block}.el-time-range-picker__header{margin-bottom:5px;text-align:center;font-size:14px}.el-time-range-picker__body{border-radius:2px;border:1px solid #e4e7ed}.el-textarea{display:inline-block;width:100%;vertical-align:bottom;font-size:14px}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:inherit;color:#606266;background-color:#fff;background-image:none;border:1px solid #dcdfe6;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea__inner:-ms-input-placeholder{color:#c0c4cc}.el-textarea__inner::placeholder{color:#c0c4cc}.el-textarea__inner:hover{border-color:#c0c4cc}.el-textarea__inner:focus{outline:0;border-color:#324057}.el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#c0c4cc}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:#c0c4cc;font-size:14px;line-height:16px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-input .el-input__clear:hover{color:#909399}.el-input__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #dcdfe6;-webkit-box-sizing:border-box;box-sizing:border-box;color:#606266;display:inline-block;font-size:inherit;height:40px;line-height:40px;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__prefix,.el-input__suffix{position:absolute;top:0;-webkit-transition:all .3s;text-align:center;height:100%;color:#c0c4cc}.el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input__inner:-ms-input-placeholder{color:#c0c4cc}.el-input__inner::placeholder{color:#c0c4cc}.el-input__inner:hover{border-color:#c0c4cc}.el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:#324057;outline:0}.el-input__suffix{right:5px;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{left:5px;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner::placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px;line-height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px;line-height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px;line-height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate;border-spacing:0}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#f5f7fa;color:#909399;vertical-align:middle;display:table-cell;position:relative;border:1px solid #dcdfe6;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-10px -20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-input-group--append .el-select .el-input.is-focus .el-input__inner,.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner{border-color:transparent}.el-input__inner::-ms-clear{display:none;width:0;height:0}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active>.el-scrollbar__bar,.el-scrollbar:focus>.el-scrollbar__bar,.el-scrollbar:hover>.el-scrollbar__bar{opacity:1;-webkit-transition:opacity 340ms ease-out;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll;height:100%}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(144,147,153,.3);-webkit-transition:.3s background-color;transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(144,147,153,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity 120ms ease-out;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#ebeef5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#ebeef5}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#ebeef5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#ebeef5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/time-select.css
0 → 100755
1 | .el-fade-in-enter,.el-fade-in-leave-active,.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active,.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.fade-in-linear-enter-active,.fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-enter-active,.el-fade-in-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center top;transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center bottom;transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:top left;transform-origin:top left}.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;-webkit-transform:scale(.45,.45);transform:scale(.45,.45)}.collapse-transition{-webkit-transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out;transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{-webkit-transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out;transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{-webkit-transition:all 1s;transition:all 1s}.el-list-enter,.el-list-leave-active{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}.el-opacity-transition{-webkit-transition:opacity .3s cubic-bezier(.55,0,.1,1);transition:opacity .3s cubic-bezier(.55,0,.1,1)}.el-date-editor{position:relative;display:inline-block;text-align:left}.el-date-editor.el-input,.el-date-editor.el-input__inner{width:220px}.el-date-editor--daterange.el-input,.el-date-editor--daterange.el-input__inner,.el-date-editor--timerange.el-input,.el-date-editor--timerange.el-input__inner{width:350px}.el-date-editor--datetimerange.el-input,.el-date-editor--datetimerange.el-input__inner{width:400px}.el-date-editor--dates .el-input__inner{text-overflow:ellipsis;white-space:nowrap}.el-date-editor .el-icon-circle-close{cursor:pointer}.el-date-editor .el-range__icon{font-size:14px;margin-left:-5px;color:#c0c4cc;float:left;line-height:32px}.el-date-editor .el-range-input,.el-date-editor .el-range-separator{height:100%;margin:0;text-align:center;display:inline-block;font-size:14px}.el-date-editor .el-range-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:0;padding:0;width:39%;color:#606266}.el-date-editor .el-range-input::-webkit-input-placeholder{color:#c0c4cc}.el-date-editor .el-range-input:-ms-input-placeholder{color:#c0c4cc}.el-date-editor .el-range-input::placeholder{color:#c0c4cc}.el-date-editor .el-range-separator{padding:0 5px;line-height:32px;width:5%;color:#303133}.el-date-editor .el-range__close-icon{font-size:14px;color:#c0c4cc;width:25px;display:inline-block;float:right;line-height:32px}.el-range-editor.el-input__inner{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:3px 10px}.el-range-editor .el-range-input{line-height:1}.el-range-editor.is-active,.el-range-editor.is-active:hover{border-color:#324057}.el-range-editor--medium.el-input__inner{height:36px}.el-range-editor--medium .el-range-separator{line-height:28px;font-size:14px}.el-range-editor--medium .el-range-input{font-size:14px}.el-range-editor--medium .el-range__close-icon,.el-range-editor--medium .el-range__icon{line-height:28px}.el-range-editor--small.el-input__inner{height:32px}.el-range-editor--small .el-range-separator{line-height:24px;font-size:13px}.el-range-editor--small .el-range-input{font-size:13px}.el-range-editor--small .el-range__close-icon,.el-range-editor--small .el-range__icon{line-height:24px}.el-range-editor--mini.el-input__inner{height:28px}.el-range-editor--mini .el-range-separator{line-height:20px;font-size:12px}.el-range-editor--mini .el-range-input{font-size:12px}.el-range-editor--mini .el-range__close-icon,.el-range-editor--mini .el-range__icon{line-height:20px}.el-range-editor.is-disabled{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-range-editor.is-disabled:focus,.el-range-editor.is-disabled:hover{border-color:#e4e7ed}.el-range-editor.is-disabled input{background-color:#f5f7fa;color:#c0c4cc;cursor:not-allowed}.el-range-editor.is-disabled input::-webkit-input-placeholder{color:#c0c4cc}.el-range-editor.is-disabled input:-ms-input-placeholder{color:#c0c4cc}.el-range-editor.is-disabled input::placeholder{color:#c0c4cc}.el-range-editor.is-disabled .el-range-separator{color:#c0c4cc}.el-picker-panel{color:#606266;border:1px solid #e4e7ed;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);background:#fff;border-radius:4px;line-height:30px;margin:5px 0}.el-picker-panel__body-wrapper::after,.el-picker-panel__body::after{content:"";display:table;clear:both}.el-picker-panel__content{position:relative;margin:15px}.el-picker-panel__footer{border-top:1px solid #e4e4e4;padding:4px;text-align:right;background-color:#fff;position:relative;font-size:0}.el-picker-panel__shortcut{display:block;width:100%;border:0;background-color:transparent;line-height:28px;font-size:14px;color:#606266;padding-left:12px;text-align:left;outline:0;cursor:pointer}.el-picker-panel__shortcut:hover{color:#324057}.el-picker-panel__shortcut.active{background-color:#e6f1fe;color:#324057}.el-picker-panel__btn{border:1px solid #dcdcdc;color:#333;line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.el-picker-panel__btn[disabled]{color:#ccc;cursor:not-allowed}.el-picker-panel__icon-btn{font-size:12px;color:#303133;border:0;background:0 0;cursor:pointer;outline:0;margin-top:8px}.el-picker-panel__icon-btn:hover{color:#324057}.el-picker-panel__icon-btn.is-disabled{color:#bbb}.el-picker-panel__icon-btn.is-disabled:hover{cursor:not-allowed}.el-picker-panel__link-btn{vertical-align:middle}.el-picker-panel [slot=sidebar],.el-picker-panel__sidebar{position:absolute;top:0;bottom:0;width:110px;border-right:1px solid #e4e4e4;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:6px;background-color:#fff;overflow:auto}.el-picker-panel [slot=sidebar]+.el-picker-panel__body,.el-picker-panel__sidebar+.el-picker-panel__body{margin-left:110px}.el-date-picker{width:322px}.el-date-picker.has-sidebar.has-time{width:434px}.el-date-picker.has-sidebar{width:438px}.el-date-picker.has-time .el-picker-panel__body-wrapper{position:relative}.el-date-picker .el-picker-panel__content{width:292px}.el-date-picker table{table-layout:fixed;width:100%}.el-date-picker__editor-wrap{position:relative;display:table-cell;padding:0 5px}.el-date-picker__time-header{position:relative;border-bottom:1px solid #e4e4e4;font-size:12px;padding:8px 5px 5px;display:table;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.el-date-picker__header{margin:12px;text-align:center}.el-date-picker__header--bordered{margin-bottom:0;padding-bottom:12px;border-bottom:solid 1px #ebeef5}.el-date-picker__header--bordered+.el-picker-panel__content{margin-top:0}.el-date-picker__header-label{font-size:16px;font-weight:500;padding:0 5px;line-height:22px;text-align:center;cursor:pointer;color:#606266}.el-date-picker__header-label.active,.el-date-picker__header-label:hover{color:#324057}.el-date-picker__prev-btn{float:left}.el-date-picker__next-btn{float:right}.el-date-picker__time-wrap{padding:10px;text-align:center}.el-date-picker__time-label{float:left;cursor:pointer;line-height:30px;margin-left:10px}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active>.el-scrollbar__bar,.el-scrollbar:focus>.el-scrollbar__bar,.el-scrollbar:hover>.el-scrollbar__bar{opacity:1;-webkit-transition:opacity 340ms ease-out;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll;height:100%}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(144,147,153,.3);-webkit-transition:.3s background-color;transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(144,147,153,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity 120ms ease-out;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#ebeef5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#ebeef5}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#ebeef5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#ebeef5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.time-select{margin:5px 0;min-width:0}.time-select .el-picker-panel__content{max-height:200px;margin:0}.time-select-item{padding:8px 10px;font-size:14px;line-height:20px}.time-select-item.selected:not(.disabled){color:#324057;font-weight:700}.time-select-item.disabled{color:#e4e7ed;cursor:not-allowed}.time-select-item:hover{background-color:#f5f7fa;font-weight:700;cursor:pointer} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/tooltip.css
0 → 100755
1 | .el-tooltip:focus:hover,.el-tooltip:focus:not(.focusing){outline-width:0}.el-tooltip__popper{position:absolute;border-radius:4px;padding:10px;z-index:2000;font-size:12px;line-height:1.2;min-width:10px;word-wrap:break-word}.el-tooltip__popper .popper__arrow,.el-tooltip__popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-tooltip__popper .popper__arrow{border-width:6px}.el-tooltip__popper .popper__arrow::after{content:" ";border-width:5px}.el-tooltip__popper[x-placement^=top]{margin-bottom:12px}.el-tooltip__popper[x-placement^=top] .popper__arrow{bottom:-6px;border-top-color:#303133;border-bottom-width:0}.el-tooltip__popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-5px;border-top-color:#303133;border-bottom-width:0}.el-tooltip__popper[x-placement^=bottom]{margin-top:12px}.el-tooltip__popper[x-placement^=bottom] .popper__arrow{top:-6px;border-top-width:0;border-bottom-color:#303133}.el-tooltip__popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-5px;border-top-width:0;border-bottom-color:#303133}.el-tooltip__popper[x-placement^=right]{margin-left:12px}.el-tooltip__popper[x-placement^=right] .popper__arrow{left:-6px;border-right-color:#303133;border-left-width:0}.el-tooltip__popper[x-placement^=right] .popper__arrow::after{bottom:-5px;left:1px;border-right-color:#303133;border-left-width:0}.el-tooltip__popper[x-placement^=left]{margin-right:12px}.el-tooltip__popper[x-placement^=left] .popper__arrow{right:-6px;border-right-width:0;border-left-color:#303133}.el-tooltip__popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-5px;margin-left:-5px;border-right-width:0;border-left-color:#303133}.el-tooltip__popper.is-dark{background:#303133;color:#fff}.el-tooltip__popper.is-light{background:#fff;border:1px solid #303133}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow{border-top-color:#303133}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow::after{border-top-color:#fff}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow{border-bottom-color:#303133}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow::after{border-bottom-color:#fff}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow{border-left-color:#303133}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow::after{border-left-color:#fff}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow{border-right-color:#303133}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow::after{border-right-color:#fff} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/transfer.css
0 → 100755
1 | @charset "UTF-8";.el-button,.el-checkbox{-moz-user-select:none;-ms-user-select:none}.el-button,.el-checkbox-button__inner{font-weight:500;-webkit-appearance:none}.el-textarea{display:inline-block;width:100%;vertical-align:bottom;font-size:14px}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:inherit;color:#606266;background-color:#fff;background-image:none;border:1px solid #dcdfe6;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea__inner:-ms-input-placeholder{color:#c0c4cc}.el-textarea__inner::placeholder{color:#c0c4cc}.el-textarea__inner:hover{border-color:#c0c4cc}.el-textarea__inner:focus{outline:0;border-color:#324057}.el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#c0c4cc}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-button-group>.el-button.is-active,.el-button-group>.el-button.is-disabled,.el-button-group>.el-button:active,.el-button-group>.el-button:focus,.el-button-group>.el-button:hover{z-index:1}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:#c0c4cc;font-size:14px;line-height:16px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-input .el-input__clear:hover{color:#909399}.el-input__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #dcdfe6;-webkit-box-sizing:border-box;box-sizing:border-box;color:#606266;display:inline-block;font-size:inherit;height:40px;line-height:40px;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__prefix,.el-input__suffix{position:absolute;top:0;-webkit-transition:all .3s;height:100%;color:#c0c4cc;text-align:center}.el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input__inner:-ms-input-placeholder{color:#c0c4cc}.el-input__inner::placeholder{color:#c0c4cc}.el-input__inner:hover{border-color:#c0c4cc}.el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:#324057;outline:0}.el-input__suffix{right:5px;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{left:5px;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner::placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px;line-height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px;line-height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px;line-height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate;border-spacing:0}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#f5f7fa;color:#909399;vertical-align:middle;display:table-cell;position:relative;border:1px solid #dcdfe6;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-10px -20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-input-group--append .el-select .el-input.is-focus .el-input__inner,.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner{border-color:transparent}.el-input__inner::-ms-clear{display:none;width:0;height:0}.el-button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dcdfe6;color:#606266;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;-webkit-transition:.1s;transition:.1s;-webkit-user-select:none;padding:12px 20px;font-size:14px;border-radius:4px}.el-button+.el-button{margin-left:10px}.el-button:focus,.el-button:hover{color:#324057;border-color:rgb(194, 198, 205);background-color:rgb(235, 236, 238)}.el-button:active{color:rgb(45, 58, 78);border-color:rgb(45, 58, 78);outline:0}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon-]+span{margin-left:5px}.el-button.is-plain:focus,.el-button.is-plain:hover{background:#fff;border-color:#324057;color:#324057}.el-button.is-active,.el-button.is-plain:active{color:rgb(45, 58, 78);border-color:rgb(45, 58, 78)}.el-button.is-plain:active{background:#fff;outline:0}.el-button.is-disabled,.el-button.is-disabled:focus,.el-button.is-disabled:hover{color:#c0c4cc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#ebeef5}.el-button.is-disabled.el-button--text{background-color:transparent}.el-button.is-disabled.is-plain,.el-button.is-disabled.is-plain:focus,.el-button.is-disabled.is-plain:hover{background-color:#fff;border-color:#ebeef5;color:#c0c4cc}.el-button.is-loading{position:relative;pointer-events:none}.el-button.is-loading:before{pointer-events:none;content:'';position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:rgba(255,255,255,.35)}.el-button.is-round{border-radius:20px;padding:12px 23px}.el-button.is-circle{border-radius:50%;padding:12px}.el-button--primary{color:#fff;background-color:#324057;border-color:#324057}.el-button--primary:focus,.el-button--primary:hover{background:rgb(91, 102, 121);border-color:rgb(91, 102, 121);color:#fff}.el-button--primary.is-active,.el-button--primary:active{background:rgb(45, 58, 78);border-color:rgb(45, 58, 78);color:#fff}.el-button--primary:active{outline:0}.el-button--primary.is-disabled,.el-button--primary.is-disabled:active,.el-button--primary.is-disabled:focus,.el-button--primary.is-disabled:hover{color:#fff;background-color:rgb(153, 160, 171);border-color:rgb(153, 160, 171)}.el-button--primary.is-plain{color:#324057;background:rgb(235, 236, 238);border-color:rgb(173, 179, 188)}.el-button--primary.is-plain:focus,.el-button--primary.is-plain:hover{background:#324057;border-color:#324057;color:#fff}.el-button--primary.is-plain:active{background:rgb(45, 58, 78);border-color:rgb(45, 58, 78);color:#fff;outline:0}.el-button--primary.is-plain.is-disabled,.el-button--primary.is-plain.is-disabled:active,.el-button--primary.is-plain.is-disabled:focus,.el-button--primary.is-plain.is-disabled:hover{color:rgb(132, 140, 154);background-color:rgb(235, 236, 238);border-color:rgb(214, 217, 221)}.el-button--success{color:#fff;background-color:#67c23a;border-color:#67c23a}.el-button--success:focus,.el-button--success:hover{background:#85ce61;border-color:#85ce61;color:#fff}.el-button--success.is-active,.el-button--success:active{background:#5daf34;border-color:#5daf34;color:#fff}.el-button--success:active{outline:0}.el-button--success.is-disabled,.el-button--success.is-disabled:active,.el-button--success.is-disabled:focus,.el-button--success.is-disabled:hover{color:#fff;background-color:#b3e19d;border-color:#b3e19d}.el-button--success.is-plain{color:#67c23a;background:#f0f9eb;border-color:#c2e7b0}.el-button--success.is-plain:focus,.el-button--success.is-plain:hover{background:#67c23a;border-color:#67c23a;color:#fff}.el-button--success.is-plain:active{background:#5daf34;border-color:#5daf34;color:#fff;outline:0}.el-button--success.is-plain.is-disabled,.el-button--success.is-plain.is-disabled:active,.el-button--success.is-plain.is-disabled:focus,.el-button--success.is-plain.is-disabled:hover{color:#a4da89;background-color:#f0f9eb;border-color:#e1f3d8}.el-button--warning{color:#fff;background-color:#e6a23c;border-color:#e6a23c}.el-button--warning:focus,.el-button--warning:hover{background:#ebb563;border-color:#ebb563;color:#fff}.el-button--warning.is-active,.el-button--warning:active{background:#cf9236;border-color:#cf9236;color:#fff}.el-button--warning:active{outline:0}.el-button--warning.is-disabled,.el-button--warning.is-disabled:active,.el-button--warning.is-disabled:focus,.el-button--warning.is-disabled:hover{color:#fff;background-color:#f3d19e;border-color:#f3d19e}.el-button--warning.is-plain{color:#e6a23c;background:#fdf6ec;border-color:#f5dab1}.el-button--warning.is-plain:focus,.el-button--warning.is-plain:hover{background:#e6a23c;border-color:#e6a23c;color:#fff}.el-button--warning.is-plain:active{background:#cf9236;border-color:#cf9236;color:#fff;outline:0}.el-button--warning.is-plain.is-disabled,.el-button--warning.is-plain.is-disabled:active,.el-button--warning.is-plain.is-disabled:focus,.el-button--warning.is-plain.is-disabled:hover{color:#f0c78a;background-color:#fdf6ec;border-color:#faecd8}.el-button--danger{color:#fff;background-color:#f56c6c;border-color:#f56c6c}.el-button--danger:focus,.el-button--danger:hover{background:#f78989;border-color:#f78989;color:#fff}.el-button--danger.is-active,.el-button--danger:active{background:#dd6161;border-color:#dd6161;color:#fff}.el-button--danger:active{outline:0}.el-button--danger.is-disabled,.el-button--danger.is-disabled:active,.el-button--danger.is-disabled:focus,.el-button--danger.is-disabled:hover{color:#fff;background-color:#fab6b6;border-color:#fab6b6}.el-button--danger.is-plain{color:#f56c6c;background:#fef0f0;border-color:#fbc4c4}.el-button--danger.is-plain:focus,.el-button--danger.is-plain:hover{background:#f56c6c;border-color:#f56c6c;color:#fff}.el-button--danger.is-plain:active{background:#dd6161;border-color:#dd6161;color:#fff;outline:0}.el-button--danger.is-plain.is-disabled,.el-button--danger.is-plain.is-disabled:active,.el-button--danger.is-plain.is-disabled:focus,.el-button--danger.is-plain.is-disabled:hover{color:#f9a7a7;background-color:#fef0f0;border-color:#fde2e2}.el-button--info{color:#fff;background-color:#909399;border-color:#909399}.el-button--info:focus,.el-button--info:hover{background:#a6a9ad;border-color:#a6a9ad;color:#fff}.el-button--info.is-active,.el-button--info:active{background:#82848a;border-color:#82848a;color:#fff}.el-button--info:active{outline:0}.el-button--info.is-disabled,.el-button--info.is-disabled:active,.el-button--info.is-disabled:focus,.el-button--info.is-disabled:hover{color:#fff;background-color:#c8c9cc;border-color:#c8c9cc}.el-button--info.is-plain{color:#909399;background:#f4f4f5;border-color:#d3d4d6}.el-button--info.is-plain:focus,.el-button--info.is-plain:hover{background:#909399;border-color:#909399;color:#fff}.el-button--info.is-plain:active{background:#82848a;border-color:#82848a;color:#fff;outline:0}.el-button--info.is-plain.is-disabled,.el-button--info.is-plain.is-disabled:active,.el-button--info.is-plain.is-disabled:focus,.el-button--info.is-plain.is-disabled:hover{color:#bcbec2;background-color:#f4f4f5;border-color:#e9e9eb}.el-button--text,.el-button--text.is-disabled,.el-button--text.is-disabled:focus,.el-button--text.is-disabled:hover,.el-button--text:active{border-color:transparent}.el-button--medium{padding:10px 20px;font-size:14px;border-radius:4px}.el-button--mini,.el-button--small{font-size:12px;border-radius:3px}.el-button--medium.is-round{padding:10px 20px}.el-button--medium.is-circle{padding:10px}.el-button--small,.el-button--small.is-round{padding:9px 15px}.el-button--small.is-circle{padding:9px}.el-button--mini,.el-button--mini.is-round{padding:7px 15px}.el-button--mini.is-circle{padding:7px}.el-button--text{color:#324057;background:0 0;padding-left:0;padding-right:0}.el-button--text:focus,.el-button--text:hover{color:rgb(91, 102, 121);border-color:transparent;background-color:transparent}.el-button--text:active{color:rgb(45, 58, 78);background-color:transparent}.el-button-group{display:inline-block;vertical-align:middle}.el-button-group::after,.el-button-group::before{display:table;content:""}.el-checkbox,.el-checkbox__input{display:inline-block;position:relative;white-space:nowrap}.el-button-group::after{clear:both}.el-button-group>.el-button{float:left;position:relative}.el-button-group>.el-button+.el-button{margin-left:0}.el-button-group>.el-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.el-button-group>.el-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.el-button-group>.el-button:first-child:last-child{border-radius:4px}.el-button-group>.el-button:first-child:last-child.is-round{border-radius:20px}.el-button-group>.el-button:first-child:last-child.is-circle{border-radius:50%}.el-button-group>.el-button:not(:first-child):not(:last-child){border-radius:0}.el-button-group>.el-button:not(:last-child){margin-right:-1px}.el-button-group>.el-dropdown>.el-button{border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-checkbox{color:#606266;font-weight:500;font-size:14px;cursor:pointer;-webkit-user-select:none;user-select:none}.el-checkbox.is-bordered{padding:9px 20px 9px 10px;border-radius:4px;border:1px solid #dcdfe6;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:normal;height:40px}.el-checkbox.is-bordered.is-checked{border-color:#324057}.el-checkbox.is-bordered.is-disabled{border-color:#ebeef5;cursor:not-allowed}.el-checkbox.is-bordered+.el-checkbox.is-bordered{margin-left:10px}.el-checkbox.is-bordered.el-checkbox--medium{padding:7px 20px 7px 10px;border-radius:4px;height:36px}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label{line-height:17px;font-size:14px}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner{height:14px;width:14px}.el-checkbox.is-bordered.el-checkbox--small{padding:5px 15px 5px 10px;border-radius:3px;height:32px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label{line-height:15px;font-size:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after{height:6px;width:2px}.el-checkbox.is-bordered.el-checkbox--mini{padding:3px 15px 3px 10px;border-radius:3px;height:28px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label{line-height:12px;font-size:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after{height:6px;width:2px}.el-checkbox__input{cursor:pointer;outline:0;line-height:1;vertical-align:middle}.el-checkbox__input.is-disabled .el-checkbox__inner{background-color:#edf2fc;border-color:#dcdfe6;cursor:not-allowed}.el-checkbox__input.is-disabled .el-checkbox__inner::after{cursor:not-allowed;border-color:#c0c4cc}.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label{cursor:not-allowed}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:#f2f6fc;border-color:#dcdfe6}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{border-color:#c0c4cc}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:#f2f6fc;border-color:#dcdfe6}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before{background-color:#c0c4cc;border-color:#c0c4cc}.el-checkbox__input.is-checked .el-checkbox__inner,.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#324057;border-color:#324057}.el-checkbox__input.is-disabled+span.el-checkbox__label{color:#c0c4cc;cursor:not-allowed}.el-checkbox__input.is-checked .el-checkbox__inner::after{-webkit-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.el-checkbox__input.is-checked+.el-checkbox__label{color:#324057}.el-checkbox__input.is-focus .el-checkbox__inner{border-color:#324057}.el-checkbox__input.is-indeterminate .el-checkbox__inner::before{content:'';position:absolute;display:block;background-color:#fff;height:2px;-webkit-transform:scale(.5);transform:scale(.5);left:0;right:0;top:5px}.el-checkbox__input.is-indeterminate .el-checkbox__inner::after{display:none}.el-checkbox__inner{display:inline-block;position:relative;border:1px solid #dcdfe6;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;background-color:#fff;z-index:1;-webkit-transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.el-checkbox__inner:hover{border-color:#324057}.el-checkbox__inner::after{-webkit-box-sizing:content-box;box-sizing:content-box;content:"";border:1px solid #fff;border-left:0;border-top:0;height:7px;left:4px;position:absolute;top:1px;-webkit-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);width:3px;-webkit-transition:-webkit-transform .15s ease-in .05s;transition:-webkit-transform .15s ease-in .05s;transition:transform .15s ease-in .05s;transition:transform .15s ease-in .05s,-webkit-transform .15s ease-in .05s;-webkit-transform-origin:center;transform-origin:center}.el-checkbox-button__inner,.el-transfer-panel{-webkit-box-sizing:border-box;vertical-align:middle}.el-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.el-checkbox-button,.el-checkbox-button__inner{position:relative;display:inline-block}.el-checkbox__label{display:inline-block;padding-left:10px;line-height:19px;font-size:14px}.el-checkbox+.el-checkbox{margin-left:30px}.el-checkbox-button__inner{line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dcdfe6;border-left:0;color:#606266;text-align:center;box-sizing:border-box;outline:0;margin:0;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:12px 20px;font-size:14px;border-radius:0}.el-checkbox-button__inner.is-round{padding:12px 20px}.el-checkbox-button__inner:hover{color:#324057}.el-checkbox-button__inner [class*=el-icon-]{line-height:.9}.el-checkbox-button__inner [class*=el-icon-]+span{margin-left:5px}.el-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;z-index:-1}.el-checkbox-button.is-checked .el-checkbox-button__inner{color:#fff;background-color:#324057;border-color:#324057;-webkit-box-shadow:-1px 0 0 0 rgb(132, 140, 154);box-shadow:-1px 0 0 0 rgb(132, 140, 154)}.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner{border-left-color:#324057}.el-checkbox-button.is-disabled .el-checkbox-button__inner{color:#c0c4cc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#ebeef5;-webkit-box-shadow:none;box-shadow:none}.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner{border-left-color:#ebeef5}.el-checkbox-button:first-child .el-checkbox-button__inner{border-left:1px solid #dcdfe6;border-radius:4px 0 0 4px;-webkit-box-shadow:none!important;box-shadow:none!important}.el-checkbox-button.is-focus .el-checkbox-button__inner{border-color:#324057}.el-checkbox-button:last-child .el-checkbox-button__inner{border-radius:0 4px 4px 0}.el-checkbox-button--medium .el-checkbox-button__inner{padding:10px 20px;font-size:14px;border-radius:0}.el-checkbox-button--medium .el-checkbox-button__inner.is-round{padding:10px 20px}.el-checkbox-button--small .el-checkbox-button__inner{padding:9px 15px;font-size:12px;border-radius:0}.el-checkbox-button--small .el-checkbox-button__inner.is-round{padding:9px 15px}.el-checkbox-button--mini .el-checkbox-button__inner{padding:7px 15px;font-size:12px;border-radius:0}.el-checkbox-button--mini .el-checkbox-button__inner.is-round{padding:7px 15px}.el-checkbox-group{font-size:0}.el-transfer{font-size:14px}.el-transfer__buttons{display:inline-block;vertical-align:middle;padding:0 30px}.el-transfer__button{display:block;margin:0 auto;padding:10px;border-radius:50%;color:#fff;background-color:#324057;font-size:0}.el-transfer-panel__item+.el-transfer-panel__item,.el-transfer__button [class*=el-icon-]+span{margin-left:0}.el-transfer__button.is-with-texts{border-radius:4px}.el-transfer__button.is-disabled,.el-transfer__button.is-disabled:hover{border:1px solid #dcdfe6;background-color:#f5f7fa;color:#c0c4cc}.el-transfer__button:first-child{margin-bottom:10px}.el-transfer__button:nth-child(2){margin:0}.el-transfer__button i,.el-transfer__button span{font-size:14px}.el-transfer-panel{border:1px solid #ebeef5;border-radius:4px;overflow:hidden;background:#fff;display:inline-block;width:200px;max-height:100%;box-sizing:border-box;position:relative}.el-transfer-panel__body{height:246px}.el-transfer-panel__body.is-with-footer{padding-bottom:40px}.el-transfer-panel__list{margin:0;padding:6px 0;list-style:none;height:246px;overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box}.el-transfer-panel__list.is-filterable{height:194px;padding-top:0}.el-transfer-panel__item{height:30px;line-height:30px;padding-left:15px;display:block}.el-transfer-panel__item.el-checkbox{color:#606266}.el-transfer-panel__item:hover{color:#324057}.el-transfer-panel__item.el-checkbox .el-checkbox__label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:24px;line-height:30px}.el-transfer-panel__item .el-checkbox__input{position:absolute;top:8px}.el-transfer-panel__filter{text-align:center;margin:15px;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;width:auto}.el-transfer-panel__filter .el-input__inner{height:32px;width:100%;font-size:12px;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:16px;padding-right:10px;padding-left:30px}.el-transfer-panel__filter .el-input__icon{margin-left:5px}.el-transfer-panel__filter .el-icon-circle-close{cursor:pointer}.el-transfer-panel .el-transfer-panel__header{height:40px;line-height:40px;background:#f5f7fa;margin:0;padding-left:15px;border-bottom:1px solid #ebeef5;-webkit-box-sizing:border-box;box-sizing:border-box;color:#000}.el-transfer-panel .el-transfer-panel__header .el-checkbox{display:block;line-height:40px}.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label{font-size:16px;color:#303133;font-weight:400}.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span{position:absolute;right:15px;color:#909399;font-size:12px;font-weight:400}.el-transfer-panel .el-transfer-panel__footer{height:40px;background:#fff;margin:0;padding:0;border-top:1px solid #ebeef5;position:absolute;bottom:0;left:0;width:100%;z-index:1}.el-transfer-panel .el-transfer-panel__footer::after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-transfer-panel .el-transfer-panel__footer .el-checkbox{padding-left:20px;color:#606266}.el-transfer-panel .el-transfer-panel__empty{margin:0;height:30px;line-height:30px;padding:6px 15px 0;color:#909399;text-align:center}.el-transfer-panel .el-checkbox__label{padding-left:8px}.el-transfer-panel .el-checkbox__inner{height:14px;width:14px;border-radius:3px}.el-transfer-panel .el-checkbox__inner::after{height:6px;width:3px;left:4px} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/tree.css
0 → 100755
1 | @charset "UTF-8";.el-fade-in-enter,.el-fade-in-leave-active,.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active,.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.el-checkbox,.el-checkbox__input{display:inline-block;position:relative}.fade-in-linear-enter-active,.fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-enter-active,.el-fade-in-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center top;transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center bottom;transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:top left;transform-origin:top left}.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;-webkit-transform:scale(.45,.45);transform:scale(.45,.45)}.collapse-transition{-webkit-transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out;transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{-webkit-transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out;transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{-webkit-transition:all 1s;transition:all 1s}.el-list-enter,.el-list-leave-active{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}.el-opacity-transition{-webkit-transition:opacity .3s cubic-bezier(.55,0,.1,1);transition:opacity .3s cubic-bezier(.55,0,.1,1)}.el-checkbox{color:#606266;font-weight:500;font-size:14px;cursor:pointer;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-checkbox.is-bordered{padding:9px 20px 9px 10px;border-radius:4px;border:1px solid #dcdfe6;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:normal;height:40px}.el-checkbox.is-bordered.is-checked{border-color:#324057}.el-checkbox.is-bordered.is-disabled{border-color:#ebeef5;cursor:not-allowed}.el-checkbox.is-bordered+.el-checkbox.is-bordered{margin-left:10px}.el-checkbox.is-bordered.el-checkbox--medium{padding:7px 20px 7px 10px;border-radius:4px;height:36px}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label{line-height:17px;font-size:14px}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner{height:14px;width:14px}.el-checkbox.is-bordered.el-checkbox--small{padding:5px 15px 5px 10px;border-radius:3px;height:32px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label{line-height:15px;font-size:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after{height:6px;width:2px}.el-checkbox.is-bordered.el-checkbox--mini{padding:3px 15px 3px 10px;border-radius:3px;height:28px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label{line-height:12px;font-size:12px}.el-checkbox-button__inner,.el-checkbox__input{line-height:1;vertical-align:middle;white-space:nowrap;outline:0}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after{height:6px;width:2px}.el-checkbox__input{cursor:pointer}.el-checkbox__input.is-disabled .el-checkbox__inner{background-color:#edf2fc;border-color:#dcdfe6;cursor:not-allowed}.el-checkbox__input.is-disabled .el-checkbox__inner::after{cursor:not-allowed;border-color:#c0c4cc}.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label{cursor:not-allowed}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:#f2f6fc;border-color:#dcdfe6}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{border-color:#c0c4cc}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:#f2f6fc;border-color:#dcdfe6}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before{background-color:#c0c4cc;border-color:#c0c4cc}.el-checkbox__input.is-checked .el-checkbox__inner,.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#324057;border-color:#324057}.el-checkbox__input.is-disabled+span.el-checkbox__label{color:#c0c4cc;cursor:not-allowed}.el-checkbox__input.is-checked .el-checkbox__inner::after{-webkit-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.el-checkbox__input.is-checked+.el-checkbox__label{color:#324057}.el-checkbox__input.is-focus .el-checkbox__inner{border-color:#324057}.el-checkbox__input.is-indeterminate .el-checkbox__inner::before{content:'';position:absolute;display:block;background-color:#fff;height:2px;-webkit-transform:scale(.5);transform:scale(.5);left:0;right:0;top:5px}.el-checkbox__input.is-indeterminate .el-checkbox__inner::after{display:none}.el-checkbox__inner{display:inline-block;position:relative;border:1px solid #dcdfe6;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;background-color:#fff;z-index:1;-webkit-transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.el-checkbox__inner:hover{border-color:#324057}.el-checkbox__inner::after{-webkit-box-sizing:content-box;box-sizing:content-box;content:"";border:1px solid #fff;border-left:0;border-top:0;height:7px;left:4px;position:absolute;top:1px;-webkit-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);width:3px;-webkit-transition:-webkit-transform .15s ease-in .05s;transition:-webkit-transform .15s ease-in .05s;transition:transform .15s ease-in .05s;transition:transform .15s ease-in .05s,-webkit-transform .15s ease-in .05s;-webkit-transform-origin:center;transform-origin:center}.el-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.el-checkbox-button,.el-checkbox-button__inner{display:inline-block;position:relative}.el-checkbox__label{display:inline-block;padding-left:10px;line-height:19px;font-size:14px}.el-checkbox+.el-checkbox{margin-left:30px}.el-checkbox-button__inner{font-weight:500;cursor:pointer;background:#fff;border:1px solid #dcdfe6;border-left:0;color:#606266;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:12px 20px;font-size:14px;border-radius:0}.el-checkbox-button__inner.is-round{padding:12px 20px}.el-checkbox-button__inner:hover{color:#324057}.el-checkbox-button__inner [class*=el-icon-]{line-height:.9}.el-checkbox-button__inner [class*=el-icon-]+span{margin-left:5px}.el-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;z-index:-1}.el-checkbox-button.is-checked .el-checkbox-button__inner{color:#fff;background-color:#324057;border-color:#324057;-webkit-box-shadow:-1px 0 0 0 rgb(132, 140, 154);box-shadow:-1px 0 0 0 rgb(132, 140, 154)}.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner{border-left-color:#324057}.el-checkbox-button.is-disabled .el-checkbox-button__inner{color:#c0c4cc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#ebeef5;-webkit-box-shadow:none;box-shadow:none}.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner{border-left-color:#ebeef5}.el-checkbox-button:first-child .el-checkbox-button__inner{border-left:1px solid #dcdfe6;border-radius:4px 0 0 4px;-webkit-box-shadow:none!important;box-shadow:none!important}.el-checkbox-button.is-focus .el-checkbox-button__inner{border-color:#324057}.el-checkbox-button:last-child .el-checkbox-button__inner{border-radius:0 4px 4px 0}.el-checkbox-button--medium .el-checkbox-button__inner{padding:10px 20px;font-size:14px;border-radius:0}.el-checkbox-button--medium .el-checkbox-button__inner.is-round{padding:10px 20px}.el-checkbox-button--small .el-checkbox-button__inner{padding:9px 15px;font-size:12px;border-radius:0}.el-checkbox-button--small .el-checkbox-button__inner.is-round{padding:9px 15px}.el-checkbox-button--mini .el-checkbox-button__inner{padding:7px 15px;font-size:12px;border-radius:0}.el-checkbox-button--mini .el-checkbox-button__inner.is-round{padding:7px 15px}.el-checkbox-group{font-size:0}.el-tree{position:relative;cursor:default;background:#fff;color:#606266}.el-tree__empty-block{position:relative;min-height:60px;text-align:center;width:100%;height:100%}.el-tree__empty-text{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#6f7180}.el-tree__drop-indicator{position:absolute;left:0;right:0;height:1px;background-color:#324057}.el-tree-node{white-space:nowrap;outline:0}.el-tree-node:focus>.el-tree-node__content{background-color:#f5f7fa}.el-tree-node.is-drop-inner>.el-tree-node__content .el-tree-node__label{background-color:#324057;color:#fff}.el-tree-node__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:26px;cursor:pointer}.el-tree-node__content>.el-tree-node__expand-icon{padding:6px}.el-tree-node__content>.el-checkbox{margin-right:8px}.el-tree-node__content:hover{background-color:#f5f7fa}.el-tree.is-dragging .el-tree-node__content{cursor:move}.el-tree.is-dragging .el-tree-node__content *{pointer-events:none}.el-tree.is-dragging.is-drop-not-allow .el-tree-node__content{cursor:not-allowed}.el-tree-node__expand-icon{cursor:pointer;color:#c0c4cc;font-size:12px;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.el-tree-node__expand-icon.expanded{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.el-tree-node__expand-icon.is-leaf{color:transparent;cursor:default}.el-tree-node__label{font-size:14px}.el-tree-node__loading-icon{margin-right:8px;font-size:14px;color:#c0c4cc}.el-tree-node>.el-tree-node__children{overflow:hidden;background-color:transparent}.el-tree-node.is-expanded>.el-tree-node__children{display:block}.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{background-color:#f0f7ff} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/upload.css
0 → 100755
1 | @charset "UTF-8";.el-upload-cover__title,.el-upload-list__item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-progress{position:relative;line-height:1}.el-progress__text{font-size:14px;color:#606266;display:inline-block;vertical-align:middle;margin-left:10px;line-height:1}.el-progress__text i{vertical-align:middle;display:block}.el-progress--circle{display:inline-block}.el-progress--circle .el-progress__text{position:absolute;top:50%;left:0;width:100%;text-align:center;margin:0;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}.el-progress--circle .el-progress__text i{vertical-align:middle;display:inline-block}.el-progress--without-text .el-progress__text{display:none}.el-progress--without-text .el-progress-bar{padding-right:0;margin-right:0;display:block}.el-progress--text-inside .el-progress-bar{padding-right:0;margin-right:0}.el-progress.is-success .el-progress-bar__inner{background-color:#67c23a}.el-progress.is-success .el-progress__text{color:#67c23a}.el-progress.is-exception .el-progress-bar__inner{background-color:#f56c6c}.el-progress.is-exception .el-progress__text{color:#f56c6c}.el-progress-bar{padding-right:50px;display:inline-block;vertical-align:middle;width:100%;margin-right:-55px;-webkit-box-sizing:border-box;box-sizing:border-box}.el-upload--picture-card,.el-upload-dragger{-webkit-box-sizing:border-box;cursor:pointer}.el-progress-bar__outer{height:6px;border-radius:100px;background-color:#ebeef5;overflow:hidden;position:relative;vertical-align:middle}.el-progress-bar__inner{position:absolute;left:0;top:0;height:100%;background-color:#324057;text-align:right;border-radius:100px;line-height:1;white-space:nowrap;-webkit-transition:width .6s ease;transition:width .6s ease}.el-progress-bar__inner::after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-progress-bar__innerText{display:inline-block;vertical-align:middle;color:#fff;font-size:12px;margin:0 5px}@-webkit-keyframes progress{0%{background-position:0 0}100%{background-position:32px 0}}@keyframes progress{0%{background-position:0 0}100%{background-position:32px 0}}.el-upload{display:inline-block;text-align:center;cursor:pointer;outline:0}.el-upload__input{display:none}.el-upload__tip{font-size:12px;color:#606266;margin-top:7px}.el-upload iframe{position:absolute;z-index:-1;top:0;left:0;opacity:0;filter:alpha(opacity=0)}.el-upload--picture-card{background-color:#fbfdff;border:1px dashed #c0ccda;border-radius:6px;box-sizing:border-box;width:148px;height:148px;line-height:146px;vertical-align:top}.el-upload--picture-card i{font-size:28px;color:#8c939d}.el-upload--picture-card:hover,.el-upload:focus{border-color:#324057;color:#324057}.el-upload:focus .el-upload-dragger{border-color:#324057}.el-upload-dragger{background-color:#fff;border:1px dashed #d9d9d9;border-radius:6px;box-sizing:border-box;width:360px;height:180px;text-align:center;position:relative;overflow:hidden}.el-upload-dragger .el-icon-upload{font-size:67px;color:#c0c4cc;margin:40px 0 16px;line-height:50px}.el-upload-dragger+.el-upload__tip{text-align:center}.el-upload-dragger~.el-upload__files{border-top:1px solid #dcdfe6;margin-top:7px;padding-top:5px}.el-upload-dragger .el-upload__text{color:#606266;font-size:14px;text-align:center}.el-upload-dragger .el-upload__text em{color:#324057;font-style:normal}.el-upload-dragger:hover{border-color:#324057}.el-upload-dragger.is-dragover{background-color:rgba(32,159,255,.06);border:2px dashed #324057}.el-upload-list{margin:0;padding:0;list-style:none}.el-upload-list__item{-webkit-transition:all .5s cubic-bezier(.55,0,.1,1);transition:all .5s cubic-bezier(.55,0,.1,1);font-size:14px;color:#606266;line-height:1.8;margin-top:5px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;width:100%}.el-upload-list__item .el-progress{position:absolute;top:20px;width:100%}.el-upload-list__item .el-progress__text{position:absolute;right:0;top:-13px}.el-upload-list__item .el-progress-bar{margin-right:0;padding-right:0}.el-upload-list__item:first-child{margin-top:10px}.el-upload-list__item .el-icon-upload-success{color:#67c23a}.el-upload-list__item .el-icon-close{display:none;position:absolute;top:5px;right:5px;cursor:pointer;opacity:.75;color:#606266}.el-upload-list__item .el-icon-close:hover{opacity:1}.el-upload-list__item .el-icon-close-tip{display:none;position:absolute;top:5px;right:5px;font-size:12px;cursor:pointer;opacity:1;color:#324057}.el-upload-list__item:hover{background-color:#f5f7fa}.el-upload-list__item:hover .el-icon-close{display:inline-block}.el-upload-list__item:hover .el-progress__text{display:none}.el-upload-list__item.is-success .el-upload-list__item-status-label{display:block}.el-upload-list__item.is-success .el-upload-list__item-name:focus,.el-upload-list__item.is-success .el-upload-list__item-name:hover{color:#324057;cursor:pointer}.el-upload-list__item.is-success:focus:not(:hover) .el-icon-close-tip{display:inline-block}.el-upload-list__item.is-success:active,.el-upload-list__item.is-success:not(.focusing):focus{outline-width:0}.el-upload-list__item.is-success:active .el-icon-close-tip,.el-upload-list__item.is-success:focus .el-upload-list__item-status-label,.el-upload-list__item.is-success:hover .el-upload-list__item-status-label,.el-upload-list__item.is-success:not(.focusing):focus .el-icon-close-tip{display:none}.el-upload-list.is-disabled .el-upload-list__item:hover .el-upload-list__item-status-label{display:block}.el-upload-list__item-name{color:#606266;display:block;margin-right:40px;padding-left:4px;-webkit-transition:color .3s;transition:color .3s}.el-upload-list__item-name [class^=el-icon]{height:100%;margin-right:7px;color:#909399;line-height:inherit}.el-upload-list__item-status-label{position:absolute;right:5px;top:0;line-height:inherit;display:none}.el-upload-list__item-delete{position:absolute;right:10px;top:0;font-size:12px;color:#606266;display:none}.el-upload-list__item-delete:hover{color:#324057}.el-upload-list--picture-card{margin:0;display:inline;vertical-align:top}.el-upload-list--picture-card .el-upload-list__item{overflow:hidden;background-color:#fff;border:1px solid #c0ccda;border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;width:148px;height:148px;margin:0 8px 8px 0;display:inline-block}.el-upload-list--picture-card .el-upload-list__item .el-icon-check,.el-upload-list--picture-card .el-upload-list__item .el-icon-circle-check{color:#fff}.el-upload-list--picture-card .el-upload-list__item .el-icon-close,.el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label{display:none}.el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text{display:block}.el-upload-list--picture-card .el-upload-list__item-name{display:none}.el-upload-list--picture-card .el-upload-list__item-thumbnail{width:100%;height:100%}.el-upload-list--picture-card .el-upload-list__item-status-label{position:absolute;right:-15px;top:-6px;width:40px;height:24px;background:#13ce66;text-align:center;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-box-shadow:0 0 1pc 1px rgba(0,0,0,.2);box-shadow:0 0 1pc 1px rgba(0,0,0,.2)}.el-upload-list--picture-card .el-upload-list__item-status-label i{font-size:12px;margin-top:11px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.el-upload-list--picture-card .el-upload-list__item-actions{position:absolute;width:100%;height:100%;left:0;top:0;cursor:default;text-align:center;color:#fff;opacity:0;font-size:20px;background-color:rgba(0,0,0,.5);-webkit-transition:opacity .3s;transition:opacity .3s}.el-upload-list--picture-card .el-upload-list__item-actions::after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-upload-list--picture-card .el-upload-list__item-actions span{display:none;cursor:pointer}.el-upload-list--picture-card .el-upload-list__item-actions span+span{margin-left:15px}.el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete{position:static;font-size:inherit;color:inherit}.el-upload-list--picture-card .el-upload-list__item-actions:hover{opacity:1}.el-upload-list--picture-card .el-upload-list__item-actions:hover span{display:inline-block}.el-upload-list--picture-card .el-progress{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);bottom:auto;width:126px}.el-upload-list--picture-card .el-progress .el-progress__text{top:50%}.el-upload-list--picture .el-upload-list__item{overflow:hidden;z-index:0;background-color:#fff;border:1px solid #c0ccda;border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:10px;padding:10px 10px 10px 90px;height:92px}.el-upload-list--picture .el-upload-list__item .el-icon-check,.el-upload-list--picture .el-upload-list__item .el-icon-circle-check{color:#fff}.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label{background:0 0;-webkit-box-shadow:none;box-shadow:none;top:-2px;right:-12px}.el-upload-list--picture .el-upload-list__item:hover .el-progress__text{display:block}.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name{line-height:70px;margin-top:0}.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i{display:none}.el-upload-list--picture .el-upload-list__item-thumbnail{vertical-align:middle;display:inline-block;width:70px;height:70px;float:left;position:relative;z-index:1;margin-left:-80px}.el-upload-list--picture .el-upload-list__item-name{display:block;margin-top:20px}.el-upload-list--picture .el-upload-list__item-name i{font-size:70px;line-height:1;position:absolute;left:9px;top:10px}.el-upload-list--picture .el-upload-list__item-status-label{position:absolute;right:-17px;top:-7px;width:46px;height:26px;background:#13ce66;text-align:center;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc}.el-upload-list--picture .el-upload-list__item-status-label i{font-size:12px;margin-top:12px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.el-upload-list--picture .el-progress{position:relative;top:-7px}.el-upload-cover{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;z-index:10;cursor:default}.el-upload-cover::after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-upload-cover img{display:block;width:100%;height:100%}.el-upload-cover__label{position:absolute;right:-15px;top:-6px;width:40px;height:24px;background:#13ce66;text-align:center;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-box-shadow:0 0 1pc 1px rgba(0,0,0,.2);box-shadow:0 0 1pc 1px rgba(0,0,0,.2)}.el-upload-cover__label i{font-size:12px;margin-top:11px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);color:#fff}.el-upload-cover__progress{display:inline-block;vertical-align:middle;position:static;width:243px}.el-upload-cover__progress+.el-upload__inner{opacity:0}.el-upload-cover__content{position:absolute;top:0;left:0;width:100%;height:100%}.el-upload-cover__interact{position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.72);text-align:center}.el-upload-cover__interact .btn{display:inline-block;color:#fff;font-size:14px;cursor:pointer;vertical-align:middle;-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);margin-top:60px}.el-upload-cover__interact .btn span{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.el-upload-cover__interact .btn:not(:first-child){margin-left:35px}.el-upload-cover__interact .btn:hover{-webkit-transform:translateY(-13px);transform:translateY(-13px)}.el-upload-cover__interact .btn:hover span{opacity:1}.el-upload-cover__interact .btn i{color:#fff;display:block;font-size:24px;line-height:inherit;margin:0 auto 5px}.el-upload-cover__title{position:absolute;bottom:0;left:0;background-color:#fff;height:36px;width:100%;font-weight:400;text-align:left;padding:0 10px;margin:0;line-height:36px;font-size:14px;color:#303133}.el-upload-cover+.el-upload__inner{opacity:0;position:relative;z-index:1} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-ui.css
0 → 100644
1 | .el-submenu [class^='fa'] { | ||
2 | vertical-align: baseline; | ||
3 | margin-right: 10px; | ||
4 | } | ||
5 | .el-menu-item [class^='fa'] { | ||
6 | vertical-align: baseline; | ||
7 | margin-right: 10px; | ||
8 | } | ||
9 | .el-table .cell { | ||
10 | word-break: break-all; | ||
11 | display: -webkit-box; | ||
12 | -webkit-line-clamp: 3; | ||
13 | /*! autoprefixer: off */ | ||
14 | -webkit-box-orient: vertical; | ||
15 | /* autoprefixer: on */ | ||
16 | overflow: hidden; | ||
17 | } |
src/styles/element-ui.less
0 → 100644
1 | .el-submenu [class^='fa'] { | ||
2 | vertical-align: baseline; | ||
3 | margin-right: 10px; | ||
4 | } | ||
5 | |||
6 | .el-menu-item [class^='fa'] { | ||
7 | vertical-align: baseline; | ||
8 | margin-right: 10px; | ||
9 | } | ||
10 | |||
11 | .el-table .cell { | ||
12 | word-break: break-all; | ||
13 | display: -webkit-box; | ||
14 | -webkit-line-clamp: 3; | ||
15 | -webkit-box-orient: vertical; | ||
16 | /*! autoprefixer: off */ | ||
17 | -webkit-box-orient: vertical; | ||
18 | /* autoprefixer: on */ | ||
19 | overflow: hidden; | ||
20 | } |
src/styles/mixin.less
0 → 100644
1 | @blue: #3190e8; | ||
2 | @bc: #e4e4e4; | ||
3 | @fc: #fff; | ||
4 | // 背景图片地址和大小 | ||
5 | .bis(@url) { | ||
6 | background-image: url(@url); | ||
7 | background-repeat: no-repeat; | ||
8 | background-size: 100% 100%; | ||
9 | } | ||
10 | |||
11 | //定位全屏 | ||
12 | .allcover { | ||
13 | position: absolute; | ||
14 | top: 0; | ||
15 | right: 0; | ||
16 | } | ||
17 | |||
18 | //transform上下左右居中 | ||
19 | .ctt { | ||
20 | position: absolute; | ||
21 | top: 50%; | ||
22 | left: 50%; | ||
23 | transform: translate(-50%, -50%); | ||
24 | } | ||
25 | |||
26 | //定位上下左右居中 | ||
27 | .ctp(@width, @height) { | ||
28 | position: absolute; | ||
29 | top: 50%; | ||
30 | left: 50%; | ||
31 | margin-top: -@height/2; | ||
32 | margin-left: -@width/2; | ||
33 | } | ||
34 | |||
35 | //定位上下居中 | ||
36 | .tb { | ||
37 | position: absolute; | ||
38 | top: 50%; | ||
39 | transform: translateY(-50%); | ||
40 | } | ||
41 | |||
42 | //定位左右居中 | ||
43 | .lr { | ||
44 | position: absolute; | ||
45 | left: 50%; | ||
46 | transform: translateX(-50%); | ||
47 | } | ||
48 | |||
49 | //宽高 | ||
50 | .wh(@width, @height) { | ||
51 | width: @width; | ||
52 | height: @height; | ||
53 | } | ||
54 | |||
55 | //字体大小、行高、字体 | ||
56 | .ft(@size, @line-height) { | ||
57 | font-size: @size; | ||
58 | line-height: @line-height; | ||
59 | } | ||
60 | |||
61 | //字体大小,颜色 | ||
62 | .sc(@size, @color) { | ||
63 | font-size: @size; | ||
64 | color: @color; | ||
65 | } | ||
66 | |||
67 | //flex 布局和 子元素 对其方式 | ||
68 | .fj(@type: space-between) { | ||
69 | display: flex; | ||
70 | justify-content: @type; | ||
71 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/table-item.less
0 → 100644
1 | .table { | ||
2 | width: 600px; | ||
3 | text-align: center; | ||
4 | color: #484848; | ||
5 | font-size: 14px; | ||
6 | .rank-wrap { | ||
7 | display: flex; | ||
8 | justify-content: center; | ||
9 | align-items: center; | ||
10 | flex-wrap: wrap; | ||
11 | line-height: 0px; | ||
12 | .me { | ||
13 | margin-top: 12px; | ||
14 | height: 24px; | ||
15 | } | ||
16 | .rank { | ||
17 | // margin-top: 24px; | ||
18 | } | ||
19 | } | ||
20 | .rank-icon { | ||
21 | width: 31px; | ||
22 | height: 42px; | ||
23 | } | ||
24 | .tr { | ||
25 | // cursor: pointer; | ||
26 | padding: 0 12px; | ||
27 | display: flex; | ||
28 | align-items: center; // height: 72px; | ||
29 | height: 60px; | ||
30 | background-color: #ffffff; // .fj; // 单元格 | ||
31 | display: flex; | ||
32 | justify-content: space-between; | ||
33 | justify-content: flex-start; | ||
34 | .td { | ||
35 | padding: 0 10px; | ||
36 | width: 60px; | ||
37 | .val { | ||
38 | height: 36px; | ||
39 | line-height: 42px; | ||
40 | font-size: 20px; | ||
41 | } | ||
42 | .day { | ||
43 | height: 24px; | ||
44 | line-height: 24px; | ||
45 | color: #aaaaaa; | ||
46 | font-size: 12px; | ||
47 | } | ||
48 | } | ||
49 | .tdd {} | ||
50 | .tdd:hover { | ||
51 | background-color: #dddddd; | ||
52 | } | ||
53 | .point { | ||
54 | cursor: pointer; | ||
55 | } | ||
56 | } | ||
57 | .tr:nth-child(even) { | ||
58 | background-color: #e3eef4; | ||
59 | } | ||
60 | .th { | ||
61 | background-color: #ffffff; | ||
62 | } | ||
63 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/vars.less
0 → 100755
src/vuex/actions.js
0 → 100755
src/vuex/getters.js
0 → 100755
src/vuex/store.js
0 → 100755
1 | import Vue from 'vue' | ||
2 | import Vuex from 'vuex' | ||
3 | import * as actions from './actions' | ||
4 | import * as getters from './getters' | ||
5 | |||
6 | Vue.use(Vuex) | ||
7 | |||
8 | // 应用初始状态 | ||
9 | const state = { | ||
10 | count: 10 | ||
11 | } | ||
12 | |||
13 | // 定义所需的 mutations | ||
14 | const mutations = { | ||
15 | INCREMENT(state) { | ||
16 | state.count++ | ||
17 | }, | ||
18 | DECREMENT(state) { | ||
19 | state.count-- | ||
20 | } | ||
21 | } | ||
22 | |||
23 | // 创建 store 实例 | ||
24 | export default new Vuex.Store({ | ||
25 | actions, | ||
26 | getters, | ||
27 | state, | ||
28 | mutations | ||
29 | }) | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
static/.gitkeep
0 → 100644
File mode changed
-
Please register or sign in to post a comment