commit 127202beac0fe86cd3140b74edcab39f49a3986b Author: gyq <875626088@qq.com> Date: Wed Apr 24 09:52:04 2024 +0800 源文件 diff --git a/.editorconfig b/.editorconfig new file mode 100644 index 0000000..3454886 --- /dev/null +++ b/.editorconfig @@ -0,0 +1,14 @@ +# https://editorconfig.org +root = true + +[*] +charset = utf-8 +indent_style = space +indent_size = 2 +end_of_line = lf +insert_final_newline = true +trim_trailing_whitespace = true + +[*.md] +insert_final_newline = false +trim_trailing_whitespace = false diff --git a/.env.development b/.env.development new file mode 100644 index 0000000..4058992 --- /dev/null +++ b/.env.development @@ -0,0 +1,11 @@ +ENV = 'development' + +# 接口地址 +# VUE_APP_BASE_API = 'http://192.168.2.128:8000' +# VUE_APP_BASE_API = 'http://192.168.2.133:8000' +VUE_APP_BASE_API = 'https://cashieradmin.sxczgkj.cn' +# VUE_APP_BASE_API = 'http://192.168.2.98:8000' +VUE_APP_WS_API = 'ws://192.168.2.128:8000' + +# 是否启用 babel-plugin-dynamic-import-node插件 +VUE_CLI_BABEL_TRANSPILE_MODULES = true diff --git a/.env.production b/.env.production new file mode 100644 index 0000000..03f00a2 --- /dev/null +++ b/.env.production @@ -0,0 +1,8 @@ +ENV = 'production' + +# 如果使用 Nginx 代理后端接口，那么此处需要改为 '/'，文件查看 Docker 部署篇，Nginx 配置 +# 接口地址，注意协议，如果你没有配置 ssl，需要将 https 改为 http +VUE_APP_BASE_API = 'https://cashieradmin.sxczgkj.cn' +# VUE_APP_BASE_API = 'http://192.168.2.98:8000' +# 如果接口是 http 形式， wss 需要改为 ws +VUE_APP_WS_API = 'wss://123.56.110.252 diff --git a/.eslintignore b/.eslintignore new file mode 100644 index 0000000..e6529fc --- /dev/null +++ b/.eslintignore @@ -0,0 +1,4 @@ +build/*.js +src/assets +public +dist diff --git a/.eslintrc.js b/.eslintrc.js new file mode 100644 index 0000000..c977505 --- /dev/null +++ b/.eslintrc.js @@ -0,0 +1,198 @@ +module.exports = { + root: true, + parserOptions: { + parser: 'babel-eslint', + sourceType: 'module' + }, + env: { + browser: true, + node: true, + es6: true, + }, + extends: ['plugin:vue/recommended', 'eslint:recommended'], + + // add your custom rules here + //it is base on https://github.com/vuejs/eslint-config-vue + rules: { + "vue/max-attributes-per-line": [2, { + "singleline": 10, + "multiline": { + "max": 1, + "allowFirstLine": false + } + }], + "vue/singleline-html-element-content-newline": "off", + "vue/multiline-html-element-content-newline":"off", + "vue/name-property-casing": ["error", "PascalCase"], + "vue/no-v-html": "off", + 'accessor-pairs': 2, + 'arrow-spacing': [2, { + 'before': true, + 'after': true + }], + 'block-spacing': [2, 'always'], + 'brace-style': [2, '1tbs', { + 'allowSingleLine': true + }], + 'camelcase': [0, { + 'properties': 'always' + }], + 'comma-dangle': [2, 'never'], + 'comma-spacing': [2, { + 'before': false, + 'after': true + }], + 'comma-style': [2, 'last'], + 'constructor-super': 2, + 'curly': [2, 'multi-line'], + 'dot-location': [2, 'property'], + 'eol-last': 2, + 'eqeqeq': ["error", "always", {"null": "ignore"}], + 'generator-star-spacing': [2, { + 'before': true, + 'after': true + }], + 'handle-callback-err': [2, '^(err|error)$'], + 'indent': [2, 2, { + 'SwitchCase': 1 + }], + 'jsx-quotes': [2, 'prefer-single'], + 'key-spacing': [2, { + 'beforeColon': false, + 'afterColon': true + }], + 'keyword-spacing': [2, { + 'before': true, + 'after': true + }], + 'new-cap': [2, { + 'newIsCap': true, + 'capIsNew': false + }], + 'new-parens': 2, + 'no-array-constructor': 2, + 'no-caller': 2, + 'no-console': 'off', + 'no-class-assign': 2, + 'no-cond-assign': 2, + 'no-const-assign': 2, + 'no-control-regex': 0, + 'no-delete-var': 2, + 'no-dupe-args': 2, + 'no-dupe-class-members': 2, + 'no-dupe-keys': 2, + 'no-duplicate-case': 2, + 'no-empty-character-class': 2, + 'no-empty-pattern': 2, + 'no-eval': 2, + 'no-ex-assign': 2, + 'no-extend-native': 2, + 'no-extra-bind': 2, + 'no-extra-boolean-cast': 2, + 'no-extra-parens': [2, 'functions'], + 'no-fallthrough': 2, + 'no-floating-decimal': 2, + 'no-func-assign': 2, + 'no-implied-eval': 2, + 'no-inner-declarations': [2, 'functions'], + 'no-invalid-regexp': 2, + 'no-irregular-whitespace': 2, + 'no-iterator': 2, + 'no-label-var': 2, + 'no-labels': [2, { + 'allowLoop': false, + 'allowSwitch': false + }], + 'no-lone-blocks': 2, + 'no-mixed-spaces-and-tabs': 2, + 'no-multi-spaces': 2, + 'no-multi-str': 2, + 'no-multiple-empty-lines': [2, { + 'max': 1 + }], + 'no-native-reassign': 2, + 'no-negated-in-lhs': 2, + 'no-new-object': 2, + 'no-new-require': 2, + 'no-new-symbol': 2, + 'no-new-wrappers': 2, + 'no-obj-calls': 2, + 'no-octal': 2, + 'no-octal-escape': 2, + 'no-path-concat': 2, + 'no-proto': 2, + 'no-redeclare': 2, + 'no-regex-spaces': 2, + 'no-return-assign': [2, 'except-parens'], + 'no-self-assign': 2, + 'no-self-compare': 2, + 'no-sequences': 2, + 'no-shadow-restricted-names': 2, + 'no-spaced-func': 2, + 'no-sparse-arrays': 2, + 'no-this-before-super': 2, + 'no-throw-literal': 2, + 'no-trailing-spaces': 2, + 'no-undef': 2, + 'no-undef-init': 2, + 'no-unexpected-multiline': 2, + 'no-unmodified-loop-condition': 2, + 'no-unneeded-ternary': [2, { + 'defaultAssignment': false + }], + 'no-unreachable': 2, + 'no-unsafe-finally': 2, + 'no-unused-vars': [2, { + 'vars': 'all', + 'args': 'none' + }], + 'no-useless-call': 2, + 'no-useless-computed-key': 2, + 'no-useless-constructor': 2, + 'no-useless-escape': 0, + 'no-whitespace-before-property': 2, + 'no-with': 2, + 'one-var': [2, { + 'initialized': 'never' + }], + 'operator-linebreak': [2, 'after', { + 'overrides': { + '?': 'before', + ':': 'before' + } + }], + 'padded-blocks': [2, 'never'], + 'quotes': [2, 'single', { + 'avoidEscape': true, + 'allowTemplateLiterals': true + }], + 'semi': [2, 'never'], + 'semi-spacing': [2, { + 'before': false, + 'after': true + }], + 'space-before-blocks': [2, 'always'], + 'space-before-function-paren': [2, 'never'], + 'space-in-parens': [2, 'never'], + 'space-infix-ops': 2, + 'space-unary-ops': [2, { + 'words': true, + 'nonwords': false + }], + 'spaced-comment': [2, 'always', { + 'markers': ['global', 'globals', 'eslint', 'eslint-disable', '*package', '!', ','] + }], + 'template-curly-spacing': [2, 'never'], + 'use-isnan': 2, + 'valid-typeof': 2, + 'wrap-iife': [2, 'any'], + 'yield-star-spacing': [2, 'both'], + 'yoda': [2, 'never'], + 'prefer-const': 2, + 'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0, + 'object-curly-spacing': [2, 'always', { + objectsInObjects: false + }], + 'array-bracket-spacing': [2, 'never'] + } +} diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..1978bc2 --- /dev/null +++ b/.gitignore @@ -0,0 +1,24 @@ +.DS_Store +node_modules/ +dist/ +demo/ +npm-debug.log* +yarn-debug.log* +yarn-error.log* +**/*.log + +tests/**/coverage/ +tests/e2e/reports +selenium-debug.log + +# Editor directories and files +.idea +.vscode +*.suo +*.ntvs* +*.njsproj +*.sln +*.local + +package-lock.json +yarn.lock diff --git a/.travis.yml b/.travis.yml new file mode 100644 index 0000000..f4be7a0 --- /dev/null +++ b/.travis.yml @@ -0,0 +1,5 @@ +language: node_js +node_js: 10 +script: npm run test +notifications: + email: false diff --git a/LICENSE b/LICENSE new file mode 100644 index 0000000..78a36cb --- /dev/null +++ b/LICENSE @@ -0,0 +1,191 @@ +Apache License +Version 2.0, January 2004 +http://www.apache.org/licenses/ + +TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION + +1. Definitions. + +"License" shall mean the terms and conditions for use, reproduction, and +distribution as defined by Sections 1 through 9 of this document. + +"Licensor" shall mean the copyright owner or entity authorized by the copyright +owner that is granting the License. + +"Legal Entity" shall mean the union of the acting entity and all other entities +that control, are controlled by, or are under common control with that entity. +For the purposes of this definition, "control" means (i) the power, direct or +indirect, to cause the direction or management of such entity, whether by +contract or otherwise, or (ii) ownership of fifty percent (50%) or more of the +outstanding shares, or (iii) beneficial ownership of such entity. + +"You" (or "Your") shall mean an individual or Legal Entity exercising +permissions granted by this License. + +"Source" form shall mean the preferred form for making modifications, including +but not limited to software source code, documentation source, and configuration +files. + +"Object" form shall mean any form resulting from mechanical transformation or +translation of a Source form, including but not limited to compiled object code, +generated documentation, and conversions to other media types. + +"Work" shall mean the work of authorship, whether in Source or Object form, made +available under the License, as indicated by a copyright notice that is included +in or attached to the work (an example is provided in the Appendix below). + +"Derivative Works" shall mean any work, whether in Source or Object form, that +is based on (or derived from) the Work and for which the editorial revisions, +annotations, elaborations, or other modifications represent, as a whole, an +original work of authorship. For the purposes of this License, Derivative Works +shall not include works that remain separable from, or merely link (or bind by +name) to the interfaces of, the Work and Derivative Works thereof. + +"Contribution" shall mean any work of authorship, including the original version +of the Work and any modifications or additions to that Work or Derivative Works +thereof, that is intentionally submitted to Licensor for inclusion in the Work +by the copyright owner or by an individual or Legal Entity authorized to submit +on behalf of the copyright owner. For the purposes of this definition, +"submitted" means any form of electronic, verbal, or written communication sent +to the Licensor or its representatives, including but not limited to +communication on electronic mailing lists, source code control systems, and +issue tracking systems that are managed by, or on behalf of, the Licensor for +the purpose of discussing and improving the Work, but excluding communication +that is conspicuously marked or otherwise designated in writing by the copyright +owner as "Not a Contribution." + +"Contributor" shall mean Licensor and any individual or Legal Entity on behalf +of whom a Contribution has been received by Licensor and subsequently +incorporated within the Work. + +2. Grant of Copyright License. + +Subject to the terms and conditions of this License, each Contributor hereby +grants to You a perpetual, worldwide, non-exclusive, no-charge, royalty-free, +irrevocable copyright license to reproduce, prepare Derivative Works of, +publicly display, publicly perform, sublicense, and distribute the Work and such +Derivative Works in Source or Object form. + +3. Grant of Patent License. + +Subject to the terms and conditions of this License, each Contributor hereby +grants to You a perpetual, worldwide, non-exclusive, no-charge, royalty-free, +irrevocable (except as stated in this section) patent license to make, have +made, use, offer to sell, sell, import, and otherwise transfer the Work, where +such license applies only to those patent claims licensable by such Contributor +that are necessarily infringed by their Contribution(s) alone or by combination +of their Contribution(s) with the Work to which such Contribution(s) was +submitted. If You institute patent litigation against any entity (including a +cross-claim or counterclaim in a lawsuit) alleging that the Work or a +Contribution incorporated within the Work constitutes direct or contributory +patent infringement, then any patent licenses granted to You under this License +for that Work shall terminate as of the date such litigation is filed. + +4. Redistribution. + +You may reproduce and distribute copies of the Work or Derivative Works thereof +in any medium, with or without modifications, and in Source or Object form, +provided that You meet the following conditions: + +You must give any other recipients of the Work or Derivative Works a copy of +this License; and +You must cause any modified files to carry prominent notices stating that You +changed the files; and +You must retain, in the Source form of any Derivative Works that You distribute, +all copyright, patent, trademark, and attribution notices from the Source form +of the Work, excluding those notices that do not pertain to any part of the +Derivative Works; and +If the Work includes a "NOTICE" text file as part of its distribution, then any +Derivative Works that You distribute must include a readable copy of the +attribution notices contained within such NOTICE file, excluding those notices +that do not pertain to any part of the Derivative Works, in at least one of the +following places: within a NOTICE text file distributed as part of the +Derivative Works; within the Source form or documentation, if provided along +with the Derivative Works; or, within a display generated by the Derivative +Works, if and wherever such third-party notices normally appear. The contents of +the NOTICE file are for informational purposes only and do not modify the +License. You may add Your own attribution notices within Derivative Works that +You distribute, alongside or as an addendum to the NOTICE text from the Work, +provided that such additional attribution notices cannot be construed as +modifying the License. +You may add Your own copyright statement to Your modifications and may provide +additional or different license terms and conditions for use, reproduction, or +distribution of Your modifications, or for any such Derivative Works as a whole, +provided Your use, reproduction, and distribution of the Work otherwise complies +with the conditions stated in this License. + +5. Submission of Contributions. + +Unless You explicitly state otherwise, any Contribution intentionally submitted +for inclusion in the Work by You to the Licensor shall be under the terms and +conditions of this License, without any additional terms or conditions. +Notwithstanding the above, nothing herein shall supersede or modify the terms of +any separate license agreement you may have executed with Licensor regarding +such Contributions. + +6. Trademarks. + +This License does not grant permission to use the trade names, trademarks, +service marks, or product names of the Licensor, except as required for +reasonable and customary use in describing the origin of the Work and +reproducing the content of the NOTICE file. + +7. Disclaimer of Warranty. + +Unless required by applicable law or agreed to in writing, Licensor provides the +Work (and each Contributor provides its Contributions) on an "AS IS" BASIS, +WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied, +including, without limitation, any warranties or conditions of TITLE, +NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A PARTICULAR PURPOSE. You are +solely responsible for determining the appropriateness of using or +redistributing the Work and assume any risks associated with Your exercise of +permissions under this License. + +8. Limitation of Liability. + +In no event and under no legal theory, whether in tort (including negligence), +contract, or otherwise, unless required by applicable law (such as deliberate +and grossly negligent acts) or agreed to in writing, shall any Contributor be +liable to You for damages, including any direct, indirect, special, incidental, +or consequential damages of any character arising as a result of this License or +out of the use or inability to use the Work (including but not limited to +damages for loss of goodwill, work stoppage, computer failure or malfunction, or +any and all other commercial damages or losses), even if such Contributor has +been advised of the possibility of such damages. + +9. Accepting Warranty or Additional Liability. + +While redistributing the Work or Derivative Works thereof, You may choose to +offer, and charge a fee for, acceptance of support, warranty, indemnity, or +other liability obligations and/or rights consistent with this License. However, +in accepting such obligations, You may act only on Your own behalf and on Your +sole responsibility, not on behalf of any other Contributor, and only if You +agree to indemnify, defend, and hold each Contributor harmless for any liability +incurred by, or claims asserted against, such Contributor by reason of your +accepting any such warranty or additional liability. + +END OF TERMS AND CONDITIONS + +APPENDIX: How to apply the Apache License to your work + +To apply the Apache License to your work, attach the following boilerplate +notice, with the fields enclosed by brackets "{}" replaced with your own +identifying information. (Don't include the brackets!) The text should be +enclosed in the appropriate comment syntax for the file format. We also +recommend that a file or class name and description of purpose be included on +the same "printed page" as the copyright notice for easier identification within +third-party archives. + + Copyright 2019 Zheng Jie + + Licensed under the Apache License, Version 2.0 (the "License"); + you may not use this file except in compliance with the License. + You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. diff --git a/README.md b/README.md new file mode 100644 index 0000000..a7445b1 --- /dev/null +++ b/README.md @@ -0,0 +1,69 @@ +# ELADMIN-WEB + +ELADMIN 前端源码 + +#### 项目源码 + +| | 后端源码 | 前端源码 | +|--- |--- | --- | +| github | https://github.com/elunez/eladmin | https://github.com/elunez/eladmin-web | +| 码云 | https://gitee.com/elunez/eladmin | https://gitee.com/elunez/eladmin-web | + +#### 开发文档 +[https://eladmin.vip](https://eladmin.vip) + +#### 体验地址 +[https://eladmin.vip/demo](https://eladmin.vip/demo) + +#### 前端模板 + +初始模板基于： [https://github.com/PanJiaChen/vue-element-admin](https://github.com/PanJiaChen/vue-element-admin) + +模板文档： [https://panjiachen.github.io/vue-element-admin-site/zh/guide/](https://panjiachen.github.io/vue-element-admin-site/zh/guide/) + +#### Build Setup +``` bash +# 配置镜像加速 +https://www.ydyno.com/archives/1219.html + +# 安装依赖 +npm install + +# 启动服务 localhost:8013 +npm run dev + +# 构建生产环境 +npm run build:prod +``` + +#### 常见问题 + +1、linux 系统在安装依赖的时候会出现 node-sass 无法安装的问题 + +解决方案： +``` +1. 单独安装：npm install --unsafe-perm node-sass +2. 直接使用：npm install --unsafe-perm +``` + +2、加速node-sass安装 + +https://www.ydyno.com/archives/1219.html + +#### 特别鸣谢 + +- 感谢 [JetBrains](https://www.jetbrains.com/) 提供的非商业开源软件开发授权 + +- 感谢 [PanJiaChen](https://github.com/PanJiaChen/vue-element-admin) 大佬提供的前端模板 + +- 感谢 [Moxun](https://github.com/moxun1639) 大佬提供的前端 Crud 通用组件 + +- 感谢 [zhy6599](https://gitee.com/zhy6599) 大佬提供的后端运维管理相关功能 + +- 感谢 [j.yao.SUSE](https://github.com/everhopingandwaiting) 大佬提供的匿名接口与Redis限流等功能 + +- 感谢 [d15801543974](https://github.com/d15801543974) 大佬提供的基于注解的通用查询方式 + +#### 反馈交流 + +- QQ交流群：一群：891137268、二群：947578238、三群：659622532 \ No newline at end of file diff --git a/babel.config.js b/babel.config.js new file mode 100644 index 0000000..804632a --- /dev/null +++ b/babel.config.js @@ -0,0 +1,11 @@ +const plugins = ['@vue/babel-plugin-transform-vue-jsx'] +// 生产环境移除console +if (process.env.NODE_ENV === 'production') { + plugins.push('transform-remove-console') +} +module.exports = { + plugins: plugins, + presets: [ + '@vue/app' + ] +} diff --git a/dist.zip b/dist.zip new file mode 100644 index 0000000..b2d45d3 Binary files /dev/null and b/dist.zip differ diff --git a/jest.config.js b/jest.config.js new file mode 100644 index 0000000..143cdc8 --- /dev/null +++ b/jest.config.js @@ -0,0 +1,24 @@ +module.exports = { + moduleFileExtensions: ['js', 'jsx', 'json', 'vue'], + transform: { + '^.+\\.vue$': 'vue-jest', + '.+\\.(css|styl|less|sass|scss|svg|png|jpg|ttf|woff|woff2)$': + 'jest-transform-stub', + '^.+\\.jsx?$': 'babel-jest' + }, + moduleNameMapper: { + '^@/(.*)$': '/src/$1' + }, + snapshotSerializers: ['jest-serializer-vue'], + testMatch: [ + '**/tests/unit/**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx)' + ], + collectCoverageFrom: ['src/utils/**/*.{js,vue}', '!src/utils/auth.js', '!src/utils/request.js', 'src/components/**/*.{js,vue}'], + coverageDirectory: '/tests/unit/coverage', + // 'collectCoverage': true, + 'coverageReporters': [ + 'lcov', + 'text-summary' + ], + testURL: 'http://localhost/' +} diff --git a/package.json b/package.json new file mode 100644 index 0000000..8f631d1 --- /dev/null +++ b/package.json @@ -0,0 +1,110 @@ +{ + "name": "eladmin-web", + "version": "2.6.0", + "description": "ELADMIN 前端源码", + "author": "Zheng Jie", + "license": "Apache-2.0", + "scripts": { + "dev": "vue-cli-service serve", + "build:prod": "vue-cli-service build", + "build:stage": "vue-cli-service build --mode staging", + "preview": "node build/index.js --preview", + "lint": "eslint --ext .js,.vue src", + "test:unit": "jest --clearCache && vue-cli-service test:unit", + "svgo": "svgo -f src/assets/icons/svg --config=src/assets/icons/svgo.yml", + "new": "plop", + "dev_t": "set NODE_OPTIONS=\"--openssl-legacy-provider\" & npm run dev\n" + }, + "repository": { + "type": "git", + "url": "https://github.com/elunez/eladmin-web.git" + }, + "bugs": { + "url": "https://github.com/elunez/eladmin/issues" + }, + "dependencies": { + "@riophae/vue-treeselect": "^0.4.0", + "axios": "^0.21.1", + "clipboard": "2.0.4", + "codemirror": "^5.49.2", + "core-js": "^2.6.12", + "dayjs": "^1.11.10", + "echarts": "^4.2.1", + "echarts-wordcloud": "^1.1.3", + "element-ui": "^2.15.8", + "file-saver": "1.3.8", + "fuse.js": "3.4.4", + "js-beautify": "^1.10.2", + "js-cookie": "2.2.0", + "jsencrypt": "^3.0.0-rc.1", + "jszip": "^3.7.1", + "material-components-vue": "^1.2.0", + "mavon-editor": "^2.9.1", + "normalize.css": "7.0.0", + "nprogress": "0.2.0", + "path-to-regexp": "2.4.0", + "qs": "^6.10.1", + "screenfull": "4.2.0", + "sortablejs": "1.8.4", + "vue": "^2.6.14", + "vue-amap": "^0.5.10", + "vue-clipboard2": "^0.3.3", + "vue-count-to": "^1.0.13", + "vue-cropper": "0.4.9", + "vue-echarts": "^5.0.0-beta.0", + "vue-ele-upload-image": "^2.0.12", + "vue-image-crop-upload": "^3.0.3", + "vue-material": "^1.0.0-beta-15", + "vue-router": "3.0.2", + "vue-splitpane": "1.0.4", + "vue2-editor": "^2.10.3", + "vuedraggable": "2.20.0", + "vuex": "3.1.0", + "wangeditor": "^4.7.11", + "xlsx": "^0.17.4" + }, + "devDependencies": { + "@babel/parser": "^7.7.4", + "@babel/register": "7.0.0", + "@vue/babel-plugin-transform-vue-jsx": "^1.2.1", + "@vue/cli-plugin-babel": "3.5.3", + "@vue/cli-plugin-eslint": "^3.9.1", + "@vue/cli-plugin-unit-jest": "3.5.3", + "@vue/cli-service": "3.5.3", + "@vue/test-utils": "1.0.0-beta.29", + "autoprefixer": "^9.5.1", + "babel-core": "7.0.0-bridge.0", + "babel-eslint": "10.0.1", + "babel-jest": "23.6.0", + "babel-plugin-dynamic-import-node": "2.3.0", + "babel-plugin-transform-remove-console": "^6.9.4", + "chalk": "2.4.2", + "chokidar": "2.1.5", + "compression-webpack-plugin": "5.0.2", + "connect": "3.6.6", + "eslint": "5.15.3", + "eslint-plugin-vue": "5.2.2", + "html-webpack-plugin": "3.2.0", + "http-proxy-middleware": "^0.19.1", + "husky": "1.3.1", + "lint-staged": "8.1.5", + "plop": "2.3.0", + "sass": "1.32.13", + "sass-loader": "10.2.0", + "script-ext-html-webpack-plugin": "2.1.3", + "script-loader": "0.7.2", + "serve-static": "^1.13.2", + "svg-sprite-loader": "4.1.3", + "svgo": "1.2.0", + "tasksfile": "^5.1.1", + "vue-template-compiler": "2.6.14" + }, + "engines": { + "node": ">=8.9", + "npm": ">= 3.0.0" + }, + "browserslist": [ + "> 1%", + "last 2 versions" + ] +} diff --git a/plopfile.js b/plopfile.js new file mode 100644 index 0000000..9f3147e --- /dev/null +++ b/plopfile.js @@ -0,0 +1,7 @@ +const viewGenerator = require('./plop-templates/view/prompt') +const componentGenerator = require('./plop-templates/component/prompt') + +module.exports = function(plop) { + plop.setGenerator('view', viewGenerator) + plop.setGenerator('component', componentGenerator) +} diff --git a/postcss.config.js b/postcss.config.js new file mode 100644 index 0000000..961986e --- /dev/null +++ b/postcss.config.js @@ -0,0 +1,5 @@ +module.exports = { + plugins: { + autoprefixer: {} + } +} diff --git a/public/favicon.ico b/public/favicon.ico new file mode 100644 index 0000000..4619155 Binary files /dev/null and b/public/favicon.ico differ diff --git a/public/index.html b/public/index.html new file mode 100644 index 0000000..1b7144a --- /dev/null +++ b/public/index.html @@ -0,0 +1,20 @@ + + + + + + + + + <%= webpackConfig.name %> + + + +
+ + + diff --git a/public/robots.txt b/public/robots.txt new file mode 100644 index 0000000..77470cb --- /dev/null +++ b/public/robots.txt @@ -0,0 +1,2 @@ +User-agent: * +Disallow: / \ No newline at end of file diff --git a/src/App.vue b/src/App.vue new file mode 100644 index 0000000..5089146 --- /dev/null +++ b/src/App.vue @@ -0,0 +1,133 @@ + + + + + diff --git a/src/api/botButtonConfig.js b/src/api/botButtonConfig.js new file mode 100644 index 0000000..2fc5f86 --- /dev/null +++ b/src/api/botButtonConfig.js @@ -0,0 +1,27 @@ +import request from '@/utils/request' + +export function add(data) { + return request({ + url: 'api/botButtonConfig', + method: 'post', + data + }) +} + +export function del(ids) { + return request({ + url: 'api/botButtonConfig/', + method: 'delete', + data: ids + }) +} + +export function edit(data) { + return request({ + url: 'api/botButtonConfig', + method: 'put', + data + }) +} + +export default { add, edit, del } diff --git a/src/api/botConfig.js b/src/api/botConfig.js new file mode 100644 index 0000000..8dcda01 --- /dev/null +++ b/src/api/botConfig.js @@ -0,0 +1,27 @@ +import request from '@/utils/request' + +export function add(data) { + return request({ + url: 'api/botConfig', + method: 'post', + data + }) +} + +export function del(ids) { + return request({ + url: 'api/botConfig/', + method: 'delete', + data: ids + }) +} + +export function edit(data) { + return request({ + url: 'api/botConfig', + method: 'put', + data + }) +} + +export default { add, edit, del } diff --git a/src/api/botSendOrder.js b/src/api/botSendOrder.js new file mode 100644 index 0000000..7831b94 --- /dev/null +++ b/src/api/botSendOrder.js @@ -0,0 +1,27 @@ +import request from '@/utils/request' + +export function add(data) { + return request({ + url: 'api/botSendOrder', + method: 'post', + data + }) +} + +export function del(ids) { + return request({ + url: 'api/botSendOrder/', + method: 'delete', + data: ids + }) +} + +export function edit(data) { + return request({ + url: 'api/botSendOrder', + method: 'put', + data + }) +} + +export default { add, edit, del } diff --git a/src/api/botSendOrderDetails.js b/src/api/botSendOrderDetails.js new file mode 100644 index 0000000..3fbb63f --- /dev/null +++ b/src/api/botSendOrderDetails.js @@ -0,0 +1,27 @@ +import request from '@/utils/request' + +export function add(data) { + return request({ + url: 'api/botSendOrderDetails', + method: 'post', + data + }) +} + +export function del(ids) { + return request({ + url: 'api/botSendOrderDetails/', + method: 'delete', + data: ids + }) +} + +export function edit(data) { + return request({ + url: 'api/botSendOrderDetails', + method: 'put', + data + }) +} + +export default { add, edit, del } diff --git a/src/api/botUser.js b/src/api/botUser.js new file mode 100644 index 0000000..d96005d --- /dev/null +++ b/src/api/botUser.js @@ -0,0 +1,27 @@ +import request from '@/utils/request' + +export function add(data) { + return request({ + url: 'api/botUser', + method: 'post', + data + }) +} + +export function del(ids) { + return request({ + url: 'api/botUser/', + method: 'delete', + data: ids + }) +} + +export function edit(data) { + return request({ + url: 'api/botUser', + method: 'put', + data + }) +} + +export default { add, edit, del } diff --git a/src/api/botUserFlow.js b/src/api/botUserFlow.js new file mode 100644 index 0000000..287490b --- /dev/null +++ b/src/api/botUserFlow.js @@ -0,0 +1,27 @@ +import request from '@/utils/request' + +export function add(data) { + return request({ + url: 'api/botUserFlow', + method: 'post', + data + }) +} + +export function del(ids) { + return request({ + url: 'api/botUserFlow/', + method: 'delete', + data: ids + }) +} + +export function edit(data) { + return request({ + url: 'api/botUserFlow', + method: 'put', + data + }) +} + +export default { add, edit, del } diff --git a/src/api/data.js b/src/api/data.js new file mode 100644 index 0000000..d975d75 --- /dev/null +++ b/src/api/data.js @@ -0,0 +1,17 @@ +import request from '@/utils/request' +import qs from 'qs' + +export function initData(url, params) { + return request({ + url: url + '?' + qs.stringify(params, { indices: false }), + method: 'get' + }) +} + +export function download(url, params) { + return request({ + url: url + '?' + qs.stringify(params, { indices: false }), + method: 'get', + responseType: 'blob' + }) +} diff --git a/src/api/devices.js b/src/api/devices.js new file mode 100644 index 0000000..82d9b73 --- /dev/null +++ b/src/api/devices.js @@ -0,0 +1,32 @@ +import request from '@/utils/request' + +/** + * 增加打印机 + * @returns + */ +export function tbPrintMachine(data, method = 'post') { + return request({ + url: '/api/tbPrintMachine', + method: method, + data: { + shopId: localStorage.getItem('shopId'), + ...data + } + }) +} + +/** + * 打印机列表 + * @returns + */ +export function tbPrintMachineGet(params) { + return request({ + url: '/api/tbPrintMachine', + method: 'get', + params: { + shopId: localStorage.getItem('shopId'), + sort: '', + ...params + } + }) +} \ No newline at end of file diff --git a/src/api/generator/genConfig.js b/src/api/generator/genConfig.js new file mode 100644 index 0000000..e15b200 --- /dev/null +++ b/src/api/generator/genConfig.js @@ -0,0 +1,16 @@ +import request from '@/utils/request' + +export function get(tableName) { + return request({ + url: 'api/genConfig/' + tableName, + method: 'get' + }) +} + +export function update(data) { + return request({ + url: 'api/genConfig', + data, + method: 'put' + }) +} diff --git a/src/api/generator/generator.js b/src/api/generator/generator.js new file mode 100644 index 0000000..0c49718 --- /dev/null +++ b/src/api/generator/generator.js @@ -0,0 +1,33 @@ +import request from '@/utils/request' + +export function getAllTable() { + return request({ + url: 'api/generator/tables/all', + method: 'get' + }) +} + +export function generator(tableName, type) { + return request({ + url: 'api/generator/' + tableName + '/' + type, + method: 'post', + responseType: type === 2 ? 'blob' : '' + }) +} + +export function save(data) { + return request({ + url: 'api/generator', + data, + method: 'put' + }) +} + +export function sync(tables) { + return request({ + url: 'api/generator/sync', + method: 'post', + data: tables + }) +} + diff --git a/src/api/home.js b/src/api/home.js new file mode 100644 index 0000000..fa865d5 --- /dev/null +++ b/src/api/home.js @@ -0,0 +1,138 @@ +import request from '@/utils/request' + +/** + * 汇总数据 + * @returns + */ +export function summaryGet() { + return request({ + url: '/api/summary', + method: 'get', + params: { + shopId: localStorage.getItem('shopId') + } + }) +} + +/** + * 今日数据 + * @returns + */ +export function summaryTodayGet() { + return request({ + url: '/api/summary/today', + method: 'get', + params: { + shopId: localStorage.getItem('shopId') + } + }) +} + +/** + * 今日数据 + * @returns + */ +export function summaryDateGet(day) { + return request({ + url: '/api/summary/date', + method: 'get', + params: { + shopId: localStorage.getItem('shopId'), + day: day + } + }) +} + +/** + * 销售额柱状图 + * @returns + */ +export function dateAmount(day) { + return request({ + url: '/api/summary/dateAmount', + method: 'get', + params: { + shopId: localStorage.getItem('shopId'), + day: day + } + }) +} + +/** + * 商品销售排行 + * @returns + */ +export function dateProduct(day, page, size) { + return request({ + url: '/api/summary/dateProduct', + method: 'get', + params: { + shopId: localStorage.getItem('shopId'), + day: day, + page: page, + size: size + } + }) +} + +/** + * 支付类型占比 + * @returns + */ +export function datePayType(day) { + return request({ + url: '/api/summary/datePayType', + method: 'get', + params: { + shopId: localStorage.getItem('shopId'), + day: day + } + }) +} + +/** + * 导出数据 + * @returns + */ +export function daydownload(data) { + return request({ + url: '/api/summary/day/download', + method: 'post', + data: { + shopId: localStorage.getItem('shopId'), + ...data + }, + responseType: 'blob' + }) +} + +/** + * 总数统计 + * @returns + */ +export function daycount(params) { + return request({ + url: '/api/summary/day/count', + method: 'get', + params: { + shopId: localStorage.getItem('shopId'), + ...params + } + }) +} + +/** + * 获取数据 + * @returns + */ +export function summaryday(params) { + return request({ + url: '/api/summary/day', + method: 'get', + params: { + shopId: localStorage.getItem('shopId'), + ...params + } + }) +} + diff --git a/src/api/invoicing.js b/src/api/invoicing.js new file mode 100644 index 0000000..66a2a31 --- /dev/null +++ b/src/api/invoicing.js @@ -0,0 +1,146 @@ +import request from '@/utils/request' + +/** + * 商品列表 + * @returns + */ +export function tbProductGet(params) { + return request({ + url: '/api/tbProduct', + method: 'get', + params + }) +} + +/** + * 进销存类型字典 + * @returns + */ +export function dictDetail(params) { + return request({ + url: `/api/dictDetail`, + method: 'get', + params + }) +} + +/** + * 库存记录列表 + * @returns + */ +export function tbProductStockDetail(data) { + return request({ + url: `/api/tbProductStockDetail/stock`, + method: 'post', + data + }) +} + +/** + * 变动数量 + * @returns + */ +export function tbProductStockDetailSum(params) { + return request({ + url: `/api/tbProductStockDetail/sum`, + method: 'get', + params + }) +} + +/** + * 供应商列表 + * @returns + */ +export function tbShopPurveyorGet(params) { + return request({ + url: `/api/tbShopPurveyor`, + method: 'get', + params + }) +} + +/** + * 增加供应商 + * @returns + */ +export function tbShopPurveyor(data, method = 'post') { + return request({ + url: `/api/tbShopPurveyor`, + method: method, + data + }) +} + +/** + * 进货/退货账目 + * @returns + */ +export function tbShopPurveyorTransactGet(params) { + return request({ + url: `/api/tbShopPurveyorTransact`, + method: 'get', + params + }) +} + +/** + * 进货账目详情 + * @returns + */ +export function tbShopPurveyorTransactInfo(data) { + return request({ + url: `/api/tbShopPurveyorTransact/info`, + method: 'post', + data + }) +} + +/** + * 进货账目汇总（单一供应商） + * @returns + */ +export function tbShopPurveyorTransactSum(params) { + return request({ + url: `/api/tbShopPurveyorTransact/sum`, + method: 'get', + params + }) +} + +/** + * 操作记录 + * @returns + */ +export function tbProductStockOperateList(data) { + return request({ + url: `/api/tbProductStockOperate/list`, + method: 'post', + data + }) +} + +/** + * 操作记录详情 + * @returns + */ +export function tbProductStockOperateDetail(id) { + return request({ + url: `/api/tbProductStockOperate/${id}`, + method: 'get' + }) +} + +/** + * 操作出库/入库 + * @returns + */ +export function tbProductStockOperateOutAndOn(data) { + return request({ + url: `/api/tbProductStockOperate/outAndOn`, + method: 'post', + data + }) +} + + diff --git a/src/api/login.js b/src/api/login.js new file mode 100644 index 0000000..18b941f --- /dev/null +++ b/src/api/login.js @@ -0,0 +1,35 @@ +import request from '@/utils/request' + +export function login(username, password, code, uuid) { + return request({ + url: 'auth/login', + method: 'post', + data: { + username, + password, + code, + uuid + } + }) +} + +export function getInfo() { + return request({ + url: 'auth/info', + method: 'get' + }) +} + +export function getCodeImg(header) { + return request({ + url: 'auth/code', + method: 'get' + }) +} + +export function logout() { + return request({ + url: 'auth/logout', + method: 'delete' + }) +} diff --git a/src/api/mnt/app.js b/src/api/mnt/app.js new file mode 100644 index 0000000..2a27054 --- /dev/null +++ b/src/api/mnt/app.js @@ -0,0 +1,27 @@ +import request from '@/utils/request' + +export function add(data) { + return request({ + url: 'api/app', + method: 'post', + data + }) +} + +export function del(ids) { + return request({ + url: 'api/app', + method: 'delete', + data: ids + }) +} + +export function edit(data) { + return request({ + url: 'api/app', + method: 'put', + data + }) +} + +export default { add, edit, del } diff --git a/src/api/mnt/connect.js b/src/api/mnt/connect.js new file mode 100644 index 0000000..1bbe90b --- /dev/null +++ b/src/api/mnt/connect.js @@ -0,0 +1,17 @@ +import request from '@/utils/request' + +export function testDbConnect(data) { + return request({ + url: 'api/database/testConnect', + method: 'post', + data + }) +} + +export function testServerConnect(data) { + return request({ + url: 'api/serverDeploy/testConnect', + method: 'post', + data + }) +} diff --git a/src/api/mnt/database.js b/src/api/mnt/database.js new file mode 100644 index 0000000..91797fb --- /dev/null +++ b/src/api/mnt/database.js @@ -0,0 +1,35 @@ +import request from '@/utils/request' + +export function add(data) { + return request({ + url: 'api/database', + method: 'post', + data + }) +} + +export function del(ids) { + return request({ + url: 'api/database', + method: 'delete', + data: ids + }) +} + +export function edit(data) { + return request({ + url: 'api/database', + method: 'put', + data + }) +} + +export function testDbConnection(data) { + return request({ + url: 'api/database/testConnect', + method: 'post', + data + }) +} + +export default { add, edit, del, testDbConnection } diff --git a/src/api/mnt/deploy.js b/src/api/mnt/deploy.js new file mode 100644 index 0000000..c1475ea --- /dev/null +++ b/src/api/mnt/deploy.js @@ -0,0 +1,77 @@ +import request from '@/utils/request' + +export function add(data) { + return request({ + url: 'api/deploy', + method: 'post', + data + }) +} + +export function del(ids) { + return request({ + url: 'api/deploy', + method: 'delete', + data: ids + }) +} + +export function edit(data) { + return request({ + url: 'api/deploy', + method: 'put', + data + }) +} + +export function getApps() { + return request({ + url: 'api/app', + method: 'get' + }) +} + +export function getServers() { + return request({ + url: 'api/serverDeploy', + method: 'get' + }) +} + +/** + * 启动服务 + * @param data 选中行 + */ +export function startServer(data) { + return request({ + url: 'api/deploy/startServer', + method: 'post', + data + }) +} + +/** + * 停止服务 + * @param data 选中行 + */ +export function stopServer(data) { + return request({ + url: 'api/deploy/stopServer', + method: 'post', + data + }) +} + +/** + * 停止服务 + * @param data 选中行 + */ +export function serverStatus(data) { + return request({ + url: 'api/deploy/serverStatus', + method: 'post', + data + }) +} + +export default { add, edit, del, stopServer, serverStatus, startServer, getServers, getApps } diff --git a/src/api/mnt/deployHistory.js b/src/api/mnt/deployHistory.js new file mode 100644 index 0000000..30335e4 --- /dev/null +++ b/src/api/mnt/deployHistory.js @@ -0,0 +1,21 @@ +import request from '@/utils/request' + +export function del(ids) { + return request({ + url: 'api/deployHistory', + method: 'delete', + data: ids + }) +} + +/** + * 版本回退 + * @param data 选中行 + */ +export function reducte(data) { + return request({ + url: 'api/deploy/serverReduction', + method: 'post', + data + }) +} diff --git a/src/api/mnt/serverDeploy.js b/src/api/mnt/serverDeploy.js new file mode 100644 index 0000000..e796114 --- /dev/null +++ b/src/api/mnt/serverDeploy.js @@ -0,0 +1,27 @@ +import request from '@/utils/request' + +export function add(data) { + return request({ + url: 'api/serverDeploy', + method: 'post', + data + }) +} + +export function del(ids) { + return request({ + url: 'api/serverDeploy', + method: 'delete', + data: ids + }) +} + +export function edit(data) { + return request({ + url: 'api/serverDeploy', + method: 'put', + data + }) +} + +export default { add, edit, del } diff --git a/src/api/monitor/log.js b/src/api/monitor/log.js new file mode 100644 index 0000000..13f0d39 --- /dev/null +++ b/src/api/monitor/log.js @@ -0,0 +1,22 @@ +import request from '@/utils/request' + +export function getErrDetail(id) { + return request({ + url: 'api/logs/error/' + id, + method: 'get' + }) +} + +export function delAllError() { + return request({ + url: 'api/logs/del/error', + method: 'delete' + }) +} + +export function delAllInfo() { + return request({ + url: 'api/logs/del/info', + method: 'delete' + }) +} diff --git a/src/api/monitor/online.js b/src/api/monitor/online.js new file mode 100644 index 0000000..057275b --- /dev/null +++ b/src/api/monitor/online.js @@ -0,0 +1,9 @@ +import request from '@/utils/request' + +export function del(keys) { + return request({ + url: 'auth/online', + method: 'delete', + data: keys + }) +} diff --git a/src/api/monitor/viewRegister.js b/src/api/monitor/viewRegister.js new file mode 100644 index 0000000..78caada --- /dev/null +++ b/src/api/monitor/viewRegister.js @@ -0,0 +1,27 @@ +import request from '@/utils/request' + +export function add(data) { + return request({ + url: 'api/viewRegister', + method: 'post', + data + }) +} + +export function del(ids) { + return request({ + url: 'api/viewRegister/', + method: 'delete', + data: ids + }) +} + +export function edit(data) { + return request({ + url: 'api/viewRegister', + method: 'put', + data + }) +} + +export default { add, edit, del } diff --git a/src/api/order.js b/src/api/order.js new file mode 100644 index 0000000..c73bdfa --- /dev/null +++ b/src/api/order.js @@ -0,0 +1,63 @@ +import request from '@/utils/request' + +/** + * 查询订单 + * @param {*} data + * @returns + */ +export function tbOrderInfoData(data) { + return request({ + url: '/api/tbOrderInfo/date', + method: 'post', + data: { + shopId: localStorage.getItem('shopId'), + ...data + } + }) +} + +/** + * 导出数据 + * @param {*} data + * @returns + */ +export function tbOrderInfoDownload(data) { + return request({ + url: '/api/tbOrderInfo/download', + method: 'post', + data: { + shopId: localStorage.getItem('shopId'), + ...data + }, + responseType: 'blob' + }) +} + +/** + * 通过Id查询订单 + * @param {*} id + * @returns + */ +export function tbOrderInfoDetail(id) { + return request({ + url: `/api/tbOrderInfo/${id}`, + method: 'get' + }) +} + +/** + * 通过Id查询订单 + * @param {*} createdAt + * @returns + */ +export function payCount(createdAt) { + console.log(createdAt); + return request({ + url: `/api/tbOrderInfo/payCount`, + method: 'post', + data: { + shopId: localStorage.getItem('shopId'), + createdAt: createdAt + } + }) +} \ No newline at end of file diff --git a/src/api/setting.js b/src/api/setting.js new file mode 100644 index 0000000..454f874 --- /dev/null +++ b/src/api/setting.js @@ -0,0 +1,39 @@ +import request from '@/utils/request' + +/** + * 支付方式 + * @returns + */ +export function tbShopPayTypeGet(params) { + return request({ + url: '/api/tbShopPayType', + method: 'get', + params + }) +} + +/** + * 更改/增加支付方式 + * @returns + */ +export function tbShopPayType(data, method = 'post') { + return request({ + url: '/api/tbShopPayType', + method: method, + data + }) +} + + +/** + * 增删改查新增字典 + * @returns + */ +export function dict(data, method = 'get') { + return request({ + url: '/api/dict', + method: method, + data: data, + params: data + }) +} diff --git a/src/api/shop.js b/src/api/shop.js new file mode 100644 index 0000000..c5bc7c3 --- /dev/null +++ b/src/api/shop.js @@ -0,0 +1,397 @@ +import request from '@/utils/request' + +/** + * 商品列表 + * @returns + */ +export function tbProduct(params) { + return request({ + url: '/api/tbProduct', + method: 'get', + params + }) +} + +/** + * 删除商品 + * @returns + */ +export function tbProductDelete(data) { + return request({ + url: '/api/tbProduct', + method: 'delete', + data + }) +} + +/** + * 商品单位列表 + * @returns + */ +export function tbShopUnit(params) { + return request({ + url: '/api/tbShopUnit', + method: 'get', + params + }) +} + +/** + * 店铺基本配置 + * @returns + */ +export function tbShopCurrency(shopId) { + return request({ + url: `/api/tbShopCurrency/${shopId}`, + method: 'get' + }) +} + +/** + * 修改店铺信息 + * @returns + */ +export function tbShopCurrencyPut(data) { + return request({ + url: `/api/tbShopCurrency`, + method: 'put', + data + }) +} + +/** + * 新增单位 + * @returns + */ +export function tbShopUnitPost(data) { + return request({ + url: `/api/tbShopUnit`, + method: 'post', + data + }) +} + +/** + * 更改单位 + * @returns + */ +export function tbShopUnitPut(data) { + return request({ + url: `/api/tbShopUnit`, + method: 'put', + data + }) +} + +/** + * 删除单位 + * @returns + */ +export function tbShopUnitDelete(data) { + return request({ + url: `/api/tbShopUnit`, + method: 'delete', + data + }) +} + +/** + * 店铺基本配置 + * @returns + */ +export function tbShopCurrencyGet(params) { + return request({ + url: `/api/tbShopUnit`, + method: 'get', + params + }) +} + +/** + * 商品分类列表 + * @returns + */ +export function tbShopCategoryGet(params) { + return request({ + url: `/api/tbShopCategory`, + method: 'get', + params + }) +} + +/** + * 新增、编辑分类/新增、编辑子分类 + * @returns + */ +export function tbShopCategoryPost(data, method = 'post') { + return request({ + url: `/api/tbShopCategory`, + method: method, + data + }) +} + +/** + * 删除商品分类 + * @returns + */ +export function tbShopCategoryDelete(data) { + return request({ + url: `/api/tbShopCategory`, + method: 'delete', + data + }) +} + +/** + * 规格增加 + * @returns + */ +export function tbProductSpecPost(data) { + return request({ + url: `/api/tbProductSpec`, + method: 'post', + data + }) +} + +/** + * 规格列表 + * @returns + */ +export function tbProductSpecGet(params) { + return request({ + url: `/api/tbProductSpec`, + method: 'get', + params + }) +} + +/** + * 规格更改 + * @returns + */ +export function tbProductSpecPut(data) { + return request({ + url: `/api/tbProductSpec`, + method: 'put', + data + }) +} + +/** + * 删除规格 + * @returns + */ +export function tbProductSpecDelete(data) { + return request({ + url: `/api/tbProductSpec`, + method: 'DELETE', + data + }) +} + +/** + * 新增分组 + * @returns + */ +export function tbProductGroupPost(data) { + return request({ + url: `/api/tbProductGroup`, + method: 'post', + data + }) +} + +/** + * 更改分组 + * @returns + */ +export function tbProductGroupPut(data) { + return request({ + url: `/api/tbProductGroup`, + method: 'PUT', + data + }) +} + +/** + * 商品分组列表 + * @returns + */ +export function tbProductGroupGet(params) { + return request({ + url: `/api/tbProductGroup`, + method: 'get', + params + }) +} + +/** + * 商品列表（根据分组中的商品id） + * @returns + */ +export function productListGet(productGroup) { + return request({ + url: `/api/tbProductGroup/${productGroup}`, + method: 'get' + }) +} + +/** + * 删除分组 + * @returns + */ +export function tbProductGroupDelete(data) { + return request({ + url: `/api/tbProductGroup`, + method: 'DELETE', + data + }) +} + +/** + * 添加商品 + * @returns + */ +export function tbProductPost(data) { + return request({ + url: `/api/tbProduct`, + method: 'post', + data + }) +} + +/** + * 添加商品 + * @returns + */ +export function tbProductPut(data) { + return request({ + url: `/api/tbProduct`, + method: 'put', + data + }) +} + +/** + * 商品详情（单个商品） + * product 商品id + * @returns + */ +export function tbProductGetDetail(product) { + return request({ + url: `/api/tbProduct/${product}`, + method: 'get' + }) +} + +/** + * 店铺列表 + * @returns + */ +export function tbShopInfo(params) { + return request({ + url: `/api/tbShopInfo`, + method: 'get', + params + }) +} + +/** + * 增加激活码 + * @returns + */ +export function tbMerchantRegisterPost(data) { + return request({ + url: `/api/tbMerchantRegister`, + method: 'post', + data + }) +} + +/** + * 激活码列表 + * @returns + */ +export function tbMerchantRegisterList(data) { + return request({ + url: `/api/tbMerchantRegister/list`, + method: 'post', + data + }) +} + +/** + * 增加/编辑店铺 + * @returns + */ +export function tbShopInfoPost(data, method = 'post') { + return request({ + url: `/api/tbShopInfo`, + method: method, + data + }) +} + +/** + * 详情（配置三方支付） + * @returns + */ +export function tbMerchantThirdApply(shopId) { + return request({ + url: `/api/tbMerchantThirdApply/${shopId}`, + method: 'get' + }) +} + +/** + * 修改第三方配置 + * @returns + */ +export function tbMerchantThirdApplyPut(data) { + return request({ + url: `/api/tbMerchantThirdApply`, + method: 'put', + data + }) +} + +/** + * 设置热销商品 + * @returns + */ +export function tbProductIsHot(params) { + return request({ + url: `/api/tbProduct/isHot`, + method: 'get', + params + }) +} + +/** + * 增加/编辑优惠券 + * @returns + */ +export function tbMerchantCoupon(data, method = 'post') { + return request({ + url: `/api/tbMerchantCoupon`, + method: method, + data + }) +} + +/** + * 设置热销商品 + * @returns + */ +export function tbMerchantCouponGet(params) { + return request({ + url: `/api/tbMerchantCoupon`, + method: 'get', + params + }) +} + + + diff --git a/src/api/system/code.js b/src/api/system/code.js new file mode 100644 index 0000000..0d2e4c2 --- /dev/null +++ b/src/api/system/code.js @@ -0,0 +1,15 @@ +import request from '@/utils/request' + +export function resetEmail(data) { + return request({ + url: 'api/code/resetEmail?email=' + data, + method: 'post' + }) +} + +export function updatePass(pass) { + return request({ + url: 'api/users/updatePass/' + pass, + method: 'get' + }) +} diff --git a/src/api/system/dept.js b/src/api/system/dept.js new file mode 100644 index 0000000..ed4f944 --- /dev/null +++ b/src/api/system/dept.js @@ -0,0 +1,44 @@ +import request from '@/utils/request' + +export function getDepts(params) { + return request({ + url: 'api/dept', + method: 'get', + params + }) +} + +export function getDeptSuperior(ids) { + const data = ids.length || ids.length === 0 ? ids : Array.of(ids) + return request({ + url: 'api/dept/superior', + method: 'post', + data + }) +} + +export function add(data) { + return request({ + url: 'api/dept', + method: 'post', + data + }) +} + +export function del(ids) { + return request({ + url: 'api/dept', + method: 'delete', + data: ids + }) +} + +export function edit(data) { + return request({ + url: 'api/dept', + method: 'put', + data + }) +} + +export default { add, edit, del, getDepts, getDeptSuperior } diff --git a/src/api/system/dict.js b/src/api/system/dict.js new file mode 100644 index 0000000..99170f7 --- /dev/null +++ b/src/api/system/dict.js @@ -0,0 +1,34 @@ +import request from '@/utils/request' + +export function getDicts() { + return request({ + url: 'api/dict/all', + method: 'get' + }) +} + +export function add(data) { + return request({ + url: 'api/dict', + method: 'post', + data + }) +} + +export function del(ids) { + return request({ + url: 'api/dict/', + method: 'delete', + data: ids + }) +} + +export function edit(data) { + return request({ + url: 'api/dict', + method: 'put', + data + }) +} + +export default { add, edit, del } diff --git a/src/api/system/dictDetail.js b/src/api/system/dictDetail.js new file mode 100644 index 0000000..e8dc512 --- /dev/null +++ b/src/api/system/dictDetail.js @@ -0,0 +1,52 @@ +import request from '@/utils/request' + +export function get(dictName) { + const params = { + dictName, + page: 0, + size: 9999 + } + return request({ + url: 'api/dictDetail', + method: 'get', + params + }) +} + +export function getDictMap(dictName) { + const params = { + dictName, + page: 0, + size: 9999 + } + return request({ + url: 'api/dictDetail/map', + method: 'get', + params + }) +} + +export function add(data) { + return request({ + url: 'api/dictDetail', + method: 'post', + data + }) +} + +export function del(id) { + return request({ + url: 'api/dictDetail/' + id, + method: 'delete' + }) +} + +export function edit(data) { + return request({ + url: 'api/dictDetail', + method: 'put', + data + }) +} + +export default { add, edit, del } diff --git a/src/api/system/job.js b/src/api/system/job.js new file mode 100644 index 0000000..a00630e --- /dev/null +++ b/src/api/system/job.js @@ -0,0 +1,40 @@ +import request from '@/utils/request' + +export function getAllJob() { + const params = { + page: 0, + size: 9999, + enabled: true + } + return request({ + url: 'api/job', + method: 'get', + params + }) +} + +export function add(data) { + return request({ + url: 'api/job', + method: 'post', + data + }) +} + +export function del(ids) { + return request({ + url: 'api/job', + method: 'delete', + data: ids + }) +} + +export function edit(data) { + return request({ + url: 'api/job', + method: 'put', + data + }) +} + +export default { add, edit, del } diff --git a/src/api/system/menu.js b/src/api/system/menu.js new file mode 100644 index 0000000..282dd8d --- /dev/null +++ b/src/api/system/menu.js @@ -0,0 +1,65 @@ +import request from '@/utils/request' + +export function getMenusTree(pid) { + return request({ + url: 'api/menus/lazy?pid=' + pid, + method: 'get' + }) +} + +export function getMenus(params) { + return request({ + url: 'api/menus', + method: 'get', + params + }) +} + +export function getMenuSuperior(ids) { + const data = Array.isArray(ids) || ids.length === 0 ? ids : Array.of(ids) + return request({ + url: 'api/menus/superior', + method: 'post', + data + }) +} + +export function getChild(id) { + return request({ + url: 'api/menus/child?id=' + id, + method: 'get' + }) +} + +export function buildMenus() { + return request({ + url: 'api/menus/build', + method: 'get' + }) +} + +export function add(data) { + return request({ + url: 'api/menus', + method: 'post', + data + }) +} + +export function del(ids) { + return request({ + url: 'api/menus', + method: 'delete', + data: ids + }) +} + +export function edit(data) { + return request({ + url: 'api/menus', + method: 'put', + data + }) +} + +export default { add, edit, del, getMenusTree, getMenuSuperior, getMenus, getChild } diff --git a/src/api/system/role.js b/src/api/system/role.js new file mode 100644 index 0000000..1f7bc1e --- /dev/null +++ b/src/api/system/role.js @@ -0,0 +1,57 @@ +import request from '@/utils/request' + +// 获取所有的Role +export function getAll() { + return request({ + url: 'api/roles/all', + method: 'get' + }) +} + +export function add(data) { + return request({ + url: 'api/roles', + method: 'post', + data + }) +} + +export function get(id) { + return request({ + url: 'api/roles/' + id, + method: 'get' + }) +} + +export function getLevel() { + return request({ + url: 'api/roles/level', + method: 'get' + }) +} + +export function del(ids) { + return request({ + url: 'api/roles', + method: 'delete', + data: ids + }) +} + +export function edit(data) { + return request({ + url: 'api/roles', + method: 'put', + data + }) +} + +export function editMenu(data) { + return request({ + url: 'api/roles/menu', + method: 'put', + data + }) +} + +export default { add, edit, del, get, editMenu, getLevel } diff --git a/src/api/system/timing.js b/src/api/system/timing.js new file mode 100644 index 0000000..613e15f --- /dev/null +++ b/src/api/system/timing.js @@ -0,0 +1,41 @@ +import request from '@/utils/request' + +export function add(data) { + return request({ + url: 'api/jobs', + method: 'post', + data + }) +} + +export function del(ids) { + return request({ + url: 'api/jobs', + method: 'delete', + data: ids + }) +} + +export function edit(data) { + return request({ + url: 'api/jobs', + method: 'put', + data + }) +} + +export function updateIsPause(id) { + return request({ + url: 'api/jobs/' + id, + method: 'put' + }) +} + +export function execution(id) { + return request({ + url: 'api/jobs/exec/' + id, + method: 'put' + }) +} + +export default { del, updateIsPause, execution, add, edit } diff --git a/src/api/system/user.js b/src/api/system/user.js new file mode 100644 index 0000000..6cd91a5 --- /dev/null +++ b/src/api/system/user.js @@ -0,0 +1,61 @@ +import request from '@/utils/request' +import { encrypt } from '@/utils/rsaEncrypt' + +export function add(data) { + return request({ + url: 'api/users', + method: 'post', + data + }) +} + +export function del(ids) { + return request({ + url: 'api/users', + method: 'delete', + data: ids + }) +} + +export function edit(data) { + return request({ + url: 'api/users', + method: 'put', + data + }) +} + +export function editUser(data) { + return request({ + url: 'api/users/center', + method: 'put', + data + }) +} + +export function updatePass(user) { + const data = { + oldPass: encrypt(user.oldPass), + newPass: encrypt(user.newPass) + } + return request({ + url: 'api/users/updatePass/', + method: 'post', + data + }) +} + +export function updateEmail(form) { + const data = { + password: encrypt(form.pass), + email: form.email + } + return request({ + url: 'api/users/updateEmail/' + form.code, + method: 'post', + data + }) +} + +export default { add, edit, del } + diff --git a/src/api/table.js b/src/api/table.js new file mode 100644 index 0000000..95cce42 --- /dev/null +++ b/src/api/table.js @@ -0,0 +1,76 @@ +// 桌台管理 +import request from '@/utils/request' + +/** + * 台桌列表 + * @returns + */ +export function tbShopTableGet(params) { + return request({ + url: `/api/tbShopTable`, + method: 'get', + params + }) +} + +/** + * 区域 + * @returns + */ +export function tbShopAreaGet(params) { + return request({ + url: `/api/tbShopArea`, + method: 'get', + params + }) +} + +/** + * 增加区域 + * @returns + */ +export function tbShopArea(data, method) { + return request({ + url: `/api/tbShopArea`, + method: method, + data + }) +} + +/** + * 删除区域 + * @returns + */ +export function tbShopAreaDelete(data) { + return request({ + url: `/api/tbShopArea`, + method: 'DELETE', + data + }) +} + +/** + * 增加台桌 + * @returns + */ +export function tbShopTable(data, method) { + return request({ + url: `/api/tbShopTable`, + method: method, + data + }) +} + +/** + * 删除台桌 + * @returns + */ +export function tbShopTableDelete(data) { + return request({ + url: `/api/tbShopTable`, + method: 'DELETE', + data + }) +} + + diff --git a/src/api/tbOrderInfo.js b/src/api/tbOrderInfo.js new file mode 100644 index 0000000..4add8e2 --- /dev/null +++ b/src/api/tbOrderInfo.js @@ -0,0 +1,27 @@ +import request from '@/utils/request' + +export function add(data) { + return request({ + url: 'api/tbOrderInfo', + method: 'post', + data + }) +} + +export function del(ids) { + return request({ + url: 'api/tbOrderInfo/', + method: 'delete', + data: ids + }) +} + +export function edit(data) { + return request({ + url: 'api/tbOrderInfo', + method: 'put', + data + }) +} + +export default { add, edit, del } diff --git a/src/api/tbProduct.js b/src/api/tbProduct.js new file mode 100644 index 0000000..705ad90 --- /dev/null +++ b/src/api/tbProduct.js @@ -0,0 +1,27 @@ +import request from '@/utils/request' + +export function add(data) { + return request({ + url: 'api/tbProduct', + method: 'post', + data + }) +} + +export function del(ids) { + return request({ + url: 'api/tbProduct/', + method: 'delete', + data: ids + }) +} + +export function edit(data) { + return request({ + url: 'api/tbProduct', + method: 'put', + data + }) +} + +export default { add, edit, del } diff --git a/src/api/tbProductGroup.js b/src/api/tbProductGroup.js new file mode 100644 index 0000000..f78b3cb --- /dev/null +++ b/src/api/tbProductGroup.js @@ -0,0 +1,33 @@ +import request from '@/utils/request' + +export function add(data) { + return request({ + url: 'api/tbProductGroup', + method: 'post', + data + }) +} + +export function del(ids) { + return request({ + url: 'api/tbProductGroup/', + method: 'delete', + data: ids + }) +} + +export function edit(data) { + return request({ + url: 'api/tbProductGroup', + method: 'put', + data + }) +} + +export function addProduct(data) { + return request({ + url: '/api/tbProductGroup/addProduct', + menthod: 'post', + data + }) +} diff --git a/src/api/tbRenewalsPayLog.js b/src/api/tbRenewalsPayLog.js new file mode 100644 index 0000000..0a2b9b1 --- /dev/null +++ b/src/api/tbRenewalsPayLog.js @@ -0,0 +1,27 @@ +import request from '@/utils/request' + +export function add(data) { + return request({ + url: 'api/tbRenewalsPayLog', + method: 'post', + data + }) +} + +export function del(ids) { + return request({ + url: 'api/tbRenewalsPayLog/', + method: 'delete', + data: ids + }) +} + +export function edit(data) { + return request({ + url: 'api/tbRenewalsPayLog', + method: 'put', + data + }) +} + +export default { add, edit, del } diff --git a/src/api/tbShopInfo.js b/src/api/tbShopInfo.js new file mode 100644 index 0000000..1066f8d --- /dev/null +++ b/src/api/tbShopInfo.js @@ -0,0 +1,27 @@ +import request from '@/utils/request' + +export function add(data) { + return request({ + url: 'api/tbShopInfo', + method: 'post', + data + }) +} + +export function del(ids) { + return request({ + url: 'api/tbShopInfo/', + method: 'delete', + data: ids + }) +} + +export function edit(data) { + return request({ + url: 'api/tbShopInfo', + method: 'put', + data + }) +} + +export default { add, edit, del } diff --git a/src/api/tbShopPayType.js b/src/api/tbShopPayType.js new file mode 100644 index 0000000..8b63f8f --- /dev/null +++ b/src/api/tbShopPayType.js @@ -0,0 +1,27 @@ +import request from '@/utils/request' + +export function add(data) { + return request({ + url: 'api/tbShopPayType', + method: 'post', + data + }) +} + +export function del(ids) { + return request({ + url: 'api/tbShopPayType/', + method: 'delete', + data: ids + }) +} + +export function edit(data) { + return request({ + url: 'api/tbShopPayType', + method: 'put', + data + }) +} + +export default { add, edit, del } diff --git a/src/api/tbUserInfo.js b/src/api/tbUserInfo.js new file mode 100644 index 0000000..305fb71 --- /dev/null +++ b/src/api/tbUserInfo.js @@ -0,0 +1,27 @@ +import request from '@/utils/request' + +export function add(data) { + return request({ + url: 'api/tbUserInfo', + method: 'post', + data + }) +} + +export function del(ids) { + return request({ + url: 'api/tbUserInfo/', + method: 'delete', + data: ids + }) +} + +export function edit(data) { + return request({ + url: 'api/tbUserInfo', + method: 'put', + data + }) +} + +export default { add, edit, del } diff --git a/src/api/tools/alipay.js b/src/api/tools/alipay.js new file mode 100644 index 0000000..54090f5 --- /dev/null +++ b/src/api/tools/alipay.js @@ -0,0 +1,25 @@ +import request from '@/utils/request' + +export function get() { + return request({ + url: 'api/aliPay', + method: 'get' + }) +} + +export function update(data) { + return request({ + url: 'api/aliPay', + data, + method: 'put' + }) +} + +// 支付 +export function toAliPay(url, data) { + return request({ + url: 'api/' + url, + data, + method: 'post' + }) +} diff --git a/src/api/tools/email.js b/src/api/tools/email.js new file mode 100644 index 0000000..af030cb --- /dev/null +++ b/src/api/tools/email.js @@ -0,0 +1,24 @@ +import request from '@/utils/request' + +export function get() { + return request({ + url: 'api/email', + method: 'get' + }) +} + +export function update(data) { + return request({ + url: 'api/email', + data, + method: 'put' + }) +} + +export function send(data) { + return request({ + url: 'api/email', + data, + method: 'post' + }) +} diff --git a/src/api/tools/localStorage.js b/src/api/tools/localStorage.js new file mode 100644 index 0000000..63ebe2b --- /dev/null +++ b/src/api/tools/localStorage.js @@ -0,0 +1,27 @@ +import request from '@/utils/request' + +export function add(data) { + return request({ + url: 'api/localStorage', + method: 'post', + data + }) +} + +export function del(ids) { + return request({ + url: 'api/localStorage/', + method: 'delete', + data: ids + }) +} + +export function edit(data) { + return request({ + url: 'api/localStorage', + method: 'put', + data + }) +} + +export default { add, edit, del } diff --git a/src/api/tools/qiniu.js b/src/api/tools/qiniu.js new file mode 100644 index 0000000..bb276ac --- /dev/null +++ b/src/api/tools/qiniu.js @@ -0,0 +1,50 @@ +import request from '@/utils/request' + +export function get() { + return request({ + url: 'api/qiNiuContent/config', + method: 'get' + }) +} + +export function update(data) { + return request({ + url: 'api/qiNiuContent/config', + data, + method: 'put' + }) +} + +export function download(id) { + return request({ + url: 'api/qiNiuContent/download/' + id, + method: 'get' + }) +} + +export function sync() { + return request({ + url: 'api/qiNiuContent/synchronize', + method: 'post' + }) +} + +export function del(ids) { + return request({ + url: 'api/qiNiuContent', + method: 'delete', + data: ids + }) +} + +export function uploadFile(file){ + return request({ + url: '/api/qiNiuContent/updloadFile', + method: 'post', + data: file + } + ) + // return request.url+'api/qiNiuContent/updloadFile' +} + +export default { del, download, sync } diff --git a/src/api/user.js b/src/api/user.js new file mode 100644 index 0000000..2a4602e --- /dev/null +++ b/src/api/user.js @@ -0,0 +1,24 @@ +import request from '@/utils/request' + +/** + * 用户详情 + * @returns + */ +export function tbShopInfo(shopId) { + return request({ + url: `/api/tbShopInfo/${shopId}`, + method: 'get' + }) +} + +/** + * 修改店铺信息 + * @returns + */ +export function tbShopInfoPut(data) { + return request({ + url: `/api/tbShopInfo`, + method: 'put', + data + }) +} \ No newline at end of file diff --git a/src/api/viewAccountFlow.js b/src/api/viewAccountFlow.js new file mode 100644 index 0000000..bcd5118 --- /dev/null +++ b/src/api/viewAccountFlow.js @@ -0,0 +1,27 @@ +import request from '@/utils/request' + +export function add(data) { + return request({ + url: 'api/viewAccountFlow', + method: 'post', + data + }) +} + +export function del(ids) { + return request({ + url: 'api/viewAccountFlow/', + method: 'delete', + data: ids + }) +} + +export function edit(data) { + return request({ + url: 'api/viewAccountFlow', + method: 'put', + data + }) +} + +export default { add, edit, del } diff --git a/src/api/viewAccountInfo.js b/src/api/viewAccountInfo.js new file mode 100644 index 0000000..378e8a5 --- /dev/null +++ b/src/api/viewAccountInfo.js @@ -0,0 +1,27 @@ +import request from '@/utils/request' + +export function add(data) { + return request({ + url: 'api/viewAccountInfo', + method: 'post', + data + }) +} + +export function del(ids) { + return request({ + url: 'api/viewAccountInfo/', + method: 'delete', + data: ids + }) +} + +export function edit(data) { + return request({ + url: 'api/viewAccountInfo', + method: 'put', + data + }) +} + +export default { add, edit, del } diff --git a/src/api/viewBoxAccount.js b/src/api/viewBoxAccount.js new file mode 100644 index 0000000..3105e16 --- /dev/null +++ b/src/api/viewBoxAccount.js @@ -0,0 +1,27 @@ +import request from '@/utils/request' + +export function add(data) { + return request({ + url: 'api/viewBoxAccount', + method: 'post', + data + }) +} + +export function del(ids) { + return request({ + url: 'api/viewBoxAccount/', + method: 'delete', + data: ids + }) +} + +export function edit(data) { + return request({ + url: 'api/viewBoxAccount', + method: 'put', + data + }) +} + +export default { add, edit, del } diff --git a/src/api/viewBoxOrder.js b/src/api/viewBoxOrder.js new file mode 100644 index 0000000..517d934 --- /dev/null +++ b/src/api/viewBoxOrder.js @@ -0,0 +1,27 @@ +import request from '@/utils/request' + +export function add(data) { + return request({ + url: 'api/viewBoxOrder', + method: 'post', + data + }) +} + +export function del(ids) { + return request({ + url: 'api/viewBoxOrder/', + method: 'delete', + data: ids + }) +} + +export function edit(data) { + return request({ + url: 'api/viewBoxOrder', + method: 'put', + data + }) +} + +export default { add, edit, del } diff --git a/src/api/viewRegister.js b/src/api/viewRegister.js new file mode 100644 index 0000000..78caada --- /dev/null +++ b/src/api/viewRegister.js @@ -0,0 +1,27 @@ +import request from '@/utils/request' + +export function add(data) { + return request({ + url: 'api/viewRegister', + method: 'post', + data + }) +} + +export function del(ids) { + return request({ + url: 'api/viewRegister/', + method: 'delete', + data: ids + }) +} + +export function edit(data) { + return request({ + url: 'api/viewRegister', + method: 'put', + data + }) +} + +export default { add, edit, del } diff --git a/src/api/viewWalletFlow.js b/src/api/viewWalletFlow.js new file mode 100644 index 0000000..597a5d5 --- /dev/null +++ b/src/api/viewWalletFlow.js @@ -0,0 +1,27 @@ +import request from '@/utils/request' + +export function add(data) { + return request({ + url: 'api/viewWalletFlow', + method: 'post', + data + }) +} + +export function del(ids) { + return request({ + url: 'api/viewWalletFlow/', + method: 'delete', + data: ids + }) +} + +export function edit(data) { + return request({ + url: 'api/viewWalletFlow', + method: 'put', + data + }) +} + +export default { add, edit, del } diff --git a/src/assets/401_images/401.gif b/src/assets/401_images/401.gif new file mode 100644 index 0000000..cd6e0d9 Binary files /dev/null and b/src/assets/401_images/401.gif differ diff --git a/src/assets/404_images/404.png b/src/assets/404_images/404.png new file mode 100644 index 0000000..3d8e230 Binary files /dev/null and b/src/assets/404_images/404.png differ diff --git a/src/assets/404_images/404_cloud.png b/src/assets/404_images/404_cloud.png new file mode 100644 index 0000000..c6281d0 Binary files /dev/null and b/src/assets/404_images/404_cloud.png differ diff --git a/src/assets/icons/index.js b/src/assets/icons/index.js new file mode 100644 index 0000000..2c6b309 --- /dev/null +++ b/src/assets/icons/index.js @@ -0,0 +1,9 @@ +import Vue from 'vue' +import SvgIcon from '@/components/SvgIcon'// svg component + +// register globally +Vue.component('svg-icon', SvgIcon) + +const req = require.context('./svg', false, /\.svg$/) +const requireAll = requireContext => requireContext.keys().map(requireContext) +requireAll(req) diff --git a/src/assets/icons/svg/Steve-Jobs.svg b/src/assets/icons/svg/Steve-Jobs.svg new file mode 100644 index 0000000..53843e2 --- /dev/null +++ b/src/assets/icons/svg/Steve-Jobs.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/alipay.svg b/src/assets/icons/svg/alipay.svg new file mode 100644 index 0000000..9138981 --- /dev/null +++ b/src/assets/icons/svg/alipay.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/anq.svg b/src/assets/icons/svg/anq.svg new file mode 100644 index 0000000..a466608 --- /dev/null +++ b/src/assets/icons/svg/anq.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/app.svg b/src/assets/icons/svg/app.svg new file mode 100644 index 0000000..0796da3 --- /dev/null +++ b/src/assets/icons/svg/app.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/backup.svg b/src/assets/icons/svg/backup.svg new file mode 100644 index 0000000..a3272a4 --- /dev/null +++ b/src/assets/icons/svg/backup.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/blog.svg b/src/assets/icons/svg/blog.svg new file mode 100644 index 0000000..a990eba --- /dev/null +++ b/src/assets/icons/svg/blog.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/chain.svg b/src/assets/icons/svg/chain.svg new file mode 100644 index 0000000..ed3317f --- /dev/null +++ b/src/assets/icons/svg/chain.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/chart.svg b/src/assets/icons/svg/chart.svg new file mode 100644 index 0000000..27728fb --- /dev/null +++ b/src/assets/icons/svg/chart.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/codeConsole.svg b/src/assets/icons/svg/codeConsole.svg new file mode 100644 index 0000000..672ec6e --- /dev/null +++ b/src/assets/icons/svg/codeConsole.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/dashboard.svg b/src/assets/icons/svg/dashboard.svg new file mode 100644 index 0000000..5317d37 --- /dev/null +++ b/src/assets/icons/svg/dashboard.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/database.svg b/src/assets/icons/svg/database.svg new file mode 100644 index 0000000..7fbad9b --- /dev/null +++ b/src/assets/icons/svg/database.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/date.svg b/src/assets/icons/svg/date.svg new file mode 100644 index 0000000..0540e99 --- /dev/null +++ b/src/assets/icons/svg/date.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/deploy.svg b/src/assets/icons/svg/deploy.svg new file mode 100644 index 0000000..f4a1c56 --- /dev/null +++ b/src/assets/icons/svg/deploy.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/dept.svg b/src/assets/icons/svg/dept.svg new file mode 100644 index 0000000..894e4bf --- /dev/null +++ b/src/assets/icons/svg/dept.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/dev.svg b/src/assets/icons/svg/dev.svg new file mode 100644 index 0000000..ed4d23c --- /dev/null +++ b/src/assets/icons/svg/dev.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/develop.svg b/src/assets/icons/svg/develop.svg new file mode 100644 index 0000000..e189223 --- /dev/null +++ b/src/assets/icons/svg/develop.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/dictionary.svg b/src/assets/icons/svg/dictionary.svg new file mode 100644 index 0000000..6e83c43 --- /dev/null +++ b/src/assets/icons/svg/dictionary.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/doc.svg b/src/assets/icons/svg/doc.svg new file mode 100644 index 0000000..9160de8 --- /dev/null +++ b/src/assets/icons/svg/doc.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/download.svg b/src/assets/icons/svg/download.svg new file mode 100644 index 0000000..0243c6a --- /dev/null +++ b/src/assets/icons/svg/download.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/edit.svg b/src/assets/icons/svg/edit.svg new file mode 100644 index 0000000..d26101f --- /dev/null +++ b/src/assets/icons/svg/edit.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/education.svg b/src/assets/icons/svg/education.svg new file mode 100644 index 0000000..7bfb01d --- /dev/null +++ b/src/assets/icons/svg/education.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/email.svg b/src/assets/icons/svg/email.svg new file mode 100644 index 0000000..f1cf3ae --- /dev/null +++ b/src/assets/icons/svg/email.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/error.svg b/src/assets/icons/svg/error.svg new file mode 100644 index 0000000..fd935da --- /dev/null +++ b/src/assets/icons/svg/error.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/exit-fullscreen.svg b/src/assets/icons/svg/exit-fullscreen.svg new file mode 100644 index 0000000..485c128 --- /dev/null +++ b/src/assets/icons/svg/exit-fullscreen.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/fullscreen.svg b/src/assets/icons/svg/fullscreen.svg new file mode 100644 index 0000000..0e86b6f --- /dev/null +++ b/src/assets/icons/svg/fullscreen.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/fwb.svg b/src/assets/icons/svg/fwb.svg new file mode 100644 index 0000000..59933fc --- /dev/null +++ b/src/assets/icons/svg/fwb.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/github.svg b/src/assets/icons/svg/github.svg new file mode 100644 index 0000000..8145e95 --- /dev/null +++ b/src/assets/icons/svg/github.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/gonggao.svg b/src/assets/icons/svg/gonggao.svg new file mode 100644 index 0000000..22aed08 --- /dev/null +++ b/src/assets/icons/svg/gonggao.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/icon.svg b/src/assets/icons/svg/icon.svg new file mode 100644 index 0000000..82fbdd9 --- /dev/null +++ b/src/assets/icons/svg/icon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/image.svg b/src/assets/icons/svg/image.svg new file mode 100644 index 0000000..16d572f --- /dev/null +++ b/src/assets/icons/svg/image.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/index.svg b/src/assets/icons/svg/index.svg new file mode 100644 index 0000000..fdb3826 --- /dev/null +++ b/src/assets/icons/svg/index.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/international.svg b/src/assets/icons/svg/international.svg new file mode 100644 index 0000000..e9b56ee --- /dev/null +++ b/src/assets/icons/svg/international.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/ipvisits.svg b/src/assets/icons/svg/ipvisits.svg new file mode 100644 index 0000000..4ca473d --- /dev/null +++ b/src/assets/icons/svg/ipvisits.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/java.svg b/src/assets/icons/svg/java.svg new file mode 100644 index 0000000..e2effbb --- /dev/null +++ b/src/assets/icons/svg/java.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/link.svg b/src/assets/icons/svg/link.svg new file mode 100644 index 0000000..48197ba --- /dev/null +++ b/src/assets/icons/svg/link.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/list.svg b/src/assets/icons/svg/list.svg new file mode 100644 index 0000000..20259ed --- /dev/null +++ b/src/assets/icons/svg/list.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/lock.svg b/src/assets/icons/svg/lock.svg new file mode 100644 index 0000000..0f842ea --- /dev/null +++ b/src/assets/icons/svg/lock.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/log.svg b/src/assets/icons/svg/log.svg new file mode 100644 index 0000000..4fefe74 --- /dev/null +++ b/src/assets/icons/svg/log.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/login.svg b/src/assets/icons/svg/login.svg new file mode 100644 index 0000000..cc5a854 --- /dev/null +++ b/src/assets/icons/svg/login.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/markdown.svg b/src/assets/icons/svg/markdown.svg new file mode 100644 index 0000000..7cd6747 --- /dev/null +++ b/src/assets/icons/svg/markdown.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/menu.svg b/src/assets/icons/svg/menu.svg new file mode 100644 index 0000000..e4360a0 --- /dev/null +++ b/src/assets/icons/svg/menu.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/message.svg b/src/assets/icons/svg/message.svg new file mode 100644 index 0000000..14ca817 --- /dev/null +++ b/src/assets/icons/svg/message.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/mnt.svg b/src/assets/icons/svg/mnt.svg new file mode 100644 index 0000000..936ce29 --- /dev/null +++ b/src/assets/icons/svg/mnt.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/money.svg b/src/assets/icons/svg/money.svg new file mode 100644 index 0000000..c1580de --- /dev/null +++ b/src/assets/icons/svg/money.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/monitor.svg b/src/assets/icons/svg/monitor.svg new file mode 100644 index 0000000..339370a --- /dev/null +++ b/src/assets/icons/svg/monitor.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/nested.svg b/src/assets/icons/svg/nested.svg new file mode 100644 index 0000000..06713a8 --- /dev/null +++ b/src/assets/icons/svg/nested.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/password.svg b/src/assets/icons/svg/password.svg new file mode 100644 index 0000000..4ab451f --- /dev/null +++ b/src/assets/icons/svg/password.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/people.svg b/src/assets/icons/svg/people.svg new file mode 100644 index 0000000..2bd54ae --- /dev/null +++ b/src/assets/icons/svg/people.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/peoples.svg b/src/assets/icons/svg/peoples.svg new file mode 100644 index 0000000..2c91161 --- /dev/null +++ b/src/assets/icons/svg/peoples.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/permission.svg b/src/assets/icons/svg/permission.svg new file mode 100644 index 0000000..c4c7409 --- /dev/null +++ b/src/assets/icons/svg/permission.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/phone.svg b/src/assets/icons/svg/phone.svg new file mode 100644 index 0000000..da339f9 --- /dev/null +++ b/src/assets/icons/svg/phone.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/qiniu.svg b/src/assets/icons/svg/qiniu.svg new file mode 100644 index 0000000..c2f9f8b --- /dev/null +++ b/src/assets/icons/svg/qiniu.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/redis.svg b/src/assets/icons/svg/redis.svg new file mode 100644 index 0000000..bef111b --- /dev/null +++ b/src/assets/icons/svg/redis.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/role.svg b/src/assets/icons/svg/role.svg new file mode 100644 index 0000000..76cb18f --- /dev/null +++ b/src/assets/icons/svg/role.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/search.svg b/src/assets/icons/svg/search.svg new file mode 100644 index 0000000..84233dd --- /dev/null +++ b/src/assets/icons/svg/search.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/server.svg b/src/assets/icons/svg/server.svg new file mode 100644 index 0000000..db6dcdf --- /dev/null +++ b/src/assets/icons/svg/server.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/shopping.svg b/src/assets/icons/svg/shopping.svg new file mode 100644 index 0000000..87513e7 --- /dev/null +++ b/src/assets/icons/svg/shopping.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/size.svg b/src/assets/icons/svg/size.svg new file mode 100644 index 0000000..ddb25b8 --- /dev/null +++ b/src/assets/icons/svg/size.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/skill.svg b/src/assets/icons/svg/skill.svg new file mode 100644 index 0000000..a3b7312 --- /dev/null +++ b/src/assets/icons/svg/skill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/source.svg b/src/assets/icons/svg/source.svg new file mode 100644 index 0000000..1c3a038 --- /dev/null +++ b/src/assets/icons/svg/source.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/sqlMonitor.svg b/src/assets/icons/svg/sqlMonitor.svg new file mode 100644 index 0000000..950a430 --- /dev/null +++ b/src/assets/icons/svg/sqlMonitor.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/swagger.svg b/src/assets/icons/svg/swagger.svg new file mode 100644 index 0000000..ded7de8 --- /dev/null +++ b/src/assets/icons/svg/swagger.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/sys-tools.svg b/src/assets/icons/svg/sys-tools.svg new file mode 100644 index 0000000..8f9055e --- /dev/null +++ b/src/assets/icons/svg/sys-tools.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/system.svg b/src/assets/icons/svg/system.svg new file mode 100644 index 0000000..9333c60 --- /dev/null +++ b/src/assets/icons/svg/system.svg @@ -0,0 +1 @@ + diff --git a/src/assets/icons/svg/system1.svg b/src/assets/icons/svg/system1.svg new file mode 100644 index 0000000..37b0a0a --- /dev/null +++ b/src/assets/icons/svg/system1.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/tab.svg b/src/assets/icons/svg/tab.svg new file mode 100644 index 0000000..b4b48e4 --- /dev/null +++ b/src/assets/icons/svg/tab.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/theme.svg b/src/assets/icons/svg/theme.svg new file mode 100644 index 0000000..5982a2f --- /dev/null +++ b/src/assets/icons/svg/theme.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/timing.svg b/src/assets/icons/svg/timing.svg new file mode 100644 index 0000000..f8fdc6d --- /dev/null +++ b/src/assets/icons/svg/timing.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/tools.svg b/src/assets/icons/svg/tools.svg new file mode 100644 index 0000000..aba1a40 --- /dev/null +++ b/src/assets/icons/svg/tools.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/tree-table.svg b/src/assets/icons/svg/tree-table.svg new file mode 100644 index 0000000..8aafdb8 --- /dev/null +++ b/src/assets/icons/svg/tree-table.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/tree.svg b/src/assets/icons/svg/tree.svg new file mode 100644 index 0000000..dd4b7dd --- /dev/null +++ b/src/assets/icons/svg/tree.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/unlock.svg b/src/assets/icons/svg/unlock.svg new file mode 100644 index 0000000..1219e41 --- /dev/null +++ b/src/assets/icons/svg/unlock.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/user.svg b/src/assets/icons/svg/user.svg new file mode 100644 index 0000000..09d7a81 --- /dev/null +++ b/src/assets/icons/svg/user.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/user1.svg b/src/assets/icons/svg/user1.svg new file mode 100644 index 0000000..14ca51e --- /dev/null +++ b/src/assets/icons/svg/user1.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/validCode.svg b/src/assets/icons/svg/validCode.svg new file mode 100644 index 0000000..a1feb74 --- /dev/null +++ b/src/assets/icons/svg/validCode.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/visits.svg b/src/assets/icons/svg/visits.svg new file mode 100644 index 0000000..8425662 --- /dev/null +++ b/src/assets/icons/svg/visits.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/web.svg b/src/assets/icons/svg/web.svg new file mode 100644 index 0000000..9c57415 --- /dev/null +++ b/src/assets/icons/svg/web.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/wechat.svg b/src/assets/icons/svg/wechat.svg new file mode 100644 index 0000000..c586e55 --- /dev/null +++ b/src/assets/icons/svg/wechat.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/weixin.svg b/src/assets/icons/svg/weixin.svg new file mode 100644 index 0000000..8dbcfa5 --- /dev/null +++ b/src/assets/icons/svg/weixin.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/zujian.svg b/src/assets/icons/svg/zujian.svg new file mode 100644 index 0000000..2aba32f --- /dev/null +++ b/src/assets/icons/svg/zujian.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svgo.yml b/src/assets/icons/svgo.yml new file mode 100644 index 0000000..d11906a --- /dev/null +++ b/src/assets/icons/svgo.yml @@ -0,0 +1,22 @@ +# replace default config + +# multipass: true +# full: true + +plugins: + + # - name + # + # or: + # - name: false + # - name: true + # + # or: + # - name: + # param1: 1 + # param2: 2 + +- removeAttrs: + attrs: + - 'fill' + - 'fill-rule' diff --git a/src/assets/images/avatar.png b/src/assets/images/avatar.png new file mode 100644 index 0000000..997732a Binary files /dev/null and b/src/assets/images/avatar.png differ diff --git a/src/assets/images/background.webp b/src/assets/images/background.webp new file mode 100644 index 0000000..3ad73c8 Binary files /dev/null and b/src/assets/images/background.webp differ diff --git a/src/assets/images/background_img.jpg b/src/assets/images/background_img.jpg new file mode 100644 index 0000000..5d5644d Binary files /dev/null and b/src/assets/images/background_img.jpg differ diff --git a/src/assets/images/logo.png b/src/assets/images/logo.png new file mode 100644 index 0000000..452fdc0 Binary files /dev/null and b/src/assets/images/logo.png differ diff --git a/src/assets/images/shouye.jpeg b/src/assets/images/shouye.jpeg new file mode 100644 index 0000000..4bb0d9f Binary files /dev/null and b/src/assets/images/shouye.jpeg differ diff --git a/src/assets/images/upload.png b/src/assets/images/upload.png new file mode 100644 index 0000000..e2a27e6 Binary files /dev/null and b/src/assets/images/upload.png differ diff --git a/src/assets/styles/btn.css b/src/assets/styles/btn.css new file mode 100644 index 0000000..dde9582 --- /dev/null +++ b/src/assets/styles/btn.css @@ -0,0 +1,135 @@ +:export { + menuText: #bfcbd9; + menuActiveText: #409eff; + subMenuActiveText: #f4f4f5; + menuBg: #333; + menuHover: #444; + subMenuBg: #444; + subMenuHover: #555; + sideBarWidth: 205px; +} + +.blue-btn { + background: #324157; +} +.blue-btn:hover { + color: #324157; +} +.blue-btn:hover:before, .blue-btn:hover:after { + background: #324157; +} + +.light-blue-btn { + background: #3a71a8; +} +.light-blue-btn:hover { + color: #3a71a8; +} +.light-blue-btn:hover:before, .light-blue-btn:hover:after { + background: #3a71a8; +} + +.red-btn { + background: #c03639; +} +.red-btn:hover { + color: #c03639; +} +.red-btn:hover:before, .red-btn:hover:after { + background: #c03639; +} + +.pink-btn { + background: #e65d6e; +} +.pink-btn:hover { + color: #e65d6e; +} +.pink-btn:hover:before, .pink-btn:hover:after { + background: #e65d6e; +} + +.green-btn { + background: #30b08f; +} +.green-btn:hover { + color: #30b08f; +} +.green-btn:hover:before, .green-btn:hover:after { + background: #30b08f; +} + +.tiffany-btn { + background: #4ab7bd; +} +.tiffany-btn:hover { + color: #4ab7bd; +} +.tiffany-btn:hover:before, .tiffany-btn:hover:after { + background: #4ab7bd; +} + +.yellow-btn { + background: #fec171; +} +.yellow-btn:hover { + color: #fec171; +} +.yellow-btn:hover:before, .yellow-btn:hover:after { + background: #fec171; +} + +.pan-btn { + font-size: 14px; + color: #fff; + padding: 14px 36px; + border-radius: 8px; + border: none; + outline: none; + -webkit-transition: 600ms ease all; + transition: 600ms ease all; + position: relative; + display: inline-block; +} +.pan-btn:hover { + background: #fff; +} +.pan-btn:hover:before, .pan-btn:hover:after { + width: 100%; + -webkit-transition: 600ms ease all; + transition: 600ms ease all; +} +.pan-btn:before, .pan-btn:after { + content: ""; + position: absolute; + top: 0; + right: 0; + height: 2px; + width: 0; + -webkit-transition: 400ms ease all; + transition: 400ms ease all; +} +.pan-btn::after { + right: inherit; + top: inherit; + left: 0; + bottom: 0; +} + +.custom-button { + display: inline-block; + line-height: 1; + white-space: nowrap; + cursor: pointer; + background: #fff; + color: #fff; + -webkit-appearance: none; + text-align: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + outline: 0; + margin: 0; + padding: 10px 15px; + font-size: 14px; + border-radius: 4px; +} \ No newline at end of file diff --git a/src/assets/styles/btn.scss b/src/assets/styles/btn.scss new file mode 100644 index 0000000..8f47f2c --- /dev/null +++ b/src/assets/styles/btn.scss @@ -0,0 +1,99 @@ +@import 'variables'; + +@mixin colorBtn($color) { + background: $color; + + &:hover { + color: $color; + + &:before, + &:after { + background: $color; + } + } +} + +.blue-btn { + @include colorBtn($blue) +} + +.light-blue-btn { + @include colorBtn($light-blue) +} + +.red-btn { + @include colorBtn($red) +} + +.pink-btn { + @include colorBtn($pink) +} + +.green-btn { + @include colorBtn($green) +} + +.tiffany-btn { + @include colorBtn($tiffany) +} + +.yellow-btn { + @include colorBtn($yellow) +} + +.pan-btn { + font-size: 14px; + color: #fff; + padding: 14px 36px; + border-radius: 8px; + border: none; + outline: none; + transition: 600ms ease all; + position: relative; + display: inline-block; + + &:hover { + background: #fff; + + &:before, + &:after { + width: 100%; + transition: 600ms ease all; + } + } + + &:before, + &:after { + content: ''; + position: absolute; + top: 0; + right: 0; + height: 2px; + width: 0; + transition: 400ms ease all; + } + + &::after { + right: inherit; + top: inherit; + left: 0; + bottom: 0; + } +} + +.custom-button { + display: inline-block; + line-height: 1; + white-space: nowrap; + cursor: pointer; + background: #fff; + color: #fff; + -webkit-appearance: none; + text-align: center; + box-sizing: border-box; + outline: 0; + margin: 0; + padding: 10px 15px; + font-size: 14px; + border-radius: 4px; +} diff --git a/src/assets/styles/eladmin.css b/src/assets/styles/eladmin.css new file mode 100644 index 0000000..6253a63 --- /dev/null +++ b/src/assets/styles/eladmin.css @@ -0,0 +1,120 @@ +.head-container { + padding-bottom: 20px; +} +.head-container .filter-item { + display: inline-block; + vertical-align: middle; + margin: 0 3px 10px 0; +} +.head-container .filter-item input { + height: 30.5px; + line-height: 30.5px; +} +.head-container .el-form-item-label { + margin: 0 3px 9px 0; + display: inline-block; + text-align: right; + vertical-align: middle; + font-size: 14px; + color: #606266; + line-height: 30.5px; + padding: 0 7px 0 7px; +} +.head-container .el-button + .el-button { + margin-left: 0 !important; +} +.head-container .el-select__caret.el-input__icon.el-icon-arrow-up { + line-height: 30.5px; +} +.head-container .date-item { + display: inline-block; + vertical-align: middle; + margin-bottom: 10px; + height: 30.5px !important; + width: 230px !important; +} + +.el-avatar { + display: inline-block; + text-align: center; + background: #ccc; + color: #fff; + white-space: nowrap; + position: relative; + overflow: hidden; + vertical-align: middle; + width: 32px; + height: 32px; + line-height: 32px; + border-radius: 16px; +} + +.logo-con { + height: 60px; + padding: 13px 0 0; +} +.logo-con img { + height: 32px; + width: 135px; + display: block; +} + +#el-login-footer { + height: 40px; + line-height: 40px; + position: fixed; + bottom: 0; + width: 100%; + text-align: center; + color: #fff; + font-family: Arial, serif; + font-size: 12px; + letter-spacing: 1px; +} + +#el-main-footer { + background: none repeat scroll 0 0 white; + border-top: 1px solid #e7eaec; + overflow: hidden; + padding: 10px 6px 0 6px; + height: 33px; + font-size: 0.7rem !important; + color: #7a8b9a; + letter-spacing: 0.8px; + font-family: Arial, sans-serif !important; + position: fixed; + bottom: 0; + z-index: 99; + width: 100%; +} + +.eladmin-upload { + border: 1px dashed #c0ccda; + border-radius: 5px; + height: 45px; + line-height: 45px; + width: 368px; +} + +.my-blockquote { + margin: 0 0 10px; + padding: 15px; + line-height: 22px; + border-left: 5px solid #00437B; + border-radius: 0 2px 2px 0; + background-color: #f2f2f2; +} + +.my-code { + position: relative; + padding: 15px; + line-height: 20px; + border-left: 5px solid #ddd; + color: #333; + font-family: Courier New, serif; + font-size: 12px; +} + +.el-tabs { + margin-bottom: 25px; +} \ No newline at end of file diff --git a/src/assets/styles/eladmin.scss b/src/assets/styles/eladmin.scss new file mode 100644 index 0000000..8fe63d5 --- /dev/null +++ b/src/assets/styles/eladmin.scss @@ -0,0 +1,117 @@ +.head-container { + padding-bottom: 20px; + .filter-item { + display: inline-block; + vertical-align: middle; + margin: 0 3px 10px 0; + input { + height: 30.5px; + line-height: 30.5px; + } + } + .el-form-item-label { + margin: 0 3px 9px 0; + display: inline-block; + text-align: right; + vertical-align: middle; + font-size: 14px; + color: #606266; + line-height: 30.5px; + padding: 0 7px 0 7px; + } + .el-button+.el-button { + margin-left: 0 !important; + } + .el-select__caret.el-input__icon.el-icon-arrow-up{ + line-height: 30.5px; + } + .date-item { + display: inline-block; + vertical-align: middle; + margin-bottom: 10px; + height: 30.5px !important; + width: 230px !important; + } +} +.el-avatar { + display: inline-block; + text-align: center; + background: #ccc; + color: #fff; + white-space: nowrap; + position: relative; + overflow: hidden; + vertical-align: middle; + width: 32px; + height: 32px; + line-height: 32px; + border-radius: 16px; +} + +.logo-con{ + height: 60px; + padding: 13px 0 0; + img{ + height: 32px; + width: 135px; + display: block; + //margin: 0 auto; + } +} + +#el-login-footer { + height: 40px; + line-height: 40px; + position: fixed; + bottom: 0; + width: 100%; + text-align: center; + color: #fff; + font-family: Arial, serif; + font-size: 12px; + letter-spacing: 1px; +} + +#el-main-footer { + background: none repeat scroll 0 0 white; + border-top: 1px solid #e7eaec; + overflow: hidden; + padding: 10px 6px 0 6px; + height: 33px; + font-size: 0.7rem !important; + color: #7a8b9a; + letter-spacing: 0.8px; + font-family: Arial, sans-serif !important; + position: fixed; + bottom: 0; + z-index: 99; + width: 100%; +} +.eladmin-upload { + border: 1px dashed #c0ccda; + border-radius: 5px; + height: 45px; + line-height: 45px; + width: 368px; +} +.my-blockquote{ + margin: 0 0 10px; + padding: 15px; + line-height: 22px; + border-left: 5px solid #00437B; + border-radius: 0 2px 2px 0; + background-color: #f2f2f2; +} +.my-code{ + position: relative; + padding: 15px; + line-height: 20px; + border-left: 5px solid #ddd; + color: #333; + font-family: Courier New, serif; + font-size: 12px +} + +.el-tabs{ + margin-bottom: 25px; +} diff --git a/src/assets/styles/element-ui.css b/src/assets/styles/element-ui.css new file mode 100644 index 0000000..e1a8914 --- /dev/null +++ b/src/assets/styles/element-ui.css @@ -0,0 +1,60 @@ +.el-breadcrumb__inner, +.el-breadcrumb__inner a { + font-weight: 400 !important; +} + +.el-upload input[type=file] { + display: none !important; +} + +.el-upload__input { + display: none; +} + +.cell .el-tag { + margin-right: 0; +} + +.small-padding .cell { + padding-left: 5px; + padding-right: 5px; +} + +.fixed-width .el-button--mini { + padding: 7px 10px; + width: 60px; +} + +.status-col .cell { + padding: 0 10px; + text-align: center; +} +.status-col .cell .el-tag { + margin-right: 0; +} + +.el-dialog { + -webkit-transform: none; + transform: none; + left: 0; + position: relative; + margin: 0 auto; +} + +.upload-container .el-upload { + width: 100%; +} +.upload-container .el-upload .el-upload-dragger { + width: 100%; + height: 200px; +} + +.el-dropdown-menu a { + display: block; +} + +.el-range-editor.el-input__inner { + display: -webkit-inline-box !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; +} \ No newline at end of file diff --git a/src/assets/styles/element-ui.scss b/src/assets/styles/element-ui.scss new file mode 100644 index 0000000..8f7881c --- /dev/null +++ b/src/assets/styles/element-ui.scss @@ -0,0 +1,79 @@ +// cover some element-ui styles + +.el-breadcrumb__inner, +.el-breadcrumb__inner a { + font-weight: 400 !important; +} + +.el-upload { + input[type="file"] { + display: none !important; + } +} + +.el-upload__input { + display: none; +} + +.cell { + .el-tag { + margin-right: 0; + } +} + +.small-padding { + .cell { + padding-left: 5px; + padding-right: 5px; + } +} + +.fixed-width { + .el-button--mini { + padding: 7px 10px; + width: 60px; + } +} + +.status-col { + .cell { + padding: 0 10px; + text-align: center; + + .el-tag { + margin-right: 0; + } + } +} + +// to fixed https://github.com/ElemeFE/element/issues/2461 +.el-dialog { + transform: none; + left: 0; + position: relative; + margin: 0 auto; +} + +// refine element ui upload +.upload-container { + .el-upload { + width: 100%; + + .el-upload-dragger { + width: 100%; + height: 200px; + } + } +} + +// dropdown +.el-dropdown-menu { + a { + display: block + } +} + +// fix date-picker ui bug in filter-item +.el-range-editor.el-input__inner { + display: inline-flex !important; +} diff --git a/src/assets/styles/element-variables.css b/src/assets/styles/element-variables.css new file mode 100644 index 0000000..ac5b9a3 --- /dev/null +++ b/src/assets/styles/element-variables.css @@ -0,0 +1,69434 @@ +@charset "UTF-8"; +/** +* I think element-ui's default theme color is too light for long-term use. +* So I modified the default color and you can modify it to your liking. +**/ +/* theme color */ +/* icon font path, required */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.fade-in-linear-enter-active, +.fade-in-linear-leave-active { + -webkit-transition: opacity 200ms linear; + transition: opacity 200ms linear; +} + +.fade-in-linear-enter, +.fade-in-linear-leave, +.fade-in-linear-leave-active { + opacity: 0; +} + +.el-fade-in-linear-enter-active, +.el-fade-in-linear-leave-active { + -webkit-transition: opacity 200ms linear; + transition: opacity 200ms linear; +} + +.el-fade-in-linear-enter, +.el-fade-in-linear-leave, +.el-fade-in-linear-leave-active { + opacity: 0; +} + +.el-fade-in-enter-active, +.el-fade-in-leave-active { + -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); + transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); +} + +.el-fade-in-enter, +.el-fade-in-leave-active { + opacity: 0; +} + +.el-zoom-in-center-enter-active, +.el-zoom-in-center-leave-active { + -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); + transition: all 0.3s cubic-bezier(0.55, 0, 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 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.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 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.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 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.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(0.45, 0.45); + transform: scale(0.45, 0.45); +} + +.collapse-transition { + -webkit-transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; + transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; +} + +.horizontal-collapse-transition { + -webkit-transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out; + transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.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 0.3s cubic-bezier(0.55, 0, 0.1, 1); + transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1); +} + +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +@font-face { + font-family: "element-icons"; + src: url("~element-ui/lib/theme-chalk/fonts/element-icons.woff") format("woff"), url("~element-ui/lib/theme-chalk/fonts/element-icons.ttf") format("truetype"); /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ + font-weight: normal; + font-display: "auto"; + font-style: normal; +} +[class^=el-icon-], [class*=" el-icon-"] { + /* use !important to prevent issues with browser extensions that change fonts */ + font-family: "element-icons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + vertical-align: baseline; + display: inline-block; + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.el-icon-ice-cream-round:before { + content: "\e6a0"; +} + +.el-icon-ice-cream-square:before { + content: "\e6a3"; +} + +.el-icon-lollipop:before { + content: "\e6a4"; +} + +.el-icon-potato-strips:before { + content: "\e6a5"; +} + +.el-icon-milk-tea:before { + content: "\e6a6"; +} + +.el-icon-ice-drink:before { + content: "\e6a7"; +} + +.el-icon-ice-tea:before { + content: "\e6a9"; +} + +.el-icon-coffee:before { + content: "\e6aa"; +} + +.el-icon-orange:before { + content: "\e6ab"; +} + +.el-icon-pear:before { + content: "\e6ac"; +} + +.el-icon-apple:before { + content: "\e6ad"; +} + +.el-icon-cherry:before { + content: "\e6ae"; +} + +.el-icon-watermelon:before { + content: "\e6af"; +} + +.el-icon-grape:before { + content: "\e6b0"; +} + +.el-icon-refrigerator:before { + content: "\e6b1"; +} + +.el-icon-goblet-square-full:before { + content: "\e6b2"; +} + +.el-icon-goblet-square:before { + content: "\e6b3"; +} + +.el-icon-goblet-full:before { + content: "\e6b4"; +} + +.el-icon-goblet:before { + content: "\e6b5"; +} + +.el-icon-cold-drink:before { + content: "\e6b6"; +} + +.el-icon-coffee-cup:before { + content: "\e6b8"; +} + +.el-icon-water-cup:before { + content: "\e6b9"; +} + +.el-icon-hot-water:before { + content: "\e6ba"; +} + +.el-icon-ice-cream:before { + content: "\e6bb"; +} + +.el-icon-dessert:before { + content: "\e6bc"; +} + +.el-icon-sugar:before { + content: "\e6bd"; +} + +.el-icon-tableware:before { + content: "\e6be"; +} + +.el-icon-burger:before { + content: "\e6bf"; +} + +.el-icon-knife-fork:before { + content: "\e6c1"; +} + +.el-icon-fork-spoon:before { + content: "\e6c2"; +} + +.el-icon-chicken:before { + content: "\e6c3"; +} + +.el-icon-food:before { + content: "\e6c4"; +} + +.el-icon-dish-1:before { + content: "\e6c5"; +} + +.el-icon-dish:before { + content: "\e6c6"; +} + +.el-icon-moon-night:before { + content: "\e6ee"; +} + +.el-icon-moon:before { + content: "\e6f0"; +} + +.el-icon-cloudy-and-sunny:before { + content: "\e6f1"; +} + +.el-icon-partly-cloudy:before { + content: "\e6f2"; +} + +.el-icon-cloudy:before { + content: "\e6f3"; +} + +.el-icon-sunny:before { + content: "\e6f6"; +} + +.el-icon-sunset:before { + content: "\e6f7"; +} + +.el-icon-sunrise-1:before { + content: "\e6f8"; +} + +.el-icon-sunrise:before { + content: "\e6f9"; +} + +.el-icon-heavy-rain:before { + content: "\e6fa"; +} + +.el-icon-lightning:before { + content: "\e6fb"; +} + +.el-icon-light-rain:before { + content: "\e6fc"; +} + +.el-icon-wind-power:before { + content: "\e6fd"; +} + +.el-icon-baseball:before { + content: "\e712"; +} + +.el-icon-soccer:before { + content: "\e713"; +} + +.el-icon-football:before { + content: "\e715"; +} + +.el-icon-basketball:before { + content: "\e716"; +} + +.el-icon-ship:before { + content: "\e73f"; +} + +.el-icon-truck:before { + content: "\e740"; +} + +.el-icon-bicycle:before { + content: "\e741"; +} + +.el-icon-mobile-phone:before { + content: "\e6d3"; +} + +.el-icon-service:before { + content: "\e6d4"; +} + +.el-icon-key:before { + content: "\e6e2"; +} + +.el-icon-unlock:before { + content: "\e6e4"; +} + +.el-icon-lock:before { + content: "\e6e5"; +} + +.el-icon-watch:before { + content: "\e6fe"; +} + +.el-icon-watch-1:before { + content: "\e6ff"; +} + +.el-icon-timer:before { + content: "\e702"; +} + +.el-icon-alarm-clock:before { + content: "\e703"; +} + +.el-icon-map-location:before { + content: "\e704"; +} + +.el-icon-delete-location:before { + content: "\e705"; +} + +.el-icon-add-location:before { + content: "\e706"; +} + +.el-icon-location-information:before { + content: "\e707"; +} + +.el-icon-location-outline:before { + content: "\e708"; +} + +.el-icon-location:before { + content: "\e79e"; +} + +.el-icon-place:before { + content: "\e709"; +} + +.el-icon-discover:before { + content: "\e70a"; +} + +.el-icon-first-aid-kit:before { + content: "\e70b"; +} + +.el-icon-trophy-1:before { + content: "\e70c"; +} + +.el-icon-trophy:before { + content: "\e70d"; +} + +.el-icon-medal:before { + content: "\e70e"; +} + +.el-icon-medal-1:before { + content: "\e70f"; +} + +.el-icon-stopwatch:before { + content: "\e710"; +} + +.el-icon-mic:before { + content: "\e711"; +} + +.el-icon-copy-document:before { + content: "\e718"; +} + +.el-icon-full-screen:before { + content: "\e719"; +} + +.el-icon-switch-button:before { + content: "\e71b"; +} + +.el-icon-aim:before { + content: "\e71c"; +} + +.el-icon-crop:before { + content: "\e71d"; +} + +.el-icon-odometer:before { + content: "\e71e"; +} + +.el-icon-time:before { + content: "\e71f"; +} + +.el-icon-bangzhu:before { + content: "\e724"; +} + +.el-icon-close-notification:before { + content: "\e726"; +} + +.el-icon-microphone:before { + content: "\e727"; +} + +.el-icon-turn-off-microphone:before { + content: "\e728"; +} + +.el-icon-position:before { + content: "\e729"; +} + +.el-icon-postcard:before { + content: "\e72a"; +} + +.el-icon-message:before { + content: "\e72b"; +} + +.el-icon-chat-line-square:before { + content: "\e72d"; +} + +.el-icon-chat-dot-square:before { + content: "\e72e"; +} + +.el-icon-chat-dot-round:before { + content: "\e72f"; +} + +.el-icon-chat-square:before { + content: "\e730"; +} + +.el-icon-chat-line-round:before { + content: "\e731"; +} + +.el-icon-chat-round:before { + content: "\e732"; +} + +.el-icon-set-up:before { + content: "\e733"; +} + +.el-icon-turn-off:before { + content: "\e734"; +} + +.el-icon-open:before { + content: "\e735"; +} + +.el-icon-connection:before { + content: "\e736"; +} + +.el-icon-link:before { + content: "\e737"; +} + +.el-icon-cpu:before { + content: "\e738"; +} + +.el-icon-thumb:before { + content: "\e739"; +} + +.el-icon-female:before { + content: "\e73a"; +} + +.el-icon-male:before { + content: "\e73b"; +} + +.el-icon-guide:before { + content: "\e73c"; +} + +.el-icon-news:before { + content: "\e73e"; +} + +.el-icon-price-tag:before { + content: "\e744"; +} + +.el-icon-discount:before { + content: "\e745"; +} + +.el-icon-wallet:before { + content: "\e747"; +} + +.el-icon-coin:before { + content: "\e748"; +} + +.el-icon-money:before { + content: "\e749"; +} + +.el-icon-bank-card:before { + content: "\e74a"; +} + +.el-icon-box:before { + content: "\e74b"; +} + +.el-icon-present:before { + content: "\e74c"; +} + +.el-icon-sell:before { + content: "\e6d5"; +} + +.el-icon-sold-out:before { + content: "\e6d6"; +} + +.el-icon-shopping-bag-2:before { + content: "\e74d"; +} + +.el-icon-shopping-bag-1:before { + content: "\e74e"; +} + +.el-icon-shopping-cart-2:before { + content: "\e74f"; +} + +.el-icon-shopping-cart-1:before { + content: "\e750"; +} + +.el-icon-shopping-cart-full:before { + content: "\e751"; +} + +.el-icon-smoking:before { + content: "\e752"; +} + +.el-icon-no-smoking:before { + content: "\e753"; +} + +.el-icon-house:before { + content: "\e754"; +} + +.el-icon-table-lamp:before { + content: "\e755"; +} + +.el-icon-school:before { + content: "\e756"; +} + +.el-icon-office-building:before { + content: "\e757"; +} + +.el-icon-toilet-paper:before { + content: "\e758"; +} + +.el-icon-notebook-2:before { + content: "\e759"; +} + +.el-icon-notebook-1:before { + content: "\e75a"; +} + +.el-icon-files:before { + content: "\e75b"; +} + +.el-icon-collection:before { + content: "\e75c"; +} + +.el-icon-receiving:before { + content: "\e75d"; +} + +.el-icon-suitcase-1:before { + content: "\e760"; +} + +.el-icon-suitcase:before { + content: "\e761"; +} + +.el-icon-film:before { + content: "\e763"; +} + +.el-icon-collection-tag:before { + content: "\e765"; +} + +.el-icon-data-analysis:before { + content: "\e766"; +} + +.el-icon-pie-chart:before { + content: "\e767"; +} + +.el-icon-data-board:before { + content: "\e768"; +} + +.el-icon-data-line:before { + content: "\e76d"; +} + +.el-icon-reading:before { + content: "\e769"; +} + +.el-icon-magic-stick:before { + content: "\e76a"; +} + +.el-icon-coordinate:before { + content: "\e76b"; +} + +.el-icon-mouse:before { + content: "\e76c"; +} + +.el-icon-brush:before { + content: "\e76e"; +} + +.el-icon-headset:before { + content: "\e76f"; +} + +.el-icon-umbrella:before { + content: "\e770"; +} + +.el-icon-scissors:before { + content: "\e771"; +} + +.el-icon-mobile:before { + content: "\e773"; +} + +.el-icon-attract:before { + content: "\e774"; +} + +.el-icon-monitor:before { + content: "\e775"; +} + +.el-icon-search:before { + content: "\e778"; +} + +.el-icon-takeaway-box:before { + content: "\e77a"; +} + +.el-icon-paperclip:before { + content: "\e77d"; +} + +.el-icon-printer:before { + content: "\e77e"; +} + +.el-icon-document-add:before { + content: "\e782"; +} + +.el-icon-document:before { + content: "\e785"; +} + +.el-icon-document-checked:before { + content: "\e786"; +} + +.el-icon-document-copy:before { + content: "\e787"; +} + +.el-icon-document-delete:before { + content: "\e788"; +} + +.el-icon-document-remove:before { + content: "\e789"; +} + +.el-icon-tickets:before { + content: "\e78b"; +} + +.el-icon-folder-checked:before { + content: "\e77f"; +} + +.el-icon-folder-delete:before { + content: "\e780"; +} + +.el-icon-folder-remove:before { + content: "\e781"; +} + +.el-icon-folder-add:before { + content: "\e783"; +} + +.el-icon-folder-opened:before { + content: "\e784"; +} + +.el-icon-folder:before { + content: "\e78a"; +} + +.el-icon-edit-outline:before { + content: "\e764"; +} + +.el-icon-edit:before { + content: "\e78c"; +} + +.el-icon-date:before { + content: "\e78e"; +} + +.el-icon-c-scale-to-original:before { + content: "\e7c6"; +} + +.el-icon-view:before { + content: "\e6ce"; +} + +.el-icon-loading:before { + content: "\e6cf"; +} + +.el-icon-rank:before { + content: "\e6d1"; +} + +.el-icon-sort-down:before { + content: "\e7c4"; +} + +.el-icon-sort-up:before { + content: "\e7c5"; +} + +.el-icon-sort:before { + content: "\e6d2"; +} + +.el-icon-finished:before { + content: "\e6cd"; +} + +.el-icon-refresh-left:before { + content: "\e6c7"; +} + +.el-icon-refresh-right:before { + content: "\e6c8"; +} + +.el-icon-refresh:before { + content: "\e6d0"; +} + +.el-icon-video-play:before { + content: "\e7c0"; +} + +.el-icon-video-pause:before { + content: "\e7c1"; +} + +.el-icon-d-arrow-right:before { + content: "\e6dc"; +} + +.el-icon-d-arrow-left:before { + content: "\e6dd"; +} + +.el-icon-arrow-up:before { + content: "\e6e1"; +} + +.el-icon-arrow-down:before { + content: "\e6df"; +} + +.el-icon-arrow-right:before { + content: "\e6e0"; +} + +.el-icon-arrow-left:before { + content: "\e6de"; +} + +.el-icon-top-right:before { + content: "\e6e7"; +} + +.el-icon-top-left:before { + content: "\e6e8"; +} + +.el-icon-top:before { + content: "\e6e6"; +} + +.el-icon-bottom:before { + content: "\e6eb"; +} + +.el-icon-right:before { + content: "\e6e9"; +} + +.el-icon-back:before { + content: "\e6ea"; +} + +.el-icon-bottom-right:before { + content: "\e6ec"; +} + +.el-icon-bottom-left:before { + content: "\e6ed"; +} + +.el-icon-caret-top:before { + content: "\e78f"; +} + +.el-icon-caret-bottom:before { + content: "\e790"; +} + +.el-icon-caret-right:before { + content: "\e791"; +} + +.el-icon-caret-left:before { + content: "\e792"; +} + +.el-icon-d-caret:before { + content: "\e79a"; +} + +.el-icon-share:before { + content: "\e793"; +} + +.el-icon-menu:before { + content: "\e798"; +} + +.el-icon-s-grid:before { + content: "\e7a6"; +} + +.el-icon-s-check:before { + content: "\e7a7"; +} + +.el-icon-s-data:before { + content: "\e7a8"; +} + +.el-icon-s-opportunity:before { + content: "\e7aa"; +} + +.el-icon-s-custom:before { + content: "\e7ab"; +} + +.el-icon-s-claim:before { + content: "\e7ad"; +} + +.el-icon-s-finance:before { + content: "\e7ae"; +} + +.el-icon-s-comment:before { + content: "\e7af"; +} + +.el-icon-s-flag:before { + content: "\e7b0"; +} + +.el-icon-s-marketing:before { + content: "\e7b1"; +} + +.el-icon-s-shop:before { + content: "\e7b4"; +} + +.el-icon-s-open:before { + content: "\e7b5"; +} + +.el-icon-s-management:before { + content: "\e7b6"; +} + +.el-icon-s-ticket:before { + content: "\e7b7"; +} + +.el-icon-s-release:before { + content: "\e7b8"; +} + +.el-icon-s-home:before { + content: "\e7b9"; +} + +.el-icon-s-promotion:before { + content: "\e7ba"; +} + +.el-icon-s-operation:before { + content: "\e7bb"; +} + +.el-icon-s-unfold:before { + content: "\e7bc"; +} + +.el-icon-s-fold:before { + content: "\e7a9"; +} + +.el-icon-s-platform:before { + content: "\e7bd"; +} + +.el-icon-s-order:before { + content: "\e7be"; +} + +.el-icon-s-cooperation:before { + content: "\e7bf"; +} + +.el-icon-bell:before { + content: "\e725"; +} + +.el-icon-message-solid:before { + content: "\e799"; +} + +.el-icon-video-camera:before { + content: "\e772"; +} + +.el-icon-video-camera-solid:before { + content: "\e796"; +} + +.el-icon-camera:before { + content: "\e779"; +} + +.el-icon-camera-solid:before { + content: "\e79b"; +} + +.el-icon-download:before { + content: "\e77c"; +} + +.el-icon-upload2:before { + content: "\e77b"; +} + +.el-icon-upload:before { + content: "\e7c3"; +} + +.el-icon-picture-outline-round:before { + content: "\e75f"; +} + +.el-icon-picture-outline:before { + content: "\e75e"; +} + +.el-icon-picture:before { + content: "\e79f"; +} + +.el-icon-close:before { + content: "\e6db"; +} + +.el-icon-check:before { + content: "\e6da"; +} + +.el-icon-plus:before { + content: "\e6d9"; +} + +.el-icon-minus:before { + content: "\e6d8"; +} + +.el-icon-help:before { + content: "\e73d"; +} + +.el-icon-s-help:before { + content: "\e7b3"; +} + +.el-icon-circle-close:before { + content: "\e78d"; +} + +.el-icon-circle-check:before { + content: "\e720"; +} + +.el-icon-circle-plus-outline:before { + content: "\e723"; +} + +.el-icon-remove-outline:before { + content: "\e722"; +} + +.el-icon-zoom-out:before { + content: "\e776"; +} + +.el-icon-zoom-in:before { + content: "\e777"; +} + +.el-icon-error:before { + content: "\e79d"; +} + +.el-icon-success:before { + content: "\e79c"; +} + +.el-icon-circle-plus:before { + content: "\e7a0"; +} + +.el-icon-remove:before { + content: "\e7a2"; +} + +.el-icon-info:before { + content: "\e7a1"; +} + +.el-icon-question:before { + content: "\e7a4"; +} + +.el-icon-warning-outline:before { + content: "\e6c9"; +} + +.el-icon-warning:before { + content: "\e7a3"; +} + +.el-icon-goods:before { + content: "\e7c2"; +} + +.el-icon-s-goods:before { + content: "\e7b2"; +} + +.el-icon-star-off:before { + content: "\e717"; +} + +.el-icon-star-on:before { + content: "\e797"; +} + +.el-icon-more-outline:before { + content: "\e6cc"; +} + +.el-icon-more:before { + content: "\e794"; +} + +.el-icon-phone-outline:before { + content: "\e6cb"; +} + +.el-icon-phone:before { + content: "\e795"; +} + +.el-icon-user:before { + content: "\e6e3"; +} + +.el-icon-user-solid:before { + content: "\e7a5"; +} + +.el-icon-setting:before { + content: "\e6ca"; +} + +.el-icon-s-tools:before { + content: "\e7ac"; +} + +.el-icon-delete:before { + content: "\e6d7"; +} + +.el-icon-delete-solid:before { + content: "\e7c9"; +} + +.el-icon-eleme:before { + content: "\e7c7"; +} + +.el-icon-platform-eleme:before { + content: "\e7ca"; +} + +.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(0deg); + transform: rotateZ(0deg); + } + 100% { + -webkit-transform: rotateZ(360deg); + transform: rotateZ(360deg); + } +} + +@keyframes rotating { + 0% { + -webkit-transform: rotateZ(0deg); + transform: rotateZ(0deg); + } + 100% { + -webkit-transform: rotateZ(360deg); + transform: rotateZ(360deg); + } +} +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.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, 0.03)); + filter: drop-shadow(0 2px 12px rgba(0, 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: #e6ebf5; + border-bottom-width: 0; +} +.el-popper[x-placement^=top] .popper__arrow::after { + bottom: 1px; + margin-left: -6px; + border-top-color: #FFFFFF; + 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: #e6ebf5; +} +.el-popper[x-placement^=bottom] .popper__arrow::after { + top: 1px; + margin-left: -6px; + border-top-width: 0; + border-bottom-color: #FFFFFF; +} +.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: #e6ebf5; + border-left-width: 0; +} +.el-popper[x-placement^=right] .popper__arrow::after { + bottom: -6px; + left: 1px; + border-right-color: #FFFFFF; + 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: #e6ebf5; +} +.el-popper[x-placement^=left] .popper__arrow::after { + right: 1px; + bottom: -6px; + margin-left: -6px; + border-right-width: 0; + border-left-color: #FFFFFF; +} + +.el-select-dropdown { + position: absolute; + z-index: 1001; + border: solid 1px #dfe4ed; + border-radius: 4px; + background-color: #FFFFFF; + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 12px 0 rgba(0, 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 { + padding-right: 40px; +} +.el-select-dropdown.is-multiple .el-select-dropdown__item.selected { + color: #1890ff; + background-color: #FFFFFF; +} +.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: "\e6da"; + font-size: 12px; + font-weight: bold; + -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; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-textarea { + position: relative; + 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: #FFFFFF; + background-image: none; + border: 1px solid #DCDFE6; + border-radius: 4px; + -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.el-textarea__inner::-webkit-input-placeholder { + color: #C0C4CC; +} +.el-textarea__inner::-moz-placeholder { + color: #C0C4CC; +} +.el-textarea__inner:-ms-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: none; + border-color: #1890ff; +} + +.el-textarea .el-input__count { + color: #909399; + background: #FFFFFF; + position: absolute; + font-size: 12px; + bottom: 5px; + right: 10px; +} +.el-textarea.is-disabled .el-textarea__inner { + background-color: #F5F7FA; + border-color: #dfe4ed; + color: #C0C4CC; + cursor: not-allowed; +} +.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { + color: #C0C4CC; +} +.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder { + color: #C0C4CC; +} +.el-textarea.is-disabled .el-textarea__inner:-ms-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-textarea.is-exceed .el-textarea__inner { + border-color: #ff4949; +} +.el-textarea.is-exceed .el-input__count { + color: #ff4949; +} + +.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; + cursor: pointer; + -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.el-input .el-input__clear:hover { + color: #909399; +} +.el-input .el-input__count { + height: 100%; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: #909399; + font-size: 12px; +} +.el-input .el-input__count .el-input__count-inner { + background: #FFFFFF; + line-height: initial; + display: inline-block; + padding: 0 5px; +} +.el-input__inner { + -webkit-appearance: none; + background-color: #FFFFFF; + 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: none; + padding: 0 15px; + -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + width: 100%; +} +.el-input__inner::-ms-reveal { + display: none; +} +.el-input__inner::-webkit-input-placeholder { + color: #C0C4CC; +} +.el-input__inner::-moz-placeholder { + color: #C0C4CC; +} +.el-input__inner:-ms-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__inner:focus { + outline: none; + border-color: #1890ff; +} + +.el-input__suffix { + position: absolute; + height: 100%; + right: 5px; + top: 0; + text-align: center; + color: #C0C4CC; + -webkit-transition: all 0.3s; + transition: all 0.3s; + pointer-events: none; +} + +.el-input__suffix-inner { + pointer-events: all; +} + +.el-input__prefix { + position: absolute; + height: 100%; + left: 5px; + top: 0; + text-align: center; + color: #C0C4CC; + -webkit-transition: all 0.3s; + transition: all 0.3s; +} + +.el-input__icon { + height: 100%; + width: 25px; + text-align: center; + -webkit-transition: all 0.3s; + transition: all 0.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-active .el-input__inner { + outline: none; + border-color: #1890ff; +} + +.el-input.is-disabled .el-input__inner { + background-color: #F5F7FA; + border-color: #dfe4ed; + color: #C0C4CC; + cursor: not-allowed; +} +.el-input.is-disabled .el-input__inner::-webkit-input-placeholder { + color: #C0C4CC; +} +.el-input.is-disabled .el-input__inner::-moz-placeholder { + color: #C0C4CC; +} +.el-input.is-disabled .el-input__inner:-ms-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.is-exceed .el-input__inner { + border-color: #ff4949; +} +.el-input.is-exceed .el-input__suffix .el-input__count { + color: #ff4949; +} + +.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__append:focus, .el-input-group__prepend:focus { + outline: none; +} +.el-input-group__append .el-select, +.el-input-group__append .el-button, .el-input-group__prepend .el-select, +.el-input-group__prepend .el-button { + 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; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.el-input-group__append { + border-left: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.el-input-group--prepend .el-input__inner { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner { + border-color: transparent; +} + +.el-input-group--append .el-input__inner { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.el-input-group--append .el-select .el-input.is-focus .el-input__inner { + border-color: transparent; +} + +/** disalbe default clear on IE */ +.el-input__inner::-ms-clear { + display: none; + width: 0; + height: 0; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-tag { + background-color: #e8f4ff; + border-color: #d1e9ff; + color: #1890ff; + display: inline-block; + height: 32px; + padding: 0 10px; + line-height: 30px; + font-size: 12px; + color: #1890ff; + border-width: 1px; + border-style: solid; + border-radius: 4px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + white-space: nowrap; +} +.el-tag.is-hit { + border-color: #1890ff; +} + +.el-tag .el-tag__close { + color: #1890ff; +} +.el-tag .el-tag__close:hover { + color: #FFFFFF; + background-color: #1890ff; +} +.el-tag.el-tag--info { + background-color: #f4f4f5; + border-color: #e9e9eb; + color: #909399; +} +.el-tag.el-tag--info.is-hit { + border-color: #909399; +} + +.el-tag.el-tag--info .el-tag__close { + color: #909399; +} +.el-tag.el-tag--info .el-tag__close:hover { + color: #FFFFFF; + background-color: #909399; +} +.el-tag.el-tag--success { + background-color: #e7faf0; + border-color: #d0f5e0; + color: #13ce66; +} +.el-tag.el-tag--success.is-hit { + border-color: #13ce66; +} + +.el-tag.el-tag--success .el-tag__close { + color: #13ce66; +} +.el-tag.el-tag--success .el-tag__close:hover { + color: #FFFFFF; + background-color: #13ce66; +} +.el-tag.el-tag--warning { + background-color: #fff8e6; + border-color: #fff1cc; + color: #ffba00; +} +.el-tag.el-tag--warning.is-hit { + border-color: #FFBA00; +} + +.el-tag.el-tag--warning .el-tag__close { + color: #ffba00; +} +.el-tag.el-tag--warning .el-tag__close:hover { + color: #FFFFFF; + background-color: #ffba00; +} +.el-tag.el-tag--danger { + background-color: #ffeded; + border-color: #ffdbdb; + color: #ff4949; +} +.el-tag.el-tag--danger.is-hit { + border-color: #ff4949; +} + +.el-tag.el-tag--danger .el-tag__close { + color: #ff4949; +} +.el-tag.el-tag--danger .el-tag__close:hover { + color: #FFFFFF; + background-color: #ff4949; +} +.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; +} +.el-tag .el-icon-close::before { + display: block; +} +.el-tag--dark { + background-color: #1890ff; + border-color: #1890ff; + color: white; +} +.el-tag--dark.is-hit { + border-color: #1890ff; +} + +.el-tag--dark .el-tag__close { + color: white; +} +.el-tag--dark .el-tag__close:hover { + color: #FFFFFF; + background-color: #46a6ff; +} +.el-tag--dark.el-tag--info { + background-color: #909399; + border-color: #909399; + color: white; +} +.el-tag--dark.el-tag--info.is-hit { + border-color: #909399; +} + +.el-tag--dark.el-tag--info .el-tag__close { + color: white; +} +.el-tag--dark.el-tag--info .el-tag__close:hover { + color: #FFFFFF; + background-color: #a6a9ad; +} +.el-tag--dark.el-tag--success { + background-color: #13ce66; + border-color: #13ce66; + color: white; +} +.el-tag--dark.el-tag--success.is-hit { + border-color: #13ce66; +} + +.el-tag--dark.el-tag--success .el-tag__close { + color: white; +} +.el-tag--dark.el-tag--success .el-tag__close:hover { + color: #FFFFFF; + background-color: #42d885; +} +.el-tag--dark.el-tag--warning { + background-color: #ffba00; + border-color: #ffba00; + color: white; +} +.el-tag--dark.el-tag--warning.is-hit { + border-color: #FFBA00; +} + +.el-tag--dark.el-tag--warning .el-tag__close { + color: white; +} +.el-tag--dark.el-tag--warning .el-tag__close:hover { + color: #FFFFFF; + background-color: #ffc833; +} +.el-tag--dark.el-tag--danger { + background-color: #ff4949; + border-color: #ff4949; + color: white; +} +.el-tag--dark.el-tag--danger.is-hit { + border-color: #ff4949; +} + +.el-tag--dark.el-tag--danger .el-tag__close { + color: white; +} +.el-tag--dark.el-tag--danger .el-tag__close:hover { + color: #FFFFFF; + background-color: #ff6d6d; +} + +.el-tag--plain { + background-color: white; + border-color: #a3d3ff; + color: #1890ff; +} +.el-tag--plain.is-hit { + border-color: #1890ff; +} + +.el-tag--plain .el-tag__close { + color: #1890ff; +} +.el-tag--plain .el-tag__close:hover { + color: #FFFFFF; + background-color: #1890ff; +} +.el-tag--plain.el-tag--info { + background-color: white; + border-color: #d3d4d6; + color: #909399; +} +.el-tag--plain.el-tag--info.is-hit { + border-color: #909399; +} + +.el-tag--plain.el-tag--info .el-tag__close { + color: #909399; +} +.el-tag--plain.el-tag--info .el-tag__close:hover { + color: #FFFFFF; + background-color: #909399; +} +.el-tag--plain.el-tag--success { + background-color: white; + border-color: #a1ebc2; + color: #13ce66; +} +.el-tag--plain.el-tag--success.is-hit { + border-color: #13ce66; +} + +.el-tag--plain.el-tag--success .el-tag__close { + color: #13ce66; +} +.el-tag--plain.el-tag--success .el-tag__close:hover { + color: #FFFFFF; + background-color: #13ce66; +} +.el-tag--plain.el-tag--warning { + background-color: white; + border-color: #ffe399; + color: #ffba00; +} +.el-tag--plain.el-tag--warning.is-hit { + border-color: #FFBA00; +} + +.el-tag--plain.el-tag--warning .el-tag__close { + color: #ffba00; +} +.el-tag--plain.el-tag--warning .el-tag__close:hover { + color: #FFFFFF; + background-color: #ffba00; +} +.el-tag--plain.el-tag--danger { + background-color: white; + border-color: #ffb6b6; + color: #ff4949; +} +.el-tag--plain.el-tag--danger.is-hit { + border-color: #ff4949; +} + +.el-tag--plain.el-tag--danger .el-tag__close { + color: #ff4949; +} +.el-tag--plain.el-tag--danger .el-tag__close:hover { + color: #FFFFFF; + background-color: #ff4949; +} + +.el-tag--medium { + height: 28px; + line-height: 26px; +} +.el-tag--medium .el-icon-close { + -webkit-transform: scale(0.8); + transform: scale(0.8); +} + +.el-tag--small { + height: 24px; + padding: 0 8px; + line-height: 22px; +} +.el-tag--small .el-icon-close { + -webkit-transform: scale(0.8); + transform: scale(0.8); +} + +.el-tag--mini { + height: 20px; + padding: 0 5px; + line-height: 19px; +} +.el-tag--mini .el-icon-close { + margin-left: -3px; + -webkit-transform: scale(0.7); + transform: scale(0.7); +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.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: #FFFFFF; +} + +.el-select-dropdown__item.hover, .el-select-dropdown__item:hover { + background-color: #F5F7FA; +} +.el-select-dropdown__item.selected { + color: #1890ff; + font-weight: bold; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.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: #dfe4ed; +} + +.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; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-scrollbar { + overflow: hidden; + position: relative; +} +.el-scrollbar:hover > .el-scrollbar__bar, .el-scrollbar:active > .el-scrollbar__bar, .el-scrollbar:focus > .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 { + scrollbar-width: none; +} +.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, 0.3); + -webkit-transition: 0.3s background-color; + transition: 0.3s background-color; +} +.el-scrollbar__thumb:hover { + background-color: rgba(144, 147, 153, 0.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: #1890ff; +} +.el-select .el-input .el-select__caret { + color: #C0C4CC; + font-size: 14px; + -webkit-transition: -webkit-transform 0.3s; + transition: -webkit-transform 0.3s; + transition: transform 0.3s; + transition: transform 0.3s, -webkit-transform 0.3s; + -webkit-transform: rotateZ(180deg); + transform: rotateZ(180deg); + cursor: pointer; +} +.el-select .el-input .el-select__caret.is-reverse { + -webkit-transform: rotateZ(0deg); + transform: rotateZ(0deg); +} + +.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 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: color 0.2s cubic-bezier(0.645, 0.045, 0.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: #dfe4ed; +} +.el-select .el-input.is-focus .el-input__inner { + border-color: #1890ff; +} +.el-select > .el-input { + display: block; +} +.el-select__input { + border: none; + outline: none; + 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__tags-text { + overflow: hidden; + text-overflow: ellipsis; +} + +.el-select .el-tag { + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-color: transparent; + margin: 2px 0 2px 6px; + background-color: #f0f2f5; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + max-width: 100%; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.el-select .el-tag__close.el-icon-close { + background-color: #C0C4CC; + top: 0; + color: #FFFFFF; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.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, 0.5px); + transform: translate(0, 0.5px); +} + +.el-pagination { + white-space: nowrap; + padding: 2px 5px; + color: #303133; + font-weight: bold; +} +.el-pagination::before, +.el-pagination::after { + display: table; + content: ""; +} + +.el-pagination::after { + clear: both; +} + +.el-pagination span:not([class*=suffix]), +.el-pagination button { + 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(0.8); + transform: scale(0.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: transparent; +} +.el-pagination button:focus { + outline: none; +} +.el-pagination button:hover { + color: #1890ff; +} +.el-pagination button:disabled { + color: #C0C4CC; + background-color: #FFFFFF; + cursor: not-allowed; +} +.el-pagination .btn-prev, +.el-pagination .btn-next { + background: center center no-repeat; + background-size: 16px; + background-color: #FFFFFF; + cursor: pointer; + margin: 0; + color: #303133; +} +.el-pagination .btn-prev .el-icon, +.el-pagination .btn-next .el-icon { + display: block; + font-size: 12px; + font-weight: bold; +} +.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-pagination--small .btn-prev, +.el-pagination--small .btn-next, +.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 span:not([class*=suffix]), +.el-pagination--small button { + height: 22px; + line-height: 22px; +} +.el-pagination--small .el-pagination__editor { + height: 22px; +} +.el-pagination--small .el-pagination__editor.el-input .el-input__inner { + height: 22px; +} + +.el-pagination__sizes { + margin: 0 10px 0 0; + font-weight: normal; + 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: #1890ff; +} + +.el-pagination__total { + margin-right: 10px; + font-weight: normal; + color: #606266; +} + +.el-pagination__jump { + margin-left: 24px; + font-weight: normal; + 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-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-prev, +.el-pagination.is-background .btn-next, +.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-prev.disabled, +.el-pagination.is-background .btn-next.disabled, +.el-pagination.is-background .el-pager li.disabled { + color: #C0C4CC; +} +.el-pagination.is-background .btn-prev, .el-pagination.is-background .btn-next { + padding: 0; +} +.el-pagination.is-background .btn-prev:disabled, .el-pagination.is-background .btn-next:disabled { + color: #C0C4CC; +} +.el-pagination.is-background .el-pager li:not(.disabled):hover { + color: #1890ff; +} +.el-pagination.is-background .el-pager li:not(.disabled).active { + background-color: #1890ff; + color: #FFFFFF; +} +.el-pagination.is-background.el-pagination--small .btn-prev, +.el-pagination.is-background.el-pagination--small .btn-next, +.el-pagination.is-background.el-pagination--small .el-pager li { + margin: 0 3px; + min-width: 22px; +} + +.el-pager { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + list-style: none; + display: inline-block; + vertical-align: top; + font-size: 0; + padding: 0; + margin: 0; +} +.el-pager .more::before { + line-height: 30px; +} +.el-pager li { + padding: 0 4px; + background: #FFFFFF; + vertical-align: top; + display: inline-block; + font-size: 13px; + min-width: 35.5px; + height: 28px; + line-height: 28px; + cursor: pointer; + -webkit-box-sizing: border-box; + box-sizing: border-box; + text-align: center; + margin: 0; +} +.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.btn-quickprev:hover { + cursor: pointer; +} +.el-pager li.btn-quicknext:hover { + cursor: pointer; +} +.el-pager li.active + li { + border-left: 0; +} +.el-pager li:hover { + color: #1890ff; +} +.el-pager li.active { + color: #1890ff; + cursor: default; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +.v-modal-enter { + -webkit-animation: v-modal-in 0.2s ease; + animation: v-modal-in 0.2s ease; +} + +.v-modal-leave { + -webkit-animation: v-modal-out 0.2s ease forwards; + animation: v-modal-out 0.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: 0.5; + background: #000000; +} + +.el-popup-parent--hidden { + overflow: hidden; +} + +.el-dialog { + position: relative; + margin: 0 auto 50px; + background: #FFFFFF; + border-radius: 2px; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + box-shadow: 0 1px 3px rgba(0, 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; + padding-bottom: 10px; +} + +.el-dialog__headerbtn { + position: absolute; + top: 20px; + right: 20px; + padding: 0; + background: transparent; + border: none; + outline: none; + 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: #1890ff; +} + +.el-dialog__title { + line-height: 24px; + font-size: 18px; + color: #303133; +} + +.el-dialog__body { + padding: 30px 20px; + color: #606266; + font-size: 14px; + word-break: break-all; +} + +.el-dialog__footer { + padding: 20px; + padding-top: 10px; + 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 0.3s; + animation: dialog-fade-in 0.3s; +} + +.dialog-fade-leave-active { + -webkit-animation: dialog-fade-out 0.3s; + animation: dialog-fade-out 0.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; + } +} +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-textarea { + position: relative; + 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: #FFFFFF; + background-image: none; + border: 1px solid #DCDFE6; + border-radius: 4px; + -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.el-textarea__inner::-webkit-input-placeholder { + color: #C0C4CC; +} +.el-textarea__inner::-moz-placeholder { + color: #C0C4CC; +} +.el-textarea__inner:-ms-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: none; + border-color: #1890ff; +} + +.el-textarea .el-input__count { + color: #909399; + background: #FFFFFF; + position: absolute; + font-size: 12px; + bottom: 5px; + right: 10px; +} +.el-textarea.is-disabled .el-textarea__inner { + background-color: #F5F7FA; + border-color: #dfe4ed; + color: #C0C4CC; + cursor: not-allowed; +} +.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { + color: #C0C4CC; +} +.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder { + color: #C0C4CC; +} +.el-textarea.is-disabled .el-textarea__inner:-ms-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-textarea.is-exceed .el-textarea__inner { + border-color: #ff4949; +} +.el-textarea.is-exceed .el-input__count { + color: #ff4949; +} + +.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; + cursor: pointer; + -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.el-input .el-input__clear:hover { + color: #909399; +} +.el-input .el-input__count { + height: 100%; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: #909399; + font-size: 12px; +} +.el-input .el-input__count .el-input__count-inner { + background: #FFFFFF; + line-height: initial; + display: inline-block; + padding: 0 5px; +} +.el-input__inner { + -webkit-appearance: none; + background-color: #FFFFFF; + 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: none; + padding: 0 15px; + -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + width: 100%; +} +.el-input__inner::-ms-reveal { + display: none; +} +.el-input__inner::-webkit-input-placeholder { + color: #C0C4CC; +} +.el-input__inner::-moz-placeholder { + color: #C0C4CC; +} +.el-input__inner:-ms-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__inner:focus { + outline: none; + border-color: #1890ff; +} + +.el-input__suffix { + position: absolute; + height: 100%; + right: 5px; + top: 0; + text-align: center; + color: #C0C4CC; + -webkit-transition: all 0.3s; + transition: all 0.3s; + pointer-events: none; +} + +.el-input__suffix-inner { + pointer-events: all; +} + +.el-input__prefix { + position: absolute; + height: 100%; + left: 5px; + top: 0; + text-align: center; + color: #C0C4CC; + -webkit-transition: all 0.3s; + transition: all 0.3s; +} + +.el-input__icon { + height: 100%; + width: 25px; + text-align: center; + -webkit-transition: all 0.3s; + transition: all 0.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-active .el-input__inner { + outline: none; + border-color: #1890ff; +} + +.el-input.is-disabled .el-input__inner { + background-color: #F5F7FA; + border-color: #dfe4ed; + color: #C0C4CC; + cursor: not-allowed; +} +.el-input.is-disabled .el-input__inner::-webkit-input-placeholder { + color: #C0C4CC; +} +.el-input.is-disabled .el-input__inner::-moz-placeholder { + color: #C0C4CC; +} +.el-input.is-disabled .el-input__inner:-ms-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.is-exceed .el-input__inner { + border-color: #ff4949; +} +.el-input.is-exceed .el-input__suffix .el-input__count { + color: #ff4949; +} + +.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__append:focus, .el-input-group__prepend:focus { + outline: none; +} +.el-input-group__append .el-select, +.el-input-group__append .el-button, .el-input-group__prepend .el-select, +.el-input-group__prepend .el-button { + 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; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.el-input-group__append { + border-left: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.el-input-group--prepend .el-input__inner { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner { + border-color: transparent; +} + +.el-input-group--append .el-input__inner { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.el-input-group--append .el-select .el-input.is-focus .el-input__inner { + border-color: transparent; +} + +/** disalbe default clear on IE */ +.el-input__inner::-ms-clear { + display: none; + width: 0; + height: 0; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-scrollbar { + overflow: hidden; + position: relative; +} +.el-scrollbar:hover > .el-scrollbar__bar, .el-scrollbar:active > .el-scrollbar__bar, .el-scrollbar:focus > .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 { + scrollbar-width: none; +} +.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, 0.3); + -webkit-transition: 0.3s background-color; + transition: 0.3s background-color; +} +.el-scrollbar__thumb:hover { + background-color: rgba(144, 147, 153, 0.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%; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.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, 0.03)); + filter: drop-shadow(0 2px 12px rgba(0, 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: #e6ebf5; + border-bottom-width: 0; +} +.el-popper[x-placement^=top] .popper__arrow::after { + bottom: 1px; + margin-left: -6px; + border-top-color: #FFFFFF; + 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: #e6ebf5; +} +.el-popper[x-placement^=bottom] .popper__arrow::after { + top: 1px; + margin-left: -6px; + border-top-width: 0; + border-bottom-color: #FFFFFF; +} +.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: #e6ebf5; + border-left-width: 0; +} +.el-popper[x-placement^=right] .popper__arrow::after { + bottom: -6px; + left: 1px; + border-right-color: #FFFFFF; + 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: #e6ebf5; +} +.el-popper[x-placement^=left] .popper__arrow::after { + right: 1px; + bottom: -6px; + margin-left: -6px; + border-right-width: 0; + border-left-color: #FFFFFF; +} + +.el-autocomplete { + position: relative; + display: inline-block; +} + +.el-autocomplete-suggestion { + margin: 5px 0; + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 4px; + border: 1px solid #dfe4ed; + -webkit-box-sizing: border-box; + box-sizing: border-box; + background-color: #FFFFFF; +} +.el-autocomplete-suggestion__wrap { + max-height: 280px; + padding: 10px 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +.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:hover { + background-color: #F5F7FA; +} +.el-autocomplete-suggestion li.highlighted { + background-color: #F5F7FA; +} +.el-autocomplete-suggestion li.divider { + margin-top: 6px; + border-top: 1px solid #000000; +} +.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: #FFFFFF; +} +.el-autocomplete-suggestion.is-loading .el-icon-loading { + vertical-align: middle; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +.el-button { + display: inline-block; + line-height: 1; + white-space: nowrap; + cursor: pointer; + background: #FFFFFF; + border: 1px solid #DCDFE6; + border-color: #DCDFE6; + color: #606266; + -webkit-appearance: none; + text-align: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + outline: none; + margin: 0; + -webkit-transition: 0.1s; + transition: 0.1s; + font-weight: 400; + -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.is-round { + padding: 12px 20px; +} +.el-button:hover, .el-button:focus { + color: #1890ff; + border-color: #badeff; + background-color: #e8f4ff; +} +.el-button:active { + color: #1682e6; + border-color: #1682e6; + outline: none; +} +.el-button::-moz-focus-inner { + border: 0; +} +.el-button [class*=el-icon-] + span { + margin-left: 5px; +} +.el-button.is-plain:hover, .el-button.is-plain:focus { + background: #FFFFFF; + border-color: #1890ff; + color: #1890ff; +} +.el-button.is-plain:active { + background: #FFFFFF; + border-color: #1682e6; + color: #1682e6; + outline: none; +} + +.el-button.is-active { + color: #1682e6; + border-color: #1682e6; +} + +.el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus { + color: #C0C4CC; + cursor: not-allowed; + background-image: none; + background-color: #FFFFFF; + border-color: #e6ebf5; +} +.el-button.is-disabled.el-button--text { + background-color: transparent; +} +.el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:hover, .el-button.is-disabled.is-plain:focus { + background-color: #FFFFFF; + border-color: #e6ebf5; + 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, 0.35); +} + +.el-button.is-round { + border-radius: 20px; + padding: 12px 23px; +} + +.el-button.is-circle { + border-radius: 50%; + padding: 12px; +} + +.el-button--primary { + color: #FFFFFF; + background-color: #1890ff; + border-color: #1890ff; +} +.el-button--primary:hover, .el-button--primary:focus { + background: #46a6ff; + border-color: #46a6ff; + color: #FFFFFF; +} +.el-button--primary:active { + background: #1682e6; + border-color: #1682e6; + color: #FFFFFF; + outline: none; +} +.el-button--primary.is-active { + background: #1682e6; + border-color: #1682e6; + color: #FFFFFF; +} +.el-button--primary.is-disabled, .el-button--primary.is-disabled:hover, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:active { + color: #FFFFFF; + background-color: #8cc8ff; + border-color: #8cc8ff; +} +.el-button--primary.is-plain { + color: #1890ff; + background: #e8f4ff; + border-color: #a3d3ff; +} +.el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus { + background: #1890ff; + border-color: #1890ff; + color: #FFFFFF; +} +.el-button--primary.is-plain:active { + background: #1682e6; + border-color: #1682e6; + color: #FFFFFF; + outline: none; +} +.el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:hover, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:active { + color: #74bcff; + background-color: #e8f4ff; + border-color: #d1e9ff; +} + +.el-button--success { + color: #FFFFFF; + background-color: #13ce66; + border-color: #13ce66; +} +.el-button--success:hover, .el-button--success:focus { + background: #42d885; + border-color: #42d885; + color: #FFFFFF; +} +.el-button--success:active { + background: #11b95c; + border-color: #11b95c; + color: #FFFFFF; + outline: none; +} +.el-button--success.is-active { + background: #11b95c; + border-color: #11b95c; + color: #FFFFFF; +} +.el-button--success.is-disabled, .el-button--success.is-disabled:hover, .el-button--success.is-disabled:focus, .el-button--success.is-disabled:active { + color: #FFFFFF; + background-color: #89e7b3; + border-color: #89e7b3; +} +.el-button--success.is-plain { + color: #13ce66; + background: #e7faf0; + border-color: #a1ebc2; +} +.el-button--success.is-plain:hover, .el-button--success.is-plain:focus { + background: #13ce66; + border-color: #13ce66; + color: #FFFFFF; +} +.el-button--success.is-plain:active { + background: #11b95c; + border-color: #11b95c; + color: #FFFFFF; + outline: none; +} +.el-button--success.is-plain.is-disabled, .el-button--success.is-plain.is-disabled:hover, .el-button--success.is-plain.is-disabled:focus, .el-button--success.is-plain.is-disabled:active { + color: #71e2a3; + background-color: #e7faf0; + border-color: #d0f5e0; +} + +.el-button--warning { + color: #FFFFFF; + background-color: #FFBA00; + border-color: #FFBA00; +} +.el-button--warning:hover, .el-button--warning:focus { + background: #ffc833; + border-color: #ffc833; + color: #FFFFFF; +} +.el-button--warning:active { + background: #e6a700; + border-color: #e6a700; + color: #FFFFFF; + outline: none; +} +.el-button--warning.is-active { + background: #e6a700; + border-color: #e6a700; + color: #FFFFFF; +} +.el-button--warning.is-disabled, .el-button--warning.is-disabled:hover, .el-button--warning.is-disabled:focus, .el-button--warning.is-disabled:active { + color: #FFFFFF; + background-color: #ffdd80; + border-color: #ffdd80; +} +.el-button--warning.is-plain { + color: #FFBA00; + background: #fff8e6; + border-color: #ffe399; +} +.el-button--warning.is-plain:hover, .el-button--warning.is-plain:focus { + background: #FFBA00; + border-color: #FFBA00; + color: #FFFFFF; +} +.el-button--warning.is-plain:active { + background: #e6a700; + border-color: #e6a700; + color: #FFFFFF; + outline: none; +} +.el-button--warning.is-plain.is-disabled, .el-button--warning.is-plain.is-disabled:hover, .el-button--warning.is-plain.is-disabled:focus, .el-button--warning.is-plain.is-disabled:active { + color: #ffd666; + background-color: #fff8e6; + border-color: #fff1cc; +} + +.el-button--danger { + color: #FFFFFF; + background-color: #ff4949; + border-color: #ff4949; +} +.el-button--danger:hover, .el-button--danger:focus { + background: #ff6d6d; + border-color: #ff6d6d; + color: #FFFFFF; +} +.el-button--danger:active { + background: #e64242; + border-color: #e64242; + color: #FFFFFF; + outline: none; +} +.el-button--danger.is-active { + background: #e64242; + border-color: #e64242; + color: #FFFFFF; +} +.el-button--danger.is-disabled, .el-button--danger.is-disabled:hover, .el-button--danger.is-disabled:focus, .el-button--danger.is-disabled:active { + color: #FFFFFF; + background-color: #ffa4a4; + border-color: #ffa4a4; +} +.el-button--danger.is-plain { + color: #ff4949; + background: #ffeded; + border-color: #ffb6b6; +} +.el-button--danger.is-plain:hover, .el-button--danger.is-plain:focus { + background: #ff4949; + border-color: #ff4949; + color: #FFFFFF; +} +.el-button--danger.is-plain:active { + background: #e64242; + border-color: #e64242; + color: #FFFFFF; + outline: none; +} +.el-button--danger.is-plain.is-disabled, .el-button--danger.is-plain.is-disabled:hover, .el-button--danger.is-plain.is-disabled:focus, .el-button--danger.is-plain.is-disabled:active { + color: #ff9292; + background-color: #ffeded; + border-color: #ffdbdb; +} + +.el-button--info { + color: #FFFFFF; + background-color: #909399; + border-color: #909399; +} +.el-button--info:hover, .el-button--info:focus { + background: #a6a9ad; + border-color: #a6a9ad; + color: #FFFFFF; +} +.el-button--info:active { + background: #82848a; + border-color: #82848a; + color: #FFFFFF; + outline: none; +} +.el-button--info.is-active { + background: #82848a; + border-color: #82848a; + color: #FFFFFF; +} +.el-button--info.is-disabled, .el-button--info.is-disabled:hover, .el-button--info.is-disabled:focus, .el-button--info.is-disabled:active { + color: #FFFFFF; + background-color: #c8c9cc; + border-color: #c8c9cc; +} +.el-button--info.is-plain { + color: #909399; + background: #f4f4f5; + border-color: #d3d4d6; +} +.el-button--info.is-plain:hover, .el-button--info.is-plain:focus { + background: #909399; + border-color: #909399; + color: #FFFFFF; +} +.el-button--info.is-plain:active { + background: #82848a; + border-color: #82848a; + color: #FFFFFF; + outline: none; +} +.el-button--info.is-plain.is-disabled, .el-button--info.is-plain.is-disabled:hover, .el-button--info.is-plain.is-disabled:focus, .el-button--info.is-plain.is-disabled:active { + color: #bcbec2; + background-color: #f4f4f5; + border-color: #e9e9eb; +} + +.el-button--medium { + padding: 10px 20px; + font-size: 14px; + border-radius: 4px; +} +.el-button--medium.is-round { + padding: 10px 20px; +} +.el-button--medium.is-circle { + padding: 10px; +} + +.el-button--small { + padding: 9px 15px; + font-size: 12px; + border-radius: 3px; +} +.el-button--small.is-round { + padding: 9px 15px; +} +.el-button--small.is-circle { + padding: 9px; +} + +.el-button--mini { + padding: 7px 15px; + font-size: 12px; + border-radius: 3px; +} +.el-button--mini.is-round { + padding: 7px 15px; +} +.el-button--mini.is-circle { + padding: 7px; +} + +.el-button--text { + border-color: transparent; + color: #1890ff; + background: transparent; + padding-left: 0; + padding-right: 0; +} +.el-button--text:hover, .el-button--text:focus { + color: #46a6ff; + border-color: transparent; + background-color: transparent; +} +.el-button--text:active { + color: #1682e6; + border-color: transparent; + background-color: transparent; +} +.el-button--text.is-disabled, .el-button--text.is-disabled:hover, .el-button--text.is-disabled:focus { + border-color: transparent; +} + +.el-button-group { + display: inline-block; + vertical-align: middle; +} +.el-button-group::before, +.el-button-group::after { + 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.is-disabled { + z-index: 1; +} +.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-top-right-radius: 4px; + border-bottom-right-radius: 4px; + border-top-left-radius: 4px; + border-bottom-left-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-button:not(.is-disabled):hover, .el-button-group > .el-button:not(.is-disabled):focus, .el-button-group > .el-button:not(.is-disabled):active { + z-index: 1; +} +.el-button-group > .el-button.is-active { + z-index: 1; +} + +.el-button-group > .el-dropdown > .el-button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--primary:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--primary:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--primary:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--success:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--success:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--success:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--warning:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--warning:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--warning:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--danger:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--danger:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--danger:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--info:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--info:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--info:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.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, 0.03)); + filter: drop-shadow(0 2px 12px rgba(0, 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: #e6ebf5; + border-bottom-width: 0; +} +.el-popper[x-placement^=top] .popper__arrow::after { + bottom: 1px; + margin-left: -6px; + border-top-color: #FFFFFF; + 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: #e6ebf5; +} +.el-popper[x-placement^=bottom] .popper__arrow::after { + top: 1px; + margin-left: -6px; + border-top-width: 0; + border-bottom-color: #FFFFFF; +} +.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: #e6ebf5; + border-left-width: 0; +} +.el-popper[x-placement^=right] .popper__arrow::after { + bottom: -6px; + left: 1px; + border-right-color: #FFFFFF; + 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: #e6ebf5; +} +.el-popper[x-placement^=left] .popper__arrow::after { + right: 1px; + bottom: -6px; + margin-left: -6px; + border-right-width: 0; + border-left-color: #FFFFFF; +} + +.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, 0.5); +} +.el-dropdown .el-dropdown__caret-button.el-button--default::before { + background: rgba(220, 223, 230, 0.5); +} +.el-dropdown .el-dropdown__caret-button:hover:not(.is-disabled)::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 [disabled] { + cursor: not-allowed; + color: #bbb; +} + +.el-dropdown-menu { + position: absolute; + top: 0; + left: 0; + z-index: 10; + padding: 10px 0; + margin: 5px 0; + background-color: #FFFFFF; + border: 1px solid #e6ebf5; + border-radius: 4px; + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 12px 0 rgba(0, 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: none; +} +.el-dropdown-menu__item:not(.is-disabled):hover, .el-dropdown-menu__item:focus { + background-color: #e8f4ff; + color: #46a6ff; +} +.el-dropdown-menu__item i { + margin-right: 5px; +} +.el-dropdown-menu__item--divided { + position: relative; + margin-top: 6px; + border-top: 1px solid #e6ebf5; +} +.el-dropdown-menu__item--divided:before { + content: ""; + height: 6px; + display: block; + margin: 0 -20px; + background-color: #FFFFFF; +} + +.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; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.fade-in-linear-enter-active, +.fade-in-linear-leave-active { + -webkit-transition: opacity 200ms linear; + transition: opacity 200ms linear; +} + +.fade-in-linear-enter, +.fade-in-linear-leave, +.fade-in-linear-leave-active { + opacity: 0; +} + +.el-fade-in-linear-enter-active, +.el-fade-in-linear-leave-active { + -webkit-transition: opacity 200ms linear; + transition: opacity 200ms linear; +} + +.el-fade-in-linear-enter, +.el-fade-in-linear-leave, +.el-fade-in-linear-leave-active { + opacity: 0; +} + +.el-fade-in-enter-active, +.el-fade-in-leave-active { + -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); + transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); +} + +.el-fade-in-enter, +.el-fade-in-leave-active { + opacity: 0; +} + +.el-zoom-in-center-enter-active, +.el-zoom-in-center-leave-active { + -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); + transition: all 0.3s cubic-bezier(0.55, 0, 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 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.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 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.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 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.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(0.45, 0.45); + transform: scale(0.45, 0.45); +} + +.collapse-transition { + -webkit-transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; + transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; +} + +.horizontal-collapse-transition { + -webkit-transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out; + transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.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 0.3s cubic-bezier(0.55, 0, 0.1, 1); + transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1); +} + +.el-menu { + border-right: solid 1px #e6e6e6; + list-style: none; + position: relative; + margin: 0; + padding-left: 0; + background-color: #FFFFFF; +} +.el-menu::before, +.el-menu::after { + 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-menu-item:not(.is-disabled):hover, .el-menu--horizontal > .el-menu-item:not(.is-disabled):focus { + background-color: #fff; +} +.el-menu--horizontal > .el-submenu { + float: left; +} +.el-menu--horizontal > .el-submenu:focus, .el-menu--horizontal > .el-submenu:hover { + outline: none; +} +.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 #1890ff; + 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__title:hover { + background-color: #fff; +} +.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: #FFFFFF; + 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):hover, .el-menu--horizontal .el-menu-item:not(.is-disabled):focus { + outline: none; + color: #303133; +} +.el-menu--horizontal > .el-menu-item.is-active { + border-bottom: 2px solid #1890ff; + 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-menu .el-submenu { + min-width: 200px; +} +.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 #dfe4ed; + border-radius: 2px; + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.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; + min-width: 200px; + border: none; + padding: 5px 0; + border-radius: 2px; + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 12px 0 rgba(0, 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 { + height: 56px; + line-height: 56px; + font-size: 14px; + color: #303133; + padding: 0 20px; + list-style: none; + cursor: pointer; + position: relative; + -webkit-transition: border-color 0.3s, background-color 0.3s, color 0.3s; + transition: border-color 0.3s, background-color 0.3s, color 0.3s; + -webkit-box-sizing: border-box; + box-sizing: border-box; + white-space: nowrap; +} +.el-menu-item * { + vertical-align: middle; +} +.el-menu-item i { + color: #909399; +} +.el-menu-item:hover, .el-menu-item:focus { + outline: none; + background-color: #e8f4ff; +} +.el-menu-item.is-disabled { + opacity: 0.25; + cursor: not-allowed; + background: none !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: #1890ff; +} +.el-menu-item.is-active i { + color: inherit; +} + +.el-submenu { + list-style: none; + margin: 0; + padding-left: 0; +} +.el-submenu__title { + height: 56px; + line-height: 56px; + font-size: 14px; + color: #303133; + padding: 0 20px; + list-style: none; + cursor: pointer; + position: relative; + -webkit-transition: border-color 0.3s, background-color 0.3s, color 0.3s; + transition: border-color 0.3s, background-color 0.3s, color 0.3s; + -webkit-box-sizing: border-box; + box-sizing: border-box; + white-space: nowrap; +} +.el-submenu__title * { + vertical-align: middle; +} +.el-submenu__title i { + color: #909399; +} +.el-submenu__title:hover, .el-submenu__title:focus { + outline: none; + background-color: #e8f4ff; +} +.el-submenu__title.is-disabled { + opacity: 0.25; + cursor: not-allowed; + background: none !important; +} + +.el-submenu__title:hover { + background-color: #e8f4ff; +} + +.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 0.3s; + transition: -webkit-transform 0.3s; + transition: transform 0.3s; + transition: transform 0.3s, -webkit-transform 0.3s; + font-size: 12px; +} + +.el-submenu.is-active .el-submenu__title { + border-bottom-color: #1890ff; +} + +.el-submenu.is-opened > .el-submenu__title .el-submenu__icon-arrow { + -webkit-transform: rotateZ(180deg); + transform: rotateZ(180deg); +} + +.el-submenu.is-disabled .el-submenu__title, +.el-submenu.is-disabled .el-menu-item { + opacity: 0.25; + cursor: not-allowed; + background: none !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: 0.2s; + transition: 0.2s; + opacity: 0; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-textarea { + position: relative; + 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: #FFFFFF; + background-image: none; + border: 1px solid #DCDFE6; + border-radius: 4px; + -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.el-textarea__inner::-webkit-input-placeholder { + color: #C0C4CC; +} +.el-textarea__inner::-moz-placeholder { + color: #C0C4CC; +} +.el-textarea__inner:-ms-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: none; + border-color: #1890ff; +} + +.el-textarea .el-input__count { + color: #909399; + background: #FFFFFF; + position: absolute; + font-size: 12px; + bottom: 5px; + right: 10px; +} +.el-textarea.is-disabled .el-textarea__inner { + background-color: #F5F7FA; + border-color: #dfe4ed; + color: #C0C4CC; + cursor: not-allowed; +} +.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { + color: #C0C4CC; +} +.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder { + color: #C0C4CC; +} +.el-textarea.is-disabled .el-textarea__inner:-ms-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-textarea.is-exceed .el-textarea__inner { + border-color: #ff4949; +} +.el-textarea.is-exceed .el-input__count { + color: #ff4949; +} + +.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; + cursor: pointer; + -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.el-input .el-input__clear:hover { + color: #909399; +} +.el-input .el-input__count { + height: 100%; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: #909399; + font-size: 12px; +} +.el-input .el-input__count .el-input__count-inner { + background: #FFFFFF; + line-height: initial; + display: inline-block; + padding: 0 5px; +} +.el-input__inner { + -webkit-appearance: none; + background-color: #FFFFFF; + 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: none; + padding: 0 15px; + -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + width: 100%; +} +.el-input__inner::-ms-reveal { + display: none; +} +.el-input__inner::-webkit-input-placeholder { + color: #C0C4CC; +} +.el-input__inner::-moz-placeholder { + color: #C0C4CC; +} +.el-input__inner:-ms-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__inner:focus { + outline: none; + border-color: #1890ff; +} + +.el-input__suffix { + position: absolute; + height: 100%; + right: 5px; + top: 0; + text-align: center; + color: #C0C4CC; + -webkit-transition: all 0.3s; + transition: all 0.3s; + pointer-events: none; +} + +.el-input__suffix-inner { + pointer-events: all; +} + +.el-input__prefix { + position: absolute; + height: 100%; + left: 5px; + top: 0; + text-align: center; + color: #C0C4CC; + -webkit-transition: all 0.3s; + transition: all 0.3s; +} + +.el-input__icon { + height: 100%; + width: 25px; + text-align: center; + -webkit-transition: all 0.3s; + transition: all 0.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-active .el-input__inner { + outline: none; + border-color: #1890ff; +} + +.el-input.is-disabled .el-input__inner { + background-color: #F5F7FA; + border-color: #dfe4ed; + color: #C0C4CC; + cursor: not-allowed; +} +.el-input.is-disabled .el-input__inner::-webkit-input-placeholder { + color: #C0C4CC; +} +.el-input.is-disabled .el-input__inner::-moz-placeholder { + color: #C0C4CC; +} +.el-input.is-disabled .el-input__inner:-ms-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.is-exceed .el-input__inner { + border-color: #ff4949; +} +.el-input.is-exceed .el-input__suffix .el-input__count { + color: #ff4949; +} + +.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__append:focus, .el-input-group__prepend:focus { + outline: none; +} +.el-input-group__append .el-select, +.el-input-group__append .el-button, .el-input-group__prepend .el-select, +.el-input-group__prepend .el-button { + 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; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.el-input-group__append { + border-left: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.el-input-group--prepend .el-input__inner { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner { + border-color: transparent; +} + +.el-input-group--append .el-input__inner { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.el-input-group--append .el-select .el-input.is-focus .el-input__inner { + border-color: transparent; +} + +/** disalbe default clear on IE */ +.el-input__inner::-ms-clear { + display: none; + width: 0; + height: 0; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-textarea { + position: relative; + 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: #FFFFFF; + background-image: none; + border: 1px solid #DCDFE6; + border-radius: 4px; + -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.el-textarea__inner::-webkit-input-placeholder { + color: #C0C4CC; +} +.el-textarea__inner::-moz-placeholder { + color: #C0C4CC; +} +.el-textarea__inner:-ms-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: none; + border-color: #1890ff; +} + +.el-textarea .el-input__count { + color: #909399; + background: #FFFFFF; + position: absolute; + font-size: 12px; + bottom: 5px; + right: 10px; +} +.el-textarea.is-disabled .el-textarea__inner { + background-color: #F5F7FA; + border-color: #dfe4ed; + color: #C0C4CC; + cursor: not-allowed; +} +.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { + color: #C0C4CC; +} +.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder { + color: #C0C4CC; +} +.el-textarea.is-disabled .el-textarea__inner:-ms-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-textarea.is-exceed .el-textarea__inner { + border-color: #ff4949; +} +.el-textarea.is-exceed .el-input__count { + color: #ff4949; +} + +.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; + cursor: pointer; + -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.el-input .el-input__clear:hover { + color: #909399; +} +.el-input .el-input__count { + height: 100%; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: #909399; + font-size: 12px; +} +.el-input .el-input__count .el-input__count-inner { + background: #FFFFFF; + line-height: initial; + display: inline-block; + padding: 0 5px; +} +.el-input__inner { + -webkit-appearance: none; + background-color: #FFFFFF; + 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: none; + padding: 0 15px; + -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + width: 100%; +} +.el-input__inner::-ms-reveal { + display: none; +} +.el-input__inner::-webkit-input-placeholder { + color: #C0C4CC; +} +.el-input__inner::-moz-placeholder { + color: #C0C4CC; +} +.el-input__inner:-ms-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__inner:focus { + outline: none; + border-color: #1890ff; +} + +.el-input__suffix { + position: absolute; + height: 100%; + right: 5px; + top: 0; + text-align: center; + color: #C0C4CC; + -webkit-transition: all 0.3s; + transition: all 0.3s; + pointer-events: none; +} + +.el-input__suffix-inner { + pointer-events: all; +} + +.el-input__prefix { + position: absolute; + height: 100%; + left: 5px; + top: 0; + text-align: center; + color: #C0C4CC; + -webkit-transition: all 0.3s; + transition: all 0.3s; +} + +.el-input__icon { + height: 100%; + width: 25px; + text-align: center; + -webkit-transition: all 0.3s; + transition: all 0.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-active .el-input__inner { + outline: none; + border-color: #1890ff; +} + +.el-input.is-disabled .el-input__inner { + background-color: #F5F7FA; + border-color: #dfe4ed; + color: #C0C4CC; + cursor: not-allowed; +} +.el-input.is-disabled .el-input__inner::-webkit-input-placeholder { + color: #C0C4CC; +} +.el-input.is-disabled .el-input__inner::-moz-placeholder { + color: #C0C4CC; +} +.el-input.is-disabled .el-input__inner:-ms-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.is-exceed .el-input__inner { + border-color: #ff4949; +} +.el-input.is-exceed .el-input__suffix .el-input__count { + color: #ff4949; +} + +.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__append:focus, .el-input-group__prepend:focus { + outline: none; +} +.el-input-group__append .el-select, +.el-input-group__append .el-button, .el-input-group__prepend .el-select, +.el-input-group__prepend .el-button { + 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; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.el-input-group__append { + border-left: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.el-input-group--prepend .el-input__inner { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner { + border-color: transparent; +} + +.el-input-group--append .el-input__inner { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.el-input-group--append .el-select .el-input.is-focus .el-input__inner { + border-color: transparent; +} + +/** disalbe default clear on IE */ +.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__increase, .el-input-number__decrease { + 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__increase:hover, .el-input-number__decrease:hover { + color: #1890ff; +} +.el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled), .el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) { + border-color: #1890ff; +} +.el-input-number__increase.is-disabled, .el-input-number__decrease.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__increase, .el-input-number.is-disabled .el-input-number__decrease { + border-color: #dfe4ed; + color: #dfe4ed; +} +.el-input-number.is-disabled .el-input-number__increase:hover, .el-input-number.is-disabled .el-input-number__decrease:hover { + color: #dfe4ed; + cursor: not-allowed; +} + +.el-input-number--medium { + width: 200px; + line-height: 34px; +} +.el-input-number--medium .el-input-number__increase, .el-input-number--medium .el-input-number__decrease { + 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__increase, .el-input-number--small .el-input-number__decrease { + width: 32px; + font-size: 13px; +} +.el-input-number--small .el-input-number__increase [class*=el-icon], .el-input-number--small .el-input-number__decrease [class*=el-icon] { + -webkit-transform: scale(0.9); + transform: scale(0.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__increase, .el-input-number--mini .el-input-number__decrease { + width: 28px; + font-size: 12px; +} +.el-input-number--mini .el-input-number__increase [class*=el-icon], .el-input-number--mini .el-input-number__decrease [class*=el-icon] { + -webkit-transform: scale(0.8); + transform: scale(0.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__increase, .el-input-number.is-controls-right .el-input-number__decrease { + height: auto; + line-height: 19px; +} +.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon], .el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon] { + -webkit-transform: scale(0.8); + transform: scale(0.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 0; +} + +.el-input-number.is-controls-right[class*=medium] [class*=increase], .el-input-number.is-controls-right[class*=medium] [class*=decrease] { + line-height: 17px; +} +.el-input-number.is-controls-right[class*=small] [class*=increase], .el-input-number.is-controls-right[class*=small] [class*=decrease] { + line-height: 15px; +} +.el-input-number.is-controls-right[class*=mini] [class*=increase], .el-input-number.is-controls-right[class*=mini] [class*=decrease] { + line-height: 13px; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-radio { + color: #606266; + font-weight: 500; + line-height: 1; + position: relative; + cursor: pointer; + display: inline-block; + white-space: nowrap; + outline: none; + font-size: 14px; + margin-right: 30px; + -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: #1890ff; +} +.el-radio.is-bordered.is-disabled { + cursor: not-allowed; + border-color: #e6ebf5; +} +.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--medium.is-bordered .el-radio__label { + font-size: 14px; +} +.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__label { + font-size: 12px; +} +.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__label { + font-size: 12px; +} +.el-radio--mini.is-bordered .el-radio__inner { + height: 12px; + width: 12px; +} + +.el-radio:last-child { + margin-right: 0; +} +.el-radio__input { + white-space: nowrap; + cursor: pointer; + outline: none; + display: inline-block; + line-height: 1; + position: relative; + vertical-align: middle; +} +.el-radio__input.is-disabled .el-radio__inner { + background-color: #F5F7FA; + border-color: #dfe4ed; + 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 { + background-color: #F5F7FA; + border-color: #dfe4ed; +} +.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: #1890ff; + background: #1890ff; +} +.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: #1890ff; +} + +.el-radio__input.is-focus .el-radio__inner { + border-color: #1890ff; +} + +.el-radio__inner { + border: 1px solid #DCDFE6; + border-radius: 100%; + width: 14px; + height: 14px; + background-color: #FFFFFF; + position: relative; + cursor: pointer; + display: inline-block; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-radio__inner:hover { + border-color: #1890ff; +} +.el-radio__inner::after { + width: 4px; + height: 4px; + border-radius: 100%; + background-color: #FFFFFF; + content: ""; + position: absolute; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%) scale(0); + transform: translate(-50%, -50%) scale(0); + -webkit-transition: -webkit-transform 0.15s ease-in; + transition: -webkit-transform 0.15s ease-in; + transition: transform 0.15s ease-in; + transition: transform 0.15s ease-in, -webkit-transform 0.15s ease-in; +} + +.el-radio__original { + opacity: 0; + outline: none; + 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:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner { + -webkit-box-shadow: 0 0 2px 2px #1890ff; + box-shadow: 0 0 2px 2px #1890ff; +} +.el-radio__label { + font-size: 14px; + padding-left: 10px; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-radio-group { + display: inline-block; + line-height: 1; + vertical-align: middle; + font-size: 0; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-radio-button { + position: relative; + display: inline-block; + outline: none; +} +.el-radio-button__inner { + display: inline-block; + line-height: 1; + white-space: nowrap; + vertical-align: middle; + background: #FFFFFF; + border: 1px solid #DCDFE6; + font-weight: 400; + border-left: 0; + color: #606266; + -webkit-appearance: none; + text-align: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + outline: none; + margin: 0; + position: relative; + cursor: pointer; + -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: all 0.3s cubic-bezier(0.645, 0.045, 0.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: #1890ff; +} +.el-radio-button__inner [class*=el-icon-] { + line-height: 0.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: none; + position: absolute; + z-index: -1; +} +.el-radio-button__orig-radio:checked + .el-radio-button__inner { + color: #FFFFFF; + background-color: #1890ff; + border-color: #1890ff; + -webkit-box-shadow: -1px 0 0 0 #1890ff; + box-shadow: -1px 0 0 0 #1890ff; +} +.el-radio-button__orig-radio:disabled + .el-radio-button__inner { + color: #C0C4CC; + cursor: not-allowed; + background-image: none; + background-color: #FFFFFF; + border-color: #e6ebf5; + -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 #1890ff; + box-shadow: 0 0 2px 2px #1890ff; +} + +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-checkbox { + color: #606266; + font-weight: 500; + font-size: 14px; + position: relative; + cursor: pointer; + display: inline-block; + white-space: nowrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + margin-right: 30px; +} +.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: #1890ff; +} +.el-checkbox.is-bordered.is-disabled { + border-color: #e6ebf5; + 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: none; + display: inline-block; + line-height: 1; + position: relative; + 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-disabled + span.el-checkbox__label { + color: #C0C4CC; + cursor: not-allowed; +} + +.el-checkbox__input.is-checked .el-checkbox__inner { + background-color: #1890ff; + border-color: #1890ff; +} +.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: #1890ff; +} + +.el-checkbox__input.is-focus { + /*focus时 视觉上区分*/ +} +.el-checkbox__input.is-focus .el-checkbox__inner { + border-color: #1890ff; +} + +.el-checkbox__input.is-indeterminate .el-checkbox__inner { + background-color: #1890ff; + border-color: #1890ff; +} +.el-checkbox__input.is-indeterminate .el-checkbox__inner::before { + content: ""; + position: absolute; + display: block; + background-color: #FFFFFF; + height: 2px; + -webkit-transform: scale(0.5); + transform: scale(0.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: #FFFFFF; + z-index: 1; + -webkit-transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46); + transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46); +} +.el-checkbox__inner:hover { + border-color: #1890ff; +} +.el-checkbox__inner::after { + -webkit-box-sizing: content-box; + box-sizing: content-box; + content: ""; + border: 1px solid #FFFFFF; + 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 0.15s ease-in 0.05s; + transition: -webkit-transform 0.15s ease-in 0.05s; + transition: transform 0.15s ease-in 0.05s; + transition: transform 0.15s ease-in 0.05s, -webkit-transform 0.15s ease-in 0.05s; + -webkit-transform-origin: center; + transform-origin: center; +} + +.el-checkbox__original { + opacity: 0; + outline: none; + position: absolute; + margin: 0; + width: 0; + height: 0; + z-index: -1; +} + +.el-checkbox__label { + display: inline-block; + padding-left: 10px; + line-height: 19px; + font-size: 14px; +} + +.el-checkbox:last-of-type { + margin-right: 0; +} + +.el-checkbox-button { + position: relative; + display: inline-block; +} +.el-checkbox-button__inner { + display: inline-block; + line-height: 1; + font-weight: 500; + white-space: nowrap; + vertical-align: middle; + cursor: pointer; + background: #FFFFFF; + 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: none; + margin: 0; + position: relative; + -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: all 0.3s cubic-bezier(0.645, 0.045, 0.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: #1890ff; +} +.el-checkbox-button__inner [class*=el-icon-] { + line-height: 0.9; +} +.el-checkbox-button__inner [class*=el-icon-] + span { + margin-left: 5px; +} + +.el-checkbox-button__original { + opacity: 0; + outline: none; + position: absolute; + margin: 0; + z-index: -1; +} + +.el-checkbox-button.is-checked .el-checkbox-button__inner { + color: #FFFFFF; + background-color: #1890ff; + border-color: #1890ff; + -webkit-box-shadow: -1px 0 0 0 #74bcff; + box-shadow: -1px 0 0 0 #74bcff; +} +.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner { + border-left-color: #1890ff; +} +.el-checkbox-button.is-disabled .el-checkbox-button__inner { + color: #C0C4CC; + cursor: not-allowed; + background-image: none; + background-color: #FFFFFF; + border-color: #e6ebf5; + -webkit-box-shadow: none; + box-shadow: none; +} +.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner { + border-left-color: #e6ebf5; +} +.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: #1890ff; +} +.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; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.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__label { + -webkit-transition: 0.2s; + transition: 0.2s; + height: 20px; + display: inline-block; + font-size: 14px; + font-weight: 500; + cursor: pointer; + vertical-align: middle; + color: #303133; +} +.el-switch__label.is-active { + color: #1890ff; +} + +.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; + display: inline-block; + position: relative; + width: 40px; + height: 20px; + border: 1px solid #DCDFE6; + outline: none; + border-radius: 10px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + background: #DCDFE6; + cursor: pointer; + -webkit-transition: border-color 0.3s, background-color 0.3s; + transition: border-color 0.3s, background-color 0.3s; + vertical-align: middle; +} +.el-switch__core:after { + content: ""; + position: absolute; + top: 1px; + left: 1px; + border-radius: 100%; + -webkit-transition: all 0.3s; + transition: all 0.3s; + width: 16px; + height: 16px; + background-color: #FFFFFF; +} + +.el-switch.is-checked .el-switch__core { + border-color: #1890ff; + background-color: #1890ff; +} +.el-switch.is-checked .el-switch__core::after { + left: 100%; + margin-left: -17px; +} + +.el-switch.is-disabled { + opacity: 0.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; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.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, 0.03)); + filter: drop-shadow(0 2px 12px rgba(0, 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: #e6ebf5; + border-bottom-width: 0; +} +.el-popper[x-placement^=top] .popper__arrow::after { + bottom: 1px; + margin-left: -6px; + border-top-color: #FFFFFF; + 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: #e6ebf5; +} +.el-popper[x-placement^=bottom] .popper__arrow::after { + top: 1px; + margin-left: -6px; + border-top-width: 0; + border-bottom-color: #FFFFFF; +} +.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: #e6ebf5; + border-left-width: 0; +} +.el-popper[x-placement^=right] .popper__arrow::after { + bottom: -6px; + left: 1px; + border-right-color: #FFFFFF; + 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: #e6ebf5; +} +.el-popper[x-placement^=left] .popper__arrow::after { + right: 1px; + bottom: -6px; + margin-left: -6px; + border-right-width: 0; + border-left-color: #FFFFFF; +} + +.el-select-dropdown { + position: absolute; + z-index: 1001; + border: solid 1px #dfe4ed; + border-radius: 4px; + background-color: #FFFFFF; + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 12px 0 rgba(0, 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 { + padding-right: 40px; +} +.el-select-dropdown.is-multiple .el-select-dropdown__item.selected { + color: #1890ff; + background-color: #FFFFFF; +} +.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: "\e6da"; + font-size: 12px; + font-weight: bold; + -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; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-textarea { + position: relative; + 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: #FFFFFF; + background-image: none; + border: 1px solid #DCDFE6; + border-radius: 4px; + -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.el-textarea__inner::-webkit-input-placeholder { + color: #C0C4CC; +} +.el-textarea__inner::-moz-placeholder { + color: #C0C4CC; +} +.el-textarea__inner:-ms-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: none; + border-color: #1890ff; +} + +.el-textarea .el-input__count { + color: #909399; + background: #FFFFFF; + position: absolute; + font-size: 12px; + bottom: 5px; + right: 10px; +} +.el-textarea.is-disabled .el-textarea__inner { + background-color: #F5F7FA; + border-color: #dfe4ed; + color: #C0C4CC; + cursor: not-allowed; +} +.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { + color: #C0C4CC; +} +.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder { + color: #C0C4CC; +} +.el-textarea.is-disabled .el-textarea__inner:-ms-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-textarea.is-exceed .el-textarea__inner { + border-color: #ff4949; +} +.el-textarea.is-exceed .el-input__count { + color: #ff4949; +} + +.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; + cursor: pointer; + -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.el-input .el-input__clear:hover { + color: #909399; +} +.el-input .el-input__count { + height: 100%; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: #909399; + font-size: 12px; +} +.el-input .el-input__count .el-input__count-inner { + background: #FFFFFF; + line-height: initial; + display: inline-block; + padding: 0 5px; +} +.el-input__inner { + -webkit-appearance: none; + background-color: #FFFFFF; + 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: none; + padding: 0 15px; + -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + width: 100%; +} +.el-input__inner::-ms-reveal { + display: none; +} +.el-input__inner::-webkit-input-placeholder { + color: #C0C4CC; +} +.el-input__inner::-moz-placeholder { + color: #C0C4CC; +} +.el-input__inner:-ms-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__inner:focus { + outline: none; + border-color: #1890ff; +} + +.el-input__suffix { + position: absolute; + height: 100%; + right: 5px; + top: 0; + text-align: center; + color: #C0C4CC; + -webkit-transition: all 0.3s; + transition: all 0.3s; + pointer-events: none; +} + +.el-input__suffix-inner { + pointer-events: all; +} + +.el-input__prefix { + position: absolute; + height: 100%; + left: 5px; + top: 0; + text-align: center; + color: #C0C4CC; + -webkit-transition: all 0.3s; + transition: all 0.3s; +} + +.el-input__icon { + height: 100%; + width: 25px; + text-align: center; + -webkit-transition: all 0.3s; + transition: all 0.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-active .el-input__inner { + outline: none; + border-color: #1890ff; +} + +.el-input.is-disabled .el-input__inner { + background-color: #F5F7FA; + border-color: #dfe4ed; + color: #C0C4CC; + cursor: not-allowed; +} +.el-input.is-disabled .el-input__inner::-webkit-input-placeholder { + color: #C0C4CC; +} +.el-input.is-disabled .el-input__inner::-moz-placeholder { + color: #C0C4CC; +} +.el-input.is-disabled .el-input__inner:-ms-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.is-exceed .el-input__inner { + border-color: #ff4949; +} +.el-input.is-exceed .el-input__suffix .el-input__count { + color: #ff4949; +} + +.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__append:focus, .el-input-group__prepend:focus { + outline: none; +} +.el-input-group__append .el-select, +.el-input-group__append .el-button, .el-input-group__prepend .el-select, +.el-input-group__prepend .el-button { + 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; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.el-input-group__append { + border-left: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.el-input-group--prepend .el-input__inner { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner { + border-color: transparent; +} + +.el-input-group--append .el-input__inner { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.el-input-group--append .el-select .el-input.is-focus .el-input__inner { + border-color: transparent; +} + +/** disalbe default clear on IE */ +.el-input__inner::-ms-clear { + display: none; + width: 0; + height: 0; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-tag { + background-color: #e8f4ff; + border-color: #d1e9ff; + color: #1890ff; + display: inline-block; + height: 32px; + padding: 0 10px; + line-height: 30px; + font-size: 12px; + color: #1890ff; + border-width: 1px; + border-style: solid; + border-radius: 4px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + white-space: nowrap; +} +.el-tag.is-hit { + border-color: #1890ff; +} + +.el-tag .el-tag__close { + color: #1890ff; +} +.el-tag .el-tag__close:hover { + color: #FFFFFF; + background-color: #1890ff; +} +.el-tag.el-tag--info { + background-color: #f4f4f5; + border-color: #e9e9eb; + color: #909399; +} +.el-tag.el-tag--info.is-hit { + border-color: #909399; +} + +.el-tag.el-tag--info .el-tag__close { + color: #909399; +} +.el-tag.el-tag--info .el-tag__close:hover { + color: #FFFFFF; + background-color: #909399; +} +.el-tag.el-tag--success { + background-color: #e7faf0; + border-color: #d0f5e0; + color: #13ce66; +} +.el-tag.el-tag--success.is-hit { + border-color: #13ce66; +} + +.el-tag.el-tag--success .el-tag__close { + color: #13ce66; +} +.el-tag.el-tag--success .el-tag__close:hover { + color: #FFFFFF; + background-color: #13ce66; +} +.el-tag.el-tag--warning { + background-color: #fff8e6; + border-color: #fff1cc; + color: #ffba00; +} +.el-tag.el-tag--warning.is-hit { + border-color: #FFBA00; +} + +.el-tag.el-tag--warning .el-tag__close { + color: #ffba00; +} +.el-tag.el-tag--warning .el-tag__close:hover { + color: #FFFFFF; + background-color: #ffba00; +} +.el-tag.el-tag--danger { + background-color: #ffeded; + border-color: #ffdbdb; + color: #ff4949; +} +.el-tag.el-tag--danger.is-hit { + border-color: #ff4949; +} + +.el-tag.el-tag--danger .el-tag__close { + color: #ff4949; +} +.el-tag.el-tag--danger .el-tag__close:hover { + color: #FFFFFF; + background-color: #ff4949; +} +.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; +} +.el-tag .el-icon-close::before { + display: block; +} +.el-tag--dark { + background-color: #1890ff; + border-color: #1890ff; + color: white; +} +.el-tag--dark.is-hit { + border-color: #1890ff; +} + +.el-tag--dark .el-tag__close { + color: white; +} +.el-tag--dark .el-tag__close:hover { + color: #FFFFFF; + background-color: #46a6ff; +} +.el-tag--dark.el-tag--info { + background-color: #909399; + border-color: #909399; + color: white; +} +.el-tag--dark.el-tag--info.is-hit { + border-color: #909399; +} + +.el-tag--dark.el-tag--info .el-tag__close { + color: white; +} +.el-tag--dark.el-tag--info .el-tag__close:hover { + color: #FFFFFF; + background-color: #a6a9ad; +} +.el-tag--dark.el-tag--success { + background-color: #13ce66; + border-color: #13ce66; + color: white; +} +.el-tag--dark.el-tag--success.is-hit { + border-color: #13ce66; +} + +.el-tag--dark.el-tag--success .el-tag__close { + color: white; +} +.el-tag--dark.el-tag--success .el-tag__close:hover { + color: #FFFFFF; + background-color: #42d885; +} +.el-tag--dark.el-tag--warning { + background-color: #ffba00; + border-color: #ffba00; + color: white; +} +.el-tag--dark.el-tag--warning.is-hit { + border-color: #FFBA00; +} + +.el-tag--dark.el-tag--warning .el-tag__close { + color: white; +} +.el-tag--dark.el-tag--warning .el-tag__close:hover { + color: #FFFFFF; + background-color: #ffc833; +} +.el-tag--dark.el-tag--danger { + background-color: #ff4949; + border-color: #ff4949; + color: white; +} +.el-tag--dark.el-tag--danger.is-hit { + border-color: #ff4949; +} + +.el-tag--dark.el-tag--danger .el-tag__close { + color: white; +} +.el-tag--dark.el-tag--danger .el-tag__close:hover { + color: #FFFFFF; + background-color: #ff6d6d; +} + +.el-tag--plain { + background-color: white; + border-color: #a3d3ff; + color: #1890ff; +} +.el-tag--plain.is-hit { + border-color: #1890ff; +} + +.el-tag--plain .el-tag__close { + color: #1890ff; +} +.el-tag--plain .el-tag__close:hover { + color: #FFFFFF; + background-color: #1890ff; +} +.el-tag--plain.el-tag--info { + background-color: white; + border-color: #d3d4d6; + color: #909399; +} +.el-tag--plain.el-tag--info.is-hit { + border-color: #909399; +} + +.el-tag--plain.el-tag--info .el-tag__close { + color: #909399; +} +.el-tag--plain.el-tag--info .el-tag__close:hover { + color: #FFFFFF; + background-color: #909399; +} +.el-tag--plain.el-tag--success { + background-color: white; + border-color: #a1ebc2; + color: #13ce66; +} +.el-tag--plain.el-tag--success.is-hit { + border-color: #13ce66; +} + +.el-tag--plain.el-tag--success .el-tag__close { + color: #13ce66; +} +.el-tag--plain.el-tag--success .el-tag__close:hover { + color: #FFFFFF; + background-color: #13ce66; +} +.el-tag--plain.el-tag--warning { + background-color: white; + border-color: #ffe399; + color: #ffba00; +} +.el-tag--plain.el-tag--warning.is-hit { + border-color: #FFBA00; +} + +.el-tag--plain.el-tag--warning .el-tag__close { + color: #ffba00; +} +.el-tag--plain.el-tag--warning .el-tag__close:hover { + color: #FFFFFF; + background-color: #ffba00; +} +.el-tag--plain.el-tag--danger { + background-color: white; + border-color: #ffb6b6; + color: #ff4949; +} +.el-tag--plain.el-tag--danger.is-hit { + border-color: #ff4949; +} + +.el-tag--plain.el-tag--danger .el-tag__close { + color: #ff4949; +} +.el-tag--plain.el-tag--danger .el-tag__close:hover { + color: #FFFFFF; + background-color: #ff4949; +} + +.el-tag--medium { + height: 28px; + line-height: 26px; +} +.el-tag--medium .el-icon-close { + -webkit-transform: scale(0.8); + transform: scale(0.8); +} + +.el-tag--small { + height: 24px; + padding: 0 8px; + line-height: 22px; +} +.el-tag--small .el-icon-close { + -webkit-transform: scale(0.8); + transform: scale(0.8); +} + +.el-tag--mini { + height: 20px; + padding: 0 5px; + line-height: 19px; +} +.el-tag--mini .el-icon-close { + margin-left: -3px; + -webkit-transform: scale(0.7); + transform: scale(0.7); +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.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: #FFFFFF; +} + +.el-select-dropdown__item.hover, .el-select-dropdown__item:hover { + background-color: #F5F7FA; +} +.el-select-dropdown__item.selected { + color: #1890ff; + font-weight: bold; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.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: #dfe4ed; +} + +.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; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-scrollbar { + overflow: hidden; + position: relative; +} +.el-scrollbar:hover > .el-scrollbar__bar, .el-scrollbar:active > .el-scrollbar__bar, .el-scrollbar:focus > .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 { + scrollbar-width: none; +} +.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, 0.3); + -webkit-transition: 0.3s background-color; + transition: 0.3s background-color; +} +.el-scrollbar__thumb:hover { + background-color: rgba(144, 147, 153, 0.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: #1890ff; +} +.el-select .el-input .el-select__caret { + color: #C0C4CC; + font-size: 14px; + -webkit-transition: -webkit-transform 0.3s; + transition: -webkit-transform 0.3s; + transition: transform 0.3s; + transition: transform 0.3s, -webkit-transform 0.3s; + -webkit-transform: rotateZ(180deg); + transform: rotateZ(180deg); + cursor: pointer; +} +.el-select .el-input .el-select__caret.is-reverse { + -webkit-transform: rotateZ(0deg); + transform: rotateZ(0deg); +} + +.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 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: color 0.2s cubic-bezier(0.645, 0.045, 0.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: #dfe4ed; +} +.el-select .el-input.is-focus .el-input__inner { + border-color: #1890ff; +} +.el-select > .el-input { + display: block; +} +.el-select__input { + border: none; + outline: none; + 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__tags-text { + overflow: hidden; + text-overflow: ellipsis; +} + +.el-select .el-tag { + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-color: transparent; + margin: 2px 0 2px 6px; + background-color: #f0f2f5; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + max-width: 100%; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.el-select .el-tag__close.el-icon-close { + background-color: #C0C4CC; + top: 0; + color: #FFFFFF; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.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, 0.5px); + transform: translate(0, 0.5px); +} + +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +.el-button { + display: inline-block; + line-height: 1; + white-space: nowrap; + cursor: pointer; + background: #FFFFFF; + border: 1px solid #DCDFE6; + border-color: #DCDFE6; + color: #606266; + -webkit-appearance: none; + text-align: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + outline: none; + margin: 0; + -webkit-transition: 0.1s; + transition: 0.1s; + font-weight: 400; + -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.is-round { + padding: 12px 20px; +} +.el-button:hover, .el-button:focus { + color: #1890ff; + border-color: #badeff; + background-color: #e8f4ff; +} +.el-button:active { + color: #1682e6; + border-color: #1682e6; + outline: none; +} +.el-button::-moz-focus-inner { + border: 0; +} +.el-button [class*=el-icon-] + span { + margin-left: 5px; +} +.el-button.is-plain:hover, .el-button.is-plain:focus { + background: #FFFFFF; + border-color: #1890ff; + color: #1890ff; +} +.el-button.is-plain:active { + background: #FFFFFF; + border-color: #1682e6; + color: #1682e6; + outline: none; +} + +.el-button.is-active { + color: #1682e6; + border-color: #1682e6; +} + +.el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus { + color: #C0C4CC; + cursor: not-allowed; + background-image: none; + background-color: #FFFFFF; + border-color: #e6ebf5; +} +.el-button.is-disabled.el-button--text { + background-color: transparent; +} +.el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:hover, .el-button.is-disabled.is-plain:focus { + background-color: #FFFFFF; + border-color: #e6ebf5; + 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, 0.35); +} + +.el-button.is-round { + border-radius: 20px; + padding: 12px 23px; +} + +.el-button.is-circle { + border-radius: 50%; + padding: 12px; +} + +.el-button--primary { + color: #FFFFFF; + background-color: #1890ff; + border-color: #1890ff; +} +.el-button--primary:hover, .el-button--primary:focus { + background: #46a6ff; + border-color: #46a6ff; + color: #FFFFFF; +} +.el-button--primary:active { + background: #1682e6; + border-color: #1682e6; + color: #FFFFFF; + outline: none; +} +.el-button--primary.is-active { + background: #1682e6; + border-color: #1682e6; + color: #FFFFFF; +} +.el-button--primary.is-disabled, .el-button--primary.is-disabled:hover, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:active { + color: #FFFFFF; + background-color: #8cc8ff; + border-color: #8cc8ff; +} +.el-button--primary.is-plain { + color: #1890ff; + background: #e8f4ff; + border-color: #a3d3ff; +} +.el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus { + background: #1890ff; + border-color: #1890ff; + color: #FFFFFF; +} +.el-button--primary.is-plain:active { + background: #1682e6; + border-color: #1682e6; + color: #FFFFFF; + outline: none; +} +.el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:hover, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:active { + color: #74bcff; + background-color: #e8f4ff; + border-color: #d1e9ff; +} + +.el-button--success { + color: #FFFFFF; + background-color: #13ce66; + border-color: #13ce66; +} +.el-button--success:hover, .el-button--success:focus { + background: #42d885; + border-color: #42d885; + color: #FFFFFF; +} +.el-button--success:active { + background: #11b95c; + border-color: #11b95c; + color: #FFFFFF; + outline: none; +} +.el-button--success.is-active { + background: #11b95c; + border-color: #11b95c; + color: #FFFFFF; +} +.el-button--success.is-disabled, .el-button--success.is-disabled:hover, .el-button--success.is-disabled:focus, .el-button--success.is-disabled:active { + color: #FFFFFF; + background-color: #89e7b3; + border-color: #89e7b3; +} +.el-button--success.is-plain { + color: #13ce66; + background: #e7faf0; + border-color: #a1ebc2; +} +.el-button--success.is-plain:hover, .el-button--success.is-plain:focus { + background: #13ce66; + border-color: #13ce66; + color: #FFFFFF; +} +.el-button--success.is-plain:active { + background: #11b95c; + border-color: #11b95c; + color: #FFFFFF; + outline: none; +} +.el-button--success.is-plain.is-disabled, .el-button--success.is-plain.is-disabled:hover, .el-button--success.is-plain.is-disabled:focus, .el-button--success.is-plain.is-disabled:active { + color: #71e2a3; + background-color: #e7faf0; + border-color: #d0f5e0; +} + +.el-button--warning { + color: #FFFFFF; + background-color: #FFBA00; + border-color: #FFBA00; +} +.el-button--warning:hover, .el-button--warning:focus { + background: #ffc833; + border-color: #ffc833; + color: #FFFFFF; +} +.el-button--warning:active { + background: #e6a700; + border-color: #e6a700; + color: #FFFFFF; + outline: none; +} +.el-button--warning.is-active { + background: #e6a700; + border-color: #e6a700; + color: #FFFFFF; +} +.el-button--warning.is-disabled, .el-button--warning.is-disabled:hover, .el-button--warning.is-disabled:focus, .el-button--warning.is-disabled:active { + color: #FFFFFF; + background-color: #ffdd80; + border-color: #ffdd80; +} +.el-button--warning.is-plain { + color: #FFBA00; + background: #fff8e6; + border-color: #ffe399; +} +.el-button--warning.is-plain:hover, .el-button--warning.is-plain:focus { + background: #FFBA00; + border-color: #FFBA00; + color: #FFFFFF; +} +.el-button--warning.is-plain:active { + background: #e6a700; + border-color: #e6a700; + color: #FFFFFF; + outline: none; +} +.el-button--warning.is-plain.is-disabled, .el-button--warning.is-plain.is-disabled:hover, .el-button--warning.is-plain.is-disabled:focus, .el-button--warning.is-plain.is-disabled:active { + color: #ffd666; + background-color: #fff8e6; + border-color: #fff1cc; +} + +.el-button--danger { + color: #FFFFFF; + background-color: #ff4949; + border-color: #ff4949; +} +.el-button--danger:hover, .el-button--danger:focus { + background: #ff6d6d; + border-color: #ff6d6d; + color: #FFFFFF; +} +.el-button--danger:active { + background: #e64242; + border-color: #e64242; + color: #FFFFFF; + outline: none; +} +.el-button--danger.is-active { + background: #e64242; + border-color: #e64242; + color: #FFFFFF; +} +.el-button--danger.is-disabled, .el-button--danger.is-disabled:hover, .el-button--danger.is-disabled:focus, .el-button--danger.is-disabled:active { + color: #FFFFFF; + background-color: #ffa4a4; + border-color: #ffa4a4; +} +.el-button--danger.is-plain { + color: #ff4949; + background: #ffeded; + border-color: #ffb6b6; +} +.el-button--danger.is-plain:hover, .el-button--danger.is-plain:focus { + background: #ff4949; + border-color: #ff4949; + color: #FFFFFF; +} +.el-button--danger.is-plain:active { + background: #e64242; + border-color: #e64242; + color: #FFFFFF; + outline: none; +} +.el-button--danger.is-plain.is-disabled, .el-button--danger.is-plain.is-disabled:hover, .el-button--danger.is-plain.is-disabled:focus, .el-button--danger.is-plain.is-disabled:active { + color: #ff9292; + background-color: #ffeded; + border-color: #ffdbdb; +} + +.el-button--info { + color: #FFFFFF; + background-color: #909399; + border-color: #909399; +} +.el-button--info:hover, .el-button--info:focus { + background: #a6a9ad; + border-color: #a6a9ad; + color: #FFFFFF; +} +.el-button--info:active { + background: #82848a; + border-color: #82848a; + color: #FFFFFF; + outline: none; +} +.el-button--info.is-active { + background: #82848a; + border-color: #82848a; + color: #FFFFFF; +} +.el-button--info.is-disabled, .el-button--info.is-disabled:hover, .el-button--info.is-disabled:focus, .el-button--info.is-disabled:active { + color: #FFFFFF; + background-color: #c8c9cc; + border-color: #c8c9cc; +} +.el-button--info.is-plain { + color: #909399; + background: #f4f4f5; + border-color: #d3d4d6; +} +.el-button--info.is-plain:hover, .el-button--info.is-plain:focus { + background: #909399; + border-color: #909399; + color: #FFFFFF; +} +.el-button--info.is-plain:active { + background: #82848a; + border-color: #82848a; + color: #FFFFFF; + outline: none; +} +.el-button--info.is-plain.is-disabled, .el-button--info.is-plain.is-disabled:hover, .el-button--info.is-plain.is-disabled:focus, .el-button--info.is-plain.is-disabled:active { + color: #bcbec2; + background-color: #f4f4f5; + border-color: #e9e9eb; +} + +.el-button--medium { + padding: 10px 20px; + font-size: 14px; + border-radius: 4px; +} +.el-button--medium.is-round { + padding: 10px 20px; +} +.el-button--medium.is-circle { + padding: 10px; +} + +.el-button--small { + padding: 9px 15px; + font-size: 12px; + border-radius: 3px; +} +.el-button--small.is-round { + padding: 9px 15px; +} +.el-button--small.is-circle { + padding: 9px; +} + +.el-button--mini { + padding: 7px 15px; + font-size: 12px; + border-radius: 3px; +} +.el-button--mini.is-round { + padding: 7px 15px; +} +.el-button--mini.is-circle { + padding: 7px; +} + +.el-button--text { + border-color: transparent; + color: #1890ff; + background: transparent; + padding-left: 0; + padding-right: 0; +} +.el-button--text:hover, .el-button--text:focus { + color: #46a6ff; + border-color: transparent; + background-color: transparent; +} +.el-button--text:active { + color: #1682e6; + border-color: transparent; + background-color: transparent; +} +.el-button--text.is-disabled, .el-button--text.is-disabled:hover, .el-button--text.is-disabled:focus { + border-color: transparent; +} + +.el-button-group { + display: inline-block; + vertical-align: middle; +} +.el-button-group::before, +.el-button-group::after { + 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.is-disabled { + z-index: 1; +} +.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-top-right-radius: 4px; + border-bottom-right-radius: 4px; + border-top-left-radius: 4px; + border-bottom-left-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-button:not(.is-disabled):hover, .el-button-group > .el-button:not(.is-disabled):focus, .el-button-group > .el-button:not(.is-disabled):active { + z-index: 1; +} +.el-button-group > .el-button.is-active { + z-index: 1; +} + +.el-button-group > .el-dropdown > .el-button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--primary:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--primary:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--primary:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--success:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--success:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--success:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--warning:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--warning:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--warning:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--danger:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--danger:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--danger:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--info:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--info:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--info:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-checkbox { + color: #606266; + font-weight: 500; + font-size: 14px; + position: relative; + cursor: pointer; + display: inline-block; + white-space: nowrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + margin-right: 30px; +} +.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: #1890ff; +} +.el-checkbox.is-bordered.is-disabled { + border-color: #e6ebf5; + 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: none; + display: inline-block; + line-height: 1; + position: relative; + 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-disabled + span.el-checkbox__label { + color: #C0C4CC; + cursor: not-allowed; +} + +.el-checkbox__input.is-checked .el-checkbox__inner { + background-color: #1890ff; + border-color: #1890ff; +} +.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: #1890ff; +} + +.el-checkbox__input.is-focus { + /*focus时 视觉上区分*/ +} +.el-checkbox__input.is-focus .el-checkbox__inner { + border-color: #1890ff; +} + +.el-checkbox__input.is-indeterminate .el-checkbox__inner { + background-color: #1890ff; + border-color: #1890ff; +} +.el-checkbox__input.is-indeterminate .el-checkbox__inner::before { + content: ""; + position: absolute; + display: block; + background-color: #FFFFFF; + height: 2px; + -webkit-transform: scale(0.5); + transform: scale(0.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: #FFFFFF; + z-index: 1; + -webkit-transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46); + transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46); +} +.el-checkbox__inner:hover { + border-color: #1890ff; +} +.el-checkbox__inner::after { + -webkit-box-sizing: content-box; + box-sizing: content-box; + content: ""; + border: 1px solid #FFFFFF; + 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 0.15s ease-in 0.05s; + transition: -webkit-transform 0.15s ease-in 0.05s; + transition: transform 0.15s ease-in 0.05s; + transition: transform 0.15s ease-in 0.05s, -webkit-transform 0.15s ease-in 0.05s; + -webkit-transform-origin: center; + transform-origin: center; +} + +.el-checkbox__original { + opacity: 0; + outline: none; + position: absolute; + margin: 0; + width: 0; + height: 0; + z-index: -1; +} + +.el-checkbox__label { + display: inline-block; + padding-left: 10px; + line-height: 19px; + font-size: 14px; +} + +.el-checkbox:last-of-type { + margin-right: 0; +} + +.el-checkbox-button { + position: relative; + display: inline-block; +} +.el-checkbox-button__inner { + display: inline-block; + line-height: 1; + font-weight: 500; + white-space: nowrap; + vertical-align: middle; + cursor: pointer; + background: #FFFFFF; + 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: none; + margin: 0; + position: relative; + -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: all 0.3s cubic-bezier(0.645, 0.045, 0.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: #1890ff; +} +.el-checkbox-button__inner [class*=el-icon-] { + line-height: 0.9; +} +.el-checkbox-button__inner [class*=el-icon-] + span { + margin-left: 5px; +} + +.el-checkbox-button__original { + opacity: 0; + outline: none; + position: absolute; + margin: 0; + z-index: -1; +} + +.el-checkbox-button.is-checked .el-checkbox-button__inner { + color: #FFFFFF; + background-color: #1890ff; + border-color: #1890ff; + -webkit-box-shadow: -1px 0 0 0 #74bcff; + box-shadow: -1px 0 0 0 #74bcff; +} +.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner { + border-left-color: #1890ff; +} +.el-checkbox-button.is-disabled .el-checkbox-button__inner { + color: #C0C4CC; + cursor: not-allowed; + background-image: none; + background-color: #FFFFFF; + border-color: #e6ebf5; + -webkit-box-shadow: none; + box-shadow: none; +} +.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner { + border-left-color: #e6ebf5; +} +.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: #1890ff; +} +.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; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-tag { + background-color: #e8f4ff; + border-color: #d1e9ff; + color: #1890ff; + display: inline-block; + height: 32px; + padding: 0 10px; + line-height: 30px; + font-size: 12px; + color: #1890ff; + border-width: 1px; + border-style: solid; + border-radius: 4px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + white-space: nowrap; +} +.el-tag.is-hit { + border-color: #1890ff; +} + +.el-tag .el-tag__close { + color: #1890ff; +} +.el-tag .el-tag__close:hover { + color: #FFFFFF; + background-color: #1890ff; +} +.el-tag.el-tag--info { + background-color: #f4f4f5; + border-color: #e9e9eb; + color: #909399; +} +.el-tag.el-tag--info.is-hit { + border-color: #909399; +} + +.el-tag.el-tag--info .el-tag__close { + color: #909399; +} +.el-tag.el-tag--info .el-tag__close:hover { + color: #FFFFFF; + background-color: #909399; +} +.el-tag.el-tag--success { + background-color: #e7faf0; + border-color: #d0f5e0; + color: #13ce66; +} +.el-tag.el-tag--success.is-hit { + border-color: #13ce66; +} + +.el-tag.el-tag--success .el-tag__close { + color: #13ce66; +} +.el-tag.el-tag--success .el-tag__close:hover { + color: #FFFFFF; + background-color: #13ce66; +} +.el-tag.el-tag--warning { + background-color: #fff8e6; + border-color: #fff1cc; + color: #ffba00; +} +.el-tag.el-tag--warning.is-hit { + border-color: #FFBA00; +} + +.el-tag.el-tag--warning .el-tag__close { + color: #ffba00; +} +.el-tag.el-tag--warning .el-tag__close:hover { + color: #FFFFFF; + background-color: #ffba00; +} +.el-tag.el-tag--danger { + background-color: #ffeded; + border-color: #ffdbdb; + color: #ff4949; +} +.el-tag.el-tag--danger.is-hit { + border-color: #ff4949; +} + +.el-tag.el-tag--danger .el-tag__close { + color: #ff4949; +} +.el-tag.el-tag--danger .el-tag__close:hover { + color: #FFFFFF; + background-color: #ff4949; +} +.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; +} +.el-tag .el-icon-close::before { + display: block; +} +.el-tag--dark { + background-color: #1890ff; + border-color: #1890ff; + color: white; +} +.el-tag--dark.is-hit { + border-color: #1890ff; +} + +.el-tag--dark .el-tag__close { + color: white; +} +.el-tag--dark .el-tag__close:hover { + color: #FFFFFF; + background-color: #46a6ff; +} +.el-tag--dark.el-tag--info { + background-color: #909399; + border-color: #909399; + color: white; +} +.el-tag--dark.el-tag--info.is-hit { + border-color: #909399; +} + +.el-tag--dark.el-tag--info .el-tag__close { + color: white; +} +.el-tag--dark.el-tag--info .el-tag__close:hover { + color: #FFFFFF; + background-color: #a6a9ad; +} +.el-tag--dark.el-tag--success { + background-color: #13ce66; + border-color: #13ce66; + color: white; +} +.el-tag--dark.el-tag--success.is-hit { + border-color: #13ce66; +} + +.el-tag--dark.el-tag--success .el-tag__close { + color: white; +} +.el-tag--dark.el-tag--success .el-tag__close:hover { + color: #FFFFFF; + background-color: #42d885; +} +.el-tag--dark.el-tag--warning { + background-color: #ffba00; + border-color: #ffba00; + color: white; +} +.el-tag--dark.el-tag--warning.is-hit { + border-color: #FFBA00; +} + +.el-tag--dark.el-tag--warning .el-tag__close { + color: white; +} +.el-tag--dark.el-tag--warning .el-tag__close:hover { + color: #FFFFFF; + background-color: #ffc833; +} +.el-tag--dark.el-tag--danger { + background-color: #ff4949; + border-color: #ff4949; + color: white; +} +.el-tag--dark.el-tag--danger.is-hit { + border-color: #ff4949; +} + +.el-tag--dark.el-tag--danger .el-tag__close { + color: white; +} +.el-tag--dark.el-tag--danger .el-tag__close:hover { + color: #FFFFFF; + background-color: #ff6d6d; +} + +.el-tag--plain { + background-color: white; + border-color: #a3d3ff; + color: #1890ff; +} +.el-tag--plain.is-hit { + border-color: #1890ff; +} + +.el-tag--plain .el-tag__close { + color: #1890ff; +} +.el-tag--plain .el-tag__close:hover { + color: #FFFFFF; + background-color: #1890ff; +} +.el-tag--plain.el-tag--info { + background-color: white; + border-color: #d3d4d6; + color: #909399; +} +.el-tag--plain.el-tag--info.is-hit { + border-color: #909399; +} + +.el-tag--plain.el-tag--info .el-tag__close { + color: #909399; +} +.el-tag--plain.el-tag--info .el-tag__close:hover { + color: #FFFFFF; + background-color: #909399; +} +.el-tag--plain.el-tag--success { + background-color: white; + border-color: #a1ebc2; + color: #13ce66; +} +.el-tag--plain.el-tag--success.is-hit { + border-color: #13ce66; +} + +.el-tag--plain.el-tag--success .el-tag__close { + color: #13ce66; +} +.el-tag--plain.el-tag--success .el-tag__close:hover { + color: #FFFFFF; + background-color: #13ce66; +} +.el-tag--plain.el-tag--warning { + background-color: white; + border-color: #ffe399; + color: #ffba00; +} +.el-tag--plain.el-tag--warning.is-hit { + border-color: #FFBA00; +} + +.el-tag--plain.el-tag--warning .el-tag__close { + color: #ffba00; +} +.el-tag--plain.el-tag--warning .el-tag__close:hover { + color: #FFFFFF; + background-color: #ffba00; +} +.el-tag--plain.el-tag--danger { + background-color: white; + border-color: #ffb6b6; + color: #ff4949; +} +.el-tag--plain.el-tag--danger.is-hit { + border-color: #ff4949; +} + +.el-tag--plain.el-tag--danger .el-tag__close { + color: #ff4949; +} +.el-tag--plain.el-tag--danger .el-tag__close:hover { + color: #FFFFFF; + background-color: #ff4949; +} + +.el-tag--medium { + height: 28px; + line-height: 26px; +} +.el-tag--medium .el-icon-close { + -webkit-transform: scale(0.8); + transform: scale(0.8); +} + +.el-tag--small { + height: 24px; + padding: 0 8px; + line-height: 22px; +} +.el-tag--small .el-icon-close { + -webkit-transform: scale(0.8); + transform: scale(0.8); +} + +.el-tag--mini { + height: 20px; + padding: 0 5px; + line-height: 19px; +} +.el-tag--mini .el-icon-close { + margin-left: -3px; + -webkit-transform: scale(0.7); + transform: scale(0.7); +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-tooltip:focus:not(.focusing), .el-tooltip:focus:hover { + 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: #FFFFFF; +} + +.el-tooltip__popper.is-light { + background: #FFFFFF; + 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: #FFFFFF; +} +.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: #FFFFFF; +} +.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: #FFFFFF; +} +.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: #FFFFFF; +} + +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-table { + position: relative; + overflow: hidden; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + width: 100%; + max-width: 100%; + background-color: #FFFFFF; + font-size: 14px; + color: #606266; +} +.el-table__empty-block { + min-height: 60px; + text-align: center; + width: 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 { + line-height: 60px; + width: 50%; + color: #909399; +} + +.el-table__expand-column .cell { + padding: 0; + text-align: center; +} + +.el-table__expand-icon { + position: relative; + cursor: pointer; + color: #666; + font-size: 12px; + -webkit-transition: -webkit-transform 0.2s ease-in-out; + transition: -webkit-transform 0.2s ease-in-out; + transition: transform 0.2s ease-in-out; + transition: transform 0.2s ease-in-out, -webkit-transform 0.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 { + background-color: #FFFFFF; +} +.el-table__expanded-cell[class*=cell] { + padding: 20px 50px; +} +.el-table__expanded-cell:hover { + background-color: transparent !important; +} + +.el-table__placeholder { + display: inline-block; + width: 20px; +} + +.el-table__append-wrapper { + overflow: hidden; +} + +.el-table--fit { + border-right: 0; + border-bottom: 0; +} +.el-table--fit .el-table__cell.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.el-table__cell { + background: #F5F7FA; +} +.el-table .el-table__cell { + 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 .el-table__cell.is-center { + text-align: center; +} + +.el-table .el-table__cell.is-right { + text-align: right; +} + +.el-table .el-table__cell.gutter { + width: 15px; + border-right-width: 0; + border-bottom-width: 0; + padding: 0; +} +.el-table .el-table__cell.is-hidden > * { + visibility: hidden; +} +.el-table--medium .el-table__cell { + padding: 10px 0; +} + +.el-table--small { + font-size: 12px; +} +.el-table--small .el-table__cell { + padding: 8px 0; +} + +.el-table--mini { + font-size: 12px; +} +.el-table--mini .el-table__cell { + padding: 6px 0; +} + +.el-table tr { + background-color: #FFFFFF; +} +.el-table tr input[type=checkbox] { + margin: 0; +} +.el-table th.el-table__cell.is-leaf, +.el-table td.el-table__cell { + border-bottom: 1px solid #dfe6ec; +} +.el-table th.el-table__cell.is-sortable { + cursor: pointer; +} +.el-table th.el-table__cell { + overflow: hidden; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + background-color: #FFFFFF; +} +.el-table th.el-table__cell > .cell { + display: inline-block; + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: relative; + vertical-align: middle; + padding-left: 10px; + padding-right: 10px; + width: 100%; +} +.el-table th.el-table__cell > .cell.highlight { + color: #1890ff; +} +.el-table th.el-table__cell.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.el-table__cell div { + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-table td.el-table__cell.gutter { + width: 0; +} +.el-table .cell { + -webkit-box-sizing: border-box; + box-sizing: border-box; + overflow: hidden; + text-overflow: ellipsis; + white-space: normal; + word-break: break-all; + line-height: 23px; + padding-left: 10px; + padding-right: 10px; +} +.el-table .cell.el-tooltip { + white-space: nowrap; + min-width: 50px; +} +.el-table--group, .el-table--border { + border: 1px solid #dfe6ec; +} +.el-table::before, .el-table--group::after, .el-table--border::after { + content: ""; + position: absolute; + background-color: #e6ebf5; + z-index: 1; +} + +.el-table--group::after, .el-table--border::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 .el-table__cell { + border-right: 1px solid #dfe6ec; +} +.el-table--border .el-table__cell:first-child .cell { + padding-left: 10px; +} +.el-table--border th.el-table__cell.gutter:last-of-type { + border-bottom: 1px solid #dfe6ec; + border-bottom-width: 1px; +} +.el-table--border th.el-table__cell { + border-bottom: 1px solid #dfe6ec; +} + +.el-table--hidden { + visibility: hidden; +} + +.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, 0.12); + box-shadow: 0 0 10px rgba(0, 0, 0, 0.12); +} +.el-table__fixed::before, .el-table__fixed-right::before { + content: ""; + position: absolute; + left: 0; + bottom: 0; + width: 100%; + height: 1px; + background-color: #e6ebf5; + z-index: 4; +} + +.el-table__fixed-right-patch { + position: absolute; + top: -1px; + right: 0; + background-color: #FFFFFF; + border-bottom: 1px solid #dfe6ec; +} + +.el-table__fixed-right { + top: 0; + left: auto; + right: 0; +} +.el-table__fixed-right .el-table__fixed-header-wrapper, +.el-table__fixed-right .el-table__fixed-body-wrapper, +.el-table__fixed-right .el-table__fixed-footer-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.el-table__cell { + border-top: 1px solid #dfe6ec; + background-color: #F5F7FA; + color: #606266; +} + +.el-table__fixed-body-wrapper { + position: absolute; + left: 0; + top: 37px; + overflow: hidden; + z-index: 3; +} + +.el-table__header-wrapper, .el-table__body-wrapper, .el-table__footer-wrapper { + width: 100%; +} + +.el-table__footer-wrapper { + margin-top: -1px; +} +.el-table__footer-wrapper td.el-table__cell { + border-top: 1px solid #dfe6ec; +} + +.el-table__header, .el-table__body, .el-table__footer { + table-layout: fixed; + border-collapse: separate; +} + +.el-table__header-wrapper, .el-table__footer-wrapper { + overflow: hidden; +} +.el-table__header-wrapper tbody td.el-table__cell, .el-table__footer-wrapper tbody td.el-table__cell { + background-color: #F5F7FA; + color: #606266; +} + +.el-table__body-wrapper { + overflow: hidden; + position: relative; +} +.el-table__body-wrapper.is-scrolling-none ~ .el-table__fixed, +.el-table__body-wrapper.is-scrolling-none ~ .el-table__fixed-right { + -webkit-box-shadow: none; + box-shadow: none; +} + +.el-table__body-wrapper.is-scrolling-left ~ .el-table__fixed { + -webkit-box-shadow: none; + box-shadow: none; +} + +.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 #dfe6ec; +} + +.el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed { + border-right: 1px solid #dfe6ec; +} + +.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: solid 5px 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: #1890ff; +} +.el-table .descending .sort-caret.descending { + border-top-color: #1890ff; +} +.el-table .hidden-columns { + visibility: hidden; + position: absolute; + z-index: -1; +} +.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell { + background: #FAFAFA; +} +.el-table--striped .el-table__body tr.el-table__row--striped.current-row td.el-table__cell, .el-table--striped .el-table__body tr.el-table__row--striped.selection-row td.el-table__cell { + background-color: #e8f4ff; +} + +.el-table__body tr.hover-row > td.el-table__cell, .el-table__body tr.hover-row.current-row > td.el-table__cell, .el-table__body tr.hover-row.selection-row > td.el-table__cell, .el-table__body tr.hover-row.el-table__row--striped > td.el-table__cell, .el-table__body tr.hover-row.el-table__row--striped.current-row > td.el-table__cell, .el-table__body tr.hover-row.el-table__row--striped.selection-row > td.el-table__cell { + background-color: #F5F7FA; +} +.el-table__body tr.current-row > td.el-table__cell, .el-table__body tr.selection-row > td.el-table__cell { + background-color: #e8f4ff; +} + +.el-table__column-resize-proxy { + position: absolute; + left: 200px; + top: 0; + bottom: 0; + width: 0; + border-left: 1px solid #dfe6ec; + 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(0.75); + transform: scale(0.75); +} + +.el-table--enable-row-transition .el-table__body td.el-table__cell { + -webkit-transition: background-color 0.25s ease; + transition: background-color 0.25s ease; +} + +.el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell { + background-color: #F5F7FA; +} + +.el-table--fluid-height .el-table__fixed, +.el-table--fluid-height .el-table__fixed-right { + bottom: 0; + overflow: hidden; +} + +.el-table [class*=el-table__row--level] .el-table__expand-icon { + display: inline-block; + width: 20px; + line-height: 20px; + height: 20px; + text-align: center; + margin-right: 3px; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-checkbox { + color: #606266; + font-weight: 500; + font-size: 14px; + position: relative; + cursor: pointer; + display: inline-block; + white-space: nowrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + margin-right: 30px; +} +.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: #1890ff; +} +.el-checkbox.is-bordered.is-disabled { + border-color: #e6ebf5; + 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: none; + display: inline-block; + line-height: 1; + position: relative; + 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-disabled + span.el-checkbox__label { + color: #C0C4CC; + cursor: not-allowed; +} + +.el-checkbox__input.is-checked .el-checkbox__inner { + background-color: #1890ff; + border-color: #1890ff; +} +.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: #1890ff; +} + +.el-checkbox__input.is-focus { + /*focus时 视觉上区分*/ +} +.el-checkbox__input.is-focus .el-checkbox__inner { + border-color: #1890ff; +} + +.el-checkbox__input.is-indeterminate .el-checkbox__inner { + background-color: #1890ff; + border-color: #1890ff; +} +.el-checkbox__input.is-indeterminate .el-checkbox__inner::before { + content: ""; + position: absolute; + display: block; + background-color: #FFFFFF; + height: 2px; + -webkit-transform: scale(0.5); + transform: scale(0.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: #FFFFFF; + z-index: 1; + -webkit-transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46); + transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46); +} +.el-checkbox__inner:hover { + border-color: #1890ff; +} +.el-checkbox__inner::after { + -webkit-box-sizing: content-box; + box-sizing: content-box; + content: ""; + border: 1px solid #FFFFFF; + 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 0.15s ease-in 0.05s; + transition: -webkit-transform 0.15s ease-in 0.05s; + transition: transform 0.15s ease-in 0.05s; + transition: transform 0.15s ease-in 0.05s, -webkit-transform 0.15s ease-in 0.05s; + -webkit-transform-origin: center; + transform-origin: center; +} + +.el-checkbox__original { + opacity: 0; + outline: none; + position: absolute; + margin: 0; + width: 0; + height: 0; + z-index: -1; +} + +.el-checkbox__label { + display: inline-block; + padding-left: 10px; + line-height: 19px; + font-size: 14px; +} + +.el-checkbox:last-of-type { + margin-right: 0; +} + +.el-checkbox-button { + position: relative; + display: inline-block; +} +.el-checkbox-button__inner { + display: inline-block; + line-height: 1; + font-weight: 500; + white-space: nowrap; + vertical-align: middle; + cursor: pointer; + background: #FFFFFF; + 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: none; + margin: 0; + position: relative; + -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: all 0.3s cubic-bezier(0.645, 0.045, 0.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: #1890ff; +} +.el-checkbox-button__inner [class*=el-icon-] { + line-height: 0.9; +} +.el-checkbox-button__inner [class*=el-icon-] + span { + margin-left: 5px; +} + +.el-checkbox-button__original { + opacity: 0; + outline: none; + position: absolute; + margin: 0; + z-index: -1; +} + +.el-checkbox-button.is-checked .el-checkbox-button__inner { + color: #FFFFFF; + background-color: #1890ff; + border-color: #1890ff; + -webkit-box-shadow: -1px 0 0 0 #74bcff; + box-shadow: -1px 0 0 0 #74bcff; +} +.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner { + border-left-color: #1890ff; +} +.el-checkbox-button.is-disabled .el-checkbox-button__inner { + color: #C0C4CC; + cursor: not-allowed; + background-image: none; + background-color: #FFFFFF; + border-color: #e6ebf5; + -webkit-box-shadow: none; + box-shadow: none; +} +.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner { + border-left-color: #e6ebf5; +} +.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: #1890ff; +} +.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; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-tag { + background-color: #e8f4ff; + border-color: #d1e9ff; + color: #1890ff; + display: inline-block; + height: 32px; + padding: 0 10px; + line-height: 30px; + font-size: 12px; + color: #1890ff; + border-width: 1px; + border-style: solid; + border-radius: 4px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + white-space: nowrap; +} +.el-tag.is-hit { + border-color: #1890ff; +} + +.el-tag .el-tag__close { + color: #1890ff; +} +.el-tag .el-tag__close:hover { + color: #FFFFFF; + background-color: #1890ff; +} +.el-tag.el-tag--info { + background-color: #f4f4f5; + border-color: #e9e9eb; + color: #909399; +} +.el-tag.el-tag--info.is-hit { + border-color: #909399; +} + +.el-tag.el-tag--info .el-tag__close { + color: #909399; +} +.el-tag.el-tag--info .el-tag__close:hover { + color: #FFFFFF; + background-color: #909399; +} +.el-tag.el-tag--success { + background-color: #e7faf0; + border-color: #d0f5e0; + color: #13ce66; +} +.el-tag.el-tag--success.is-hit { + border-color: #13ce66; +} + +.el-tag.el-tag--success .el-tag__close { + color: #13ce66; +} +.el-tag.el-tag--success .el-tag__close:hover { + color: #FFFFFF; + background-color: #13ce66; +} +.el-tag.el-tag--warning { + background-color: #fff8e6; + border-color: #fff1cc; + color: #ffba00; +} +.el-tag.el-tag--warning.is-hit { + border-color: #FFBA00; +} + +.el-tag.el-tag--warning .el-tag__close { + color: #ffba00; +} +.el-tag.el-tag--warning .el-tag__close:hover { + color: #FFFFFF; + background-color: #ffba00; +} +.el-tag.el-tag--danger { + background-color: #ffeded; + border-color: #ffdbdb; + color: #ff4949; +} +.el-tag.el-tag--danger.is-hit { + border-color: #ff4949; +} + +.el-tag.el-tag--danger .el-tag__close { + color: #ff4949; +} +.el-tag.el-tag--danger .el-tag__close:hover { + color: #FFFFFF; + background-color: #ff4949; +} +.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; +} +.el-tag .el-icon-close::before { + display: block; +} +.el-tag--dark { + background-color: #1890ff; + border-color: #1890ff; + color: white; +} +.el-tag--dark.is-hit { + border-color: #1890ff; +} + +.el-tag--dark .el-tag__close { + color: white; +} +.el-tag--dark .el-tag__close:hover { + color: #FFFFFF; + background-color: #46a6ff; +} +.el-tag--dark.el-tag--info { + background-color: #909399; + border-color: #909399; + color: white; +} +.el-tag--dark.el-tag--info.is-hit { + border-color: #909399; +} + +.el-tag--dark.el-tag--info .el-tag__close { + color: white; +} +.el-tag--dark.el-tag--info .el-tag__close:hover { + color: #FFFFFF; + background-color: #a6a9ad; +} +.el-tag--dark.el-tag--success { + background-color: #13ce66; + border-color: #13ce66; + color: white; +} +.el-tag--dark.el-tag--success.is-hit { + border-color: #13ce66; +} + +.el-tag--dark.el-tag--success .el-tag__close { + color: white; +} +.el-tag--dark.el-tag--success .el-tag__close:hover { + color: #FFFFFF; + background-color: #42d885; +} +.el-tag--dark.el-tag--warning { + background-color: #ffba00; + border-color: #ffba00; + color: white; +} +.el-tag--dark.el-tag--warning.is-hit { + border-color: #FFBA00; +} + +.el-tag--dark.el-tag--warning .el-tag__close { + color: white; +} +.el-tag--dark.el-tag--warning .el-tag__close:hover { + color: #FFFFFF; + background-color: #ffc833; +} +.el-tag--dark.el-tag--danger { + background-color: #ff4949; + border-color: #ff4949; + color: white; +} +.el-tag--dark.el-tag--danger.is-hit { + border-color: #ff4949; +} + +.el-tag--dark.el-tag--danger .el-tag__close { + color: white; +} +.el-tag--dark.el-tag--danger .el-tag__close:hover { + color: #FFFFFF; + background-color: #ff6d6d; +} + +.el-tag--plain { + background-color: white; + border-color: #a3d3ff; + color: #1890ff; +} +.el-tag--plain.is-hit { + border-color: #1890ff; +} + +.el-tag--plain .el-tag__close { + color: #1890ff; +} +.el-tag--plain .el-tag__close:hover { + color: #FFFFFF; + background-color: #1890ff; +} +.el-tag--plain.el-tag--info { + background-color: white; + border-color: #d3d4d6; + color: #909399; +} +.el-tag--plain.el-tag--info.is-hit { + border-color: #909399; +} + +.el-tag--plain.el-tag--info .el-tag__close { + color: #909399; +} +.el-tag--plain.el-tag--info .el-tag__close:hover { + color: #FFFFFF; + background-color: #909399; +} +.el-tag--plain.el-tag--success { + background-color: white; + border-color: #a1ebc2; + color: #13ce66; +} +.el-tag--plain.el-tag--success.is-hit { + border-color: #13ce66; +} + +.el-tag--plain.el-tag--success .el-tag__close { + color: #13ce66; +} +.el-tag--plain.el-tag--success .el-tag__close:hover { + color: #FFFFFF; + background-color: #13ce66; +} +.el-tag--plain.el-tag--warning { + background-color: white; + border-color: #ffe399; + color: #ffba00; +} +.el-tag--plain.el-tag--warning.is-hit { + border-color: #FFBA00; +} + +.el-tag--plain.el-tag--warning .el-tag__close { + color: #ffba00; +} +.el-tag--plain.el-tag--warning .el-tag__close:hover { + color: #FFFFFF; + background-color: #ffba00; +} +.el-tag--plain.el-tag--danger { + background-color: white; + border-color: #ffb6b6; + color: #ff4949; +} +.el-tag--plain.el-tag--danger.is-hit { + border-color: #ff4949; +} + +.el-tag--plain.el-tag--danger .el-tag__close { + color: #ff4949; +} +.el-tag--plain.el-tag--danger .el-tag__close:hover { + color: #FFFFFF; + background-color: #ff4949; +} + +.el-tag--medium { + height: 28px; + line-height: 26px; +} +.el-tag--medium .el-icon-close { + -webkit-transform: scale(0.8); + transform: scale(0.8); +} + +.el-tag--small { + height: 24px; + padding: 0 8px; + line-height: 22px; +} +.el-tag--small .el-icon-close { + -webkit-transform: scale(0.8); + transform: scale(0.8); +} + +.el-tag--mini { + height: 20px; + padding: 0 5px; + line-height: 19px; +} +.el-tag--mini .el-icon-close { + margin-left: -3px; + -webkit-transform: scale(0.7); + transform: scale(0.7); +} + +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-table-column--selection .cell { + padding-left: 14px; + padding-right: 14px; +} + +.el-table-filter { + border: solid 1px #e6ebf5; + border-radius: 2px; + background-color: #FFFFFF; + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin: 2px 0; + /** used for dropdown mode */ +} +.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: #e8f4ff; + color: #46a6ff; +} +.el-table-filter__list-item.is-active { + background-color: #1890ff; + color: #FFFFFF; +} + +.el-table-filter__content { + min-width: 100px; +} + +.el-table-filter__bottom { + border-top: 1px solid #e6ebf5; + padding: 8px; +} +.el-table-filter__bottom button { + background: transparent; + border: none; + color: #606266; + cursor: pointer; + font-size: 13px; + padding: 0 3px; +} +.el-table-filter__bottom button:hover { + color: #1890ff; +} +.el-table-filter__bottom button:focus { + outline: none; +} +.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; +} + +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +.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 div { + background-color: #F2F6FC; +} +.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.is-week-mode .el-date-table__row.current div { + background-color: #F2F6FC; +} + +.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-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: #1890ff; + font-weight: bold; +} +.el-date-table td.today.start-date span, .el-date-table td.today.end-date span { + color: #FFFFFF; +} +.el-date-table td.available:hover { + color: #1890ff; +} +.el-date-table td.in-range div { + background-color: #F2F6FC; +} +.el-date-table td.in-range div:hover { + background-color: #F2F6FC; +} +.el-date-table td.current:not(.disabled) span { + color: #FFFFFF; + background-color: #1890ff; +} +.el-date-table td.start-date div, .el-date-table td.end-date div { + color: #FFFFFF; +} +.el-date-table td.start-date span, .el-date-table td.end-date span { + background-color: #1890ff; +} +.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-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: #1890ff; + color: #FFFFFF; + 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 #e6ebf5; +} + +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-month-table { + font-size: 12px; + margin: -1px; + border-collapse: collapse; +} +.el-month-table td { + text-align: center; + padding: 8px 0px; + cursor: pointer; +} +.el-month-table td div { + height: 48px; + padding: 6px 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-month-table td.today .cell { + color: #1890ff; + font-weight: bold; +} +.el-month-table td.today.start-date .cell, .el-month-table td.today.end-date .cell { + color: #FFFFFF; +} +.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 { + width: 60px; + height: 36px; + display: block; + line-height: 36px; + color: #606266; + margin: 0 auto; + border-radius: 18px; +} +.el-month-table td .cell:hover { + color: #1890ff; +} +.el-month-table td.in-range div { + background-color: #F2F6FC; +} +.el-month-table td.in-range div:hover { + background-color: #F2F6FC; +} +.el-month-table td.start-date div, .el-month-table td.end-date div { + color: #FFFFFF; +} +.el-month-table td.start-date .cell, .el-month-table td.end-date .cell { + color: #FFFFFF; + background-color: #1890ff; +} +.el-month-table td.start-date div { + border-top-left-radius: 24px; + border-bottom-left-radius: 24px; +} +.el-month-table td.end-date div { + border-top-right-radius: 24px; + border-bottom-right-radius: 24px; +} +.el-month-table td.current:not(.disabled) .cell { + color: #1890ff; +} + +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.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.today .cell { + color: #1890ff; + font-weight: bold; +} +.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 { + width: 48px; + height: 32px; + display: block; + line-height: 32px; + color: #606266; + margin: 0 auto; +} +.el-year-table td .cell:hover { + color: #1890ff; +} +.el-year-table td.current:not(.disabled) .cell { + color: #1890ff; +} + +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.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: #FFFFFF; + 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: #1890ff; +} +.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: bold; +} +.el-time-spinner__item.disabled { + color: #C0C4CC; + cursor: not-allowed; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.fade-in-linear-enter-active, +.fade-in-linear-leave-active { + -webkit-transition: opacity 200ms linear; + transition: opacity 200ms linear; +} + +.fade-in-linear-enter, +.fade-in-linear-leave, +.fade-in-linear-leave-active { + opacity: 0; +} + +.el-fade-in-linear-enter-active, +.el-fade-in-linear-leave-active { + -webkit-transition: opacity 200ms linear; + transition: opacity 200ms linear; +} + +.el-fade-in-linear-enter, +.el-fade-in-linear-leave, +.el-fade-in-linear-leave-active { + opacity: 0; +} + +.el-fade-in-enter-active, +.el-fade-in-leave-active { + -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); + transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); +} + +.el-fade-in-enter, +.el-fade-in-leave-active { + opacity: 0; +} + +.el-zoom-in-center-enter-active, +.el-zoom-in-center-leave-active { + -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); + transition: all 0.3s cubic-bezier(0.55, 0, 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 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.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 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.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 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.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(0.45, 0.45); + transform: scale(0.45, 0.45); +} + +.collapse-transition { + -webkit-transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; + transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; +} + +.horizontal-collapse-transition { + -webkit-transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out; + transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.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 0.3s cubic-bezier(0.55, 0, 0.1, 1); + transition: opacity 0.3s cubic-bezier(0.55, 0, 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--monthrange.el-input, .el-date-editor--monthrange.el-input__inner { + width: 300px; +} + +.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 { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border: none; + outline: none; + display: inline-block; + height: 100%; + margin: 0; + padding: 0; + width: 39%; + text-align: center; + font-size: 14px; + color: #606266; +} +.el-date-editor .el-range-input::-webkit-input-placeholder { + color: #C0C4CC; +} +.el-date-editor .el-range-input::-moz-placeholder { + color: #C0C4CC; +} +.el-date-editor .el-range-input:-ms-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 { + display: inline-block; + height: 100%; + padding: 0 5px; + margin: 0; + text-align: center; + line-height: 32px; + font-size: 14px; + 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 { + border-color: #1890ff; +} +.el-range-editor.is-active:hover { + border-color: #1890ff; +} + +.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__icon, +.el-range-editor--medium .el-range__close-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__icon, +.el-range-editor--small .el-range__close-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__icon, +.el-range-editor--mini .el-range__close-icon { + line-height: 20px; +} + +.el-range-editor.is-disabled { + background-color: #F5F7FA; + border-color: #dfe4ed; + color: #C0C4CC; + cursor: not-allowed; +} +.el-range-editor.is-disabled:hover, .el-range-editor.is-disabled:focus { + border-color: #dfe4ed; +} +.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::-moz-placeholder { + color: #C0C4CC; +} +.el-range-editor.is-disabled input:-ms-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; +} + +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-picker-panel { + color: #606266; + border: 1px solid #dfe4ed; + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + background: #FFFFFF; + border-radius: 4px; + line-height: 30px; + margin: 5px 0; +} +.el-picker-panel__body::after, .el-picker-panel__body-wrapper::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: #FFFFFF; + 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: none; + cursor: pointer; +} +.el-picker-panel__shortcut:hover { + color: #1890ff; +} +.el-picker-panel__shortcut.active { + background-color: #e6f1fe; + color: #1890ff; +} + +.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: none; + font-size: 12px; +} +.el-picker-panel__btn[disabled] { + color: #cccccc; + cursor: not-allowed; +} + +.el-picker-panel__icon-btn { + font-size: 12px; + color: #303133; + border: 0; + background: transparent; + cursor: pointer; + outline: none; + margin-top: 8px; +} +.el-picker-panel__icon-btn:hover { + color: #1890ff; +} +.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: #FFFFFF; + 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 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 #e6ebf5; +} +.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:hover { + color: #1890ff; +} +.el-date-picker__header-label.active { + color: #1890ff; +} + +.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; +} + +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.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 .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 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: #FFFFFF; +} + +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.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 #dfe4ed; +} + +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-time-panel { + margin: 5px 0; + border: solid 1px #dfe4ed; + background-color: #FFFFFF; + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 12px 0 rgba(0, 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 #dfe4ed; + border-bottom: 1px solid #dfe4ed; +} +.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: 66.6666666667%; +} +.el-time-panel__content.has-seconds::before { + padding-left: 33.3333333333%; +} + +.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: none; + font-size: 12px; + color: #303133; +} +.el-time-panel__btn.confirm { + font-weight: 800; + color: #1890ff; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-textarea { + position: relative; + 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: #FFFFFF; + background-image: none; + border: 1px solid #DCDFE6; + border-radius: 4px; + -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.el-textarea__inner::-webkit-input-placeholder { + color: #C0C4CC; +} +.el-textarea__inner::-moz-placeholder { + color: #C0C4CC; +} +.el-textarea__inner:-ms-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: none; + border-color: #1890ff; +} + +.el-textarea .el-input__count { + color: #909399; + background: #FFFFFF; + position: absolute; + font-size: 12px; + bottom: 5px; + right: 10px; +} +.el-textarea.is-disabled .el-textarea__inner { + background-color: #F5F7FA; + border-color: #dfe4ed; + color: #C0C4CC; + cursor: not-allowed; +} +.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { + color: #C0C4CC; +} +.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder { + color: #C0C4CC; +} +.el-textarea.is-disabled .el-textarea__inner:-ms-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-textarea.is-exceed .el-textarea__inner { + border-color: #ff4949; +} +.el-textarea.is-exceed .el-input__count { + color: #ff4949; +} + +.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; + cursor: pointer; + -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.el-input .el-input__clear:hover { + color: #909399; +} +.el-input .el-input__count { + height: 100%; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: #909399; + font-size: 12px; +} +.el-input .el-input__count .el-input__count-inner { + background: #FFFFFF; + line-height: initial; + display: inline-block; + padding: 0 5px; +} +.el-input__inner { + -webkit-appearance: none; + background-color: #FFFFFF; + 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: none; + padding: 0 15px; + -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + width: 100%; +} +.el-input__inner::-ms-reveal { + display: none; +} +.el-input__inner::-webkit-input-placeholder { + color: #C0C4CC; +} +.el-input__inner::-moz-placeholder { + color: #C0C4CC; +} +.el-input__inner:-ms-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__inner:focus { + outline: none; + border-color: #1890ff; +} + +.el-input__suffix { + position: absolute; + height: 100%; + right: 5px; + top: 0; + text-align: center; + color: #C0C4CC; + -webkit-transition: all 0.3s; + transition: all 0.3s; + pointer-events: none; +} + +.el-input__suffix-inner { + pointer-events: all; +} + +.el-input__prefix { + position: absolute; + height: 100%; + left: 5px; + top: 0; + text-align: center; + color: #C0C4CC; + -webkit-transition: all 0.3s; + transition: all 0.3s; +} + +.el-input__icon { + height: 100%; + width: 25px; + text-align: center; + -webkit-transition: all 0.3s; + transition: all 0.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-active .el-input__inner { + outline: none; + border-color: #1890ff; +} + +.el-input.is-disabled .el-input__inner { + background-color: #F5F7FA; + border-color: #dfe4ed; + color: #C0C4CC; + cursor: not-allowed; +} +.el-input.is-disabled .el-input__inner::-webkit-input-placeholder { + color: #C0C4CC; +} +.el-input.is-disabled .el-input__inner::-moz-placeholder { + color: #C0C4CC; +} +.el-input.is-disabled .el-input__inner:-ms-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.is-exceed .el-input__inner { + border-color: #ff4949; +} +.el-input.is-exceed .el-input__suffix .el-input__count { + color: #ff4949; +} + +.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__append:focus, .el-input-group__prepend:focus { + outline: none; +} +.el-input-group__append .el-select, +.el-input-group__append .el-button, .el-input-group__prepend .el-select, +.el-input-group__prepend .el-button { + 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; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.el-input-group__append { + border-left: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.el-input-group--prepend .el-input__inner { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner { + border-color: transparent; +} + +.el-input-group--append .el-input__inner { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.el-input-group--append .el-select .el-input.is-focus .el-input__inner { + border-color: transparent; +} + +/** disalbe default clear on IE */ +.el-input__inner::-ms-clear { + display: none; + width: 0; + height: 0; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-scrollbar { + overflow: hidden; + position: relative; +} +.el-scrollbar:hover > .el-scrollbar__bar, .el-scrollbar:active > .el-scrollbar__bar, .el-scrollbar:focus > .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 { + scrollbar-width: none; +} +.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, 0.3); + -webkit-transition: 0.3s background-color; + transition: 0.3s background-color; +} +.el-scrollbar__thumb:hover { + background-color: rgba(144, 147, 153, 0.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%; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.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, 0.03)); + filter: drop-shadow(0 2px 12px rgba(0, 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: #e6ebf5; + border-bottom-width: 0; +} +.el-popper[x-placement^=top] .popper__arrow::after { + bottom: 1px; + margin-left: -6px; + border-top-color: #FFFFFF; + 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: #e6ebf5; +} +.el-popper[x-placement^=bottom] .popper__arrow::after { + top: 1px; + margin-left: -6px; + border-top-width: 0; + border-bottom-color: #FFFFFF; +} +.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: #e6ebf5; + border-left-width: 0; +} +.el-popper[x-placement^=right] .popper__arrow::after { + bottom: -6px; + left: 1px; + border-right-color: #FFFFFF; + 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: #e6ebf5; +} +.el-popper[x-placement^=left] .popper__arrow::after { + right: 1px; + bottom: -6px; + margin-left: -6px; + border-right-width: 0; + border-left-color: #FFFFFF; +} + +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.fade-in-linear-enter-active, +.fade-in-linear-leave-active { + -webkit-transition: opacity 200ms linear; + transition: opacity 200ms linear; +} + +.fade-in-linear-enter, +.fade-in-linear-leave, +.fade-in-linear-leave-active { + opacity: 0; +} + +.el-fade-in-linear-enter-active, +.el-fade-in-linear-leave-active { + -webkit-transition: opacity 200ms linear; + transition: opacity 200ms linear; +} + +.el-fade-in-linear-enter, +.el-fade-in-linear-leave, +.el-fade-in-linear-leave-active { + opacity: 0; +} + +.el-fade-in-enter-active, +.el-fade-in-leave-active { + -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); + transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); +} + +.el-fade-in-enter, +.el-fade-in-leave-active { + opacity: 0; +} + +.el-zoom-in-center-enter-active, +.el-zoom-in-center-leave-active { + -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); + transition: all 0.3s cubic-bezier(0.55, 0, 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 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.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 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.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 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.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(0.45, 0.45); + transform: scale(0.45, 0.45); +} + +.collapse-transition { + -webkit-transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; + transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; +} + +.horizontal-collapse-transition { + -webkit-transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out; + transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.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 0.3s cubic-bezier(0.55, 0, 0.1, 1); + transition: opacity 0.3s cubic-bezier(0.55, 0, 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--monthrange.el-input, .el-date-editor--monthrange.el-input__inner { + width: 300px; +} + +.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 { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border: none; + outline: none; + display: inline-block; + height: 100%; + margin: 0; + padding: 0; + width: 39%; + text-align: center; + font-size: 14px; + color: #606266; +} +.el-date-editor .el-range-input::-webkit-input-placeholder { + color: #C0C4CC; +} +.el-date-editor .el-range-input::-moz-placeholder { + color: #C0C4CC; +} +.el-date-editor .el-range-input:-ms-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 { + display: inline-block; + height: 100%; + padding: 0 5px; + margin: 0; + text-align: center; + line-height: 32px; + font-size: 14px; + 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 { + border-color: #1890ff; +} +.el-range-editor.is-active:hover { + border-color: #1890ff; +} + +.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__icon, +.el-range-editor--medium .el-range__close-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__icon, +.el-range-editor--small .el-range__close-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__icon, +.el-range-editor--mini .el-range__close-icon { + line-height: 20px; +} + +.el-range-editor.is-disabled { + background-color: #F5F7FA; + border-color: #dfe4ed; + color: #C0C4CC; + cursor: not-allowed; +} +.el-range-editor.is-disabled:hover, .el-range-editor.is-disabled:focus { + border-color: #dfe4ed; +} +.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::-moz-placeholder { + color: #C0C4CC; +} +.el-range-editor.is-disabled input:-ms-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; +} + +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-picker-panel { + color: #606266; + border: 1px solid #dfe4ed; + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + background: #FFFFFF; + border-radius: 4px; + line-height: 30px; + margin: 5px 0; +} +.el-picker-panel__body::after, .el-picker-panel__body-wrapper::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: #FFFFFF; + 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: none; + cursor: pointer; +} +.el-picker-panel__shortcut:hover { + color: #1890ff; +} +.el-picker-panel__shortcut.active { + background-color: #e6f1fe; + color: #1890ff; +} + +.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: none; + font-size: 12px; +} +.el-picker-panel__btn[disabled] { + color: #cccccc; + cursor: not-allowed; +} + +.el-picker-panel__icon-btn { + font-size: 12px; + color: #303133; + border: 0; + background: transparent; + cursor: pointer; + outline: none; + margin-top: 8px; +} +.el-picker-panel__icon-btn:hover { + color: #1890ff; +} +.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: #FFFFFF; + 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 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 #e6ebf5; +} +.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:hover { + color: #1890ff; +} +.el-date-picker__header-label.active { + color: #1890ff; +} + +.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; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-scrollbar { + overflow: hidden; + position: relative; +} +.el-scrollbar:hover > .el-scrollbar__bar, .el-scrollbar:active > .el-scrollbar__bar, .el-scrollbar:focus > .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 { + scrollbar-width: none; +} +.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, 0.3); + -webkit-transition: 0.3s background-color; + transition: 0.3s background-color; +} +.el-scrollbar__thumb:hover { + background-color: rgba(144, 147, 153, 0.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%; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.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, 0.03)); + filter: drop-shadow(0 2px 12px rgba(0, 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: #e6ebf5; + border-bottom-width: 0; +} +.el-popper[x-placement^=top] .popper__arrow::after { + bottom: 1px; + margin-left: -6px; + border-top-color: #FFFFFF; + 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: #e6ebf5; +} +.el-popper[x-placement^=bottom] .popper__arrow::after { + top: 1px; + margin-left: -6px; + border-top-width: 0; + border-bottom-color: #FFFFFF; +} +.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: #e6ebf5; + border-left-width: 0; +} +.el-popper[x-placement^=right] .popper__arrow::after { + bottom: -6px; + left: 1px; + border-right-color: #FFFFFF; + 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: #e6ebf5; +} +.el-popper[x-placement^=left] .popper__arrow::after { + right: 1px; + bottom: -6px; + margin-left: -6px; + border-right-width: 0; + border-left-color: #FFFFFF; +} + +.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: #1890ff; + font-weight: bold; +} + +.time-select-item.disabled { + color: #dfe4ed; + cursor: not-allowed; +} + +.time-select-item:hover { + background-color: #F5F7FA; + font-weight: bold; + cursor: pointer; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.fade-in-linear-enter-active, +.fade-in-linear-leave-active { + -webkit-transition: opacity 200ms linear; + transition: opacity 200ms linear; +} + +.fade-in-linear-enter, +.fade-in-linear-leave, +.fade-in-linear-leave-active { + opacity: 0; +} + +.el-fade-in-linear-enter-active, +.el-fade-in-linear-leave-active { + -webkit-transition: opacity 200ms linear; + transition: opacity 200ms linear; +} + +.el-fade-in-linear-enter, +.el-fade-in-linear-leave, +.el-fade-in-linear-leave-active { + opacity: 0; +} + +.el-fade-in-enter-active, +.el-fade-in-leave-active { + -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); + transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); +} + +.el-fade-in-enter, +.el-fade-in-leave-active { + opacity: 0; +} + +.el-zoom-in-center-enter-active, +.el-zoom-in-center-leave-active { + -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); + transition: all 0.3s cubic-bezier(0.55, 0, 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 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.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 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.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 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.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(0.45, 0.45); + transform: scale(0.45, 0.45); +} + +.collapse-transition { + -webkit-transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; + transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; +} + +.horizontal-collapse-transition { + -webkit-transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out; + transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.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 0.3s cubic-bezier(0.55, 0, 0.1, 1); + transition: opacity 0.3s cubic-bezier(0.55, 0, 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--monthrange.el-input, .el-date-editor--monthrange.el-input__inner { + width: 300px; +} + +.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 { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border: none; + outline: none; + display: inline-block; + height: 100%; + margin: 0; + padding: 0; + width: 39%; + text-align: center; + font-size: 14px; + color: #606266; +} +.el-date-editor .el-range-input::-webkit-input-placeholder { + color: #C0C4CC; +} +.el-date-editor .el-range-input::-moz-placeholder { + color: #C0C4CC; +} +.el-date-editor .el-range-input:-ms-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 { + display: inline-block; + height: 100%; + padding: 0 5px; + margin: 0; + text-align: center; + line-height: 32px; + font-size: 14px; + 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 { + border-color: #1890ff; +} +.el-range-editor.is-active:hover { + border-color: #1890ff; +} + +.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__icon, +.el-range-editor--medium .el-range__close-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__icon, +.el-range-editor--small .el-range__close-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__icon, +.el-range-editor--mini .el-range__close-icon { + line-height: 20px; +} + +.el-range-editor.is-disabled { + background-color: #F5F7FA; + border-color: #dfe4ed; + color: #C0C4CC; + cursor: not-allowed; +} +.el-range-editor.is-disabled:hover, .el-range-editor.is-disabled:focus { + border-color: #dfe4ed; +} +.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::-moz-placeholder { + color: #C0C4CC; +} +.el-range-editor.is-disabled input:-ms-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; +} + +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-picker-panel { + color: #606266; + border: 1px solid #dfe4ed; + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + background: #FFFFFF; + border-radius: 4px; + line-height: 30px; + margin: 5px 0; +} +.el-picker-panel__body::after, .el-picker-panel__body-wrapper::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: #FFFFFF; + 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: none; + cursor: pointer; +} +.el-picker-panel__shortcut:hover { + color: #1890ff; +} +.el-picker-panel__shortcut.active { + background-color: #e6f1fe; + color: #1890ff; +} + +.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: none; + font-size: 12px; +} +.el-picker-panel__btn[disabled] { + color: #cccccc; + cursor: not-allowed; +} + +.el-picker-panel__icon-btn { + font-size: 12px; + color: #303133; + border: 0; + background: transparent; + cursor: pointer; + outline: none; + margin-top: 8px; +} +.el-picker-panel__icon-btn:hover { + color: #1890ff; +} +.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: #FFFFFF; + overflow: auto; +} + +.el-picker-panel *[slot=sidebar] + .el-picker-panel__body, +.el-picker-panel__sidebar + .el-picker-panel__body { + margin-left: 110px; +} + +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.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: #FFFFFF; + 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: #1890ff; +} +.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: bold; +} +.el-time-spinner__item.disabled { + color: #C0C4CC; + cursor: not-allowed; +} + +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-time-panel { + margin: 5px 0; + border: solid 1px #dfe4ed; + background-color: #FFFFFF; + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 12px 0 rgba(0, 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 #dfe4ed; + border-bottom: 1px solid #dfe4ed; +} +.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: 66.6666666667%; +} +.el-time-panel__content.has-seconds::before { + padding-left: 33.3333333333%; +} + +.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: none; + font-size: 12px; + color: #303133; +} +.el-time-panel__btn.confirm { + font-weight: 800; + color: #1890ff; +} + +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.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 #dfe4ed; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-textarea { + position: relative; + 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: #FFFFFF; + background-image: none; + border: 1px solid #DCDFE6; + border-radius: 4px; + -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.el-textarea__inner::-webkit-input-placeholder { + color: #C0C4CC; +} +.el-textarea__inner::-moz-placeholder { + color: #C0C4CC; +} +.el-textarea__inner:-ms-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: none; + border-color: #1890ff; +} + +.el-textarea .el-input__count { + color: #909399; + background: #FFFFFF; + position: absolute; + font-size: 12px; + bottom: 5px; + right: 10px; +} +.el-textarea.is-disabled .el-textarea__inner { + background-color: #F5F7FA; + border-color: #dfe4ed; + color: #C0C4CC; + cursor: not-allowed; +} +.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { + color: #C0C4CC; +} +.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder { + color: #C0C4CC; +} +.el-textarea.is-disabled .el-textarea__inner:-ms-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-textarea.is-exceed .el-textarea__inner { + border-color: #ff4949; +} +.el-textarea.is-exceed .el-input__count { + color: #ff4949; +} + +.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; + cursor: pointer; + -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.el-input .el-input__clear:hover { + color: #909399; +} +.el-input .el-input__count { + height: 100%; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: #909399; + font-size: 12px; +} +.el-input .el-input__count .el-input__count-inner { + background: #FFFFFF; + line-height: initial; + display: inline-block; + padding: 0 5px; +} +.el-input__inner { + -webkit-appearance: none; + background-color: #FFFFFF; + 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: none; + padding: 0 15px; + -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + width: 100%; +} +.el-input__inner::-ms-reveal { + display: none; +} +.el-input__inner::-webkit-input-placeholder { + color: #C0C4CC; +} +.el-input__inner::-moz-placeholder { + color: #C0C4CC; +} +.el-input__inner:-ms-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__inner:focus { + outline: none; + border-color: #1890ff; +} + +.el-input__suffix { + position: absolute; + height: 100%; + right: 5px; + top: 0; + text-align: center; + color: #C0C4CC; + -webkit-transition: all 0.3s; + transition: all 0.3s; + pointer-events: none; +} + +.el-input__suffix-inner { + pointer-events: all; +} + +.el-input__prefix { + position: absolute; + height: 100%; + left: 5px; + top: 0; + text-align: center; + color: #C0C4CC; + -webkit-transition: all 0.3s; + transition: all 0.3s; +} + +.el-input__icon { + height: 100%; + width: 25px; + text-align: center; + -webkit-transition: all 0.3s; + transition: all 0.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-active .el-input__inner { + outline: none; + border-color: #1890ff; +} + +.el-input.is-disabled .el-input__inner { + background-color: #F5F7FA; + border-color: #dfe4ed; + color: #C0C4CC; + cursor: not-allowed; +} +.el-input.is-disabled .el-input__inner::-webkit-input-placeholder { + color: #C0C4CC; +} +.el-input.is-disabled .el-input__inner::-moz-placeholder { + color: #C0C4CC; +} +.el-input.is-disabled .el-input__inner:-ms-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.is-exceed .el-input__inner { + border-color: #ff4949; +} +.el-input.is-exceed .el-input__suffix .el-input__count { + color: #ff4949; +} + +.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__append:focus, .el-input-group__prepend:focus { + outline: none; +} +.el-input-group__append .el-select, +.el-input-group__append .el-button, .el-input-group__prepend .el-select, +.el-input-group__prepend .el-button { + 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; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.el-input-group__append { + border-left: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.el-input-group--prepend .el-input__inner { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner { + border-color: transparent; +} + +.el-input-group--append .el-input__inner { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.el-input-group--append .el-select .el-input.is-focus .el-input__inner { + border-color: transparent; +} + +/** disalbe default clear on IE */ +.el-input__inner::-ms-clear { + display: none; + width: 0; + height: 0; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-scrollbar { + overflow: hidden; + position: relative; +} +.el-scrollbar:hover > .el-scrollbar__bar, .el-scrollbar:active > .el-scrollbar__bar, .el-scrollbar:focus > .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 { + scrollbar-width: none; +} +.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, 0.3); + -webkit-transition: 0.3s background-color; + transition: 0.3s background-color; +} +.el-scrollbar__thumb:hover { + background-color: rgba(144, 147, 153, 0.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%; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.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, 0.03)); + filter: drop-shadow(0 2px 12px rgba(0, 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: #e6ebf5; + border-bottom-width: 0; +} +.el-popper[x-placement^=top] .popper__arrow::after { + bottom: 1px; + margin-left: -6px; + border-top-color: #FFFFFF; + 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: #e6ebf5; +} +.el-popper[x-placement^=bottom] .popper__arrow::after { + top: 1px; + margin-left: -6px; + border-top-width: 0; + border-bottom-color: #FFFFFF; +} +.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: #e6ebf5; + border-left-width: 0; +} +.el-popper[x-placement^=right] .popper__arrow::after { + bottom: -6px; + left: 1px; + border-right-color: #FFFFFF; + 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: #e6ebf5; +} +.el-popper[x-placement^=left] .popper__arrow::after { + right: 1px; + bottom: -6px; + margin-left: -6px; + border-right-width: 0; + border-left-color: #FFFFFF; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.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, 0.03)); + filter: drop-shadow(0 2px 12px rgba(0, 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: #e6ebf5; + border-bottom-width: 0; +} +.el-popper[x-placement^=top] .popper__arrow::after { + bottom: 1px; + margin-left: -6px; + border-top-color: #FFFFFF; + 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: #e6ebf5; +} +.el-popper[x-placement^=bottom] .popper__arrow::after { + top: 1px; + margin-left: -6px; + border-top-width: 0; + border-bottom-color: #FFFFFF; +} +.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: #e6ebf5; + border-left-width: 0; +} +.el-popper[x-placement^=right] .popper__arrow::after { + bottom: -6px; + left: 1px; + border-right-color: #FFFFFF; + 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: #e6ebf5; +} +.el-popper[x-placement^=left] .popper__arrow::after { + right: 1px; + bottom: -6px; + margin-left: -6px; + border-right-width: 0; + border-left-color: #FFFFFF; +} + +.el-popover { + position: absolute; + background: #FFFFFF; + min-width: 150px; + border-radius: 4px; + border: 1px solid #e6ebf5; + 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, 0.1); + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + word-break: break-all; +} +.el-popover--plain { + padding: 18px 20px; +} + +.el-popover__title { + color: #303133; + font-size: 16px; + line-height: 1; + margin-bottom: 12px; +} + +.el-popover__reference:focus:not(.focusing), .el-popover__reference:focus:hover { + outline-width: 0; +} + +.el-popover:focus:active, .el-popover:focus { + outline-width: 0; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-tooltip:focus:not(.focusing), .el-tooltip:focus:hover { + 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: #FFFFFF; +} + +.el-tooltip__popper.is-light { + background: #FFFFFF; + 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: #FFFFFF; +} +.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: #FFFFFF; +} +.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: #FFFFFF; +} +.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: #FFFFFF; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +.v-modal-enter { + -webkit-animation: v-modal-in 0.2s ease; + animation: v-modal-in 0.2s ease; +} + +.v-modal-leave { + -webkit-animation: v-modal-out 0.2s ease forwards; + animation: v-modal-out 0.2s ease forwards; +} + +@keyframes v-modal-in { + 0% { + opacity: 0; + } +} +@keyframes v-modal-out { + 100% { + opacity: 0; + } +} +.v-modal { + position: fixed; + left: 0; + top: 0; + width: 100%; + height: 100%; + opacity: 0.5; + background: #000000; +} + +.el-popup-parent--hidden { + overflow: hidden; +} + +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +.el-button { + display: inline-block; + line-height: 1; + white-space: nowrap; + cursor: pointer; + background: #FFFFFF; + border: 1px solid #DCDFE6; + border-color: #DCDFE6; + color: #606266; + -webkit-appearance: none; + text-align: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + outline: none; + margin: 0; + -webkit-transition: 0.1s; + transition: 0.1s; + font-weight: 400; + -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.is-round { + padding: 12px 20px; +} +.el-button:hover, .el-button:focus { + color: #1890ff; + border-color: #badeff; + background-color: #e8f4ff; +} +.el-button:active { + color: #1682e6; + border-color: #1682e6; + outline: none; +} +.el-button::-moz-focus-inner { + border: 0; +} +.el-button [class*=el-icon-] + span { + margin-left: 5px; +} +.el-button.is-plain:hover, .el-button.is-plain:focus { + background: #FFFFFF; + border-color: #1890ff; + color: #1890ff; +} +.el-button.is-plain:active { + background: #FFFFFF; + border-color: #1682e6; + color: #1682e6; + outline: none; +} + +.el-button.is-active { + color: #1682e6; + border-color: #1682e6; +} + +.el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus { + color: #C0C4CC; + cursor: not-allowed; + background-image: none; + background-color: #FFFFFF; + border-color: #e6ebf5; +} +.el-button.is-disabled.el-button--text { + background-color: transparent; +} +.el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:hover, .el-button.is-disabled.is-plain:focus { + background-color: #FFFFFF; + border-color: #e6ebf5; + 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, 0.35); +} + +.el-button.is-round { + border-radius: 20px; + padding: 12px 23px; +} + +.el-button.is-circle { + border-radius: 50%; + padding: 12px; +} + +.el-button--primary { + color: #FFFFFF; + background-color: #1890ff; + border-color: #1890ff; +} +.el-button--primary:hover, .el-button--primary:focus { + background: #46a6ff; + border-color: #46a6ff; + color: #FFFFFF; +} +.el-button--primary:active { + background: #1682e6; + border-color: #1682e6; + color: #FFFFFF; + outline: none; +} +.el-button--primary.is-active { + background: #1682e6; + border-color: #1682e6; + color: #FFFFFF; +} +.el-button--primary.is-disabled, .el-button--primary.is-disabled:hover, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:active { + color: #FFFFFF; + background-color: #8cc8ff; + border-color: #8cc8ff; +} +.el-button--primary.is-plain { + color: #1890ff; + background: #e8f4ff; + border-color: #a3d3ff; +} +.el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus { + background: #1890ff; + border-color: #1890ff; + color: #FFFFFF; +} +.el-button--primary.is-plain:active { + background: #1682e6; + border-color: #1682e6; + color: #FFFFFF; + outline: none; +} +.el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:hover, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:active { + color: #74bcff; + background-color: #e8f4ff; + border-color: #d1e9ff; +} + +.el-button--success { + color: #FFFFFF; + background-color: #13ce66; + border-color: #13ce66; +} +.el-button--success:hover, .el-button--success:focus { + background: #42d885; + border-color: #42d885; + color: #FFFFFF; +} +.el-button--success:active { + background: #11b95c; + border-color: #11b95c; + color: #FFFFFF; + outline: none; +} +.el-button--success.is-active { + background: #11b95c; + border-color: #11b95c; + color: #FFFFFF; +} +.el-button--success.is-disabled, .el-button--success.is-disabled:hover, .el-button--success.is-disabled:focus, .el-button--success.is-disabled:active { + color: #FFFFFF; + background-color: #89e7b3; + border-color: #89e7b3; +} +.el-button--success.is-plain { + color: #13ce66; + background: #e7faf0; + border-color: #a1ebc2; +} +.el-button--success.is-plain:hover, .el-button--success.is-plain:focus { + background: #13ce66; + border-color: #13ce66; + color: #FFFFFF; +} +.el-button--success.is-plain:active { + background: #11b95c; + border-color: #11b95c; + color: #FFFFFF; + outline: none; +} +.el-button--success.is-plain.is-disabled, .el-button--success.is-plain.is-disabled:hover, .el-button--success.is-plain.is-disabled:focus, .el-button--success.is-plain.is-disabled:active { + color: #71e2a3; + background-color: #e7faf0; + border-color: #d0f5e0; +} + +.el-button--warning { + color: #FFFFFF; + background-color: #FFBA00; + border-color: #FFBA00; +} +.el-button--warning:hover, .el-button--warning:focus { + background: #ffc833; + border-color: #ffc833; + color: #FFFFFF; +} +.el-button--warning:active { + background: #e6a700; + border-color: #e6a700; + color: #FFFFFF; + outline: none; +} +.el-button--warning.is-active { + background: #e6a700; + border-color: #e6a700; + color: #FFFFFF; +} +.el-button--warning.is-disabled, .el-button--warning.is-disabled:hover, .el-button--warning.is-disabled:focus, .el-button--warning.is-disabled:active { + color: #FFFFFF; + background-color: #ffdd80; + border-color: #ffdd80; +} +.el-button--warning.is-plain { + color: #FFBA00; + background: #fff8e6; + border-color: #ffe399; +} +.el-button--warning.is-plain:hover, .el-button--warning.is-plain:focus { + background: #FFBA00; + border-color: #FFBA00; + color: #FFFFFF; +} +.el-button--warning.is-plain:active { + background: #e6a700; + border-color: #e6a700; + color: #FFFFFF; + outline: none; +} +.el-button--warning.is-plain.is-disabled, .el-button--warning.is-plain.is-disabled:hover, .el-button--warning.is-plain.is-disabled:focus, .el-button--warning.is-plain.is-disabled:active { + color: #ffd666; + background-color: #fff8e6; + border-color: #fff1cc; +} + +.el-button--danger { + color: #FFFFFF; + background-color: #ff4949; + border-color: #ff4949; +} +.el-button--danger:hover, .el-button--danger:focus { + background: #ff6d6d; + border-color: #ff6d6d; + color: #FFFFFF; +} +.el-button--danger:active { + background: #e64242; + border-color: #e64242; + color: #FFFFFF; + outline: none; +} +.el-button--danger.is-active { + background: #e64242; + border-color: #e64242; + color: #FFFFFF; +} +.el-button--danger.is-disabled, .el-button--danger.is-disabled:hover, .el-button--danger.is-disabled:focus, .el-button--danger.is-disabled:active { + color: #FFFFFF; + background-color: #ffa4a4; + border-color: #ffa4a4; +} +.el-button--danger.is-plain { + color: #ff4949; + background: #ffeded; + border-color: #ffb6b6; +} +.el-button--danger.is-plain:hover, .el-button--danger.is-plain:focus { + background: #ff4949; + border-color: #ff4949; + color: #FFFFFF; +} +.el-button--danger.is-plain:active { + background: #e64242; + border-color: #e64242; + color: #FFFFFF; + outline: none; +} +.el-button--danger.is-plain.is-disabled, .el-button--danger.is-plain.is-disabled:hover, .el-button--danger.is-plain.is-disabled:focus, .el-button--danger.is-plain.is-disabled:active { + color: #ff9292; + background-color: #ffeded; + border-color: #ffdbdb; +} + +.el-button--info { + color: #FFFFFF; + background-color: #909399; + border-color: #909399; +} +.el-button--info:hover, .el-button--info:focus { + background: #a6a9ad; + border-color: #a6a9ad; + color: #FFFFFF; +} +.el-button--info:active { + background: #82848a; + border-color: #82848a; + color: #FFFFFF; + outline: none; +} +.el-button--info.is-active { + background: #82848a; + border-color: #82848a; + color: #FFFFFF; +} +.el-button--info.is-disabled, .el-button--info.is-disabled:hover, .el-button--info.is-disabled:focus, .el-button--info.is-disabled:active { + color: #FFFFFF; + background-color: #c8c9cc; + border-color: #c8c9cc; +} +.el-button--info.is-plain { + color: #909399; + background: #f4f4f5; + border-color: #d3d4d6; +} +.el-button--info.is-plain:hover, .el-button--info.is-plain:focus { + background: #909399; + border-color: #909399; + color: #FFFFFF; +} +.el-button--info.is-plain:active { + background: #82848a; + border-color: #82848a; + color: #FFFFFF; + outline: none; +} +.el-button--info.is-plain.is-disabled, .el-button--info.is-plain.is-disabled:hover, .el-button--info.is-plain.is-disabled:focus, .el-button--info.is-plain.is-disabled:active { + color: #bcbec2; + background-color: #f4f4f5; + border-color: #e9e9eb; +} + +.el-button--medium { + padding: 10px 20px; + font-size: 14px; + border-radius: 4px; +} +.el-button--medium.is-round { + padding: 10px 20px; +} +.el-button--medium.is-circle { + padding: 10px; +} + +.el-button--small { + padding: 9px 15px; + font-size: 12px; + border-radius: 3px; +} +.el-button--small.is-round { + padding: 9px 15px; +} +.el-button--small.is-circle { + padding: 9px; +} + +.el-button--mini { + padding: 7px 15px; + font-size: 12px; + border-radius: 3px; +} +.el-button--mini.is-round { + padding: 7px 15px; +} +.el-button--mini.is-circle { + padding: 7px; +} + +.el-button--text { + border-color: transparent; + color: #1890ff; + background: transparent; + padding-left: 0; + padding-right: 0; +} +.el-button--text:hover, .el-button--text:focus { + color: #46a6ff; + border-color: transparent; + background-color: transparent; +} +.el-button--text:active { + color: #1682e6; + border-color: transparent; + background-color: transparent; +} +.el-button--text.is-disabled, .el-button--text.is-disabled:hover, .el-button--text.is-disabled:focus { + border-color: transparent; +} + +.el-button-group { + display: inline-block; + vertical-align: middle; +} +.el-button-group::before, +.el-button-group::after { + 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.is-disabled { + z-index: 1; +} +.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-top-right-radius: 4px; + border-bottom-right-radius: 4px; + border-top-left-radius: 4px; + border-bottom-left-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-button:not(.is-disabled):hover, .el-button-group > .el-button:not(.is-disabled):focus, .el-button-group > .el-button:not(.is-disabled):active { + z-index: 1; +} +.el-button-group > .el-button.is-active { + z-index: 1; +} + +.el-button-group > .el-dropdown > .el-button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--primary:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--primary:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--primary:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--success:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--success:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--success:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--warning:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--warning:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--warning:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--danger:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--danger:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--danger:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--info:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--info:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--info:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-textarea { + position: relative; + 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: #FFFFFF; + background-image: none; + border: 1px solid #DCDFE6; + border-radius: 4px; + -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.el-textarea__inner::-webkit-input-placeholder { + color: #C0C4CC; +} +.el-textarea__inner::-moz-placeholder { + color: #C0C4CC; +} +.el-textarea__inner:-ms-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: none; + border-color: #1890ff; +} + +.el-textarea .el-input__count { + color: #909399; + background: #FFFFFF; + position: absolute; + font-size: 12px; + bottom: 5px; + right: 10px; +} +.el-textarea.is-disabled .el-textarea__inner { + background-color: #F5F7FA; + border-color: #dfe4ed; + color: #C0C4CC; + cursor: not-allowed; +} +.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { + color: #C0C4CC; +} +.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder { + color: #C0C4CC; +} +.el-textarea.is-disabled .el-textarea__inner:-ms-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-textarea.is-exceed .el-textarea__inner { + border-color: #ff4949; +} +.el-textarea.is-exceed .el-input__count { + color: #ff4949; +} + +.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; + cursor: pointer; + -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.el-input .el-input__clear:hover { + color: #909399; +} +.el-input .el-input__count { + height: 100%; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: #909399; + font-size: 12px; +} +.el-input .el-input__count .el-input__count-inner { + background: #FFFFFF; + line-height: initial; + display: inline-block; + padding: 0 5px; +} +.el-input__inner { + -webkit-appearance: none; + background-color: #FFFFFF; + 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: none; + padding: 0 15px; + -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + width: 100%; +} +.el-input__inner::-ms-reveal { + display: none; +} +.el-input__inner::-webkit-input-placeholder { + color: #C0C4CC; +} +.el-input__inner::-moz-placeholder { + color: #C0C4CC; +} +.el-input__inner:-ms-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__inner:focus { + outline: none; + border-color: #1890ff; +} + +.el-input__suffix { + position: absolute; + height: 100%; + right: 5px; + top: 0; + text-align: center; + color: #C0C4CC; + -webkit-transition: all 0.3s; + transition: all 0.3s; + pointer-events: none; +} + +.el-input__suffix-inner { + pointer-events: all; +} + +.el-input__prefix { + position: absolute; + height: 100%; + left: 5px; + top: 0; + text-align: center; + color: #C0C4CC; + -webkit-transition: all 0.3s; + transition: all 0.3s; +} + +.el-input__icon { + height: 100%; + width: 25px; + text-align: center; + -webkit-transition: all 0.3s; + transition: all 0.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-active .el-input__inner { + outline: none; + border-color: #1890ff; +} + +.el-input.is-disabled .el-input__inner { + background-color: #F5F7FA; + border-color: #dfe4ed; + color: #C0C4CC; + cursor: not-allowed; +} +.el-input.is-disabled .el-input__inner::-webkit-input-placeholder { + color: #C0C4CC; +} +.el-input.is-disabled .el-input__inner::-moz-placeholder { + color: #C0C4CC; +} +.el-input.is-disabled .el-input__inner:-ms-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.is-exceed .el-input__inner { + border-color: #ff4949; +} +.el-input.is-exceed .el-input__suffix .el-input__count { + color: #ff4949; +} + +.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__append:focus, .el-input-group__prepend:focus { + outline: none; +} +.el-input-group__append .el-select, +.el-input-group__append .el-button, .el-input-group__prepend .el-select, +.el-input-group__prepend .el-button { + 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; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.el-input-group__append { + border-left: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.el-input-group--prepend .el-input__inner { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner { + border-color: transparent; +} + +.el-input-group--append .el-input__inner { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.el-input-group--append .el-select .el-input.is-focus .el-input__inner { + border-color: transparent; +} + +/** disalbe default clear on IE */ +.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: #FFFFFF; + border-radius: 4px; + border: 1px solid #e6ebf5; + font-size: 18px; + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + text-align: left; + overflow: hidden; + -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; + padding-bottom: 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: none; + background: transparent; + 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: #1890ff; +} + +.el-message-box__content { + padding: 10px 15px; + color: #606266; + font-size: 14px; +} + +.el-message-box__container { + position: relative; +} + +.el-message-box__input { + padding-top: 15px; +} +.el-message-box__input input.invalid { + border-color: #ff4949; +} +.el-message-box__input input.invalid:focus { + border-color: #ff4949; +} + +.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: #13ce66; +} +.el-message-box__status.el-icon-info { + color: #909399; +} +.el-message-box__status.el-icon-warning { + color: #FFBA00; +} +.el-message-box__status.el-icon-error { + color: #ff4949; +} + +.el-message-box__message { + margin: 0; +} +.el-message-box__message p { + margin: 0; + line-height: 24px; +} + +.el-message-box__errormsg { + color: #ff4949; + 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 0.3s; + animation: msgbox-fade-in 0.3s; +} + +.msgbox-fade-leave-active { + -webkit-animation: msgbox-fade-out 0.3s; + animation: msgbox-fade-out 0.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; + } +} +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-breadcrumb { + font-size: 14px; + line-height: 1; +} +.el-breadcrumb::before, +.el-breadcrumb::after { + display: table; + content: ""; +} + +.el-breadcrumb::after { + clear: both; +} + +.el-breadcrumb__separator { + margin: 0 9px; + font-weight: bold; + color: #C0C4CC; +} +.el-breadcrumb__separator[class*=icon] { + margin: 0 6px; + font-weight: normal; +} + +.el-breadcrumb__item { + float: left; +} +.el-breadcrumb__inner { + color: #606266; +} +.el-breadcrumb__inner.is-link, .el-breadcrumb__inner a { + font-weight: bold; + text-decoration: none; + -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + color: #303133; +} +.el-breadcrumb__inner.is-link:hover, .el-breadcrumb__inner a:hover { + color: #1890ff; + cursor: pointer; +} + +.el-breadcrumb__item:last-child .el-breadcrumb__inner, .el-breadcrumb__item:last-child .el-breadcrumb__inner:hover, +.el-breadcrumb__item:last-child .el-breadcrumb__inner a, +.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover { + font-weight: normal; + color: #606266; + cursor: text; +} +.el-breadcrumb__item:last-child .el-breadcrumb__separator { + display: none; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.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 0; +} + +.el-form--inline .el-form-item { + display: inline-block; + margin-right: 10px; + vertical-align: top; +} +.el-form--inline .el-form-item__label { + float: none; + display: inline-block; +} +.el-form--inline .el-form-item__content { + display: inline-block; + vertical-align: top; +} +.el-form--inline.el-form--label-top .el-form-item__content { + display: block; +} + +.el-form-item { + margin-bottom: 22px; +} +.el-form-item::before, +.el-form-item::after { + display: table; + content: ""; +} + +.el-form-item::after { + clear: both; +} + +.el-form-item .el-form-item { + margin-bottom: 0; +} +.el-form-item .el-input__validateIcon { + display: none; +} +.el-form-item--medium .el-form-item__label { + line-height: 36px; +} +.el-form-item--medium .el-form-item__content { + line-height: 36px; +} + +.el-form-item--small .el-form-item__label { + line-height: 32px; +} +.el-form-item--small .el-form-item__content { + line-height: 32px; +} +.el-form-item--small.el-form-item { + margin-bottom: 18px; +} +.el-form-item--small .el-form-item__error { + padding-top: 2px; +} + +.el-form-item--mini .el-form-item__label { + line-height: 28px; +} +.el-form-item--mini .el-form-item__content { + line-height: 28px; +} +.el-form-item--mini.el-form-item { + margin-bottom: 18px; +} +.el-form-item--mini .el-form-item__error { + padding-top: 1px; +} + +.el-form-item__label-wrap { + float: left; +} +.el-form-item__label-wrap .el-form-item__label { + display: inline-block; + float: none; +} + +.el-form-item__label { + text-align: right; + vertical-align: middle; + 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::before, +.el-form-item__content::after { + display: table; + content: ""; +} + +.el-form-item__content::after { + clear: both; +} + +.el-form-item__content .el-input-group { + vertical-align: top; +} + +.el-form-item__error { + color: #ff4949; + 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, .el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap > .el-form-item__label:before { + content: "*"; + color: #ff4949; + 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: #ff4949; +} +.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: #ff4949; +} + +.el-form-item--feedback .el-input__validateIcon { + display: inline-block; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.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: #1890ff; + z-index: 1; + -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.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 0.15s; + transition: all 0.15s; +} +.el-tabs__new-tab .el-icon-plus { + -webkit-transform: scale(0.8, 0.8); + transform: scale(0.8, 0.8); +} +.el-tabs__new-tab:hover { + color: #1890ff; +} + +.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: #dfe4ed; + z-index: 1; +} +.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 0.3s; + transition: -webkit-transform 0.3s; + transition: transform 0.3s; + transition: transform 0.3s, -webkit-transform 0.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: none; +} +.el-tabs__item:focus.is-active.is-focus:not(:active) { + -webkit-box-shadow: 0 0 2px 2px #1890ff inset; + box-shadow: 0 0 2px 2px #1890ff inset; + border-radius: 3px; +} +.el-tabs__item .el-icon-close { + border-radius: 50%; + text-align: center; + -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + margin-left: 5px; +} +.el-tabs__item .el-icon-close:before { + -webkit-transform: scale(0.9); + transform: scale(0.9); + display: inline-block; +} +.el-tabs__item .el-icon-close:hover { + background-color: #C0C4CC; + color: #FFFFFF; +} +.el-tabs__item.is-active { + color: #1890ff; +} + +.el-tabs__item:hover { + color: #1890ff; + 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 #dfe4ed; +} +.el-tabs--card > .el-tabs__header .el-tabs__nav-wrap::after { + content: none; +} +.el-tabs--card > .el-tabs__header .el-tabs__nav { + border: 1px solid #dfe4ed; + 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 { + border-bottom: 1px solid transparent; + border-left: 1px solid #dfe4ed; + -webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.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-closable:hover .el-icon-close { + width: 14px; +} +.el-tabs--card > .el-tabs__header .el-tabs__item.is-active { + border-bottom-color: #FFFFFF; +} +.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable { + padding-left: 20px; + padding-right: 20px; +} +.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close { + width: 14px; +} + +.el-tabs--border-card { + background: #FFFFFF; + border: 1px solid #DCDFE6; + -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04); + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 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 #dfe4ed; + margin: 0; +} +.el-tabs--border-card > .el-tabs__header .el-tabs__nav-wrap::after { + content: none; +} +.el-tabs--border-card > .el-tabs__header .el-tabs__item { + -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + border: 1px solid transparent; + margin-top: -1px; + color: #909399; +} +.el-tabs--border-card > .el-tabs__header .el-tabs__item:first-child { + margin-left: -1px; +} +.el-tabs--border-card > .el-tabs__header .el-tabs__item + .el-tabs__item { + margin-left: -1px; +} +.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active { + color: #1890ff; + background-color: #FFFFFF; + border-right-color: #DCDFE6; + border-left-color: #DCDFE6; +} +.el-tabs--border-card > .el-tabs__header .el-tabs__item:not(.is-disabled):hover { + color: #1890ff; +} +.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-disabled { + color: #C0C4CC; +} +.el-tabs--border-card > .el-tabs__header .is-scrollable .el-tabs__item:first-child { + margin-left: 0; +} + +.el-tabs--top .el-tabs__item.is-top:nth-child(2), +.el-tabs--top .el-tabs__item.is-bottom:nth-child(2), .el-tabs--bottom .el-tabs__item.is-top:nth-child(2), +.el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2) { + padding-left: 0; +} +.el-tabs--top .el-tabs__item.is-top:last-child, +.el-tabs--top .el-tabs__item.is-bottom:last-child, .el-tabs--bottom .el-tabs__item.is-top:last-child, +.el-tabs--bottom .el-tabs__item.is-bottom:last-child { + padding-right: 0; +} +.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2), +.el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2), +.el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2) { + padding-left: 20px; +} +.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:last-child, +.el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:last-child, +.el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom .el-tabs--right > .el-tabs__header .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 -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-wrap.is-left, +.el-tabs--left .el-tabs__nav-wrap.is-right, +.el-tabs--left .el-tabs__nav-scroll, .el-tabs--right .el-tabs__header.is-left, +.el-tabs--right .el-tabs__header.is-right, +.el-tabs--right .el-tabs__nav-wrap.is-left, +.el-tabs--right .el-tabs__nav-wrap.is-right, +.el-tabs--right .el-tabs__nav-scroll { + 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-prev, +.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-prev, +.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-prev, +.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-prev, +.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next { + height: 30px; + line-height: 30px; + width: 100%; + text-align: center; + cursor: pointer; +} +.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev i, +.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next i, +.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i, +.el-tabs--left .el-tabs__nav-wrap.is-right > .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-left > .el-tabs__nav-next i, +.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i, +.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next 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__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__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__nav-wrap.is-left::after { + left: auto; + right: 0; +} +.el-tabs--left .el-tabs__active-bar.is-left { + right: 0; + left: auto; +} +.el-tabs--left .el-tabs__item.is-left { + text-align: right; +} +.el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left { + display: none; +} +.el-tabs--left.el-tabs--card .el-tabs__item.is-left { + border-left: none; + border-right: 1px solid #dfe4ed; + border-bottom: none; + border-top: 1px solid #dfe4ed; + text-align: left; +} +.el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child { + border-right: 1px solid #dfe4ed; + border-top: none; +} +.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active { + border: 1px solid #dfe4ed; + 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 #dfe4ed; + 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: transparent; + border-top-color: rgb(209, 219, 229); + border-bottom-color: rgb(209, 219, 229); +} + +.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__active-bar.is-right { + display: none; +} +.el-tabs--right.el-tabs--card .el-tabs__item.is-right { + border-bottom: none; + border-top: 1px solid #dfe4ed; +} +.el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child { + border-left: 1px solid #dfe4ed; + border-top: none; +} +.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active { + border: 1px solid #dfe4ed; + 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 #dfe4ed; + 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: transparent; + border-top-color: rgb(209, 219, 229); + border-bottom-color: rgb(209, 219, 229); +} + +.slideInRight-transition, +.slideInLeft-transition { + display: inline-block; +} + +.slideInRight-enter { + -webkit-animation: slideInRight-enter 0.3s; + animation: slideInRight-enter 0.3s; +} + +.slideInRight-leave { + position: absolute; + left: 0; + right: 0; + -webkit-animation: slideInRight-leave 0.3s; + animation: slideInRight-leave 0.3s; +} + +.slideInLeft-enter { + -webkit-animation: slideInLeft-enter 0.3s; + animation: slideInLeft-enter 0.3s; +} + +.slideInLeft-leave { + position: absolute; + left: 0; + right: 0; + -webkit-animation: slideInLeft-leave 0.3s; + animation: slideInLeft-leave 0.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; + } +} +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-tag { + background-color: #e8f4ff; + border-color: #d1e9ff; + color: #1890ff; + display: inline-block; + height: 32px; + padding: 0 10px; + line-height: 30px; + font-size: 12px; + color: #1890ff; + border-width: 1px; + border-style: solid; + border-radius: 4px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + white-space: nowrap; +} +.el-tag.is-hit { + border-color: #1890ff; +} + +.el-tag .el-tag__close { + color: #1890ff; +} +.el-tag .el-tag__close:hover { + color: #FFFFFF; + background-color: #1890ff; +} +.el-tag.el-tag--info { + background-color: #f4f4f5; + border-color: #e9e9eb; + color: #909399; +} +.el-tag.el-tag--info.is-hit { + border-color: #909399; +} + +.el-tag.el-tag--info .el-tag__close { + color: #909399; +} +.el-tag.el-tag--info .el-tag__close:hover { + color: #FFFFFF; + background-color: #909399; +} +.el-tag.el-tag--success { + background-color: #e7faf0; + border-color: #d0f5e0; + color: #13ce66; +} +.el-tag.el-tag--success.is-hit { + border-color: #13ce66; +} + +.el-tag.el-tag--success .el-tag__close { + color: #13ce66; +} +.el-tag.el-tag--success .el-tag__close:hover { + color: #FFFFFF; + background-color: #13ce66; +} +.el-tag.el-tag--warning { + background-color: #fff8e6; + border-color: #fff1cc; + color: #ffba00; +} +.el-tag.el-tag--warning.is-hit { + border-color: #FFBA00; +} + +.el-tag.el-tag--warning .el-tag__close { + color: #ffba00; +} +.el-tag.el-tag--warning .el-tag__close:hover { + color: #FFFFFF; + background-color: #ffba00; +} +.el-tag.el-tag--danger { + background-color: #ffeded; + border-color: #ffdbdb; + color: #ff4949; +} +.el-tag.el-tag--danger.is-hit { + border-color: #ff4949; +} + +.el-tag.el-tag--danger .el-tag__close { + color: #ff4949; +} +.el-tag.el-tag--danger .el-tag__close:hover { + color: #FFFFFF; + background-color: #ff4949; +} +.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; +} +.el-tag .el-icon-close::before { + display: block; +} +.el-tag--dark { + background-color: #1890ff; + border-color: #1890ff; + color: white; +} +.el-tag--dark.is-hit { + border-color: #1890ff; +} + +.el-tag--dark .el-tag__close { + color: white; +} +.el-tag--dark .el-tag__close:hover { + color: #FFFFFF; + background-color: #46a6ff; +} +.el-tag--dark.el-tag--info { + background-color: #909399; + border-color: #909399; + color: white; +} +.el-tag--dark.el-tag--info.is-hit { + border-color: #909399; +} + +.el-tag--dark.el-tag--info .el-tag__close { + color: white; +} +.el-tag--dark.el-tag--info .el-tag__close:hover { + color: #FFFFFF; + background-color: #a6a9ad; +} +.el-tag--dark.el-tag--success { + background-color: #13ce66; + border-color: #13ce66; + color: white; +} +.el-tag--dark.el-tag--success.is-hit { + border-color: #13ce66; +} + +.el-tag--dark.el-tag--success .el-tag__close { + color: white; +} +.el-tag--dark.el-tag--success .el-tag__close:hover { + color: #FFFFFF; + background-color: #42d885; +} +.el-tag--dark.el-tag--warning { + background-color: #ffba00; + border-color: #ffba00; + color: white; +} +.el-tag--dark.el-tag--warning.is-hit { + border-color: #FFBA00; +} + +.el-tag--dark.el-tag--warning .el-tag__close { + color: white; +} +.el-tag--dark.el-tag--warning .el-tag__close:hover { + color: #FFFFFF; + background-color: #ffc833; +} +.el-tag--dark.el-tag--danger { + background-color: #ff4949; + border-color: #ff4949; + color: white; +} +.el-tag--dark.el-tag--danger.is-hit { + border-color: #ff4949; +} + +.el-tag--dark.el-tag--danger .el-tag__close { + color: white; +} +.el-tag--dark.el-tag--danger .el-tag__close:hover { + color: #FFFFFF; + background-color: #ff6d6d; +} + +.el-tag--plain { + background-color: white; + border-color: #a3d3ff; + color: #1890ff; +} +.el-tag--plain.is-hit { + border-color: #1890ff; +} + +.el-tag--plain .el-tag__close { + color: #1890ff; +} +.el-tag--plain .el-tag__close:hover { + color: #FFFFFF; + background-color: #1890ff; +} +.el-tag--plain.el-tag--info { + background-color: white; + border-color: #d3d4d6; + color: #909399; +} +.el-tag--plain.el-tag--info.is-hit { + border-color: #909399; +} + +.el-tag--plain.el-tag--info .el-tag__close { + color: #909399; +} +.el-tag--plain.el-tag--info .el-tag__close:hover { + color: #FFFFFF; + background-color: #909399; +} +.el-tag--plain.el-tag--success { + background-color: white; + border-color: #a1ebc2; + color: #13ce66; +} +.el-tag--plain.el-tag--success.is-hit { + border-color: #13ce66; +} + +.el-tag--plain.el-tag--success .el-tag__close { + color: #13ce66; +} +.el-tag--plain.el-tag--success .el-tag__close:hover { + color: #FFFFFF; + background-color: #13ce66; +} +.el-tag--plain.el-tag--warning { + background-color: white; + border-color: #ffe399; + color: #ffba00; +} +.el-tag--plain.el-tag--warning.is-hit { + border-color: #FFBA00; +} + +.el-tag--plain.el-tag--warning .el-tag__close { + color: #ffba00; +} +.el-tag--plain.el-tag--warning .el-tag__close:hover { + color: #FFFFFF; + background-color: #ffba00; +} +.el-tag--plain.el-tag--danger { + background-color: white; + border-color: #ffb6b6; + color: #ff4949; +} +.el-tag--plain.el-tag--danger.is-hit { + border-color: #ff4949; +} + +.el-tag--plain.el-tag--danger .el-tag__close { + color: #ff4949; +} +.el-tag--plain.el-tag--danger .el-tag__close:hover { + color: #FFFFFF; + background-color: #ff4949; +} + +.el-tag--medium { + height: 28px; + line-height: 26px; +} +.el-tag--medium .el-icon-close { + -webkit-transform: scale(0.8); + transform: scale(0.8); +} + +.el-tag--small { + height: 24px; + padding: 0 8px; + line-height: 22px; +} +.el-tag--small .el-icon-close { + -webkit-transform: scale(0.8); + transform: scale(0.8); +} + +.el-tag--mini { + height: 20px; + padding: 0 5px; + line-height: 19px; +} +.el-tag--mini .el-icon-close { + margin-left: -3px; + -webkit-transform: scale(0.7); + transform: scale(0.7); +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.fade-in-linear-enter-active, +.fade-in-linear-leave-active { + -webkit-transition: opacity 200ms linear; + transition: opacity 200ms linear; +} + +.fade-in-linear-enter, +.fade-in-linear-leave, +.fade-in-linear-leave-active { + opacity: 0; +} + +.el-fade-in-linear-enter-active, +.el-fade-in-linear-leave-active { + -webkit-transition: opacity 200ms linear; + transition: opacity 200ms linear; +} + +.el-fade-in-linear-enter, +.el-fade-in-linear-leave, +.el-fade-in-linear-leave-active { + opacity: 0; +} + +.el-fade-in-enter-active, +.el-fade-in-leave-active { + -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); + transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); +} + +.el-fade-in-enter, +.el-fade-in-leave-active { + opacity: 0; +} + +.el-zoom-in-center-enter-active, +.el-zoom-in-center-leave-active { + -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); + transition: all 0.3s cubic-bezier(0.55, 0, 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 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.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 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.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 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.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(0.45, 0.45); + transform: scale(0.45, 0.45); +} + +.collapse-transition { + -webkit-transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; + transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; +} + +.horizontal-collapse-transition { + -webkit-transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out; + transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.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 0.3s cubic-bezier(0.55, 0, 0.1, 1); + transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1); +} + +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-checkbox { + color: #606266; + font-weight: 500; + font-size: 14px; + position: relative; + cursor: pointer; + display: inline-block; + white-space: nowrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + margin-right: 30px; +} +.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: #1890ff; +} +.el-checkbox.is-bordered.is-disabled { + border-color: #e6ebf5; + 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: none; + display: inline-block; + line-height: 1; + position: relative; + 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-disabled + span.el-checkbox__label { + color: #C0C4CC; + cursor: not-allowed; +} + +.el-checkbox__input.is-checked .el-checkbox__inner { + background-color: #1890ff; + border-color: #1890ff; +} +.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: #1890ff; +} + +.el-checkbox__input.is-focus { + /*focus时 视觉上区分*/ +} +.el-checkbox__input.is-focus .el-checkbox__inner { + border-color: #1890ff; +} + +.el-checkbox__input.is-indeterminate .el-checkbox__inner { + background-color: #1890ff; + border-color: #1890ff; +} +.el-checkbox__input.is-indeterminate .el-checkbox__inner::before { + content: ""; + position: absolute; + display: block; + background-color: #FFFFFF; + height: 2px; + -webkit-transform: scale(0.5); + transform: scale(0.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: #FFFFFF; + z-index: 1; + -webkit-transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46); + transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46); +} +.el-checkbox__inner:hover { + border-color: #1890ff; +} +.el-checkbox__inner::after { + -webkit-box-sizing: content-box; + box-sizing: content-box; + content: ""; + border: 1px solid #FFFFFF; + 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 0.15s ease-in 0.05s; + transition: -webkit-transform 0.15s ease-in 0.05s; + transition: transform 0.15s ease-in 0.05s; + transition: transform 0.15s ease-in 0.05s, -webkit-transform 0.15s ease-in 0.05s; + -webkit-transform-origin: center; + transform-origin: center; +} + +.el-checkbox__original { + opacity: 0; + outline: none; + position: absolute; + margin: 0; + width: 0; + height: 0; + z-index: -1; +} + +.el-checkbox__label { + display: inline-block; + padding-left: 10px; + line-height: 19px; + font-size: 14px; +} + +.el-checkbox:last-of-type { + margin-right: 0; +} + +.el-checkbox-button { + position: relative; + display: inline-block; +} +.el-checkbox-button__inner { + display: inline-block; + line-height: 1; + font-weight: 500; + white-space: nowrap; + vertical-align: middle; + cursor: pointer; + background: #FFFFFF; + 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: none; + margin: 0; + position: relative; + -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: all 0.3s cubic-bezier(0.645, 0.045, 0.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: #1890ff; +} +.el-checkbox-button__inner [class*=el-icon-] { + line-height: 0.9; +} +.el-checkbox-button__inner [class*=el-icon-] + span { + margin-left: 5px; +} + +.el-checkbox-button__original { + opacity: 0; + outline: none; + position: absolute; + margin: 0; + z-index: -1; +} + +.el-checkbox-button.is-checked .el-checkbox-button__inner { + color: #FFFFFF; + background-color: #1890ff; + border-color: #1890ff; + -webkit-box-shadow: -1px 0 0 0 #74bcff; + box-shadow: -1px 0 0 0 #74bcff; +} +.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner { + border-left-color: #1890ff; +} +.el-checkbox-button.is-disabled .el-checkbox-button__inner { + color: #C0C4CC; + cursor: not-allowed; + background-image: none; + background-color: #FFFFFF; + border-color: #e6ebf5; + -webkit-box-shadow: none; + box-shadow: none; +} +.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner { + border-left-color: #e6ebf5; +} +.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: #1890ff; +} +.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: #FFFFFF; + 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: #909399; + font-size: 14px; +} + +.el-tree__drop-indicator { + position: absolute; + left: 0; + right: 0; + height: 1px; + background-color: #1890ff; +} + +.el-tree-node { + white-space: nowrap; + outline: none; +} +.el-tree-node:focus { /* focus */ } +.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: #1890ff; + 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 > label.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(0deg); + transform: rotate(0deg); + -webkit-transition: -webkit-transform 0.3s ease-in-out; + transition: -webkit-transform 0.3s ease-in-out; + transition: transform 0.3s ease-in-out; + transition: transform 0.3s ease-in-out, -webkit-transform 0.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: #edf6ff; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.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: #FFFFFF; + 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 0.2s; + transition: opacity 0.2s; +} +.el-alert.is-light .el-alert__closebtn { + color: #C0C4CC; +} + +.el-alert.is-dark .el-alert__closebtn { + color: #FFFFFF; +} +.el-alert.is-dark .el-alert__description { + color: #FFFFFF; +} + +.el-alert.is-center { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.el-alert--success.is-light { + background-color: #e7faf0; + color: #13ce66; +} +.el-alert--success.is-light .el-alert__description { + color: #13ce66; +} +.el-alert--success.is-dark { + background-color: #13ce66; + color: #FFFFFF; +} + +.el-alert--info.is-light { + background-color: #f4f4f5; + color: #909399; +} +.el-alert--info.is-dark { + background-color: #909399; + color: #FFFFFF; +} +.el-alert--info .el-alert__description { + color: #909399; +} + +.el-alert--warning.is-light { + background-color: #fff8e6; + color: #FFBA00; +} +.el-alert--warning.is-light .el-alert__description { + color: #FFBA00; +} +.el-alert--warning.is-dark { + background-color: #FFBA00; + color: #FFFFFF; +} + +.el-alert--error.is-light { + background-color: #ffeded; + color: #ff4949; +} +.el-alert--error.is-light .el-alert__description { + color: #ff4949; +} +.el-alert--error.is-dark { + background-color: #ff4949; + color: #FFFFFF; +} + +.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: bold; +} + +.el-alert .el-alert__description { + font-size: 12px; + margin: 5px 0 0 0; +} +.el-alert__closebtn { + font-size: 12px; + 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; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.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 #e6ebf5; + position: fixed; + background-color: #FFFFFF; + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + -webkit-transition: opacity 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s, -webkit-transform 0.3s; + transition: opacity 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s, -webkit-transform 0.3s; + transition: opacity 0.3s, transform 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s; + transition: opacity 0.3s, transform 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s, -webkit-transform 0.3s; + overflow: hidden; +} +.el-notification.right { + right: 16px; +} +.el-notification.left { + left: 16px; +} +.el-notification__group { + margin-left: 13px; + margin-right: 8px; +} + +.el-notification__title { + font-weight: bold; + font-size: 16px; + color: #303133; + margin: 0; +} + +.el-notification__content { + font-size: 14px; + line-height: 21px; + margin: 6px 0 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: #13ce66; +} +.el-notification .el-icon-error { + color: #ff4949; +} +.el-notification .el-icon-info { + color: #909399; +} +.el-notification .el-icon-warning { + color: #FFBA00; +} + +.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; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-textarea { + position: relative; + 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: #FFFFFF; + background-image: none; + border: 1px solid #DCDFE6; + border-radius: 4px; + -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.el-textarea__inner::-webkit-input-placeholder { + color: #C0C4CC; +} +.el-textarea__inner::-moz-placeholder { + color: #C0C4CC; +} +.el-textarea__inner:-ms-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: none; + border-color: #1890ff; +} + +.el-textarea .el-input__count { + color: #909399; + background: #FFFFFF; + position: absolute; + font-size: 12px; + bottom: 5px; + right: 10px; +} +.el-textarea.is-disabled .el-textarea__inner { + background-color: #F5F7FA; + border-color: #dfe4ed; + color: #C0C4CC; + cursor: not-allowed; +} +.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { + color: #C0C4CC; +} +.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder { + color: #C0C4CC; +} +.el-textarea.is-disabled .el-textarea__inner:-ms-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-textarea.is-exceed .el-textarea__inner { + border-color: #ff4949; +} +.el-textarea.is-exceed .el-input__count { + color: #ff4949; +} + +.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; + cursor: pointer; + -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.el-input .el-input__clear:hover { + color: #909399; +} +.el-input .el-input__count { + height: 100%; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: #909399; + font-size: 12px; +} +.el-input .el-input__count .el-input__count-inner { + background: #FFFFFF; + line-height: initial; + display: inline-block; + padding: 0 5px; +} +.el-input__inner { + -webkit-appearance: none; + background-color: #FFFFFF; + 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: none; + padding: 0 15px; + -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + width: 100%; +} +.el-input__inner::-ms-reveal { + display: none; +} +.el-input__inner::-webkit-input-placeholder { + color: #C0C4CC; +} +.el-input__inner::-moz-placeholder { + color: #C0C4CC; +} +.el-input__inner:-ms-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__inner:focus { + outline: none; + border-color: #1890ff; +} + +.el-input__suffix { + position: absolute; + height: 100%; + right: 5px; + top: 0; + text-align: center; + color: #C0C4CC; + -webkit-transition: all 0.3s; + transition: all 0.3s; + pointer-events: none; +} + +.el-input__suffix-inner { + pointer-events: all; +} + +.el-input__prefix { + position: absolute; + height: 100%; + left: 5px; + top: 0; + text-align: center; + color: #C0C4CC; + -webkit-transition: all 0.3s; + transition: all 0.3s; +} + +.el-input__icon { + height: 100%; + width: 25px; + text-align: center; + -webkit-transition: all 0.3s; + transition: all 0.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-active .el-input__inner { + outline: none; + border-color: #1890ff; +} + +.el-input.is-disabled .el-input__inner { + background-color: #F5F7FA; + border-color: #dfe4ed; + color: #C0C4CC; + cursor: not-allowed; +} +.el-input.is-disabled .el-input__inner::-webkit-input-placeholder { + color: #C0C4CC; +} +.el-input.is-disabled .el-input__inner::-moz-placeholder { + color: #C0C4CC; +} +.el-input.is-disabled .el-input__inner:-ms-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.is-exceed .el-input__inner { + border-color: #ff4949; +} +.el-input.is-exceed .el-input__suffix .el-input__count { + color: #ff4949; +} + +.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__append:focus, .el-input-group__prepend:focus { + outline: none; +} +.el-input-group__append .el-select, +.el-input-group__append .el-button, .el-input-group__prepend .el-select, +.el-input-group__prepend .el-button { + 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; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.el-input-group__append { + border-left: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.el-input-group--prepend .el-input__inner { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner { + border-color: transparent; +} + +.el-input-group--append .el-input__inner { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.el-input-group--append .el-select .el-input.is-focus .el-input__inner { + border-color: transparent; +} + +/** disalbe default clear on IE */ +.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__increase, .el-input-number__decrease { + 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__increase:hover, .el-input-number__decrease:hover { + color: #1890ff; +} +.el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled), .el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) { + border-color: #1890ff; +} +.el-input-number__increase.is-disabled, .el-input-number__decrease.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__increase, .el-input-number.is-disabled .el-input-number__decrease { + border-color: #dfe4ed; + color: #dfe4ed; +} +.el-input-number.is-disabled .el-input-number__increase:hover, .el-input-number.is-disabled .el-input-number__decrease:hover { + color: #dfe4ed; + cursor: not-allowed; +} + +.el-input-number--medium { + width: 200px; + line-height: 34px; +} +.el-input-number--medium .el-input-number__increase, .el-input-number--medium .el-input-number__decrease { + 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__increase, .el-input-number--small .el-input-number__decrease { + width: 32px; + font-size: 13px; +} +.el-input-number--small .el-input-number__increase [class*=el-icon], .el-input-number--small .el-input-number__decrease [class*=el-icon] { + -webkit-transform: scale(0.9); + transform: scale(0.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__increase, .el-input-number--mini .el-input-number__decrease { + width: 28px; + font-size: 12px; +} +.el-input-number--mini .el-input-number__increase [class*=el-icon], .el-input-number--mini .el-input-number__decrease [class*=el-icon] { + -webkit-transform: scale(0.8); + transform: scale(0.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__increase, .el-input-number.is-controls-right .el-input-number__decrease { + height: auto; + line-height: 19px; +} +.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon], .el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon] { + -webkit-transform: scale(0.8); + transform: scale(0.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 0; +} + +.el-input-number.is-controls-right[class*=medium] [class*=increase], .el-input-number.is-controls-right[class*=medium] [class*=decrease] { + line-height: 17px; +} +.el-input-number.is-controls-right[class*=small] [class*=increase], .el-input-number.is-controls-right[class*=small] [class*=decrease] { + line-height: 15px; +} +.el-input-number.is-controls-right[class*=mini] [class*=increase], .el-input-number.is-controls-right[class*=mini] [class*=decrease] { + line-height: 13px; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-tooltip:focus:not(.focusing), .el-tooltip:focus:hover { + 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: #FFFFFF; +} + +.el-tooltip__popper.is-light { + background: #FFFFFF; + 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: #FFFFFF; +} +.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: #FFFFFF; +} +.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: #FFFFFF; +} +.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: #FFFFFF; +} + +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-slider::before, +.el-slider::after { + display: table; + content: ""; +} + +.el-slider::after { + clear: both; +} + +.el-slider__runway { + width: 100%; + height: 6px; + margin: 16px 0; + background-color: #dfe4ed; + 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:hover, .el-slider__runway.disabled .el-slider__button-wrapper.hover { + cursor: not-allowed; +} +.el-slider__runway.disabled .el-slider__button-wrapper.dragging { + cursor: not-allowed; +} +.el-slider__runway.disabled .el-slider__button:hover, .el-slider__runway.disabled .el-slider__button.hover, .el-slider__runway.disabled .el-slider__button.dragging { + -webkit-transform: scale(1); + transform: scale(1); +} +.el-slider__runway.disabled .el-slider__button:hover, .el-slider__runway.disabled .el-slider__button.hover { + cursor: not-allowed; +} +.el-slider__runway.disabled .el-slider__button.dragging { + 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: #1890ff; + 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 { + display: inline-block; + content: ""; + height: 100%; + vertical-align: middle; +} + +.el-slider__button-wrapper .el-tooltip { + vertical-align: middle; + display: inline-block; +} +.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: solid 2px #1890ff; + background-color: #FFFFFF; + border-radius: 50%; + -webkit-transition: 0.2s; + transition: 0.2s; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.el-slider__button:hover, .el-slider__button.hover, .el-slider__button.dragging { + -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: #FFFFFF; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); +} + +.el-slider__marks { + top: 0; + left: 12px; + width: 18px; + height: 100%; +} +.el-slider__marks-text { + position: absolute; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + font-size: 14px; + color: #909399; + margin-top: 15px; +} + +.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 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.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: #1890ff; +} +.el-slider.is-vertical .el-slider__marks-text { + margin-top: 0; + left: 15px; + -webkit-transform: translateY(50%); + transform: translateY(50%); +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.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, 0.9); + margin: 0; + top: 0; + right: 0; + bottom: 0; + left: 0; + -webkit-transition: opacity 0.3s; + transition: opacity 0.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: #1890ff; + 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: #1890ff; + stroke-linecap: round; +} +.el-loading-spinner i { + color: #1890ff; +} + +.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; + } +} +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +.el-row { + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-row::before, +.el-row::after { + display: table; + content: ""; +} + +.el-row::after { + clear: both; +} + +.el-row--flex { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} +.el-row--flex:before, .el-row--flex:after { + 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-top { + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; +} + +.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; +} + +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +[class*=el-col-] { + float: left; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +.el-col-0 { + display: none; +} + +.el-col-0 { + width: 0%; +} + +.el-col-offset-0 { + margin-left: 0%; +} + +.el-col-pull-0 { + position: relative; + right: 0%; +} + +.el-col-push-0 { + position: relative; + left: 0%; +} + +.el-col-1 { + width: 4.1666666667%; +} + +.el-col-offset-1 { + margin-left: 4.1666666667%; +} + +.el-col-pull-1 { + position: relative; + right: 4.1666666667%; +} + +.el-col-push-1 { + position: relative; + left: 4.1666666667%; +} + +.el-col-2 { + width: 8.3333333333%; +} + +.el-col-offset-2 { + margin-left: 8.3333333333%; +} + +.el-col-pull-2 { + position: relative; + right: 8.3333333333%; +} + +.el-col-push-2 { + position: relative; + left: 8.3333333333%; +} + +.el-col-3 { + width: 12.5%; +} + +.el-col-offset-3 { + margin-left: 12.5%; +} + +.el-col-pull-3 { + position: relative; + right: 12.5%; +} + +.el-col-push-3 { + position: relative; + left: 12.5%; +} + +.el-col-4 { + width: 16.6666666667%; +} + +.el-col-offset-4 { + margin-left: 16.6666666667%; +} + +.el-col-pull-4 { + position: relative; + right: 16.6666666667%; +} + +.el-col-push-4 { + position: relative; + left: 16.6666666667%; +} + +.el-col-5 { + width: 20.8333333333%; +} + +.el-col-offset-5 { + margin-left: 20.8333333333%; +} + +.el-col-pull-5 { + position: relative; + right: 20.8333333333%; +} + +.el-col-push-5 { + position: relative; + left: 20.8333333333%; +} + +.el-col-6 { + width: 25%; +} + +.el-col-offset-6 { + margin-left: 25%; +} + +.el-col-pull-6 { + position: relative; + right: 25%; +} + +.el-col-push-6 { + position: relative; + left: 25%; +} + +.el-col-7 { + width: 29.1666666667%; +} + +.el-col-offset-7 { + margin-left: 29.1666666667%; +} + +.el-col-pull-7 { + position: relative; + right: 29.1666666667%; +} + +.el-col-push-7 { + position: relative; + left: 29.1666666667%; +} + +.el-col-8 { + width: 33.3333333333%; +} + +.el-col-offset-8 { + margin-left: 33.3333333333%; +} + +.el-col-pull-8 { + position: relative; + right: 33.3333333333%; +} + +.el-col-push-8 { + position: relative; + left: 33.3333333333%; +} + +.el-col-9 { + width: 37.5%; +} + +.el-col-offset-9 { + margin-left: 37.5%; +} + +.el-col-pull-9 { + position: relative; + right: 37.5%; +} + +.el-col-push-9 { + position: relative; + left: 37.5%; +} + +.el-col-10 { + width: 41.6666666667%; +} + +.el-col-offset-10 { + margin-left: 41.6666666667%; +} + +.el-col-pull-10 { + position: relative; + right: 41.6666666667%; +} + +.el-col-push-10 { + position: relative; + left: 41.6666666667%; +} + +.el-col-11 { + width: 45.8333333333%; +} + +.el-col-offset-11 { + margin-left: 45.8333333333%; +} + +.el-col-pull-11 { + position: relative; + right: 45.8333333333%; +} + +.el-col-push-11 { + position: relative; + left: 45.8333333333%; +} + +.el-col-12 { + width: 50%; +} + +.el-col-offset-12 { + margin-left: 50%; +} + +.el-col-pull-12 { + position: relative; + right: 50%; +} + +.el-col-push-12 { + position: relative; + left: 50%; +} + +.el-col-13 { + width: 54.1666666667%; +} + +.el-col-offset-13 { + margin-left: 54.1666666667%; +} + +.el-col-pull-13 { + position: relative; + right: 54.1666666667%; +} + +.el-col-push-13 { + position: relative; + left: 54.1666666667%; +} + +.el-col-14 { + width: 58.3333333333%; +} + +.el-col-offset-14 { + margin-left: 58.3333333333%; +} + +.el-col-pull-14 { + position: relative; + right: 58.3333333333%; +} + +.el-col-push-14 { + position: relative; + left: 58.3333333333%; +} + +.el-col-15 { + width: 62.5%; +} + +.el-col-offset-15 { + margin-left: 62.5%; +} + +.el-col-pull-15 { + position: relative; + right: 62.5%; +} + +.el-col-push-15 { + position: relative; + left: 62.5%; +} + +.el-col-16 { + width: 66.6666666667%; +} + +.el-col-offset-16 { + margin-left: 66.6666666667%; +} + +.el-col-pull-16 { + position: relative; + right: 66.6666666667%; +} + +.el-col-push-16 { + position: relative; + left: 66.6666666667%; +} + +.el-col-17 { + width: 70.8333333333%; +} + +.el-col-offset-17 { + margin-left: 70.8333333333%; +} + +.el-col-pull-17 { + position: relative; + right: 70.8333333333%; +} + +.el-col-push-17 { + position: relative; + left: 70.8333333333%; +} + +.el-col-18 { + width: 75%; +} + +.el-col-offset-18 { + margin-left: 75%; +} + +.el-col-pull-18 { + position: relative; + right: 75%; +} + +.el-col-push-18 { + position: relative; + left: 75%; +} + +.el-col-19 { + width: 79.1666666667%; +} + +.el-col-offset-19 { + margin-left: 79.1666666667%; +} + +.el-col-pull-19 { + position: relative; + right: 79.1666666667%; +} + +.el-col-push-19 { + position: relative; + left: 79.1666666667%; +} + +.el-col-20 { + width: 83.3333333333%; +} + +.el-col-offset-20 { + margin-left: 83.3333333333%; +} + +.el-col-pull-20 { + position: relative; + right: 83.3333333333%; +} + +.el-col-push-20 { + position: relative; + left: 83.3333333333%; +} + +.el-col-21 { + width: 87.5%; +} + +.el-col-offset-21 { + margin-left: 87.5%; +} + +.el-col-pull-21 { + position: relative; + right: 87.5%; +} + +.el-col-push-21 { + position: relative; + left: 87.5%; +} + +.el-col-22 { + width: 91.6666666667%; +} + +.el-col-offset-22 { + margin-left: 91.6666666667%; +} + +.el-col-pull-22 { + position: relative; + right: 91.6666666667%; +} + +.el-col-push-22 { + position: relative; + left: 91.6666666667%; +} + +.el-col-23 { + width: 95.8333333333%; +} + +.el-col-offset-23 { + margin-left: 95.8333333333%; +} + +.el-col-pull-23 { + position: relative; + right: 95.8333333333%; +} + +.el-col-push-23 { + position: relative; + left: 95.8333333333%; +} + +.el-col-24 { + width: 100%; +} + +.el-col-offset-24 { + margin-left: 100%; +} + +.el-col-pull-24 { + position: relative; + right: 100%; +} + +.el-col-push-24 { + position: relative; + left: 100%; +} + +@media only screen and (max-width: 767px) { + .el-col-xs-0 { + display: none; + } + .el-col-xs-0 { + 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.1666666667%; + } + .el-col-xs-offset-1 { + margin-left: 4.1666666667%; + } + .el-col-xs-pull-1 { + position: relative; + right: 4.1666666667%; + } + .el-col-xs-push-1 { + position: relative; + left: 4.1666666667%; + } + .el-col-xs-2 { + width: 8.3333333333%; + } + .el-col-xs-offset-2 { + margin-left: 8.3333333333%; + } + .el-col-xs-pull-2 { + position: relative; + right: 8.3333333333%; + } + .el-col-xs-push-2 { + position: relative; + left: 8.3333333333%; + } + .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.6666666667%; + } + .el-col-xs-offset-4 { + margin-left: 16.6666666667%; + } + .el-col-xs-pull-4 { + position: relative; + right: 16.6666666667%; + } + .el-col-xs-push-4 { + position: relative; + left: 16.6666666667%; + } + .el-col-xs-5 { + width: 20.8333333333%; + } + .el-col-xs-offset-5 { + margin-left: 20.8333333333%; + } + .el-col-xs-pull-5 { + position: relative; + right: 20.8333333333%; + } + .el-col-xs-push-5 { + position: relative; + left: 20.8333333333%; + } + .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.1666666667%; + } + .el-col-xs-offset-7 { + margin-left: 29.1666666667%; + } + .el-col-xs-pull-7 { + position: relative; + right: 29.1666666667%; + } + .el-col-xs-push-7 { + position: relative; + left: 29.1666666667%; + } + .el-col-xs-8 { + width: 33.3333333333%; + } + .el-col-xs-offset-8 { + margin-left: 33.3333333333%; + } + .el-col-xs-pull-8 { + position: relative; + right: 33.3333333333%; + } + .el-col-xs-push-8 { + position: relative; + left: 33.3333333333%; + } + .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.6666666667%; + } + .el-col-xs-offset-10 { + margin-left: 41.6666666667%; + } + .el-col-xs-pull-10 { + position: relative; + right: 41.6666666667%; + } + .el-col-xs-push-10 { + position: relative; + left: 41.6666666667%; + } + .el-col-xs-11 { + width: 45.8333333333%; + } + .el-col-xs-offset-11 { + margin-left: 45.8333333333%; + } + .el-col-xs-pull-11 { + position: relative; + right: 45.8333333333%; + } + .el-col-xs-push-11 { + position: relative; + left: 45.8333333333%; + } + .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.1666666667%; + } + .el-col-xs-offset-13 { + margin-left: 54.1666666667%; + } + .el-col-xs-pull-13 { + position: relative; + right: 54.1666666667%; + } + .el-col-xs-push-13 { + position: relative; + left: 54.1666666667%; + } + .el-col-xs-14 { + width: 58.3333333333%; + } + .el-col-xs-offset-14 { + margin-left: 58.3333333333%; + } + .el-col-xs-pull-14 { + position: relative; + right: 58.3333333333%; + } + .el-col-xs-push-14 { + position: relative; + left: 58.3333333333%; + } + .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.6666666667%; + } + .el-col-xs-offset-16 { + margin-left: 66.6666666667%; + } + .el-col-xs-pull-16 { + position: relative; + right: 66.6666666667%; + } + .el-col-xs-push-16 { + position: relative; + left: 66.6666666667%; + } + .el-col-xs-17 { + width: 70.8333333333%; + } + .el-col-xs-offset-17 { + margin-left: 70.8333333333%; + } + .el-col-xs-pull-17 { + position: relative; + right: 70.8333333333%; + } + .el-col-xs-push-17 { + position: relative; + left: 70.8333333333%; + } + .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.1666666667%; + } + .el-col-xs-offset-19 { + margin-left: 79.1666666667%; + } + .el-col-xs-pull-19 { + position: relative; + right: 79.1666666667%; + } + .el-col-xs-push-19 { + position: relative; + left: 79.1666666667%; + } + .el-col-xs-20 { + width: 83.3333333333%; + } + .el-col-xs-offset-20 { + margin-left: 83.3333333333%; + } + .el-col-xs-pull-20 { + position: relative; + right: 83.3333333333%; + } + .el-col-xs-push-20 { + position: relative; + left: 83.3333333333%; + } + .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.6666666667%; + } + .el-col-xs-offset-22 { + margin-left: 91.6666666667%; + } + .el-col-xs-pull-22 { + position: relative; + right: 91.6666666667%; + } + .el-col-xs-push-22 { + position: relative; + left: 91.6666666667%; + } + .el-col-xs-23 { + width: 95.8333333333%; + } + .el-col-xs-offset-23 { + margin-left: 95.8333333333%; + } + .el-col-xs-pull-23 { + position: relative; + right: 95.8333333333%; + } + .el-col-xs-push-23 { + position: relative; + left: 95.8333333333%; + } + .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; + } + .el-col-sm-0 { + 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.1666666667%; + } + .el-col-sm-offset-1 { + margin-left: 4.1666666667%; + } + .el-col-sm-pull-1 { + position: relative; + right: 4.1666666667%; + } + .el-col-sm-push-1 { + position: relative; + left: 4.1666666667%; + } + .el-col-sm-2 { + width: 8.3333333333%; + } + .el-col-sm-offset-2 { + margin-left: 8.3333333333%; + } + .el-col-sm-pull-2 { + position: relative; + right: 8.3333333333%; + } + .el-col-sm-push-2 { + position: relative; + left: 8.3333333333%; + } + .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.6666666667%; + } + .el-col-sm-offset-4 { + margin-left: 16.6666666667%; + } + .el-col-sm-pull-4 { + position: relative; + right: 16.6666666667%; + } + .el-col-sm-push-4 { + position: relative; + left: 16.6666666667%; + } + .el-col-sm-5 { + width: 20.8333333333%; + } + .el-col-sm-offset-5 { + margin-left: 20.8333333333%; + } + .el-col-sm-pull-5 { + position: relative; + right: 20.8333333333%; + } + .el-col-sm-push-5 { + position: relative; + left: 20.8333333333%; + } + .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.1666666667%; + } + .el-col-sm-offset-7 { + margin-left: 29.1666666667%; + } + .el-col-sm-pull-7 { + position: relative; + right: 29.1666666667%; + } + .el-col-sm-push-7 { + position: relative; + left: 29.1666666667%; + } + .el-col-sm-8 { + width: 33.3333333333%; + } + .el-col-sm-offset-8 { + margin-left: 33.3333333333%; + } + .el-col-sm-pull-8 { + position: relative; + right: 33.3333333333%; + } + .el-col-sm-push-8 { + position: relative; + left: 33.3333333333%; + } + .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.6666666667%; + } + .el-col-sm-offset-10 { + margin-left: 41.6666666667%; + } + .el-col-sm-pull-10 { + position: relative; + right: 41.6666666667%; + } + .el-col-sm-push-10 { + position: relative; + left: 41.6666666667%; + } + .el-col-sm-11 { + width: 45.8333333333%; + } + .el-col-sm-offset-11 { + margin-left: 45.8333333333%; + } + .el-col-sm-pull-11 { + position: relative; + right: 45.8333333333%; + } + .el-col-sm-push-11 { + position: relative; + left: 45.8333333333%; + } + .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.1666666667%; + } + .el-col-sm-offset-13 { + margin-left: 54.1666666667%; + } + .el-col-sm-pull-13 { + position: relative; + right: 54.1666666667%; + } + .el-col-sm-push-13 { + position: relative; + left: 54.1666666667%; + } + .el-col-sm-14 { + width: 58.3333333333%; + } + .el-col-sm-offset-14 { + margin-left: 58.3333333333%; + } + .el-col-sm-pull-14 { + position: relative; + right: 58.3333333333%; + } + .el-col-sm-push-14 { + position: relative; + left: 58.3333333333%; + } + .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.6666666667%; + } + .el-col-sm-offset-16 { + margin-left: 66.6666666667%; + } + .el-col-sm-pull-16 { + position: relative; + right: 66.6666666667%; + } + .el-col-sm-push-16 { + position: relative; + left: 66.6666666667%; + } + .el-col-sm-17 { + width: 70.8333333333%; + } + .el-col-sm-offset-17 { + margin-left: 70.8333333333%; + } + .el-col-sm-pull-17 { + position: relative; + right: 70.8333333333%; + } + .el-col-sm-push-17 { + position: relative; + left: 70.8333333333%; + } + .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.1666666667%; + } + .el-col-sm-offset-19 { + margin-left: 79.1666666667%; + } + .el-col-sm-pull-19 { + position: relative; + right: 79.1666666667%; + } + .el-col-sm-push-19 { + position: relative; + left: 79.1666666667%; + } + .el-col-sm-20 { + width: 83.3333333333%; + } + .el-col-sm-offset-20 { + margin-left: 83.3333333333%; + } + .el-col-sm-pull-20 { + position: relative; + right: 83.3333333333%; + } + .el-col-sm-push-20 { + position: relative; + left: 83.3333333333%; + } + .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.6666666667%; + } + .el-col-sm-offset-22 { + margin-left: 91.6666666667%; + } + .el-col-sm-pull-22 { + position: relative; + right: 91.6666666667%; + } + .el-col-sm-push-22 { + position: relative; + left: 91.6666666667%; + } + .el-col-sm-23 { + width: 95.8333333333%; + } + .el-col-sm-offset-23 { + margin-left: 95.8333333333%; + } + .el-col-sm-pull-23 { + position: relative; + right: 95.8333333333%; + } + .el-col-sm-push-23 { + position: relative; + left: 95.8333333333%; + } + .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; + } + .el-col-md-0 { + 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.1666666667%; + } + .el-col-md-offset-1 { + margin-left: 4.1666666667%; + } + .el-col-md-pull-1 { + position: relative; + right: 4.1666666667%; + } + .el-col-md-push-1 { + position: relative; + left: 4.1666666667%; + } + .el-col-md-2 { + width: 8.3333333333%; + } + .el-col-md-offset-2 { + margin-left: 8.3333333333%; + } + .el-col-md-pull-2 { + position: relative; + right: 8.3333333333%; + } + .el-col-md-push-2 { + position: relative; + left: 8.3333333333%; + } + .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.6666666667%; + } + .el-col-md-offset-4 { + margin-left: 16.6666666667%; + } + .el-col-md-pull-4 { + position: relative; + right: 16.6666666667%; + } + .el-col-md-push-4 { + position: relative; + left: 16.6666666667%; + } + .el-col-md-5 { + width: 20.8333333333%; + } + .el-col-md-offset-5 { + margin-left: 20.8333333333%; + } + .el-col-md-pull-5 { + position: relative; + right: 20.8333333333%; + } + .el-col-md-push-5 { + position: relative; + left: 20.8333333333%; + } + .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.1666666667%; + } + .el-col-md-offset-7 { + margin-left: 29.1666666667%; + } + .el-col-md-pull-7 { + position: relative; + right: 29.1666666667%; + } + .el-col-md-push-7 { + position: relative; + left: 29.1666666667%; + } + .el-col-md-8 { + width: 33.3333333333%; + } + .el-col-md-offset-8 { + margin-left: 33.3333333333%; + } + .el-col-md-pull-8 { + position: relative; + right: 33.3333333333%; + } + .el-col-md-push-8 { + position: relative; + left: 33.3333333333%; + } + .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.6666666667%; + } + .el-col-md-offset-10 { + margin-left: 41.6666666667%; + } + .el-col-md-pull-10 { + position: relative; + right: 41.6666666667%; + } + .el-col-md-push-10 { + position: relative; + left: 41.6666666667%; + } + .el-col-md-11 { + width: 45.8333333333%; + } + .el-col-md-offset-11 { + margin-left: 45.8333333333%; + } + .el-col-md-pull-11 { + position: relative; + right: 45.8333333333%; + } + .el-col-md-push-11 { + position: relative; + left: 45.8333333333%; + } + .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.1666666667%; + } + .el-col-md-offset-13 { + margin-left: 54.1666666667%; + } + .el-col-md-pull-13 { + position: relative; + right: 54.1666666667%; + } + .el-col-md-push-13 { + position: relative; + left: 54.1666666667%; + } + .el-col-md-14 { + width: 58.3333333333%; + } + .el-col-md-offset-14 { + margin-left: 58.3333333333%; + } + .el-col-md-pull-14 { + position: relative; + right: 58.3333333333%; + } + .el-col-md-push-14 { + position: relative; + left: 58.3333333333%; + } + .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.6666666667%; + } + .el-col-md-offset-16 { + margin-left: 66.6666666667%; + } + .el-col-md-pull-16 { + position: relative; + right: 66.6666666667%; + } + .el-col-md-push-16 { + position: relative; + left: 66.6666666667%; + } + .el-col-md-17 { + width: 70.8333333333%; + } + .el-col-md-offset-17 { + margin-left: 70.8333333333%; + } + .el-col-md-pull-17 { + position: relative; + right: 70.8333333333%; + } + .el-col-md-push-17 { + position: relative; + left: 70.8333333333%; + } + .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.1666666667%; + } + .el-col-md-offset-19 { + margin-left: 79.1666666667%; + } + .el-col-md-pull-19 { + position: relative; + right: 79.1666666667%; + } + .el-col-md-push-19 { + position: relative; + left: 79.1666666667%; + } + .el-col-md-20 { + width: 83.3333333333%; + } + .el-col-md-offset-20 { + margin-left: 83.3333333333%; + } + .el-col-md-pull-20 { + position: relative; + right: 83.3333333333%; + } + .el-col-md-push-20 { + position: relative; + left: 83.3333333333%; + } + .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.6666666667%; + } + .el-col-md-offset-22 { + margin-left: 91.6666666667%; + } + .el-col-md-pull-22 { + position: relative; + right: 91.6666666667%; + } + .el-col-md-push-22 { + position: relative; + left: 91.6666666667%; + } + .el-col-md-23 { + width: 95.8333333333%; + } + .el-col-md-offset-23 { + margin-left: 95.8333333333%; + } + .el-col-md-pull-23 { + position: relative; + right: 95.8333333333%; + } + .el-col-md-push-23 { + position: relative; + left: 95.8333333333%; + } + .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; + } + .el-col-lg-0 { + 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.1666666667%; + } + .el-col-lg-offset-1 { + margin-left: 4.1666666667%; + } + .el-col-lg-pull-1 { + position: relative; + right: 4.1666666667%; + } + .el-col-lg-push-1 { + position: relative; + left: 4.1666666667%; + } + .el-col-lg-2 { + width: 8.3333333333%; + } + .el-col-lg-offset-2 { + margin-left: 8.3333333333%; + } + .el-col-lg-pull-2 { + position: relative; + right: 8.3333333333%; + } + .el-col-lg-push-2 { + position: relative; + left: 8.3333333333%; + } + .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.6666666667%; + } + .el-col-lg-offset-4 { + margin-left: 16.6666666667%; + } + .el-col-lg-pull-4 { + position: relative; + right: 16.6666666667%; + } + .el-col-lg-push-4 { + position: relative; + left: 16.6666666667%; + } + .el-col-lg-5 { + width: 20.8333333333%; + } + .el-col-lg-offset-5 { + margin-left: 20.8333333333%; + } + .el-col-lg-pull-5 { + position: relative; + right: 20.8333333333%; + } + .el-col-lg-push-5 { + position: relative; + left: 20.8333333333%; + } + .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.1666666667%; + } + .el-col-lg-offset-7 { + margin-left: 29.1666666667%; + } + .el-col-lg-pull-7 { + position: relative; + right: 29.1666666667%; + } + .el-col-lg-push-7 { + position: relative; + left: 29.1666666667%; + } + .el-col-lg-8 { + width: 33.3333333333%; + } + .el-col-lg-offset-8 { + margin-left: 33.3333333333%; + } + .el-col-lg-pull-8 { + position: relative; + right: 33.3333333333%; + } + .el-col-lg-push-8 { + position: relative; + left: 33.3333333333%; + } + .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.6666666667%; + } + .el-col-lg-offset-10 { + margin-left: 41.6666666667%; + } + .el-col-lg-pull-10 { + position: relative; + right: 41.6666666667%; + } + .el-col-lg-push-10 { + position: relative; + left: 41.6666666667%; + } + .el-col-lg-11 { + width: 45.8333333333%; + } + .el-col-lg-offset-11 { + margin-left: 45.8333333333%; + } + .el-col-lg-pull-11 { + position: relative; + right: 45.8333333333%; + } + .el-col-lg-push-11 { + position: relative; + left: 45.8333333333%; + } + .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.1666666667%; + } + .el-col-lg-offset-13 { + margin-left: 54.1666666667%; + } + .el-col-lg-pull-13 { + position: relative; + right: 54.1666666667%; + } + .el-col-lg-push-13 { + position: relative; + left: 54.1666666667%; + } + .el-col-lg-14 { + width: 58.3333333333%; + } + .el-col-lg-offset-14 { + margin-left: 58.3333333333%; + } + .el-col-lg-pull-14 { + position: relative; + right: 58.3333333333%; + } + .el-col-lg-push-14 { + position: relative; + left: 58.3333333333%; + } + .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.6666666667%; + } + .el-col-lg-offset-16 { + margin-left: 66.6666666667%; + } + .el-col-lg-pull-16 { + position: relative; + right: 66.6666666667%; + } + .el-col-lg-push-16 { + position: relative; + left: 66.6666666667%; + } + .el-col-lg-17 { + width: 70.8333333333%; + } + .el-col-lg-offset-17 { + margin-left: 70.8333333333%; + } + .el-col-lg-pull-17 { + position: relative; + right: 70.8333333333%; + } + .el-col-lg-push-17 { + position: relative; + left: 70.8333333333%; + } + .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.1666666667%; + } + .el-col-lg-offset-19 { + margin-left: 79.1666666667%; + } + .el-col-lg-pull-19 { + position: relative; + right: 79.1666666667%; + } + .el-col-lg-push-19 { + position: relative; + left: 79.1666666667%; + } + .el-col-lg-20 { + width: 83.3333333333%; + } + .el-col-lg-offset-20 { + margin-left: 83.3333333333%; + } + .el-col-lg-pull-20 { + position: relative; + right: 83.3333333333%; + } + .el-col-lg-push-20 { + position: relative; + left: 83.3333333333%; + } + .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.6666666667%; + } + .el-col-lg-offset-22 { + margin-left: 91.6666666667%; + } + .el-col-lg-pull-22 { + position: relative; + right: 91.6666666667%; + } + .el-col-lg-push-22 { + position: relative; + left: 91.6666666667%; + } + .el-col-lg-23 { + width: 95.8333333333%; + } + .el-col-lg-offset-23 { + margin-left: 95.8333333333%; + } + .el-col-lg-pull-23 { + position: relative; + right: 95.8333333333%; + } + .el-col-lg-push-23 { + position: relative; + left: 95.8333333333%; + } + .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; + } + .el-col-xl-0 { + 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.1666666667%; + } + .el-col-xl-offset-1 { + margin-left: 4.1666666667%; + } + .el-col-xl-pull-1 { + position: relative; + right: 4.1666666667%; + } + .el-col-xl-push-1 { + position: relative; + left: 4.1666666667%; + } + .el-col-xl-2 { + width: 8.3333333333%; + } + .el-col-xl-offset-2 { + margin-left: 8.3333333333%; + } + .el-col-xl-pull-2 { + position: relative; + right: 8.3333333333%; + } + .el-col-xl-push-2 { + position: relative; + left: 8.3333333333%; + } + .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.6666666667%; + } + .el-col-xl-offset-4 { + margin-left: 16.6666666667%; + } + .el-col-xl-pull-4 { + position: relative; + right: 16.6666666667%; + } + .el-col-xl-push-4 { + position: relative; + left: 16.6666666667%; + } + .el-col-xl-5 { + width: 20.8333333333%; + } + .el-col-xl-offset-5 { + margin-left: 20.8333333333%; + } + .el-col-xl-pull-5 { + position: relative; + right: 20.8333333333%; + } + .el-col-xl-push-5 { + position: relative; + left: 20.8333333333%; + } + .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.1666666667%; + } + .el-col-xl-offset-7 { + margin-left: 29.1666666667%; + } + .el-col-xl-pull-7 { + position: relative; + right: 29.1666666667%; + } + .el-col-xl-push-7 { + position: relative; + left: 29.1666666667%; + } + .el-col-xl-8 { + width: 33.3333333333%; + } + .el-col-xl-offset-8 { + margin-left: 33.3333333333%; + } + .el-col-xl-pull-8 { + position: relative; + right: 33.3333333333%; + } + .el-col-xl-push-8 { + position: relative; + left: 33.3333333333%; + } + .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.6666666667%; + } + .el-col-xl-offset-10 { + margin-left: 41.6666666667%; + } + .el-col-xl-pull-10 { + position: relative; + right: 41.6666666667%; + } + .el-col-xl-push-10 { + position: relative; + left: 41.6666666667%; + } + .el-col-xl-11 { + width: 45.8333333333%; + } + .el-col-xl-offset-11 { + margin-left: 45.8333333333%; + } + .el-col-xl-pull-11 { + position: relative; + right: 45.8333333333%; + } + .el-col-xl-push-11 { + position: relative; + left: 45.8333333333%; + } + .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.1666666667%; + } + .el-col-xl-offset-13 { + margin-left: 54.1666666667%; + } + .el-col-xl-pull-13 { + position: relative; + right: 54.1666666667%; + } + .el-col-xl-push-13 { + position: relative; + left: 54.1666666667%; + } + .el-col-xl-14 { + width: 58.3333333333%; + } + .el-col-xl-offset-14 { + margin-left: 58.3333333333%; + } + .el-col-xl-pull-14 { + position: relative; + right: 58.3333333333%; + } + .el-col-xl-push-14 { + position: relative; + left: 58.3333333333%; + } + .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.6666666667%; + } + .el-col-xl-offset-16 { + margin-left: 66.6666666667%; + } + .el-col-xl-pull-16 { + position: relative; + right: 66.6666666667%; + } + .el-col-xl-push-16 { + position: relative; + left: 66.6666666667%; + } + .el-col-xl-17 { + width: 70.8333333333%; + } + .el-col-xl-offset-17 { + margin-left: 70.8333333333%; + } + .el-col-xl-pull-17 { + position: relative; + right: 70.8333333333%; + } + .el-col-xl-push-17 { + position: relative; + left: 70.8333333333%; + } + .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.1666666667%; + } + .el-col-xl-offset-19 { + margin-left: 79.1666666667%; + } + .el-col-xl-pull-19 { + position: relative; + right: 79.1666666667%; + } + .el-col-xl-push-19 { + position: relative; + left: 79.1666666667%; + } + .el-col-xl-20 { + width: 83.3333333333%; + } + .el-col-xl-offset-20 { + margin-left: 83.3333333333%; + } + .el-col-xl-pull-20 { + position: relative; + right: 83.3333333333%; + } + .el-col-xl-push-20 { + position: relative; + left: 83.3333333333%; + } + .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.6666666667%; + } + .el-col-xl-offset-22 { + margin-left: 91.6666666667%; + } + .el-col-xl-pull-22 { + position: relative; + right: 91.6666666667%; + } + .el-col-xl-push-22 { + position: relative; + left: 91.6666666667%; + } + .el-col-xl-23 { + width: 95.8333333333%; + } + .el-col-xl-offset-23 { + margin-left: 95.8333333333%; + } + .el-col-xl-pull-23 { + position: relative; + right: 95.8333333333%; + } + .el-col-xl-push-23 { + position: relative; + left: 95.8333333333%; + } + .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%; + } +} +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.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, .el-progress--dashboard { + display: inline-block; +} +.el-progress--circle .el-progress__text, .el-progress--dashboard .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, .el-progress--dashboard .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: #13ce66; +} +.el-progress.is-success .el-progress__text { + color: #13ce66; +} + +.el-progress.is-warning .el-progress-bar__inner { + background-color: #FFBA00; +} +.el-progress.is-warning .el-progress__text { + color: #FFBA00; +} + +.el-progress.is-exception .el-progress-bar__inner { + background-color: #ff4949; +} +.el-progress.is-exception .el-progress__text { + color: #ff4949; +} + +.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-progress-bar__outer { + height: 6px; + border-radius: 100px; + background-color: #e6ebf5; + overflow: hidden; + position: relative; + vertical-align: middle; +} + +.el-progress-bar__inner { + position: absolute; + left: 0; + top: 0; + height: 100%; + background-color: #1890ff; + text-align: right; + border-radius: 100px; + line-height: 1; + white-space: nowrap; + -webkit-transition: width 0.6s ease; + transition: width 0.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: #FFFFFF; + 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; + } +} +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-upload { + display: inline-block; + text-align: center; + cursor: pointer; + outline: none; + /* 照片墙模式 */ +} +.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; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 148px; + height: 148px; + cursor: pointer; + line-height: 146px; + vertical-align: top; +} +.el-upload--picture-card i { + font-size: 28px; + color: #8c939d; +} +.el-upload--picture-card:hover { + border-color: #1890ff; + color: #1890ff; +} + +.el-upload:focus { + border-color: #1890ff; + color: #1890ff; +} +.el-upload:focus .el-upload-dragger { + border-color: #1890ff; +} + +.el-upload-dragger { + background-color: #fff; + border: 1px dashed #d9d9d9; + border-radius: 6px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 360px; + height: 180px; + text-align: center; + cursor: pointer; + 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: #1890ff; + font-style: normal; +} +.el-upload-dragger:hover { + border-color: #1890ff; +} +.el-upload-dragger.is-dragover { + background-color: rgba(32, 159, 255, 0.06); + border: 2px dashed #1890ff; +} + +.el-upload-list { + margin: 0; + padding: 0; + list-style: none; +} +.el-upload-list__item { + -webkit-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1); + transition: all 0.5s cubic-bezier(0.55, 0, 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: #13ce66; +} +.el-upload-list__item .el-icon-close { + display: none; + position: absolute; + top: 5px; + right: 5px; + cursor: pointer; + opacity: 0.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: #1890ff; +} +.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:hover, .el-upload-list__item.is-success .el-upload-list__item-name:focus { + color: #1890ff; + cursor: pointer; +} +.el-upload-list__item.is-success:focus:not(:hover) { /* 键盘focus */ } +.el-upload-list__item.is-success:focus:not(:hover) .el-icon-close-tip { + display: inline-block; +} +.el-upload-list__item.is-success:not(.focusing):focus, .el-upload-list__item.is-success:active { /* click时 */ + outline-width: 0; +} +.el-upload-list__item.is-success:not(.focusing):focus .el-icon-close-tip, .el-upload-list__item.is-success:active .el-icon-close-tip { + display: none; +} +.el-upload-list__item.is-success:hover .el-upload-list__item-status-label, .el-upload-list__item.is-success:focus .el-upload-list__item-status-label { + 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; + overflow: hidden; + padding-left: 4px; + text-overflow: ellipsis; + -webkit-transition: color 0.3s; + transition: color 0.3s; + white-space: nowrap; +} +.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: #1890ff; +} + +.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: #FFFFFF; +} +.el-upload-list--picture-card .el-upload-list__item .el-icon-close { + display: none; +} +.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, 0.2); + box-shadow: 0 0 1pc 1px rgba(0, 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, 0.5); + -webkit-transition: opacity 0.3s; + transition: opacity 0.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: #FFFFFF; +} +.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label { + background: transparent; + -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; + background-color: #FFFFFF; +} +.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, 0.2); + box-shadow: 0 0 1pc 1px rgba(0, 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, 0.72); + text-align: center; +} +.el-upload-cover__interact .btn { + display: inline-block; + color: #FFFFFF; + font-size: 14px; + cursor: pointer; + vertical-align: middle; + -webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); + margin-top: 60px; +} +.el-upload-cover__interact .btn i { + margin-top: 0; +} +.el-upload-cover__interact .btn span { + opacity: 0; + -webkit-transition: opacity 0.15s linear; + transition: opacity 0.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: #FFFFFF; + display: block; + font-size: 24px; + line-height: inherit; + margin: 0 auto 5px; +} + +.el-upload-cover__title { + position: absolute; + bottom: 0; + left: 0; + background-color: #FFFFFF; + height: 36px; + width: 100%; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + font-weight: normal; + 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; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.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, .el-progress--dashboard { + display: inline-block; +} +.el-progress--circle .el-progress__text, .el-progress--dashboard .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, .el-progress--dashboard .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: #13ce66; +} +.el-progress.is-success .el-progress__text { + color: #13ce66; +} + +.el-progress.is-warning .el-progress-bar__inner { + background-color: #FFBA00; +} +.el-progress.is-warning .el-progress__text { + color: #FFBA00; +} + +.el-progress.is-exception .el-progress-bar__inner { + background-color: #ff4949; +} +.el-progress.is-exception .el-progress__text { + color: #ff4949; +} + +.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-progress-bar__outer { + height: 6px; + border-radius: 100px; + background-color: #e6ebf5; + overflow: hidden; + position: relative; + vertical-align: middle; +} + +.el-progress-bar__inner { + position: absolute; + left: 0; + top: 0; + height: 100%; + background-color: #1890ff; + text-align: right; + border-radius: 100px; + line-height: 1; + white-space: nowrap; + -webkit-transition: width 0.6s ease; + transition: width 0.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: #FFFFFF; + font-size: 12px; + margin: 0 5px; +} + +@keyframes progress { + 0% { + background-position: 0 0; + } + 100% { + background-position: 32px 0; + } +} +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +.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; + } +} +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.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: #e6ebf5; + position: fixed; + left: 50%; + top: 20px; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + background-color: #edf2fc; + -webkit-transition: opacity 0.3s, top 0.4s, -webkit-transform 0.4s; + transition: opacity 0.3s, top 0.4s, -webkit-transform 0.4s; + transition: opacity 0.3s, transform 0.4s, top 0.4s; + transition: opacity 0.3s, transform 0.4s, top 0.4s, -webkit-transform 0.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: #e7faf0; + border-color: #d0f5e0; +} +.el-message--success .el-message__content { + color: #13ce66; +} + +.el-message--warning { + background-color: #fff8e6; + border-color: #fff1cc; +} +.el-message--warning .el-message__content { + color: #FFBA00; +} + +.el-message--error { + background-color: #ffeded; + border-color: #ffdbdb; +} +.el-message--error .el-message__content { + color: #ff4949; +} + +.el-message__icon { + margin-right: 10px; +} + +.el-message__content { + padding: 0; + font-size: 14px; + line-height: 1; +} +.el-message__content:focus { + outline-width: 0; +} + +.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:focus { + outline-width: 0; +} +.el-message__closeBtn:hover { + color: #909399; +} + +.el-message .el-icon-success { + color: #13ce66; +} +.el-message .el-icon-error { + color: #ff4949; +} +.el-message .el-icon-info { + color: #909399; +} +.el-message .el-icon-warning { + color: #FFBA00; +} + +.el-message-fade-enter, +.el-message-fade-leave-active { + opacity: 0; + -webkit-transform: translate(-50%, -100%); + transform: translate(-50%, -100%); +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-badge { + position: relative; + vertical-align: middle; + display: inline-block; +} +.el-badge__content { + background-color: #ff4949; + border-radius: 10px; + color: #FFFFFF; + display: inline-block; + font-size: 12px; + height: 18px; + line-height: 18px; + padding: 0 6px; + text-align: center; + white-space: nowrap; + border: 1px solid #FFFFFF; +} +.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: #1890ff; +} + +.el-badge__content--success { + background-color: #13ce66; +} + +.el-badge__content--warning { + background-color: #FFBA00; +} + +.el-badge__content--info { + background-color: #909399; +} + +.el-badge__content--danger { + background-color: #ff4949; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-card { + border-radius: 4px; + border: 1px solid #e6ebf5; + background-color: #FFFFFF; + overflow: hidden; + color: #303133; + -webkit-transition: 0.3s; + transition: 0.3s; +} +.el-card.is-always-shadow { + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} + +.el-card.is-hover-shadow:hover, .el-card.is-hover-shadow:focus { + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} + +.el-card__header { + padding: 18px 20px; + border-bottom: 1px solid #e6ebf5; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +.el-card__body { + padding: 20px; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-rate { + height: 20px; + line-height: 1; +} +.el-rate:focus, .el-rate:active { + outline-width: 0; +} +.el-rate__item { + display: inline-block; + position: relative; + font-size: 0; + vertical-align: middle; +} + +.el-rate__icon { + position: relative; + display: inline-block; + font-size: 18px; + margin-right: 6px; + color: #C0C4CC; + -webkit-transition: 0.3s; + transition: 0.3s; +} +.el-rate__icon.hover { + -webkit-transform: scale(1.15); + transform: scale(1.15); +} +.el-rate__icon .path2 { + position: absolute; + left: 0; + top: 0; +} + +.el-rate__decimal { + position: absolute; + top: 0; + left: 0; + display: inline-block; + overflow: hidden; +} + +.el-rate__text { + font-size: 14px; + vertical-align: middle; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +.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; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.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__main, .el-step:last-of-type .el-step__description { + 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: #13ce66; + border-color: #13ce66; +} + +.el-step__head.is-error { + color: #ff4949; + border-color: #ff4949; +} + +.el-step__head.is-finish { + color: #1890ff; + border-color: #1890ff; +} + +.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: #FFFFFF; + -webkit-transition: 0.15s ease-out; + transition: 0.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: bold; + line-height: 1; + color: inherit; +} +.el-step__icon-inner[class*=el-icon]:not(.is-status) { + font-size: 25px; + font-weight: normal; +} +.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: 0.15s ease-out; + transition: 0.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: bold; + color: #303133; +} + +.el-step__title.is-wait { + color: #C0C4CC; +} + +.el-step__title.is-success { + color: #13ce66; +} + +.el-step__title.is-error { + color: #ff4949; +} + +.el-step__title.is-finish { + color: #1890ff; +} + +.el-step__description { + padding-right: 10%; + margin-top: -5px; + font-size: 12px; + line-height: 20px; + font-weight: normal; +} +.el-step__description.is-process { + color: #303133; +} + +.el-step__description.is-wait { + color: #C0C4CC; +} + +.el-step__description.is-success { + color: #13ce66; +} + +.el-step__description.is-error { + color: #ff4949; +} + +.el-step__description.is-finish { + color: #1890ff; +} + +.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 { + text-align: center; +} + +.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: transparent; + 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(0.8) translateY(1px); + transform: scale(0.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::before, .el-step.is-simple .el-step__arrow::after { + 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; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-carousel { + position: relative; +} +.el-carousel--horizontal { + overflow-x: hidden; +} + +.el-carousel--vertical { + overflow-y: hidden; +} + +.el-carousel__container { + position: relative; + height: 300px; +} + +.el-carousel__arrow { + border: none; + outline: none; + padding: 0; + margin: 0; + height: 36px; + width: 36px; + cursor: pointer; + -webkit-transition: 0.3s; + transition: 0.3s; + border-radius: 50%; + background-color: rgba(31, 45, 61, 0.11); + color: #FFFFFF; + 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, 0.23); +} +.el-carousel__arrow i { + cursor: pointer; +} + +.el-carousel__indicators { + position: absolute; + list-style: none; + margin: 0; + padding: 0; + z-index: 2; +} +.el-carousel__indicators--horizontal { + bottom: 0; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); +} + +.el-carousel__indicators--vertical { + right: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} + +.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: 0.64; +} +.el-carousel__indicators--outside button { + background-color: #C0C4CC; + opacity: 0.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 { + background-color: transparent; + cursor: pointer; +} +.el-carousel__indicator:hover button { + opacity: 0.72; +} +.el-carousel__indicator--horizontal { + display: inline-block; + padding: 12px 4px; +} + +.el-carousel__indicator--vertical { + padding: 4px 12px; +} +.el-carousel__indicator--vertical .el-carousel__button { + width: 2px; + height: 15px; +} + +.el-carousel__indicator.is-active button { + opacity: 1; +} + +.el-carousel__button { + display: block; + opacity: 0.48; + width: 30px; + height: 2px; + background-color: #FFFFFF; + border: none; + outline: none; + padding: 0; + margin: 0; + cursor: pointer; + -webkit-transition: 0.3s; + transition: 0.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; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-scrollbar { + overflow: hidden; + position: relative; +} +.el-scrollbar:hover > .el-scrollbar__bar, .el-scrollbar:active > .el-scrollbar__bar, .el-scrollbar:focus > .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 { + scrollbar-width: none; +} +.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, 0.3); + -webkit-transition: 0.3s background-color; + transition: 0.3s background-color; +} +.el-scrollbar__thumb:hover { + background-color: rgba(144, 147, 153, 0.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%; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-carousel__item { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 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 0.4s ease-in-out; + transition: -webkit-transform 0.4s ease-in-out; + transition: transform 0.4s ease-in-out; + transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out; +} + +.el-carousel__item--card { + width: 50%; + -webkit-transition: -webkit-transform 0.4s ease-in-out; + transition: -webkit-transform 0.4s ease-in-out; + transition: transform 0.4s ease-in-out; + transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out; +} +.el-carousel__item--card.is-in-stage { + cursor: pointer; + z-index: 1; +} +.el-carousel__item--card.is-in-stage:hover .el-carousel__mask, .el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask { + opacity: 0.12; +} +.el-carousel__item--card.is-active { + z-index: 2; +} + +.el-carousel__mask { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + background-color: #FFFFFF; + opacity: 0.24; + -webkit-transition: 0.2s; + transition: 0.2s; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.fade-in-linear-enter-active, +.fade-in-linear-leave-active { + -webkit-transition: opacity 200ms linear; + transition: opacity 200ms linear; +} + +.fade-in-linear-enter, +.fade-in-linear-leave, +.fade-in-linear-leave-active { + opacity: 0; +} + +.el-fade-in-linear-enter-active, +.el-fade-in-linear-leave-active { + -webkit-transition: opacity 200ms linear; + transition: opacity 200ms linear; +} + +.el-fade-in-linear-enter, +.el-fade-in-linear-leave, +.el-fade-in-linear-leave-active { + opacity: 0; +} + +.el-fade-in-enter-active, +.el-fade-in-leave-active { + -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); + transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); +} + +.el-fade-in-enter, +.el-fade-in-leave-active { + opacity: 0; +} + +.el-zoom-in-center-enter-active, +.el-zoom-in-center-leave-active { + -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); + transition: all 0.3s cubic-bezier(0.55, 0, 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 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.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 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.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 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.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(0.45, 0.45); + transform: scale(0.45, 0.45); +} + +.collapse-transition { + -webkit-transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; + transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; +} + +.horizontal-collapse-transition { + -webkit-transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out; + transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.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 0.3s cubic-bezier(0.55, 0, 0.1, 1); + transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1); +} + +.el-collapse { + border-top: 1px solid #e6ebf5; + border-bottom: 1px solid #e6ebf5; +} + +.el-collapse-item.is-disabled .el-collapse-item__header { + color: #bbb; + cursor: not-allowed; +} + +.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: #FFFFFF; + color: #303133; + cursor: pointer; + border-bottom: 1px solid #e6ebf5; + font-size: 13px; + font-weight: 500; + -webkit-transition: border-bottom-color 0.3s; + transition: border-bottom-color 0.3s; + outline: none; +} +.el-collapse-item__arrow { + margin: 0 8px 0 auto; + -webkit-transition: -webkit-transform 0.3s; + transition: -webkit-transform 0.3s; + transition: transform 0.3s; + transition: transform 0.3s, -webkit-transform 0.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: #1890ff; +} +.el-collapse-item__header.is-active { + border-bottom-color: transparent; +} + +.el-collapse-item__wrap { + will-change: height; + background-color: #FFFFFF; + overflow: hidden; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-bottom: 1px solid #e6ebf5; +} + +.el-collapse-item__content { + padding-bottom: 25px; + font-size: 13px; + color: #303133; + line-height: 1.7692307692; +} + +.el-collapse-item:last-child { + margin-bottom: -1px; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-textarea { + position: relative; + 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: #FFFFFF; + background-image: none; + border: 1px solid #DCDFE6; + border-radius: 4px; + -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.el-textarea__inner::-webkit-input-placeholder { + color: #C0C4CC; +} +.el-textarea__inner::-moz-placeholder { + color: #C0C4CC; +} +.el-textarea__inner:-ms-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: none; + border-color: #1890ff; +} + +.el-textarea .el-input__count { + color: #909399; + background: #FFFFFF; + position: absolute; + font-size: 12px; + bottom: 5px; + right: 10px; +} +.el-textarea.is-disabled .el-textarea__inner { + background-color: #F5F7FA; + border-color: #dfe4ed; + color: #C0C4CC; + cursor: not-allowed; +} +.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { + color: #C0C4CC; +} +.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder { + color: #C0C4CC; +} +.el-textarea.is-disabled .el-textarea__inner:-ms-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-textarea.is-exceed .el-textarea__inner { + border-color: #ff4949; +} +.el-textarea.is-exceed .el-input__count { + color: #ff4949; +} + +.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; + cursor: pointer; + -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.el-input .el-input__clear:hover { + color: #909399; +} +.el-input .el-input__count { + height: 100%; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: #909399; + font-size: 12px; +} +.el-input .el-input__count .el-input__count-inner { + background: #FFFFFF; + line-height: initial; + display: inline-block; + padding: 0 5px; +} +.el-input__inner { + -webkit-appearance: none; + background-color: #FFFFFF; + 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: none; + padding: 0 15px; + -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + width: 100%; +} +.el-input__inner::-ms-reveal { + display: none; +} +.el-input__inner::-webkit-input-placeholder { + color: #C0C4CC; +} +.el-input__inner::-moz-placeholder { + color: #C0C4CC; +} +.el-input__inner:-ms-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__inner:focus { + outline: none; + border-color: #1890ff; +} + +.el-input__suffix { + position: absolute; + height: 100%; + right: 5px; + top: 0; + text-align: center; + color: #C0C4CC; + -webkit-transition: all 0.3s; + transition: all 0.3s; + pointer-events: none; +} + +.el-input__suffix-inner { + pointer-events: all; +} + +.el-input__prefix { + position: absolute; + height: 100%; + left: 5px; + top: 0; + text-align: center; + color: #C0C4CC; + -webkit-transition: all 0.3s; + transition: all 0.3s; +} + +.el-input__icon { + height: 100%; + width: 25px; + text-align: center; + -webkit-transition: all 0.3s; + transition: all 0.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-active .el-input__inner { + outline: none; + border-color: #1890ff; +} + +.el-input.is-disabled .el-input__inner { + background-color: #F5F7FA; + border-color: #dfe4ed; + color: #C0C4CC; + cursor: not-allowed; +} +.el-input.is-disabled .el-input__inner::-webkit-input-placeholder { + color: #C0C4CC; +} +.el-input.is-disabled .el-input__inner::-moz-placeholder { + color: #C0C4CC; +} +.el-input.is-disabled .el-input__inner:-ms-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.is-exceed .el-input__inner { + border-color: #ff4949; +} +.el-input.is-exceed .el-input__suffix .el-input__count { + color: #ff4949; +} + +.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__append:focus, .el-input-group__prepend:focus { + outline: none; +} +.el-input-group__append .el-select, +.el-input-group__append .el-button, .el-input-group__prepend .el-select, +.el-input-group__prepend .el-button { + 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; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.el-input-group__append { + border-left: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.el-input-group--prepend .el-input__inner { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner { + border-color: transparent; +} + +.el-input-group--append .el-input__inner { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.el-input-group--append .el-select .el-input.is-focus .el-input__inner { + border-color: transparent; +} + +/** disalbe default clear on IE */ +.el-input__inner::-ms-clear { + display: none; + width: 0; + height: 0; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.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, 0.03)); + filter: drop-shadow(0 2px 12px rgba(0, 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: #e6ebf5; + border-bottom-width: 0; +} +.el-popper[x-placement^=top] .popper__arrow::after { + bottom: 1px; + margin-left: -6px; + border-top-color: #FFFFFF; + 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: #e6ebf5; +} +.el-popper[x-placement^=bottom] .popper__arrow::after { + top: 1px; + margin-left: -6px; + border-top-width: 0; + border-bottom-color: #FFFFFF; +} +.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: #e6ebf5; + border-left-width: 0; +} +.el-popper[x-placement^=right] .popper__arrow::after { + bottom: -6px; + left: 1px; + border-right-color: #FFFFFF; + 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: #e6ebf5; +} +.el-popper[x-placement^=left] .popper__arrow::after { + right: 1px; + bottom: -6px; + margin-left: -6px; + border-right-width: 0; + border-left-color: #FFFFFF; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-tag { + background-color: #e8f4ff; + border-color: #d1e9ff; + color: #1890ff; + display: inline-block; + height: 32px; + padding: 0 10px; + line-height: 30px; + font-size: 12px; + color: #1890ff; + border-width: 1px; + border-style: solid; + border-radius: 4px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + white-space: nowrap; +} +.el-tag.is-hit { + border-color: #1890ff; +} + +.el-tag .el-tag__close { + color: #1890ff; +} +.el-tag .el-tag__close:hover { + color: #FFFFFF; + background-color: #1890ff; +} +.el-tag.el-tag--info { + background-color: #f4f4f5; + border-color: #e9e9eb; + color: #909399; +} +.el-tag.el-tag--info.is-hit { + border-color: #909399; +} + +.el-tag.el-tag--info .el-tag__close { + color: #909399; +} +.el-tag.el-tag--info .el-tag__close:hover { + color: #FFFFFF; + background-color: #909399; +} +.el-tag.el-tag--success { + background-color: #e7faf0; + border-color: #d0f5e0; + color: #13ce66; +} +.el-tag.el-tag--success.is-hit { + border-color: #13ce66; +} + +.el-tag.el-tag--success .el-tag__close { + color: #13ce66; +} +.el-tag.el-tag--success .el-tag__close:hover { + color: #FFFFFF; + background-color: #13ce66; +} +.el-tag.el-tag--warning { + background-color: #fff8e6; + border-color: #fff1cc; + color: #ffba00; +} +.el-tag.el-tag--warning.is-hit { + border-color: #FFBA00; +} + +.el-tag.el-tag--warning .el-tag__close { + color: #ffba00; +} +.el-tag.el-tag--warning .el-tag__close:hover { + color: #FFFFFF; + background-color: #ffba00; +} +.el-tag.el-tag--danger { + background-color: #ffeded; + border-color: #ffdbdb; + color: #ff4949; +} +.el-tag.el-tag--danger.is-hit { + border-color: #ff4949; +} + +.el-tag.el-tag--danger .el-tag__close { + color: #ff4949; +} +.el-tag.el-tag--danger .el-tag__close:hover { + color: #FFFFFF; + background-color: #ff4949; +} +.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; +} +.el-tag .el-icon-close::before { + display: block; +} +.el-tag--dark { + background-color: #1890ff; + border-color: #1890ff; + color: white; +} +.el-tag--dark.is-hit { + border-color: #1890ff; +} + +.el-tag--dark .el-tag__close { + color: white; +} +.el-tag--dark .el-tag__close:hover { + color: #FFFFFF; + background-color: #46a6ff; +} +.el-tag--dark.el-tag--info { + background-color: #909399; + border-color: #909399; + color: white; +} +.el-tag--dark.el-tag--info.is-hit { + border-color: #909399; +} + +.el-tag--dark.el-tag--info .el-tag__close { + color: white; +} +.el-tag--dark.el-tag--info .el-tag__close:hover { + color: #FFFFFF; + background-color: #a6a9ad; +} +.el-tag--dark.el-tag--success { + background-color: #13ce66; + border-color: #13ce66; + color: white; +} +.el-tag--dark.el-tag--success.is-hit { + border-color: #13ce66; +} + +.el-tag--dark.el-tag--success .el-tag__close { + color: white; +} +.el-tag--dark.el-tag--success .el-tag__close:hover { + color: #FFFFFF; + background-color: #42d885; +} +.el-tag--dark.el-tag--warning { + background-color: #ffba00; + border-color: #ffba00; + color: white; +} +.el-tag--dark.el-tag--warning.is-hit { + border-color: #FFBA00; +} + +.el-tag--dark.el-tag--warning .el-tag__close { + color: white; +} +.el-tag--dark.el-tag--warning .el-tag__close:hover { + color: #FFFFFF; + background-color: #ffc833; +} +.el-tag--dark.el-tag--danger { + background-color: #ff4949; + border-color: #ff4949; + color: white; +} +.el-tag--dark.el-tag--danger.is-hit { + border-color: #ff4949; +} + +.el-tag--dark.el-tag--danger .el-tag__close { + color: white; +} +.el-tag--dark.el-tag--danger .el-tag__close:hover { + color: #FFFFFF; + background-color: #ff6d6d; +} + +.el-tag--plain { + background-color: white; + border-color: #a3d3ff; + color: #1890ff; +} +.el-tag--plain.is-hit { + border-color: #1890ff; +} + +.el-tag--plain .el-tag__close { + color: #1890ff; +} +.el-tag--plain .el-tag__close:hover { + color: #FFFFFF; + background-color: #1890ff; +} +.el-tag--plain.el-tag--info { + background-color: white; + border-color: #d3d4d6; + color: #909399; +} +.el-tag--plain.el-tag--info.is-hit { + border-color: #909399; +} + +.el-tag--plain.el-tag--info .el-tag__close { + color: #909399; +} +.el-tag--plain.el-tag--info .el-tag__close:hover { + color: #FFFFFF; + background-color: #909399; +} +.el-tag--plain.el-tag--success { + background-color: white; + border-color: #a1ebc2; + color: #13ce66; +} +.el-tag--plain.el-tag--success.is-hit { + border-color: #13ce66; +} + +.el-tag--plain.el-tag--success .el-tag__close { + color: #13ce66; +} +.el-tag--plain.el-tag--success .el-tag__close:hover { + color: #FFFFFF; + background-color: #13ce66; +} +.el-tag--plain.el-tag--warning { + background-color: white; + border-color: #ffe399; + color: #ffba00; +} +.el-tag--plain.el-tag--warning.is-hit { + border-color: #FFBA00; +} + +.el-tag--plain.el-tag--warning .el-tag__close { + color: #ffba00; +} +.el-tag--plain.el-tag--warning .el-tag__close:hover { + color: #FFFFFF; + background-color: #ffba00; +} +.el-tag--plain.el-tag--danger { + background-color: white; + border-color: #ffb6b6; + color: #ff4949; +} +.el-tag--plain.el-tag--danger.is-hit { + border-color: #ff4949; +} + +.el-tag--plain.el-tag--danger .el-tag__close { + color: #ff4949; +} +.el-tag--plain.el-tag--danger .el-tag__close:hover { + color: #FFFFFF; + background-color: #ff4949; +} + +.el-tag--medium { + height: 28px; + line-height: 26px; +} +.el-tag--medium .el-icon-close { + -webkit-transform: scale(0.8); + transform: scale(0.8); +} + +.el-tag--small { + height: 24px; + padding: 0 8px; + line-height: 22px; +} +.el-tag--small .el-icon-close { + -webkit-transform: scale(0.8); + transform: scale(0.8); +} + +.el-tag--mini { + height: 20px; + padding: 0 5px; + line-height: 19px; +} +.el-tag--mini .el-icon-close { + margin-left: -3px; + -webkit-transform: scale(0.7); + transform: scale(0.7); +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-checkbox { + color: #606266; + font-weight: 500; + font-size: 14px; + position: relative; + cursor: pointer; + display: inline-block; + white-space: nowrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + margin-right: 30px; +} +.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: #1890ff; +} +.el-checkbox.is-bordered.is-disabled { + border-color: #e6ebf5; + 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: none; + display: inline-block; + line-height: 1; + position: relative; + 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-disabled + span.el-checkbox__label { + color: #C0C4CC; + cursor: not-allowed; +} + +.el-checkbox__input.is-checked .el-checkbox__inner { + background-color: #1890ff; + border-color: #1890ff; +} +.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: #1890ff; +} + +.el-checkbox__input.is-focus { + /*focus时 视觉上区分*/ +} +.el-checkbox__input.is-focus .el-checkbox__inner { + border-color: #1890ff; +} + +.el-checkbox__input.is-indeterminate .el-checkbox__inner { + background-color: #1890ff; + border-color: #1890ff; +} +.el-checkbox__input.is-indeterminate .el-checkbox__inner::before { + content: ""; + position: absolute; + display: block; + background-color: #FFFFFF; + height: 2px; + -webkit-transform: scale(0.5); + transform: scale(0.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: #FFFFFF; + z-index: 1; + -webkit-transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46); + transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46); +} +.el-checkbox__inner:hover { + border-color: #1890ff; +} +.el-checkbox__inner::after { + -webkit-box-sizing: content-box; + box-sizing: content-box; + content: ""; + border: 1px solid #FFFFFF; + 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 0.15s ease-in 0.05s; + transition: -webkit-transform 0.15s ease-in 0.05s; + transition: transform 0.15s ease-in 0.05s; + transition: transform 0.15s ease-in 0.05s, -webkit-transform 0.15s ease-in 0.05s; + -webkit-transform-origin: center; + transform-origin: center; +} + +.el-checkbox__original { + opacity: 0; + outline: none; + position: absolute; + margin: 0; + width: 0; + height: 0; + z-index: -1; +} + +.el-checkbox__label { + display: inline-block; + padding-left: 10px; + line-height: 19px; + font-size: 14px; +} + +.el-checkbox:last-of-type { + margin-right: 0; +} + +.el-checkbox-button { + position: relative; + display: inline-block; +} +.el-checkbox-button__inner { + display: inline-block; + line-height: 1; + font-weight: 500; + white-space: nowrap; + vertical-align: middle; + cursor: pointer; + background: #FFFFFF; + 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: none; + margin: 0; + position: relative; + -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: all 0.3s cubic-bezier(0.645, 0.045, 0.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: #1890ff; +} +.el-checkbox-button__inner [class*=el-icon-] { + line-height: 0.9; +} +.el-checkbox-button__inner [class*=el-icon-] + span { + margin-left: 5px; +} + +.el-checkbox-button__original { + opacity: 0; + outline: none; + position: absolute; + margin: 0; + z-index: -1; +} + +.el-checkbox-button.is-checked .el-checkbox-button__inner { + color: #FFFFFF; + background-color: #1890ff; + border-color: #1890ff; + -webkit-box-shadow: -1px 0 0 0 #74bcff; + box-shadow: -1px 0 0 0 #74bcff; +} +.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner { + border-left-color: #1890ff; +} +.el-checkbox-button.is-disabled .el-checkbox-button__inner { + color: #C0C4CC; + cursor: not-allowed; + background-image: none; + background-color: #FFFFFF; + border-color: #e6ebf5; + -webkit-box-shadow: none; + box-shadow: none; +} +.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner { + border-left-color: #e6ebf5; +} +.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: #1890ff; +} +.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; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-radio { + color: #606266; + font-weight: 500; + line-height: 1; + position: relative; + cursor: pointer; + display: inline-block; + white-space: nowrap; + outline: none; + font-size: 14px; + margin-right: 30px; + -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: #1890ff; +} +.el-radio.is-bordered.is-disabled { + cursor: not-allowed; + border-color: #e6ebf5; +} +.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--medium.is-bordered .el-radio__label { + font-size: 14px; +} +.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__label { + font-size: 12px; +} +.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__label { + font-size: 12px; +} +.el-radio--mini.is-bordered .el-radio__inner { + height: 12px; + width: 12px; +} + +.el-radio:last-child { + margin-right: 0; +} +.el-radio__input { + white-space: nowrap; + cursor: pointer; + outline: none; + display: inline-block; + line-height: 1; + position: relative; + vertical-align: middle; +} +.el-radio__input.is-disabled .el-radio__inner { + background-color: #F5F7FA; + border-color: #dfe4ed; + 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 { + background-color: #F5F7FA; + border-color: #dfe4ed; +} +.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: #1890ff; + background: #1890ff; +} +.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: #1890ff; +} + +.el-radio__input.is-focus .el-radio__inner { + border-color: #1890ff; +} + +.el-radio__inner { + border: 1px solid #DCDFE6; + border-radius: 100%; + width: 14px; + height: 14px; + background-color: #FFFFFF; + position: relative; + cursor: pointer; + display: inline-block; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-radio__inner:hover { + border-color: #1890ff; +} +.el-radio__inner::after { + width: 4px; + height: 4px; + border-radius: 100%; + background-color: #FFFFFF; + content: ""; + position: absolute; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%) scale(0); + transform: translate(-50%, -50%) scale(0); + -webkit-transition: -webkit-transform 0.15s ease-in; + transition: -webkit-transform 0.15s ease-in; + transition: transform 0.15s ease-in; + transition: transform 0.15s ease-in, -webkit-transform 0.15s ease-in; +} + +.el-radio__original { + opacity: 0; + outline: none; + 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:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner { + -webkit-box-shadow: 0 0 2px 2px #1890ff; + box-shadow: 0 0 2px 2px #1890ff; +} +.el-radio__label { + font-size: 14px; + padding-left: 10px; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-scrollbar { + overflow: hidden; + position: relative; +} +.el-scrollbar:hover > .el-scrollbar__bar, .el-scrollbar:active > .el-scrollbar__bar, .el-scrollbar:focus > .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 { + scrollbar-width: none; +} +.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, 0.3); + -webkit-transition: 0.3s background-color; + transition: 0.3s background-color; +} +.el-scrollbar__thumb:hover { + background-color: rgba(144, 147, 153, 0.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-cascader-panel { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + border-radius: 4px; + font-size: 14px; +} +.el-cascader-panel.is-bordered { + border: solid 1px #dfe4ed; + border-radius: 4px; +} + +.el-cascader-menu { + min-width: 180px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + color: #606266; + border-right: solid 1px #dfe4ed; +} +.el-cascader-menu:last-child { + border-right: none; +} +.el-cascader-menu:last-child .el-cascader-node { + padding-right: 20px; +} +.el-cascader-menu__wrap { + height: 204px; +} + +.el-cascader-menu__list { + position: relative; + min-height: 100%; + margin: 0; + padding: 6px 0; + list-style: none; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +.el-cascader-menu__hover-zone { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; +} + +.el-cascader-menu__empty-text { + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + text-align: center; + color: #C0C4CC; +} + +.el-cascader-node { + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding: 0 30px 0 20px; + height: 34px; + line-height: 34px; + outline: none; +} +.el-cascader-node.is-selectable.in-active-path { + color: #606266; +} +.el-cascader-node.in-active-path, .el-cascader-node.is-selectable.in-checked-path, .el-cascader-node.is-active { + color: #1890ff; + font-weight: bold; +} +.el-cascader-node:not(.is-disabled) { + cursor: pointer; +} +.el-cascader-node:not(.is-disabled):hover, .el-cascader-node:not(.is-disabled):focus { + background: #F5F7FA; +} +.el-cascader-node.is-disabled { + color: #C0C4CC; + cursor: not-allowed; +} + +.el-cascader-node__prefix { + position: absolute; + left: 10px; +} + +.el-cascader-node__postfix { + position: absolute; + right: 10px; +} + +.el-cascader-node__label { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + padding: 0 10px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +.el-cascader-node > .el-radio { + margin-right: 0; +} +.el-cascader-node > .el-radio .el-radio__label { + padding-left: 0; +} + +.el-cascader { + display: inline-block; + position: relative; + font-size: 14px; + line-height: 40px; +} +.el-cascader:not(.is-disabled):hover .el-input__inner { + cursor: pointer; + border-color: #C0C4CC; +} +.el-cascader .el-input { + cursor: pointer; +} +.el-cascader .el-input .el-input__inner { + text-overflow: ellipsis; +} +.el-cascader .el-input .el-input__inner:focus { + border-color: #1890ff; +} +.el-cascader .el-input .el-icon-arrow-down { + -webkit-transition: -webkit-transform 0.3s; + transition: -webkit-transform 0.3s; + transition: transform 0.3s; + transition: transform 0.3s, -webkit-transform 0.3s; + font-size: 14px; +} +.el-cascader .el-input .el-icon-arrow-down.is-reverse { + -webkit-transform: rotateZ(180deg); + transform: rotateZ(180deg); +} + +.el-cascader .el-input .el-icon-circle-close:hover { + color: #909399; +} +.el-cascader .el-input.is-focus .el-input__inner { + border-color: #1890ff; +} + +.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__dropdown { + margin: 5px 0; + font-size: 14px; + background: #FFFFFF; + border: solid 1px #dfe4ed; + border-radius: 4px; + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} + +.el-cascader__tags { + position: absolute; + left: 0; + right: 30px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + line-height: normal; + text-align: left; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-cascader__tags .el-tag { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + max-width: 100%; + margin: 2px 0 2px 6px; + text-overflow: ellipsis; + background: #f0f2f5; +} +.el-cascader__tags .el-tag:not(.is-hit) { + border-color: transparent; +} +.el-cascader__tags .el-tag > span { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + overflow: hidden; + text-overflow: ellipsis; +} +.el-cascader__tags .el-tag .el-icon-close { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + background-color: #C0C4CC; + color: #FFFFFF; +} +.el-cascader__tags .el-tag .el-icon-close:hover { + background-color: #909399; +} + +.el-cascader__suggestion-panel { + border-radius: 4px; +} + +.el-cascader__suggestion-list { + max-height: 204px; + margin: 0; + padding: 6px 0; + font-size: 14px; + color: #606266; + text-align: center; +} + +.el-cascader__suggestion-item { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + height: 34px; + padding: 0 15px; + text-align: left; + outline: none; + cursor: pointer; +} +.el-cascader__suggestion-item:hover, .el-cascader__suggestion-item:focus { + background: #F5F7FA; +} +.el-cascader__suggestion-item.is-checked { + color: #1890ff; + font-weight: bold; +} +.el-cascader__suggestion-item > span { + margin-right: 10px; +} + +.el-cascader__empty-text { + margin: 10px 0; + color: #C0C4CC; +} + +.el-cascader__search-input { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + height: 24px; + min-width: 60px; + margin: 2px 0 2px 15px; + padding: 0; + color: #606266; + border: none; + outline: none; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-cascader__search-input::-webkit-input-placeholder { + color: #C0C4CC; +} +.el-cascader__search-input::-moz-placeholder { + color: #C0C4CC; +} +.el-cascader__search-input:-ms-input-placeholder { + color: #C0C4CC; +} +.el-cascader__search-input::-ms-input-placeholder { + color: #C0C4CC; +} +.el-cascader__search-input::placeholder { + color: #C0C4CC; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.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 #1890ff; + box-shadow: 0 0 3px 2px #1890ff; +} +.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: #f00; + padding: 0 2px; +} +.el-color-hue-slider__bar { + position: relative; + background: -webkit-gradient(linear, left top, right top, from(#f00), color-stop(17%, #ff0), color-stop(33%, #0f0), color-stop(50%, #0ff), color-stop(67%, #00f), color-stop(83%, #f0f), to(#f00)); + background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 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, 0.6); + box-shadow: 0 0 2px rgba(0, 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(#f00), color-stop(17%, #ff0), color-stop(33%, #0f0), color-stop(50%, #0ff), color-stop(67%, #00f), color-stop(83%, #f0f), to(#f00)); + background: linear-gradient(to bottom, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 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__white, .el-color-svpanel__black { + 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(rgba(0, 0, 0, 0))); + background: linear-gradient(to top, #000, rgba(0, 0, 0, 0)); +} + +.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, 0.3), 0 0 1px 2px rgba(0, 0, 0, 0.4); + box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px 2px rgba(0, 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(rgb(255, 255, 255))); + background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 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, 0.6); + box-shadow: 0 0 2px rgba(0, 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(rgb(255, 255, 255))); + background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 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: #000000; + 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: none; + font-size: 12px; +} +.el-color-dropdown__btn[disabled] { + color: #cccccc; + cursor: not-allowed; +} +.el-color-dropdown__btn:hover { + color: #1890ff; + border-color: #1890ff; +} + +.el-color-dropdown__link-btn { + cursor: pointer; + color: #1890ff; + text-decoration: none; + padding: 15px; + font-size: 12px; +} +.el-color-dropdown__link-btn:hover { + color: tint(#1890ff, 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__icon, +.el-color-picker--small .el-color-picker__empty { + -webkit-transform: translate3d(-50%, -50%, 0) scale(0.8); + transform: translate3d(-50%, -50%, 0) scale(0.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__icon, +.el-color-picker--mini .el-color-picker__empty { + -webkit-transform: translate3d(-50%, -50%, 0) scale(0.8); + transform: translate3d(-50%, -50%, 0) scale(0.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, 0.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 { + font-size: 12px; + color: #999; + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translate3d(-50%, -50%, 0); + transform: translate3d(-50%, -50%, 0); +} + +.el-color-picker__icon { + display: inline-block; + position: absolute; + width: 100%; + top: 50%; + left: 50%; + -webkit-transform: translate3d(-50%, -50%, 0); + transform: translate3d(-50%, -50%, 0); + color: #FFFFFF; + text-align: center; + font-size: 12px; +} + +.el-color-picker__panel { + position: absolute; + z-index: 10; + padding: 6px; + -webkit-box-sizing: content-box; + box-sizing: content-box; + background-color: #FFFFFF; + border: 1px solid #e6ebf5; + border-radius: 4px; + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-textarea { + position: relative; + 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: #FFFFFF; + background-image: none; + border: 1px solid #DCDFE6; + border-radius: 4px; + -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.el-textarea__inner::-webkit-input-placeholder { + color: #C0C4CC; +} +.el-textarea__inner::-moz-placeholder { + color: #C0C4CC; +} +.el-textarea__inner:-ms-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: none; + border-color: #1890ff; +} + +.el-textarea .el-input__count { + color: #909399; + background: #FFFFFF; + position: absolute; + font-size: 12px; + bottom: 5px; + right: 10px; +} +.el-textarea.is-disabled .el-textarea__inner { + background-color: #F5F7FA; + border-color: #dfe4ed; + color: #C0C4CC; + cursor: not-allowed; +} +.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { + color: #C0C4CC; +} +.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder { + color: #C0C4CC; +} +.el-textarea.is-disabled .el-textarea__inner:-ms-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-textarea.is-exceed .el-textarea__inner { + border-color: #ff4949; +} +.el-textarea.is-exceed .el-input__count { + color: #ff4949; +} + +.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; + cursor: pointer; + -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.el-input .el-input__clear:hover { + color: #909399; +} +.el-input .el-input__count { + height: 100%; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: #909399; + font-size: 12px; +} +.el-input .el-input__count .el-input__count-inner { + background: #FFFFFF; + line-height: initial; + display: inline-block; + padding: 0 5px; +} +.el-input__inner { + -webkit-appearance: none; + background-color: #FFFFFF; + 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: none; + padding: 0 15px; + -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + width: 100%; +} +.el-input__inner::-ms-reveal { + display: none; +} +.el-input__inner::-webkit-input-placeholder { + color: #C0C4CC; +} +.el-input__inner::-moz-placeholder { + color: #C0C4CC; +} +.el-input__inner:-ms-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__inner:focus { + outline: none; + border-color: #1890ff; +} + +.el-input__suffix { + position: absolute; + height: 100%; + right: 5px; + top: 0; + text-align: center; + color: #C0C4CC; + -webkit-transition: all 0.3s; + transition: all 0.3s; + pointer-events: none; +} + +.el-input__suffix-inner { + pointer-events: all; +} + +.el-input__prefix { + position: absolute; + height: 100%; + left: 5px; + top: 0; + text-align: center; + color: #C0C4CC; + -webkit-transition: all 0.3s; + transition: all 0.3s; +} + +.el-input__icon { + height: 100%; + width: 25px; + text-align: center; + -webkit-transition: all 0.3s; + transition: all 0.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-active .el-input__inner { + outline: none; + border-color: #1890ff; +} + +.el-input.is-disabled .el-input__inner { + background-color: #F5F7FA; + border-color: #dfe4ed; + color: #C0C4CC; + cursor: not-allowed; +} +.el-input.is-disabled .el-input__inner::-webkit-input-placeholder { + color: #C0C4CC; +} +.el-input.is-disabled .el-input__inner::-moz-placeholder { + color: #C0C4CC; +} +.el-input.is-disabled .el-input__inner:-ms-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.is-exceed .el-input__inner { + border-color: #ff4949; +} +.el-input.is-exceed .el-input__suffix .el-input__count { + color: #ff4949; +} + +.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__append:focus, .el-input-group__prepend:focus { + outline: none; +} +.el-input-group__append .el-select, +.el-input-group__append .el-button, .el-input-group__prepend .el-select, +.el-input-group__prepend .el-button { + 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; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.el-input-group__append { + border-left: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.el-input-group--prepend .el-input__inner { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner { + border-color: transparent; +} + +.el-input-group--append .el-input__inner { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.el-input-group--append .el-select .el-input.is-focus .el-input__inner { + border-color: transparent; +} + +/** disalbe default clear on IE */ +.el-input__inner::-ms-clear { + display: none; + width: 0; + height: 0; +} + +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +.el-button { + display: inline-block; + line-height: 1; + white-space: nowrap; + cursor: pointer; + background: #FFFFFF; + border: 1px solid #DCDFE6; + border-color: #DCDFE6; + color: #606266; + -webkit-appearance: none; + text-align: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + outline: none; + margin: 0; + -webkit-transition: 0.1s; + transition: 0.1s; + font-weight: 400; + -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.is-round { + padding: 12px 20px; +} +.el-button:hover, .el-button:focus { + color: #1890ff; + border-color: #badeff; + background-color: #e8f4ff; +} +.el-button:active { + color: #1682e6; + border-color: #1682e6; + outline: none; +} +.el-button::-moz-focus-inner { + border: 0; +} +.el-button [class*=el-icon-] + span { + margin-left: 5px; +} +.el-button.is-plain:hover, .el-button.is-plain:focus { + background: #FFFFFF; + border-color: #1890ff; + color: #1890ff; +} +.el-button.is-plain:active { + background: #FFFFFF; + border-color: #1682e6; + color: #1682e6; + outline: none; +} + +.el-button.is-active { + color: #1682e6; + border-color: #1682e6; +} + +.el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus { + color: #C0C4CC; + cursor: not-allowed; + background-image: none; + background-color: #FFFFFF; + border-color: #e6ebf5; +} +.el-button.is-disabled.el-button--text { + background-color: transparent; +} +.el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:hover, .el-button.is-disabled.is-plain:focus { + background-color: #FFFFFF; + border-color: #e6ebf5; + 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, 0.35); +} + +.el-button.is-round { + border-radius: 20px; + padding: 12px 23px; +} + +.el-button.is-circle { + border-radius: 50%; + padding: 12px; +} + +.el-button--primary { + color: #FFFFFF; + background-color: #1890ff; + border-color: #1890ff; +} +.el-button--primary:hover, .el-button--primary:focus { + background: #46a6ff; + border-color: #46a6ff; + color: #FFFFFF; +} +.el-button--primary:active { + background: #1682e6; + border-color: #1682e6; + color: #FFFFFF; + outline: none; +} +.el-button--primary.is-active { + background: #1682e6; + border-color: #1682e6; + color: #FFFFFF; +} +.el-button--primary.is-disabled, .el-button--primary.is-disabled:hover, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:active { + color: #FFFFFF; + background-color: #8cc8ff; + border-color: #8cc8ff; +} +.el-button--primary.is-plain { + color: #1890ff; + background: #e8f4ff; + border-color: #a3d3ff; +} +.el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus { + background: #1890ff; + border-color: #1890ff; + color: #FFFFFF; +} +.el-button--primary.is-plain:active { + background: #1682e6; + border-color: #1682e6; + color: #FFFFFF; + outline: none; +} +.el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:hover, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:active { + color: #74bcff; + background-color: #e8f4ff; + border-color: #d1e9ff; +} + +.el-button--success { + color: #FFFFFF; + background-color: #13ce66; + border-color: #13ce66; +} +.el-button--success:hover, .el-button--success:focus { + background: #42d885; + border-color: #42d885; + color: #FFFFFF; +} +.el-button--success:active { + background: #11b95c; + border-color: #11b95c; + color: #FFFFFF; + outline: none; +} +.el-button--success.is-active { + background: #11b95c; + border-color: #11b95c; + color: #FFFFFF; +} +.el-button--success.is-disabled, .el-button--success.is-disabled:hover, .el-button--success.is-disabled:focus, .el-button--success.is-disabled:active { + color: #FFFFFF; + background-color: #89e7b3; + border-color: #89e7b3; +} +.el-button--success.is-plain { + color: #13ce66; + background: #e7faf0; + border-color: #a1ebc2; +} +.el-button--success.is-plain:hover, .el-button--success.is-plain:focus { + background: #13ce66; + border-color: #13ce66; + color: #FFFFFF; +} +.el-button--success.is-plain:active { + background: #11b95c; + border-color: #11b95c; + color: #FFFFFF; + outline: none; +} +.el-button--success.is-plain.is-disabled, .el-button--success.is-plain.is-disabled:hover, .el-button--success.is-plain.is-disabled:focus, .el-button--success.is-plain.is-disabled:active { + color: #71e2a3; + background-color: #e7faf0; + border-color: #d0f5e0; +} + +.el-button--warning { + color: #FFFFFF; + background-color: #FFBA00; + border-color: #FFBA00; +} +.el-button--warning:hover, .el-button--warning:focus { + background: #ffc833; + border-color: #ffc833; + color: #FFFFFF; +} +.el-button--warning:active { + background: #e6a700; + border-color: #e6a700; + color: #FFFFFF; + outline: none; +} +.el-button--warning.is-active { + background: #e6a700; + border-color: #e6a700; + color: #FFFFFF; +} +.el-button--warning.is-disabled, .el-button--warning.is-disabled:hover, .el-button--warning.is-disabled:focus, .el-button--warning.is-disabled:active { + color: #FFFFFF; + background-color: #ffdd80; + border-color: #ffdd80; +} +.el-button--warning.is-plain { + color: #FFBA00; + background: #fff8e6; + border-color: #ffe399; +} +.el-button--warning.is-plain:hover, .el-button--warning.is-plain:focus { + background: #FFBA00; + border-color: #FFBA00; + color: #FFFFFF; +} +.el-button--warning.is-plain:active { + background: #e6a700; + border-color: #e6a700; + color: #FFFFFF; + outline: none; +} +.el-button--warning.is-plain.is-disabled, .el-button--warning.is-plain.is-disabled:hover, .el-button--warning.is-plain.is-disabled:focus, .el-button--warning.is-plain.is-disabled:active { + color: #ffd666; + background-color: #fff8e6; + border-color: #fff1cc; +} + +.el-button--danger { + color: #FFFFFF; + background-color: #ff4949; + border-color: #ff4949; +} +.el-button--danger:hover, .el-button--danger:focus { + background: #ff6d6d; + border-color: #ff6d6d; + color: #FFFFFF; +} +.el-button--danger:active { + background: #e64242; + border-color: #e64242; + color: #FFFFFF; + outline: none; +} +.el-button--danger.is-active { + background: #e64242; + border-color: #e64242; + color: #FFFFFF; +} +.el-button--danger.is-disabled, .el-button--danger.is-disabled:hover, .el-button--danger.is-disabled:focus, .el-button--danger.is-disabled:active { + color: #FFFFFF; + background-color: #ffa4a4; + border-color: #ffa4a4; +} +.el-button--danger.is-plain { + color: #ff4949; + background: #ffeded; + border-color: #ffb6b6; +} +.el-button--danger.is-plain:hover, .el-button--danger.is-plain:focus { + background: #ff4949; + border-color: #ff4949; + color: #FFFFFF; +} +.el-button--danger.is-plain:active { + background: #e64242; + border-color: #e64242; + color: #FFFFFF; + outline: none; +} +.el-button--danger.is-plain.is-disabled, .el-button--danger.is-plain.is-disabled:hover, .el-button--danger.is-plain.is-disabled:focus, .el-button--danger.is-plain.is-disabled:active { + color: #ff9292; + background-color: #ffeded; + border-color: #ffdbdb; +} + +.el-button--info { + color: #FFFFFF; + background-color: #909399; + border-color: #909399; +} +.el-button--info:hover, .el-button--info:focus { + background: #a6a9ad; + border-color: #a6a9ad; + color: #FFFFFF; +} +.el-button--info:active { + background: #82848a; + border-color: #82848a; + color: #FFFFFF; + outline: none; +} +.el-button--info.is-active { + background: #82848a; + border-color: #82848a; + color: #FFFFFF; +} +.el-button--info.is-disabled, .el-button--info.is-disabled:hover, .el-button--info.is-disabled:focus, .el-button--info.is-disabled:active { + color: #FFFFFF; + background-color: #c8c9cc; + border-color: #c8c9cc; +} +.el-button--info.is-plain { + color: #909399; + background: #f4f4f5; + border-color: #d3d4d6; +} +.el-button--info.is-plain:hover, .el-button--info.is-plain:focus { + background: #909399; + border-color: #909399; + color: #FFFFFF; +} +.el-button--info.is-plain:active { + background: #82848a; + border-color: #82848a; + color: #FFFFFF; + outline: none; +} +.el-button--info.is-plain.is-disabled, .el-button--info.is-plain.is-disabled:hover, .el-button--info.is-plain.is-disabled:focus, .el-button--info.is-plain.is-disabled:active { + color: #bcbec2; + background-color: #f4f4f5; + border-color: #e9e9eb; +} + +.el-button--medium { + padding: 10px 20px; + font-size: 14px; + border-radius: 4px; +} +.el-button--medium.is-round { + padding: 10px 20px; +} +.el-button--medium.is-circle { + padding: 10px; +} + +.el-button--small { + padding: 9px 15px; + font-size: 12px; + border-radius: 3px; +} +.el-button--small.is-round { + padding: 9px 15px; +} +.el-button--small.is-circle { + padding: 9px; +} + +.el-button--mini { + padding: 7px 15px; + font-size: 12px; + border-radius: 3px; +} +.el-button--mini.is-round { + padding: 7px 15px; +} +.el-button--mini.is-circle { + padding: 7px; +} + +.el-button--text { + border-color: transparent; + color: #1890ff; + background: transparent; + padding-left: 0; + padding-right: 0; +} +.el-button--text:hover, .el-button--text:focus { + color: #46a6ff; + border-color: transparent; + background-color: transparent; +} +.el-button--text:active { + color: #1682e6; + border-color: transparent; + background-color: transparent; +} +.el-button--text.is-disabled, .el-button--text.is-disabled:hover, .el-button--text.is-disabled:focus { + border-color: transparent; +} + +.el-button-group { + display: inline-block; + vertical-align: middle; +} +.el-button-group::before, +.el-button-group::after { + 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.is-disabled { + z-index: 1; +} +.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-top-right-radius: 4px; + border-bottom-right-radius: 4px; + border-top-left-radius: 4px; + border-bottom-left-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-button:not(.is-disabled):hover, .el-button-group > .el-button:not(.is-disabled):focus, .el-button-group > .el-button:not(.is-disabled):active { + z-index: 1; +} +.el-button-group > .el-button.is-active { + z-index: 1; +} + +.el-button-group > .el-dropdown > .el-button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--primary:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--primary:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--primary:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--success:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--success:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--success:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--warning:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--warning:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--warning:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--danger:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--danger:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--danger:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--info:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--info:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--info:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} + +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-checkbox { + color: #606266; + font-weight: 500; + font-size: 14px; + position: relative; + cursor: pointer; + display: inline-block; + white-space: nowrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + margin-right: 30px; +} +.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: #1890ff; +} +.el-checkbox.is-bordered.is-disabled { + border-color: #e6ebf5; + 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: none; + display: inline-block; + line-height: 1; + position: relative; + 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-disabled + span.el-checkbox__label { + color: #C0C4CC; + cursor: not-allowed; +} + +.el-checkbox__input.is-checked .el-checkbox__inner { + background-color: #1890ff; + border-color: #1890ff; +} +.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: #1890ff; +} + +.el-checkbox__input.is-focus { + /*focus时 视觉上区分*/ +} +.el-checkbox__input.is-focus .el-checkbox__inner { + border-color: #1890ff; +} + +.el-checkbox__input.is-indeterminate .el-checkbox__inner { + background-color: #1890ff; + border-color: #1890ff; +} +.el-checkbox__input.is-indeterminate .el-checkbox__inner::before { + content: ""; + position: absolute; + display: block; + background-color: #FFFFFF; + height: 2px; + -webkit-transform: scale(0.5); + transform: scale(0.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: #FFFFFF; + z-index: 1; + -webkit-transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46); + transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46); +} +.el-checkbox__inner:hover { + border-color: #1890ff; +} +.el-checkbox__inner::after { + -webkit-box-sizing: content-box; + box-sizing: content-box; + content: ""; + border: 1px solid #FFFFFF; + 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 0.15s ease-in 0.05s; + transition: -webkit-transform 0.15s ease-in 0.05s; + transition: transform 0.15s ease-in 0.05s; + transition: transform 0.15s ease-in 0.05s, -webkit-transform 0.15s ease-in 0.05s; + -webkit-transform-origin: center; + transform-origin: center; +} + +.el-checkbox__original { + opacity: 0; + outline: none; + position: absolute; + margin: 0; + width: 0; + height: 0; + z-index: -1; +} + +.el-checkbox__label { + display: inline-block; + padding-left: 10px; + line-height: 19px; + font-size: 14px; +} + +.el-checkbox:last-of-type { + margin-right: 0; +} + +.el-checkbox-button { + position: relative; + display: inline-block; +} +.el-checkbox-button__inner { + display: inline-block; + line-height: 1; + font-weight: 500; + white-space: nowrap; + vertical-align: middle; + cursor: pointer; + background: #FFFFFF; + 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: none; + margin: 0; + position: relative; + -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: all 0.3s cubic-bezier(0.645, 0.045, 0.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: #1890ff; +} +.el-checkbox-button__inner [class*=el-icon-] { + line-height: 0.9; +} +.el-checkbox-button__inner [class*=el-icon-] + span { + margin-left: 5px; +} + +.el-checkbox-button__original { + opacity: 0; + outline: none; + position: absolute; + margin: 0; + z-index: -1; +} + +.el-checkbox-button.is-checked .el-checkbox-button__inner { + color: #FFFFFF; + background-color: #1890ff; + border-color: #1890ff; + -webkit-box-shadow: -1px 0 0 0 #74bcff; + box-shadow: -1px 0 0 0 #74bcff; +} +.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner { + border-left-color: #1890ff; +} +.el-checkbox-button.is-disabled .el-checkbox-button__inner { + color: #C0C4CC; + cursor: not-allowed; + background-image: none; + background-color: #FFFFFF; + border-color: #e6ebf5; + -webkit-box-shadow: none; + box-shadow: none; +} +.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner { + border-left-color: #e6ebf5; +} +.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: #1890ff; +} +.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: #FFFFFF; + background-color: #1890ff; + font-size: 0; +} +.el-transfer__button.is-with-texts { + border-radius: 4px; +} + +.el-transfer__button.is-disabled { + border: 1px solid #DCDFE6; + background-color: #F5F7FA; + color: #C0C4CC; +} +.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__button [class*=el-icon-] + span { + margin-left: 0; +} + +.el-transfer-panel { + border: 1px solid #e6ebf5; + border-radius: 4px; + overflow: hidden; + background: #FFFFFF; + display: inline-block; + vertical-align: middle; + width: 200px; + max-height: 100%; + -webkit-box-sizing: border-box; + 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 !important; +} +.el-transfer-panel__item + .el-transfer-panel__item { + margin-left: 0; +} +.el-transfer-panel__item.el-checkbox { + color: #606266; +} +.el-transfer-panel__item:hover { + color: #1890ff; +} +.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 #e6ebf5; + -webkit-box-sizing: border-box; + box-sizing: border-box; + color: #000000; +} +.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: normal; +} +.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span { + position: absolute; + right: 15px; + color: #909399; + font-size: 12px; + font-weight: normal; +} +.el-transfer-panel .el-transfer-panel__footer { + height: 40px; + background: #FFFFFF; + margin: 0; + padding: 0; + border-top: 1px solid #e6ebf5; + 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; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +.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; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-header { + padding: 0 20px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -ms-flex-negative: 0; + flex-shrink: 0; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +.el-aside { + overflow: auto; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -ms-flex-negative: 0; + flex-shrink: 0; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.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; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-footer { + padding: 0 20px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -ms-flex-negative: 0; + flex-shrink: 0; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-timeline { + margin: 0; + font-size: 14px; + list-style: none; +} +.el-timeline .el-timeline-item:last-child .el-timeline-item__tail { + display: none; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-timeline-item { + position: relative; + padding-bottom: 20px; +} +.el-timeline-item__wrapper { + position: relative; + padding-left: 28px; + top: -3px; +} + +.el-timeline-item__tail { + position: absolute; + left: 4px; + height: 100%; + border-left: 2px solid #dfe4ed; +} + +.el-timeline-item__icon { + color: #FFFFFF; + font-size: 13px; +} + +.el-timeline-item__node { + position: absolute; + background-color: #dfe4ed; + border-radius: 50%; + 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-timeline-item__node--normal { + left: -1px; + width: 12px; + height: 12px; +} + +.el-timeline-item__node--large { + left: -2px; + width: 14px; + height: 14px; +} + +.el-timeline-item__node--primary { + background-color: #1890ff; +} + +.el-timeline-item__node--success { + background-color: #13ce66; +} + +.el-timeline-item__node--warning { + background-color: #FFBA00; +} + +.el-timeline-item__node--danger { + background-color: #ff4949; +} + +.el-timeline-item__node--info { + background-color: #909399; +} + +.el-timeline-item__dot { + position: absolute; + 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-timeline-item__content { + color: #303133; +} + +.el-timeline-item__timestamp { + color: #909399; + line-height: 1; + font-size: 13px; +} +.el-timeline-item__timestamp.is-top { + margin-bottom: 8px; + padding-top: 4px; +} + +.el-timeline-item__timestamp.is-bottom { + margin-top: 8px; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-link { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + vertical-align: middle; + position: relative; + text-decoration: none; + outline: none; + cursor: pointer; + padding: 0; + font-size: 14px; + font-weight: 500; +} +.el-link.is-underline:hover:after { + content: ""; + position: absolute; + left: 0; + right: 0; + height: 0; + bottom: 0; + border-bottom: 1px solid #1890ff; +} + +.el-link.is-disabled { + cursor: not-allowed; +} + +.el-link [class*=el-icon-] + span { + margin-left: 5px; +} +.el-link.el-link--default { + color: #606266; +} +.el-link.el-link--default:hover { + color: #1890ff; +} +.el-link.el-link--default:after { + border-color: #1890ff; +} +.el-link.el-link--default.is-disabled { + color: #C0C4CC; +} + +.el-link.el-link--primary { + color: #1890ff; +} +.el-link.el-link--primary:hover { + color: #46a6ff; +} +.el-link.el-link--primary:after { + border-color: #1890ff; +} +.el-link.el-link--primary.is-disabled { + color: #8cc8ff; +} + +.el-link.el-link--primary.is-underline:hover:after { + border-color: #1890ff; +} + +.el-link.el-link--danger { + color: #ff4949; +} +.el-link.el-link--danger:hover { + color: #ff6d6d; +} +.el-link.el-link--danger:after { + border-color: #ff4949; +} +.el-link.el-link--danger.is-disabled { + color: #ffa4a4; +} + +.el-link.el-link--danger.is-underline:hover:after { + border-color: #ff4949; +} + +.el-link.el-link--success { + color: #13ce66; +} +.el-link.el-link--success:hover { + color: #42d885; +} +.el-link.el-link--success:after { + border-color: #13ce66; +} +.el-link.el-link--success.is-disabled { + color: #89e7b3; +} + +.el-link.el-link--success.is-underline:hover:after { + border-color: #13ce66; +} + +.el-link.el-link--warning { + color: #FFBA00; +} +.el-link.el-link--warning:hover { + color: #ffc833; +} +.el-link.el-link--warning:after { + border-color: #FFBA00; +} +.el-link.el-link--warning.is-disabled { + color: #ffdd80; +} + +.el-link.el-link--warning.is-underline:hover:after { + border-color: #FFBA00; +} + +.el-link.el-link--info { + color: #909399; +} +.el-link.el-link--info:hover { + color: #a6a9ad; +} +.el-link.el-link--info:after { + border-color: #909399; +} +.el-link.el-link--info.is-disabled { + color: #c8c9cc; +} + +.el-link.el-link--info.is-underline:hover:after { + border-color: #909399; +} + +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +.el-divider { + background-color: #DCDFE6; + position: relative; +} +.el-divider--horizontal { + display: block; + height: 1px; + width: 100%; + margin: 24px 0; +} + +.el-divider--vertical { + display: inline-block; + width: 1px; + height: 1em; + margin: 0 8px; + vertical-align: middle; + position: relative; +} + +.el-divider__text { + position: absolute; + background-color: #FFFFFF; + padding: 0 20px; + font-weight: 500; + color: #303133; + font-size: 14px; +} +.el-divider__text.is-left { + left: 20px; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} + +.el-divider__text.is-center { + left: 50%; + -webkit-transform: translateX(-50%) translateY(-50%); + transform: translateX(-50%) translateY(-50%); +} + +.el-divider__text.is-right { + right: 20px; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-image__error, .el-image__placeholder, .el-image__inner { + width: 100%; + height: 100%; +} + +.el-image { + position: relative; + display: inline-block; + overflow: hidden; +} +.el-image__inner { + vertical-align: top; +} +.el-image__inner--center { + position: relative; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + display: block; +} + +.el-image__placeholder { + background: #F5F7FA; +} + +.el-image__error { + 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; + font-size: 14px; + background: #F5F7FA; + color: #C0C4CC; + vertical-align: middle; +} + +.el-image__preview { + cursor: pointer; +} + +.el-image-viewer__wrapper { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; +} + +.el-image-viewer__btn { + position: absolute; + z-index: 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; + border-radius: 50%; + opacity: 0.8; + cursor: pointer; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.el-image-viewer__close { + top: 40px; + right: 40px; + width: 40px; + height: 40px; + font-size: 24px; + color: #fff; + background-color: #606266; +} + +.el-image-viewer__canvas { + 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-image-viewer__actions { + left: 50%; + bottom: 30px; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + width: 282px; + height: 44px; + padding: 0 23px; + background-color: #606266; + border-color: #fff; + border-radius: 22px; +} +.el-image-viewer__actions__inner { + width: 100%; + height: 100%; + text-align: justify; + cursor: default; + font-size: 23px; + color: #fff; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: distribute; + justify-content: space-around; +} + +.el-image-viewer__prev { + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + width: 44px; + height: 44px; + font-size: 24px; + color: #fff; + background-color: #606266; + border-color: #fff; + left: 40px; +} + +.el-image-viewer__next { + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + width: 44px; + height: 44px; + font-size: 24px; + color: #fff; + background-color: #606266; + border-color: #fff; + right: 40px; + text-indent: 2px; +} + +.el-image-viewer__mask { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + opacity: 0.5; + background: #000; +} + +.viewer-fade-enter-active { + -webkit-animation: viewer-fade-in 0.3s; + animation: viewer-fade-in 0.3s; +} + +.viewer-fade-leave-active { + -webkit-animation: viewer-fade-out 0.3s; + animation: viewer-fade-out 0.3s; +} + +@-webkit-keyframes viewer-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 viewer-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 viewer-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 viewer-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; + } +} +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +.el-button { + display: inline-block; + line-height: 1; + white-space: nowrap; + cursor: pointer; + background: #FFFFFF; + border: 1px solid #DCDFE6; + border-color: #DCDFE6; + color: #606266; + -webkit-appearance: none; + text-align: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + outline: none; + margin: 0; + -webkit-transition: 0.1s; + transition: 0.1s; + font-weight: 400; + -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.is-round { + padding: 12px 20px; +} +.el-button:hover, .el-button:focus { + color: #1890ff; + border-color: #badeff; + background-color: #e8f4ff; +} +.el-button:active { + color: #1682e6; + border-color: #1682e6; + outline: none; +} +.el-button::-moz-focus-inner { + border: 0; +} +.el-button [class*=el-icon-] + span { + margin-left: 5px; +} +.el-button.is-plain:hover, .el-button.is-plain:focus { + background: #FFFFFF; + border-color: #1890ff; + color: #1890ff; +} +.el-button.is-plain:active { + background: #FFFFFF; + border-color: #1682e6; + color: #1682e6; + outline: none; +} + +.el-button.is-active { + color: #1682e6; + border-color: #1682e6; +} + +.el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus { + color: #C0C4CC; + cursor: not-allowed; + background-image: none; + background-color: #FFFFFF; + border-color: #e6ebf5; +} +.el-button.is-disabled.el-button--text { + background-color: transparent; +} +.el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:hover, .el-button.is-disabled.is-plain:focus { + background-color: #FFFFFF; + border-color: #e6ebf5; + 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, 0.35); +} + +.el-button.is-round { + border-radius: 20px; + padding: 12px 23px; +} + +.el-button.is-circle { + border-radius: 50%; + padding: 12px; +} + +.el-button--primary { + color: #FFFFFF; + background-color: #1890ff; + border-color: #1890ff; +} +.el-button--primary:hover, .el-button--primary:focus { + background: #46a6ff; + border-color: #46a6ff; + color: #FFFFFF; +} +.el-button--primary:active { + background: #1682e6; + border-color: #1682e6; + color: #FFFFFF; + outline: none; +} +.el-button--primary.is-active { + background: #1682e6; + border-color: #1682e6; + color: #FFFFFF; +} +.el-button--primary.is-disabled, .el-button--primary.is-disabled:hover, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:active { + color: #FFFFFF; + background-color: #8cc8ff; + border-color: #8cc8ff; +} +.el-button--primary.is-plain { + color: #1890ff; + background: #e8f4ff; + border-color: #a3d3ff; +} +.el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus { + background: #1890ff; + border-color: #1890ff; + color: #FFFFFF; +} +.el-button--primary.is-plain:active { + background: #1682e6; + border-color: #1682e6; + color: #FFFFFF; + outline: none; +} +.el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:hover, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:active { + color: #74bcff; + background-color: #e8f4ff; + border-color: #d1e9ff; +} + +.el-button--success { + color: #FFFFFF; + background-color: #13ce66; + border-color: #13ce66; +} +.el-button--success:hover, .el-button--success:focus { + background: #42d885; + border-color: #42d885; + color: #FFFFFF; +} +.el-button--success:active { + background: #11b95c; + border-color: #11b95c; + color: #FFFFFF; + outline: none; +} +.el-button--success.is-active { + background: #11b95c; + border-color: #11b95c; + color: #FFFFFF; +} +.el-button--success.is-disabled, .el-button--success.is-disabled:hover, .el-button--success.is-disabled:focus, .el-button--success.is-disabled:active { + color: #FFFFFF; + background-color: #89e7b3; + border-color: #89e7b3; +} +.el-button--success.is-plain { + color: #13ce66; + background: #e7faf0; + border-color: #a1ebc2; +} +.el-button--success.is-plain:hover, .el-button--success.is-plain:focus { + background: #13ce66; + border-color: #13ce66; + color: #FFFFFF; +} +.el-button--success.is-plain:active { + background: #11b95c; + border-color: #11b95c; + color: #FFFFFF; + outline: none; +} +.el-button--success.is-plain.is-disabled, .el-button--success.is-plain.is-disabled:hover, .el-button--success.is-plain.is-disabled:focus, .el-button--success.is-plain.is-disabled:active { + color: #71e2a3; + background-color: #e7faf0; + border-color: #d0f5e0; +} + +.el-button--warning { + color: #FFFFFF; + background-color: #FFBA00; + border-color: #FFBA00; +} +.el-button--warning:hover, .el-button--warning:focus { + background: #ffc833; + border-color: #ffc833; + color: #FFFFFF; +} +.el-button--warning:active { + background: #e6a700; + border-color: #e6a700; + color: #FFFFFF; + outline: none; +} +.el-button--warning.is-active { + background: #e6a700; + border-color: #e6a700; + color: #FFFFFF; +} +.el-button--warning.is-disabled, .el-button--warning.is-disabled:hover, .el-button--warning.is-disabled:focus, .el-button--warning.is-disabled:active { + color: #FFFFFF; + background-color: #ffdd80; + border-color: #ffdd80; +} +.el-button--warning.is-plain { + color: #FFBA00; + background: #fff8e6; + border-color: #ffe399; +} +.el-button--warning.is-plain:hover, .el-button--warning.is-plain:focus { + background: #FFBA00; + border-color: #FFBA00; + color: #FFFFFF; +} +.el-button--warning.is-plain:active { + background: #e6a700; + border-color: #e6a700; + color: #FFFFFF; + outline: none; +} +.el-button--warning.is-plain.is-disabled, .el-button--warning.is-plain.is-disabled:hover, .el-button--warning.is-plain.is-disabled:focus, .el-button--warning.is-plain.is-disabled:active { + color: #ffd666; + background-color: #fff8e6; + border-color: #fff1cc; +} + +.el-button--danger { + color: #FFFFFF; + background-color: #ff4949; + border-color: #ff4949; +} +.el-button--danger:hover, .el-button--danger:focus { + background: #ff6d6d; + border-color: #ff6d6d; + color: #FFFFFF; +} +.el-button--danger:active { + background: #e64242; + border-color: #e64242; + color: #FFFFFF; + outline: none; +} +.el-button--danger.is-active { + background: #e64242; + border-color: #e64242; + color: #FFFFFF; +} +.el-button--danger.is-disabled, .el-button--danger.is-disabled:hover, .el-button--danger.is-disabled:focus, .el-button--danger.is-disabled:active { + color: #FFFFFF; + background-color: #ffa4a4; + border-color: #ffa4a4; +} +.el-button--danger.is-plain { + color: #ff4949; + background: #ffeded; + border-color: #ffb6b6; +} +.el-button--danger.is-plain:hover, .el-button--danger.is-plain:focus { + background: #ff4949; + border-color: #ff4949; + color: #FFFFFF; +} +.el-button--danger.is-plain:active { + background: #e64242; + border-color: #e64242; + color: #FFFFFF; + outline: none; +} +.el-button--danger.is-plain.is-disabled, .el-button--danger.is-plain.is-disabled:hover, .el-button--danger.is-plain.is-disabled:focus, .el-button--danger.is-plain.is-disabled:active { + color: #ff9292; + background-color: #ffeded; + border-color: #ffdbdb; +} + +.el-button--info { + color: #FFFFFF; + background-color: #909399; + border-color: #909399; +} +.el-button--info:hover, .el-button--info:focus { + background: #a6a9ad; + border-color: #a6a9ad; + color: #FFFFFF; +} +.el-button--info:active { + background: #82848a; + border-color: #82848a; + color: #FFFFFF; + outline: none; +} +.el-button--info.is-active { + background: #82848a; + border-color: #82848a; + color: #FFFFFF; +} +.el-button--info.is-disabled, .el-button--info.is-disabled:hover, .el-button--info.is-disabled:focus, .el-button--info.is-disabled:active { + color: #FFFFFF; + background-color: #c8c9cc; + border-color: #c8c9cc; +} +.el-button--info.is-plain { + color: #909399; + background: #f4f4f5; + border-color: #d3d4d6; +} +.el-button--info.is-plain:hover, .el-button--info.is-plain:focus { + background: #909399; + border-color: #909399; + color: #FFFFFF; +} +.el-button--info.is-plain:active { + background: #82848a; + border-color: #82848a; + color: #FFFFFF; + outline: none; +} +.el-button--info.is-plain.is-disabled, .el-button--info.is-plain.is-disabled:hover, .el-button--info.is-plain.is-disabled:focus, .el-button--info.is-plain.is-disabled:active { + color: #bcbec2; + background-color: #f4f4f5; + border-color: #e9e9eb; +} + +.el-button--medium { + padding: 10px 20px; + font-size: 14px; + border-radius: 4px; +} +.el-button--medium.is-round { + padding: 10px 20px; +} +.el-button--medium.is-circle { + padding: 10px; +} + +.el-button--small { + padding: 9px 15px; + font-size: 12px; + border-radius: 3px; +} +.el-button--small.is-round { + padding: 9px 15px; +} +.el-button--small.is-circle { + padding: 9px; +} + +.el-button--mini { + padding: 7px 15px; + font-size: 12px; + border-radius: 3px; +} +.el-button--mini.is-round { + padding: 7px 15px; +} +.el-button--mini.is-circle { + padding: 7px; +} + +.el-button--text { + border-color: transparent; + color: #1890ff; + background: transparent; + padding-left: 0; + padding-right: 0; +} +.el-button--text:hover, .el-button--text:focus { + color: #46a6ff; + border-color: transparent; + background-color: transparent; +} +.el-button--text:active { + color: #1682e6; + border-color: transparent; + background-color: transparent; +} +.el-button--text.is-disabled, .el-button--text.is-disabled:hover, .el-button--text.is-disabled:focus { + border-color: transparent; +} + +.el-button-group { + display: inline-block; + vertical-align: middle; +} +.el-button-group::before, +.el-button-group::after { + 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.is-disabled { + z-index: 1; +} +.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-top-right-radius: 4px; + border-bottom-right-radius: 4px; + border-top-left-radius: 4px; + border-bottom-left-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-button:not(.is-disabled):hover, .el-button-group > .el-button:not(.is-disabled):focus, .el-button-group > .el-button:not(.is-disabled):active { + z-index: 1; +} +.el-button-group > .el-button.is-active { + z-index: 1; +} + +.el-button-group > .el-dropdown > .el-button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--primary:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--primary:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--primary:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--success:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--success:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--success:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--warning:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--warning:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--warning:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--danger:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--danger:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--danger:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--info:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--info:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--info:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} + +.el-calendar { + background-color: #fff; +} +.el-calendar__header { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 12px 20px; + border-bottom: 1px solid #dfe6ec; +} + +.el-calendar__title { + color: #000000; + -ms-flex-item-align: center; + align-self: center; +} + +.el-calendar__body { + padding: 12px 20px 35px; +} + +.el-calendar-table { + table-layout: fixed; + width: 100%; +} +.el-calendar-table thead th { + padding: 12px 0; + color: #606266; + font-weight: normal; +} +.el-calendar-table:not(.is-range) td.prev, +.el-calendar-table:not(.is-range) td.next { + color: #C0C4CC; +} +.el-calendar-table td { + border-bottom: 1px solid #dfe6ec; + border-right: 1px solid #dfe6ec; + vertical-align: top; + -webkit-transition: background-color 0.2s ease; + transition: background-color 0.2s ease; +} +.el-calendar-table td.is-selected { + background-color: #F2F8FE; +} + +.el-calendar-table td.is-today { + color: #1890ff; +} + +.el-calendar-table tr:first-child td { + border-top: 1px solid #dfe6ec; +} +.el-calendar-table tr td:first-child { + border-left: 1px solid #dfe6ec; +} +.el-calendar-table tr.el-calendar-table__row--hide-border td { + border-top: none; +} +.el-calendar-table .el-calendar-day { + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding: 8px; + height: 85px; +} +.el-calendar-table .el-calendar-day:hover { + cursor: pointer; + background-color: #F2F8FE; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-backtop { + position: fixed; + background-color: #FFFFFF; + width: 40px; + height: 40px; + border-radius: 50%; + color: #1890ff; + 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; + font-size: 20px; + -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.12); + box-shadow: 0 0 6px rgba(0, 0, 0, 0.12); + cursor: pointer; + z-index: 5; +} +.el-backtop:hover { + background-color: #F2F6FC; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-page-header { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + line-height: 24px; +} +.el-page-header__left { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + cursor: pointer; + margin-right: 40px; + position: relative; +} +.el-page-header__left::after { + content: ""; + position: absolute; + width: 1px; + height: 16px; + right: -20px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + background-color: #DCDFE6; +} +.el-page-header__left .el-icon-back { + font-size: 18px; + margin-right: 6px; + -ms-flex-item-align: center; + align-self: center; +} +.el-page-header__title { + font-size: 14px; + font-weight: 500; +} + +.el-page-header__content { + font-size: 18px; + color: #303133; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-checkbox { + color: #606266; + font-weight: 500; + font-size: 14px; + position: relative; + cursor: pointer; + display: inline-block; + white-space: nowrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + margin-right: 30px; +} +.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: #1890ff; +} +.el-checkbox.is-bordered.is-disabled { + border-color: #e6ebf5; + 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: none; + display: inline-block; + line-height: 1; + position: relative; + 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-disabled + span.el-checkbox__label { + color: #C0C4CC; + cursor: not-allowed; +} + +.el-checkbox__input.is-checked .el-checkbox__inner { + background-color: #1890ff; + border-color: #1890ff; +} +.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: #1890ff; +} + +.el-checkbox__input.is-focus { + /*focus时 视觉上区分*/ +} +.el-checkbox__input.is-focus .el-checkbox__inner { + border-color: #1890ff; +} + +.el-checkbox__input.is-indeterminate .el-checkbox__inner { + background-color: #1890ff; + border-color: #1890ff; +} +.el-checkbox__input.is-indeterminate .el-checkbox__inner::before { + content: ""; + position: absolute; + display: block; + background-color: #FFFFFF; + height: 2px; + -webkit-transform: scale(0.5); + transform: scale(0.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: #FFFFFF; + z-index: 1; + -webkit-transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46); + transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46); +} +.el-checkbox__inner:hover { + border-color: #1890ff; +} +.el-checkbox__inner::after { + -webkit-box-sizing: content-box; + box-sizing: content-box; + content: ""; + border: 1px solid #FFFFFF; + 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 0.15s ease-in 0.05s; + transition: -webkit-transform 0.15s ease-in 0.05s; + transition: transform 0.15s ease-in 0.05s; + transition: transform 0.15s ease-in 0.05s, -webkit-transform 0.15s ease-in 0.05s; + -webkit-transform-origin: center; + transform-origin: center; +} + +.el-checkbox__original { + opacity: 0; + outline: none; + position: absolute; + margin: 0; + width: 0; + height: 0; + z-index: -1; +} + +.el-checkbox__label { + display: inline-block; + padding-left: 10px; + line-height: 19px; + font-size: 14px; +} + +.el-checkbox:last-of-type { + margin-right: 0; +} + +.el-checkbox-button { + position: relative; + display: inline-block; +} +.el-checkbox-button__inner { + display: inline-block; + line-height: 1; + font-weight: 500; + white-space: nowrap; + vertical-align: middle; + cursor: pointer; + background: #FFFFFF; + 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: none; + margin: 0; + position: relative; + -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: all 0.3s cubic-bezier(0.645, 0.045, 0.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: #1890ff; +} +.el-checkbox-button__inner [class*=el-icon-] { + line-height: 0.9; +} +.el-checkbox-button__inner [class*=el-icon-] + span { + margin-left: 5px; +} + +.el-checkbox-button__original { + opacity: 0; + outline: none; + position: absolute; + margin: 0; + z-index: -1; +} + +.el-checkbox-button.is-checked .el-checkbox-button__inner { + color: #FFFFFF; + background-color: #1890ff; + border-color: #1890ff; + -webkit-box-shadow: -1px 0 0 0 #74bcff; + box-shadow: -1px 0 0 0 #74bcff; +} +.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner { + border-left-color: #1890ff; +} +.el-checkbox-button.is-disabled .el-checkbox-button__inner { + color: #C0C4CC; + cursor: not-allowed; + background-image: none; + background-color: #FFFFFF; + border-color: #e6ebf5; + -webkit-box-shadow: none; + box-shadow: none; +} +.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner { + border-left-color: #e6ebf5; +} +.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: #1890ff; +} +.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; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-radio { + color: #606266; + font-weight: 500; + line-height: 1; + position: relative; + cursor: pointer; + display: inline-block; + white-space: nowrap; + outline: none; + font-size: 14px; + margin-right: 30px; + -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: #1890ff; +} +.el-radio.is-bordered.is-disabled { + cursor: not-allowed; + border-color: #e6ebf5; +} +.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--medium.is-bordered .el-radio__label { + font-size: 14px; +} +.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__label { + font-size: 12px; +} +.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__label { + font-size: 12px; +} +.el-radio--mini.is-bordered .el-radio__inner { + height: 12px; + width: 12px; +} + +.el-radio:last-child { + margin-right: 0; +} +.el-radio__input { + white-space: nowrap; + cursor: pointer; + outline: none; + display: inline-block; + line-height: 1; + position: relative; + vertical-align: middle; +} +.el-radio__input.is-disabled .el-radio__inner { + background-color: #F5F7FA; + border-color: #dfe4ed; + 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 { + background-color: #F5F7FA; + border-color: #dfe4ed; +} +.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: #1890ff; + background: #1890ff; +} +.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: #1890ff; +} + +.el-radio__input.is-focus .el-radio__inner { + border-color: #1890ff; +} + +.el-radio__inner { + border: 1px solid #DCDFE6; + border-radius: 100%; + width: 14px; + height: 14px; + background-color: #FFFFFF; + position: relative; + cursor: pointer; + display: inline-block; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-radio__inner:hover { + border-color: #1890ff; +} +.el-radio__inner::after { + width: 4px; + height: 4px; + border-radius: 100%; + background-color: #FFFFFF; + content: ""; + position: absolute; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%) scale(0); + transform: translate(-50%, -50%) scale(0); + -webkit-transition: -webkit-transform 0.15s ease-in; + transition: -webkit-transform 0.15s ease-in; + transition: transform 0.15s ease-in; + transition: transform 0.15s ease-in, -webkit-transform 0.15s ease-in; +} + +.el-radio__original { + opacity: 0; + outline: none; + 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:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner { + -webkit-box-shadow: 0 0 2px 2px #1890ff; + box-shadow: 0 0 2px 2px #1890ff; +} +.el-radio__label { + font-size: 14px; + padding-left: 10px; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-scrollbar { + overflow: hidden; + position: relative; +} +.el-scrollbar:hover > .el-scrollbar__bar, .el-scrollbar:active > .el-scrollbar__bar, .el-scrollbar:focus > .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 { + scrollbar-width: none; +} +.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, 0.3); + -webkit-transition: 0.3s background-color; + transition: 0.3s background-color; +} +.el-scrollbar__thumb:hover { + background-color: rgba(144, 147, 153, 0.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-cascader-panel { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + border-radius: 4px; + font-size: 14px; +} +.el-cascader-panel.is-bordered { + border: solid 1px #dfe4ed; + border-radius: 4px; +} + +.el-cascader-menu { + min-width: 180px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + color: #606266; + border-right: solid 1px #dfe4ed; +} +.el-cascader-menu:last-child { + border-right: none; +} +.el-cascader-menu:last-child .el-cascader-node { + padding-right: 20px; +} +.el-cascader-menu__wrap { + height: 204px; +} + +.el-cascader-menu__list { + position: relative; + min-height: 100%; + margin: 0; + padding: 6px 0; + list-style: none; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +.el-cascader-menu__hover-zone { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; +} + +.el-cascader-menu__empty-text { + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + text-align: center; + color: #C0C4CC; +} + +.el-cascader-node { + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding: 0 30px 0 20px; + height: 34px; + line-height: 34px; + outline: none; +} +.el-cascader-node.is-selectable.in-active-path { + color: #606266; +} +.el-cascader-node.in-active-path, .el-cascader-node.is-selectable.in-checked-path, .el-cascader-node.is-active { + color: #1890ff; + font-weight: bold; +} +.el-cascader-node:not(.is-disabled) { + cursor: pointer; +} +.el-cascader-node:not(.is-disabled):hover, .el-cascader-node:not(.is-disabled):focus { + background: #F5F7FA; +} +.el-cascader-node.is-disabled { + color: #C0C4CC; + cursor: not-allowed; +} + +.el-cascader-node__prefix { + position: absolute; + left: 10px; +} + +.el-cascader-node__postfix { + position: absolute; + right: 10px; +} + +.el-cascader-node__label { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + padding: 0 10px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +.el-cascader-node > .el-radio { + margin-right: 0; +} +.el-cascader-node > .el-radio .el-radio__label { + padding-left: 0; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-avatar { + display: inline-block; + -webkit-box-sizing: border-box; + box-sizing: border-box; + text-align: center; + overflow: hidden; + color: #fff; + background: #C0C4CC; + width: 40px; + height: 40px; + line-height: 40px; + font-size: 14px; +} +.el-avatar > img { + display: block; + height: 100%; + vertical-align: middle; +} +.el-avatar--circle { + border-radius: 50%; +} + +.el-avatar--square { + border-radius: 4px; +} + +.el-avatar--icon { + font-size: 18px; +} + +.el-avatar--large { + width: 40px; + height: 40px; + line-height: 40px; +} + +.el-avatar--medium { + width: 36px; + height: 36px; + line-height: 36px; +} + +.el-avatar--small { + width: 28px; + height: 28px; + line-height: 28px; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +@-webkit-keyframes el-drawer-fade-in { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +@keyframes el-drawer-fade-in { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +@-webkit-keyframes rtl-drawer-in { + 0% { + -webkit-transform: translate(100%, 0px); + transform: translate(100%, 0px); + } + 100% { + -webkit-transform: translate(0px, 0px); + transform: translate(0px, 0px); + } +} +@keyframes rtl-drawer-in { + 0% { + -webkit-transform: translate(100%, 0px); + transform: translate(100%, 0px); + } + 100% { + -webkit-transform: translate(0px, 0px); + transform: translate(0px, 0px); + } +} +@-webkit-keyframes rtl-drawer-out { + 0% { + -webkit-transform: translate(0px, 0px); + transform: translate(0px, 0px); + } + 100% { + -webkit-transform: translate(100%, 0px); + transform: translate(100%, 0px); + } +} +@keyframes rtl-drawer-out { + 0% { + -webkit-transform: translate(0px, 0px); + transform: translate(0px, 0px); + } + 100% { + -webkit-transform: translate(100%, 0px); + transform: translate(100%, 0px); + } +} +@-webkit-keyframes ltr-drawer-in { + 0% { + -webkit-transform: translate(-100%, 0px); + transform: translate(-100%, 0px); + } + 100% { + -webkit-transform: translate(0px, 0px); + transform: translate(0px, 0px); + } +} +@keyframes ltr-drawer-in { + 0% { + -webkit-transform: translate(-100%, 0px); + transform: translate(-100%, 0px); + } + 100% { + -webkit-transform: translate(0px, 0px); + transform: translate(0px, 0px); + } +} +@-webkit-keyframes ltr-drawer-out { + 0% { + -webkit-transform: translate(0px, 0px); + transform: translate(0px, 0px); + } + 100% { + -webkit-transform: translate(-100%, 0px); + transform: translate(-100%, 0px); + } +} +@keyframes ltr-drawer-out { + 0% { + -webkit-transform: translate(0px, 0px); + transform: translate(0px, 0px); + } + 100% { + -webkit-transform: translate(-100%, 0px); + transform: translate(-100%, 0px); + } +} +@-webkit-keyframes ttb-drawer-in { + 0% { + -webkit-transform: translate(0px, -100%); + transform: translate(0px, -100%); + } + 100% { + -webkit-transform: translate(0px, 0px); + transform: translate(0px, 0px); + } +} +@keyframes ttb-drawer-in { + 0% { + -webkit-transform: translate(0px, -100%); + transform: translate(0px, -100%); + } + 100% { + -webkit-transform: translate(0px, 0px); + transform: translate(0px, 0px); + } +} +@-webkit-keyframes ttb-drawer-out { + 0% { + -webkit-transform: translate(0px, 0px); + transform: translate(0px, 0px); + } + 100% { + -webkit-transform: translate(0px, -100%); + transform: translate(0px, -100%); + } +} +@keyframes ttb-drawer-out { + 0% { + -webkit-transform: translate(0px, 0px); + transform: translate(0px, 0px); + } + 100% { + -webkit-transform: translate(0px, -100%); + transform: translate(0px, -100%); + } +} +@-webkit-keyframes btt-drawer-in { + 0% { + -webkit-transform: translate(0px, 100%); + transform: translate(0px, 100%); + } + 100% { + -webkit-transform: translate(0px, 0px); + transform: translate(0px, 0px); + } +} +@keyframes btt-drawer-in { + 0% { + -webkit-transform: translate(0px, 100%); + transform: translate(0px, 100%); + } + 100% { + -webkit-transform: translate(0px, 0px); + transform: translate(0px, 0px); + } +} +@-webkit-keyframes btt-drawer-out { + 0% { + -webkit-transform: translate(0px, 0); + transform: translate(0px, 0); + } + 100% { + -webkit-transform: translate(0px, 100%); + transform: translate(0px, 100%); + } +} +@keyframes btt-drawer-out { + 0% { + -webkit-transform: translate(0px, 0); + transform: translate(0px, 0); + } + 100% { + -webkit-transform: translate(0px, 100%); + transform: translate(0px, 100%); + } +} +.el-drawer { + position: absolute; + -webkit-box-sizing: border-box; + box-sizing: border-box; + background-color: #FFFFFF; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12); + box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12); + overflow: hidden; + outline: 0; +} +.el-drawer.rtl { + -webkit-animation: rtl-drawer-out 0.3s; + animation: rtl-drawer-out 0.3s; +} +.el-drawer__open .el-drawer.rtl { + -webkit-animation: rtl-drawer-in 0.3s 1ms; + animation: rtl-drawer-in 0.3s 1ms; +} +.el-drawer.ltr { + -webkit-animation: ltr-drawer-out 0.3s; + animation: ltr-drawer-out 0.3s; +} +.el-drawer__open .el-drawer.ltr { + -webkit-animation: ltr-drawer-in 0.3s 1ms; + animation: ltr-drawer-in 0.3s 1ms; +} +.el-drawer.ttb { + -webkit-animation: ttb-drawer-out 0.3s; + animation: ttb-drawer-out 0.3s; +} +.el-drawer__open .el-drawer.ttb { + -webkit-animation: ttb-drawer-in 0.3s 1ms; + animation: ttb-drawer-in 0.3s 1ms; +} +.el-drawer.btt { + -webkit-animation: btt-drawer-out 0.3s; + animation: btt-drawer-out 0.3s; +} +.el-drawer__open .el-drawer.btt { + -webkit-animation: btt-drawer-in 0.3s 1ms; + animation: btt-drawer-in 0.3s 1ms; +} +.el-drawer__wrapper { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + overflow: hidden; + margin: 0; +} +.el-drawer__header { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: rgb(114, 118, 123); + display: -webkit-box; + display: -ms-flexbox; + display: flex; + margin-bottom: 32px; + padding: 20px; + padding-bottom: 0; +} +.el-drawer__header > :first-child { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; +} +.el-drawer__title { + margin: 0; + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + line-height: inherit; + font-size: 1rem; +} +.el-drawer__close-btn { + border: none; + cursor: pointer; + font-size: 20px; + color: inherit; + background-color: transparent; +} +.el-drawer__body { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + overflow: auto; +} +.el-drawer__body > * { + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-drawer.ltr, .el-drawer.rtl { + height: 100%; + top: 0; + bottom: 0; +} +.el-drawer.ttb, .el-drawer.btt { + width: 100%; + left: 0; + right: 0; +} +.el-drawer.ltr { + left: 0; +} +.el-drawer.rtl { + right: 0; +} +.el-drawer.ttb { + top: 0; +} +.el-drawer.btt { + bottom: 0; +} + +.el-drawer__container { + position: relative; + left: 0; + right: 0; + top: 0; + bottom: 0; + height: 100%; + width: 100%; +} + +.el-drawer-fade-enter-active { + -webkit-animation: el-drawer-fade-in 0.3s; + animation: el-drawer-fade-in 0.3s; +} + +.el-drawer-fade-leave-active { + animation: el-drawer-fade-in 0.3s reverse; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-statistic { + width: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin: 0; + padding: 0; + color: #000000; + font-variant: tabular-nums; + list-style: none; + -webkit-font-feature-settings: "tnum"; + font-feature-settings: "tnum"; + text-align: center; +} +.el-statistic .head { + margin-bottom: 4px; + color: #606266; + font-size: 13px; +} +.el-statistic .con { + font-family: Sans-serif; + 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; + color: #303133; +} +.el-statistic .con .number { + font-size: 20px; + padding: 0 4px; +} +.el-statistic .con span { + display: inline-block; + margin: 0; + line-height: 100%; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-popconfirm__main { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.el-popconfirm__icon { + margin-right: 5px; +} + +.el-popconfirm__action { + text-align: right; + margin: 0; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-skeleton__item { + background: #f2f2f2; + display: inline-block; + height: 16px; + border-radius: 4px; + width: 100%; +} + +.el-skeleton__circle { + border-radius: 50%; + width: 36px; + height: 36px; + line-height: 36px; +} +.el-skeleton__circle--lg { + width: 40px; + height: 40px; + line-height: 40px; +} + +.el-skeleton__circle--md { + width: 28px; + height: 28px; + line-height: 28px; +} + +.el-skeleton__button { + height: 40px; + width: 64px; + border-radius: 4px; +} + +.el-skeleton__p { + width: 100%; +} +.el-skeleton__p.is-last { + width: 61%; +} + +.el-skeleton__p.is-first { + width: 33%; +} + +.el-skeleton__text { + width: 100%; + height: 13px; +} + +.el-skeleton__caption { + height: 12px; +} + +.el-skeleton__h1 { + height: 20px; +} + +.el-skeleton__h3 { + height: 18px; +} + +.el-skeleton__h5 { + height: 16px; +} + +.el-skeleton__image { + width: unset; + 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; + border-radius: 0; +} +.el-skeleton__image svg { + fill: #DCDDE0; + width: 22%; + height: 22%; +} + +@-webkit-keyframes el-skeleton-loading { + 0% { + background-position: 100% 50%; + } + 100% { + background-position: 0 50%; + } +} + +@keyframes el-skeleton-loading { + 0% { + background-position: 100% 50%; + } + 100% { + background-position: 0 50%; + } +} +.el-skeleton { + width: 100%; +} +.el-skeleton__first-line { + height: 16px; + margin-top: 16px; + background: #f2f2f2; +} + +.el-skeleton__paragraph { + height: 16px; + margin-top: 16px; + background: #f2f2f2; +} + +.el-skeleton.is-animated .el-skeleton__item { + background: -webkit-gradient(linear, left top, right top, color-stop(25%, #f2f2f2), color-stop(37%, #e6e6e6), color-stop(63%, #f2f2f2)); + background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%); + background-size: 400% 100%; + -webkit-animation: el-skeleton-loading 1.4s ease infinite; + animation: el-skeleton-loading 1.4s ease infinite; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-skeleton__item { + background: #f2f2f2; + display: inline-block; + height: 16px; + border-radius: 4px; + width: 100%; +} + +.el-skeleton__circle { + border-radius: 50%; + width: 36px; + height: 36px; + line-height: 36px; +} +.el-skeleton__circle--lg { + width: 40px; + height: 40px; + line-height: 40px; +} + +.el-skeleton__circle--md { + width: 28px; + height: 28px; + line-height: 28px; +} + +.el-skeleton__button { + height: 40px; + width: 64px; + border-radius: 4px; +} + +.el-skeleton__p { + width: 100%; +} +.el-skeleton__p.is-last { + width: 61%; +} + +.el-skeleton__p.is-first { + width: 33%; +} + +.el-skeleton__text { + width: 100%; + height: 13px; +} + +.el-skeleton__caption { + height: 12px; +} + +.el-skeleton__h1 { + height: 20px; +} + +.el-skeleton__h3 { + height: 18px; +} + +.el-skeleton__h5 { + height: 16px; +} + +.el-skeleton__image { + width: unset; + 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; + border-radius: 0; +} +.el-skeleton__image svg { + fill: #DCDDE0; + width: 22%; + height: 22%; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-empty { + 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; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + text-align: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding: 40px 0; +} +.el-empty__image { + width: 160px; +} +.el-empty__image img { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + width: 100%; + height: 100%; + vertical-align: top; + -o-object-fit: contain; + object-fit: contain; +} +.el-empty__image svg { + fill: #DCDDE0; + width: 100%; + height: 100%; + vertical-align: top; +} + +.el-empty__description { + margin-top: 20px; +} +.el-empty__description p { + margin: 0; + font-size: 14px; + color: #909399; +} + +.el-empty__bottom { + margin-top: 20px; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-descriptions-item { + vertical-align: top; +} +.el-descriptions-item__container { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} +.el-descriptions-item__container .el-descriptions-item__label, +.el-descriptions-item__container .el-descriptions-item__content { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: baseline; + -ms-flex-align: baseline; + align-items: baseline; +} +.el-descriptions-item__container .el-descriptions-item__content { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; +} + +.el-descriptions-item__label.has-colon::after { + content: ":"; + position: relative; + top: -0.5px; +} +.el-descriptions-item__label.is-bordered-label { + font-weight: bold; + color: #909399; + background: #fafafa; +} +.el-descriptions-item__label:not(.is-bordered-label) { + margin-right: 10px; +} + +.el-descriptions-item__content { + word-break: break-word; + overflow-wrap: break-word; +} + +.el-descriptions { + -webkit-box-sizing: border-box; + box-sizing: border-box; + font-size: 14px; + color: #303133; +} +.el-descriptions__header { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + margin-bottom: 20px; +} +.el-descriptions__title { + font-size: 16px; + font-weight: bold; +} + +.el-descriptions__body { + color: #606266; + background-color: #FFFFFF; +} +.el-descriptions__body .el-descriptions__table { + border-collapse: collapse; + width: 100%; + table-layout: fixed; +} +.el-descriptions__body .el-descriptions__table .el-descriptions-item__cell { + -webkit-box-sizing: border-box; + box-sizing: border-box; + text-align: left; + font-weight: normal; + line-height: 1.5; +} +.el-descriptions__body .el-descriptions__table .el-descriptions-item__cell.is-left { + text-align: left; +} + +.el-descriptions__body .el-descriptions__table .el-descriptions-item__cell.is-center { + text-align: center; +} + +.el-descriptions__body .el-descriptions__table .el-descriptions-item__cell.is-right { + text-align: right; +} + +.el-descriptions .is-bordered { + table-layout: auto; +} +.el-descriptions .is-bordered .el-descriptions-item__cell { + border: 1px solid #e6ebf5; + padding: 12px 10px; +} +.el-descriptions :not(.is-bordered) .el-descriptions-item__cell { + padding-bottom: 12px; +} +.el-descriptions--medium.is-bordered .el-descriptions-item__cell { + padding: 10px; +} +.el-descriptions--medium:not(.is-bordered) .el-descriptions-item__cell { + padding-bottom: 10px; +} + +.el-descriptions--small { + font-size: 12px; +} +.el-descriptions--small.is-bordered .el-descriptions-item__cell { + padding: 8px 10px; +} +.el-descriptions--small:not(.is-bordered) .el-descriptions-item__cell { + padding-bottom: 8px; +} + +.el-descriptions--mini { + font-size: 12px; +} +.el-descriptions--mini.is-bordered .el-descriptions-item__cell { + padding: 6px 10px; +} +.el-descriptions--mini:not(.is-bordered) .el-descriptions-item__cell { + padding-bottom: 6px; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-descriptions-item { + vertical-align: top; +} +.el-descriptions-item__container { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} +.el-descriptions-item__container .el-descriptions-item__label, +.el-descriptions-item__container .el-descriptions-item__content { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: baseline; + -ms-flex-align: baseline; + align-items: baseline; +} +.el-descriptions-item__container .el-descriptions-item__content { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; +} + +.el-descriptions-item__label.has-colon::after { + content: ":"; + position: relative; + top: -0.5px; +} +.el-descriptions-item__label.is-bordered-label { + font-weight: bold; + color: #909399; + background: #fafafa; +} +.el-descriptions-item__label:not(.is-bordered-label) { + margin-right: 10px; +} + +.el-descriptions-item__content { + word-break: break-word; + overflow-wrap: break-word; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Empty +-------------------------- */ +/* Descriptions +-------------------------- */ +/* Skeleton +--------------------------*/ +/* Svg +--------------- */ +/* Result +-------------------------- */ +/* Break-point +--------------------------*/ +.el-result { + 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; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + text-align: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding: 40px 30px; +} +.el-result__icon svg { + width: 64px; + height: 64px; +} + +.el-result__title { + margin-top: 20px; +} +.el-result__title p { + margin: 0; + font-size: 20px; + color: #303133; + line-height: 1.3; +} + +.el-result__subtitle { + margin-top: 10px; +} +.el-result__subtitle p { + margin: 0; + font-size: 14px; + color: #606266; + line-height: 1.3; +} + +.el-result__extra { + margin-top: 30px; +} + +.el-result .icon-success { + fill: #13ce66; +} +.el-result .icon-error { + fill: #ff4949; +} +.el-result .icon-info { + fill: #909399; +} +.el-result .icon-warning { + fill: #FFBA00; +} + +:export { + theme: #1890ff; +} \ No newline at end of file diff --git a/src/assets/styles/element-variables.scss b/src/assets/styles/element-variables.scss new file mode 100644 index 0000000..a4f8c4a --- /dev/null +++ b/src/assets/styles/element-variables.scss @@ -0,0 +1,31 @@ +/** +* I think element-ui's default theme color is too light for long-term use. +* So I modified the default color and you can modify it to your liking. +**/ + +/* theme color */ +$--color-primary: #1890ff; +$--color-success: #13ce66; +$--color-warning: #FFBA00; +$--color-danger: #ff4949; +// $--color-info: #1E1E1E; + +$--button-font-weight: 400; + +// $--color-text-regular: #1f2d3d; + +$--border-color-light: #dfe4ed; +$--border-color-lighter: #e6ebf5; + +$--table-border:1px solid#dfe6ec; + +/* icon font path, required */ +$--font-path: '~element-ui/lib/theme-chalk/fonts'; + +@import "../../../node_modules/element-ui/packages/theme-chalk/src/index"; + +// the :export directive is the magic sauce for webpack +// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass +:export { + theme: $--color-primary; +} diff --git a/src/assets/styles/index.css b/src/assets/styles/index.css new file mode 100644 index 0000000..1b84427 --- /dev/null +++ b/src/assets/styles/index.css @@ -0,0 +1,702 @@ +:export { + menuText: #bfcbd9; + menuActiveText: #409eff; + subMenuActiveText: #f4f4f5; + menuBg: #333; + menuHover: #444; + subMenuBg: #444; + subMenuHover: #555; + sideBarWidth: 205px; +} + +/* fade */ +.fade-enter-active, +.fade-leave-active { + -webkit-transition: opacity 0.28s; + transition: opacity 0.28s; +} + +.fade-enter, +.fade-leave-active { + opacity: 0; +} + +/* fade-transform */ +.fade-transform-leave-active, +.fade-transform-enter-active { + -webkit-transition: all 0.5s; + transition: all 0.5s; +} + +.fade-transform-enter { + opacity: 0; + -webkit-transform: translateX(-30px); + transform: translateX(-30px); +} + +.fade-transform-leave-to { + opacity: 0; + -webkit-transform: translateX(30px); + transform: translateX(30px); +} + +/* breadcrumb transition */ +.breadcrumb-enter-active, +.breadcrumb-leave-active { + -webkit-transition: all 0.5s; + transition: all 0.5s; +} + +.breadcrumb-enter, +.breadcrumb-leave-active { + opacity: 0; + -webkit-transform: translateX(20px); + transform: translateX(20px); +} + +.breadcrumb-move { + -webkit-transition: all 0.5s; + transition: all 0.5s; +} + +.breadcrumb-leave-active { + position: absolute; +} + +.el-breadcrumb__inner, +.el-breadcrumb__inner a { + font-weight: 400 !important; +} + +.el-upload input[type=file] { + display: none !important; +} + +.el-upload__input { + display: none; +} + +.cell .el-tag { + margin-right: 0; +} + +.small-padding .cell { + padding-left: 5px; + padding-right: 5px; +} + +.fixed-width .el-button--mini { + padding: 7px 10px; + width: 60px; +} + +.status-col .cell { + padding: 0 10px; + text-align: center; +} +.status-col .cell .el-tag { + margin-right: 0; +} + +.el-dialog { + -webkit-transform: none; + transform: none; + left: 0; + position: relative; + margin: 0 auto; +} + +.upload-container .el-upload { + width: 100%; +} +.upload-container .el-upload .el-upload-dragger { + width: 100%; + height: 200px; +} + +.el-dropdown-menu a { + display: block; +} + +.el-range-editor.el-input__inner { + display: -webkit-inline-box !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; +} + +#app .main-container { + min-height: 100%; + -webkit-transition: margin-left 0.28s; + transition: margin-left 0.28s; + margin-left: 205px; + position: relative; +} +#app .sidebar-container { + -webkit-transition: width 0.28s; + transition: width 0.28s; + width: 205px !important; + background-color: #333; + height: 100%; + position: fixed; + font-size: 0; + top: 0; + bottom: 0; + left: 0; + z-index: 1001; + overflow: hidden; +} +#app .sidebar-container .horizontal-collapse-transition { + -webkit-transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out; + transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out; +} +#app .sidebar-container .scrollbar-wrapper { + overflow-x: hidden !important; +} +#app .sidebar-container .el-scrollbar__bar.is-vertical { + right: 0; +} +#app .sidebar-container .el-scrollbar { + height: 100%; +} +#app .sidebar-container.has-logo .el-scrollbar { + height: calc(100% - 50px); +} +#app .sidebar-container .is-horizontal { + display: none; +} +#app .sidebar-container a { + display: inline-block; + width: 100%; + overflow: hidden; +} +#app .sidebar-container .svg-icon { + margin-right: 16px; +} +#app .sidebar-container .el-menu { + border: none; + height: 100%; + width: 100% !important; +} +#app .sidebar-container .submenu-title-noDropdown:hover, +#app .sidebar-container .el-submenu__title:hover { + background-color: #444 !important; +} +#app .sidebar-container .is-active > .el-submenu__title { + color: #f4f4f5 !important; +} +#app .sidebar-container .nest-menu .el-submenu > .el-submenu__title, #app .sidebar-container .el-submenu .el-menu-item { + min-width: 205px !important; + background-color: #444 !important; +} +#app .sidebar-container .nest-menu .el-submenu > .el-submenu__title:hover, #app .sidebar-container .el-submenu .el-menu-item:hover { + background-color: #555 !important; +} +#app .hideSidebar .sidebar-container { + width: 54px !important; +} +#app .hideSidebar .main-container { + margin-left: 54px; +} +#app .hideSidebar .submenu-title-noDropdown { + padding: 0 !important; + position: relative; +} +#app .hideSidebar .submenu-title-noDropdown .el-tooltip { + padding: 0 !important; +} +#app .hideSidebar .submenu-title-noDropdown .el-tooltip .svg-icon { + margin-left: 20px; +} +#app .hideSidebar .el-submenu { + overflow: hidden; +} +#app .hideSidebar .el-submenu > .el-submenu__title { + padding: 0 !important; +} +#app .hideSidebar .el-submenu > .el-submenu__title .svg-icon { + margin-left: 20px; +} +#app .hideSidebar .el-submenu > .el-submenu__title .el-submenu__icon-arrow { + display: none; +} +#app .hideSidebar .el-menu--collapse .el-submenu > .el-submenu__title > span { + height: 0; + width: 0; + overflow: hidden; + visibility: hidden; + display: inline-block; +} +#app .el-menu--collapse .el-menu .el-submenu { + min-width: 205px !important; +} +#app .mobile .main-container { + margin-left: 0; +} +#app .mobile .sidebar-container { + -webkit-transition: -webkit-transform 0.28s; + transition: -webkit-transform 0.28s; + transition: transform 0.28s; + transition: transform 0.28s, -webkit-transform 0.28s; + width: 205px !important; +} +#app .mobile.hideSidebar .sidebar-container { + pointer-events: none; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transform: translate3d(-205px, 0, 0); + transform: translate3d(-205px, 0, 0); +} +#app .withoutAnimation .main-container, +#app .withoutAnimation .sidebar-container { + -webkit-transition: none; + transition: none; +} + +.el-menu--vertical > .el-menu .svg-icon { + margin-right: 16px; +} +.el-menu--vertical .nest-menu .el-submenu > .el-submenu__title:hover, +.el-menu--vertical .el-menu-item:hover { + background-color: #444 !important; +} +.el-menu--vertical > .el-menu--popup { + max-height: 100vh; + overflow-y: auto; +} +.el-menu--vertical > .el-menu--popup::-webkit-scrollbar-track-piece { + background: #d3dce6; +} +.el-menu--vertical > .el-menu--popup::-webkit-scrollbar { + width: 6px; +} +.el-menu--vertical > .el-menu--popup::-webkit-scrollbar-thumb { + background: #99a9bf; + border-radius: 20px; +} + +:export { + menuText: #bfcbd9; + menuActiveText: #409eff; + subMenuActiveText: #f4f4f5; + menuBg: #333; + menuHover: #444; + subMenuBg: #444; + subMenuHover: #555; + sideBarWidth: 205px; +} + +.blue-btn { + background: #324157; +} +.blue-btn:hover { + color: #324157; +} +.blue-btn:hover:before, .blue-btn:hover:after { + background: #324157; +} + +.light-blue-btn { + background: #3a71a8; +} +.light-blue-btn:hover { + color: #3a71a8; +} +.light-blue-btn:hover:before, .light-blue-btn:hover:after { + background: #3a71a8; +} + +.red-btn { + background: #c03639; +} +.red-btn:hover { + color: #c03639; +} +.red-btn:hover:before, .red-btn:hover:after { + background: #c03639; +} + +.pink-btn { + background: #e65d6e; +} +.pink-btn:hover { + color: #e65d6e; +} +.pink-btn:hover:before, .pink-btn:hover:after { + background: #e65d6e; +} + +.green-btn { + background: #30b08f; +} +.green-btn:hover { + color: #30b08f; +} +.green-btn:hover:before, .green-btn:hover:after { + background: #30b08f; +} + +.tiffany-btn { + background: #4ab7bd; +} +.tiffany-btn:hover { + color: #4ab7bd; +} +.tiffany-btn:hover:before, .tiffany-btn:hover:after { + background: #4ab7bd; +} + +.yellow-btn { + background: #fec171; +} +.yellow-btn:hover { + color: #fec171; +} +.yellow-btn:hover:before, .yellow-btn:hover:after { + background: #fec171; +} + +.pan-btn { + font-size: 14px; + color: #fff; + padding: 14px 36px; + border-radius: 8px; + border: none; + outline: none; + -webkit-transition: 600ms ease all; + transition: 600ms ease all; + position: relative; + display: inline-block; +} +.pan-btn:hover { + background: #fff; +} +.pan-btn:hover:before, .pan-btn:hover:after { + width: 100%; + -webkit-transition: 600ms ease all; + transition: 600ms ease all; +} +.pan-btn:before, .pan-btn:after { + content: ""; + position: absolute; + top: 0; + right: 0; + height: 2px; + width: 0; + -webkit-transition: 400ms ease all; + transition: 400ms ease all; +} +.pan-btn::after { + right: inherit; + top: inherit; + left: 0; + bottom: 0; +} + +.custom-button { + display: inline-block; + line-height: 1; + white-space: nowrap; + cursor: pointer; + background: #fff; + color: #fff; + -webkit-appearance: none; + text-align: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + outline: 0; + margin: 0; + padding: 10px 15px; + font-size: 14px; + border-radius: 4px; +} + +.head-container { + padding-bottom: 20px; +} +.head-container .filter-item { + display: inline-block; + vertical-align: middle; + margin: 0 3px 10px 0; +} +.head-container .filter-item input { + height: 30.5px; + line-height: 30.5px; +} +.head-container .el-form-item-label { + margin: 0 3px 9px 0; + display: inline-block; + text-align: right; + vertical-align: middle; + font-size: 14px; + color: #606266; + line-height: 30.5px; + padding: 0 7px 0 7px; +} +.head-container .el-button + .el-button { + margin-left: 0 !important; +} +.head-container .el-select__caret.el-input__icon.el-icon-arrow-up { + line-height: 30.5px; +} +.head-container .date-item { + display: inline-block; + vertical-align: middle; + margin-bottom: 10px; + height: 30.5px !important; + width: 230px !important; +} + +.el-avatar { + display: inline-block; + text-align: center; + background: #ccc; + color: #fff; + white-space: nowrap; + position: relative; + overflow: hidden; + vertical-align: middle; + width: 32px; + height: 32px; + line-height: 32px; + border-radius: 16px; +} + +.logo-con { + height: 60px; + padding: 13px 0 0; +} +.logo-con img { + height: 32px; + width: 135px; + display: block; +} + +#el-login-footer { + height: 40px; + line-height: 40px; + position: fixed; + bottom: 0; + width: 100%; + text-align: center; + color: #fff; + font-family: Arial, serif; + font-size: 12px; + letter-spacing: 1px; +} + +#el-main-footer { + background: none repeat scroll 0 0 white; + border-top: 1px solid #e7eaec; + overflow: hidden; + padding: 10px 6px 0 6px; + height: 33px; + font-size: 0.7rem !important; + color: #7a8b9a; + letter-spacing: 0.8px; + font-family: Arial, sans-serif !important; + position: fixed; + bottom: 0; + z-index: 99; + width: 100%; +} + +.eladmin-upload { + border: 1px dashed #c0ccda; + border-radius: 5px; + height: 45px; + line-height: 45px; + width: 368px; +} + +.my-blockquote { + margin: 0 0 10px; + padding: 15px; + line-height: 22px; + border-left: 5px solid #00437B; + border-radius: 0 2px 2px 0; + background-color: #f2f2f2; +} + +.my-code { + position: relative; + padding: 15px; + line-height: 20px; + border-left: 5px solid #ddd; + color: #333; + font-family: Courier New, serif; + font-size: 12px; +} + +.el-tabs { + margin-bottom: 25px; +} + +body { + height: 100%; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif; +} + +label { + font-weight: 700; +} + +html { + height: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +#app { + height: 100%; +} + +*, +*:before, +*:after { + -webkit-box-sizing: inherit; + box-sizing: inherit; +} + +.no-padding { + padding: 0 !important; +} + +.padding-content { + padding: 4px 0; +} + +a:focus, +a:active { + outline: none; +} + +a, +a:focus, +a:hover { + cursor: pointer; + color: inherit; + text-decoration: none; +} + +div:focus { + outline: none; +} + +.fr { + float: right; +} + +.fl { + float: left; +} + +.pr-5 { + padding-right: 5px; +} + +.pl-5 { + padding-left: 5px; +} + +.block { + display: block; +} + +.pointer { + cursor: pointer; +} + +.inlineBlock { + display: block; +} + +.clearfix:after { + visibility: hidden; + display: block; + font-size: 0; + content: " "; + clear: both; + height: 0; +} + +aside { + background: #eef1f6; + padding: 8px 24px; + margin-bottom: 20px; + border-radius: 2px; + display: block; + line-height: 32px; + font-size: 16px; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; + color: #2c3e50; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +aside a { + color: #337ab7; + cursor: pointer; +} +aside a:hover { + color: rgb(32, 160, 255); +} + +.app-container { + padding: 20px 20px 45px 20px; +} + +.components-container { + margin: 30px 50px; + position: relative; +} + +.pagination-container { + margin-top: 30px; +} + +.text-center { + text-align: center; +} + +.sub-navbar { + height: 50px; + line-height: 50px; + position: relative; + width: 100%; + text-align: right; + padding-right: 20px; + -webkit-transition: 600ms ease position; + transition: 600ms ease position; + background: -webkit-gradient(linear, left top, right top, from(rgb(32, 182, 249)), color-stop(0%, rgb(32, 182, 249)), color-stop(100%, rgb(33, 120, 241)), to(rgb(33, 120, 241))); + background: linear-gradient(90deg, rgb(32, 182, 249) 0%, rgb(32, 182, 249) 0%, rgb(33, 120, 241) 100%, rgb(33, 120, 241) 100%); +} +.sub-navbar .subtitle { + font-size: 20px; + color: #fff; +} +.sub-navbar.draft { + background: #d0d0d0; +} +.sub-navbar.deleted { + background: #d0d0d0; +} + +.link-type, +.link-type:focus { + color: #337ab7; + cursor: pointer; +} +.link-type:hover, +.link-type:focus:hover { + color: rgb(32, 160, 255); +} + +.multiselect { + line-height: 16px; +} + +.multiselect--active { + z-index: 1000 !important; +} \ No newline at end of file diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss new file mode 100644 index 0000000..21fbda1 --- /dev/null +++ b/src/assets/styles/index.scss @@ -0,0 +1,182 @@ +@import 'variables'; +@import 'mixin'; +@import 'transition'; +@import 'element-ui'; +@import 'sidebar'; +@import 'btn'; +@import 'eladmin'; + +body { + height: 100%; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif; +} + +label { + font-weight: 700; +} + +html { + height: 100%; + box-sizing: border-box; +} + +#app { + height: 100%; +} + +*, +*:before, +*:after { + box-sizing: inherit; +} + +.no-padding { + padding: 0 !important; +} + +.padding-content { + padding: 4px 0; +} + +a:focus, +a:active { + outline: none; +} + +a, +a:focus, +a:hover { + cursor: pointer; + color: inherit; + text-decoration: none; +} + +div:focus { + outline: none; +} + +.fr { + float: right; +} + +.fl { + float: left; +} + +.pr-5 { + padding-right: 5px; +} + +.pl-5 { + padding-left: 5px; +} + +.block { + display: block; +} + +.pointer { + cursor: pointer; +} + +.inlineBlock { + display: block; +} + +.clearfix { + &:after { + visibility: hidden; + display: block; + font-size: 0; + content: " "; + clear: both; + height: 0; + } +} + +aside { + background: #eef1f6; + padding: 8px 24px; + margin-bottom: 20px; + border-radius: 2px; + display: block; + line-height: 32px; + font-size: 16px; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; + color: #2c3e50; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + + a { + color: #337ab7; + cursor: pointer; + + &:hover { + color: rgb(32, 160, 255); + } + } +} + +//main-container全局样式 +.app-container { + padding: 20px 20px 45px 20px; +} + +.components-container { + margin: 30px 50px; + position: relative; +} + +.pagination-container { + margin-top: 30px; +} + +.text-center { + text-align: center +} + +.sub-navbar { + height: 50px; + line-height: 50px; + position: relative; + width: 100%; + text-align: right; + padding-right: 20px; + transition: 600ms ease position; + background: linear-gradient(90deg, rgba(32, 182, 249, 1) 0%, rgba(32, 182, 249, 1) 0%, rgba(33, 120, 241, 1) 100%, rgba(33, 120, 241, 1) 100%); + + .subtitle { + font-size: 20px; + color: #fff; + } + + &.draft { + background: #d0d0d0; + } + + &.deleted { + background: #d0d0d0; + } +} + +.link-type, +.link-type:focus { + color: #337ab7; + cursor: pointer; + + &:hover { + color: rgb(32, 160, 255); + } +} + +//refine vue-multiselect plugin +.multiselect { + line-height: 16px; +} + +.multiselect--active { + z-index: 1000 !important; +} diff --git a/src/assets/styles/mixin.css b/src/assets/styles/mixin.css new file mode 100644 index 0000000..e69de29 diff --git a/src/assets/styles/mixin.scss b/src/assets/styles/mixin.scss new file mode 100644 index 0000000..06fa061 --- /dev/null +++ b/src/assets/styles/mixin.scss @@ -0,0 +1,66 @@ +@mixin clearfix { + &:after { + content: ""; + display: table; + clear: both; + } +} + +@mixin scrollBar { + &::-webkit-scrollbar-track-piece { + background: #d3dce6; + } + + &::-webkit-scrollbar { + width: 6px; + } + + &::-webkit-scrollbar-thumb { + background: #99a9bf; + border-radius: 20px; + } +} + +@mixin relative { + position: relative; + width: 100%; + height: 100%; +} + +@mixin pct($pct) { + width: #{$pct}; + position: relative; + margin: 0 auto; +} + +@mixin triangle($width, $height, $color, $direction) { + $width: $width/2; + $color-border-style: $height solid $color; + $transparent-border-style: $width solid transparent; + height: 0; + width: 0; + + @if $direction==up { + border-bottom: $color-border-style; + border-left: $transparent-border-style; + border-right: $transparent-border-style; + } + + @else if $direction==right { + border-left: $color-border-style; + border-top: $transparent-border-style; + border-bottom: $transparent-border-style; + } + + @else if $direction==down { + border-top: $color-border-style; + border-left: $transparent-border-style; + border-right: $transparent-border-style; + } + + @else if $direction==left { + border-right: $color-border-style; + border-top: $transparent-border-style; + border-bottom: $transparent-border-style; + } +} diff --git a/src/assets/styles/sidebar.scss b/src/assets/styles/sidebar.scss new file mode 100644 index 0000000..17381fc --- /dev/null +++ b/src/assets/styles/sidebar.scss @@ -0,0 +1,209 @@ +#app { + + .main-container { + min-height: 100%; + transition: margin-left .28s; + margin-left: $sideBarWidth; + position: relative; + } + + .sidebar-container { + transition: width 0.28s; + width: $sideBarWidth !important; + background-color: $menuBg; + height: 100%; + position: fixed; + font-size: 0; + top: 0; + bottom: 0; + left: 0; + z-index: 1001; + overflow: hidden; + + // reset element-ui css + .horizontal-collapse-transition { + transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out; + } + + .scrollbar-wrapper { + overflow-x: hidden !important; + } + + .el-scrollbar__bar.is-vertical { + right: 0; + } + + .el-scrollbar { + height: 100%; + } + + &.has-logo { + .el-scrollbar { + height: calc(100% - 50px); + } + } + + .is-horizontal { + display: none; + } + + a { + display: inline-block; + width: 100%; + overflow: hidden; + } + + .svg-icon { + margin-right: 16px; + } + + .el-menu { + border: none; + height: 100%; + width: 100% !important; + } + + // menu hover + .submenu-title-noDropdown, + .el-submenu__title { + &:hover { + background-color: $menuHover !important; + } + } + + .is-active>.el-submenu__title { + color: $subMenuActiveText !important; + } + + & .nest-menu .el-submenu>.el-submenu__title, + & .el-submenu .el-menu-item { + min-width: $sideBarWidth !important; + background-color: $subMenuBg !important; + + &:hover { + background-color: $subMenuHover !important; + } + } + } + + .hideSidebar { + .sidebar-container { + width: 54px !important; + } + + .main-container { + margin-left: 54px; + } + + .submenu-title-noDropdown { + padding: 0 !important; + position: relative; + + .el-tooltip { + padding: 0 !important; + + .svg-icon { + margin-left: 20px; + } + } + } + + .el-submenu { + overflow: hidden; + + &>.el-submenu__title { + padding: 0 !important; + + .svg-icon { + margin-left: 20px; + } + + .el-submenu__icon-arrow { + display: none; + } + } + } + + .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 .el-submenu { + min-width: $sideBarWidth !important; + } + + // mobile responsive + .mobile { + .main-container { + margin-left: 0; + } + + .sidebar-container { + transition: transform .28s; + width: $sideBarWidth !important; + } + + &.hideSidebar { + .sidebar-container { + pointer-events: none; + transition-duration: 0.3s; + transform: translate3d(-$sideBarWidth, 0, 0); + } + } + } + + .withoutAnimation { + + .main-container, + .sidebar-container { + transition: none; + } + } +} + +// when menu collapsed +.el-menu--vertical { + &>.el-menu { + .svg-icon { + margin-right: 16px; + } + } + + .nest-menu .el-submenu>.el-submenu__title, + .el-menu-item { + &:hover { + // you can use $subMenuHover + background-color: $menuHover !important; + } + } + + // the scroll bar appears when the subMenu is too long + >.el-menu--popup { + max-height: 100vh; + overflow-y: auto; + + &::-webkit-scrollbar-track-piece { + background: #d3dce6; + } + + &::-webkit-scrollbar { + width: 6px; + } + + &::-webkit-scrollbar-thumb { + background: #99a9bf; + border-radius: 20px; + } + } +} diff --git a/src/assets/styles/transition.css b/src/assets/styles/transition.css new file mode 100644 index 0000000..51efbec --- /dev/null +++ b/src/assets/styles/transition.css @@ -0,0 +1,53 @@ +/* fade */ +.fade-enter-active, +.fade-leave-active { + -webkit-transition: opacity 0.28s; + transition: opacity 0.28s; +} + +.fade-enter, +.fade-leave-active { + opacity: 0; +} + +/* fade-transform */ +.fade-transform-leave-active, +.fade-transform-enter-active { + -webkit-transition: all 0.5s; + transition: all 0.5s; +} + +.fade-transform-enter { + opacity: 0; + -webkit-transform: translateX(-30px); + transform: translateX(-30px); +} + +.fade-transform-leave-to { + opacity: 0; + -webkit-transform: translateX(30px); + transform: translateX(30px); +} + +/* breadcrumb transition */ +.breadcrumb-enter-active, +.breadcrumb-leave-active { + -webkit-transition: all 0.5s; + transition: all 0.5s; +} + +.breadcrumb-enter, +.breadcrumb-leave-active { + opacity: 0; + -webkit-transform: translateX(20px); + transform: translateX(20px); +} + +.breadcrumb-move { + -webkit-transition: all 0.5s; + transition: all 0.5s; +} + +.breadcrumb-leave-active { + position: absolute; +} \ No newline at end of file diff --git a/src/assets/styles/transition.scss b/src/assets/styles/transition.scss new file mode 100644 index 0000000..4cb27cc --- /dev/null +++ b/src/assets/styles/transition.scss @@ -0,0 +1,48 @@ +// global transition css + +/* fade */ +.fade-enter-active, +.fade-leave-active { + transition: opacity 0.28s; +} + +.fade-enter, +.fade-leave-active { + opacity: 0; +} + +/* fade-transform */ +.fade-transform-leave-active, +.fade-transform-enter-active { + transition: all .5s; +} + +.fade-transform-enter { + opacity: 0; + transform: translateX(-30px); +} + +.fade-transform-leave-to { + opacity: 0; + transform: translateX(30px); +} + +/* breadcrumb transition */ +.breadcrumb-enter-active, +.breadcrumb-leave-active { + transition: all .5s; +} + +.breadcrumb-enter, +.breadcrumb-leave-active { + opacity: 0; + transform: translateX(20px); +} + +.breadcrumb-move { + transition: all .5s; +} + +.breadcrumb-leave-active { + position: absolute; +} diff --git a/src/assets/styles/variables.css b/src/assets/styles/variables.css new file mode 100644 index 0000000..648bc4d --- /dev/null +++ b/src/assets/styles/variables.css @@ -0,0 +1,10 @@ +:export { + menuText: #bfcbd9; + menuActiveText: #409eff; + subMenuActiveText: #f4f4f5; + menuBg: #333; + menuHover: #444; + subMenuBg: #444; + subMenuHover: #555; + sideBarWidth: 205px; +} \ No newline at end of file diff --git a/src/assets/styles/variables.scss b/src/assets/styles/variables.scss new file mode 100644 index 0000000..cab7c4c --- /dev/null +++ b/src/assets/styles/variables.scss @@ -0,0 +1,35 @@ +// base color +$blue: #324157; +$light-blue: #3a71a8; +$red: #c03639; +$pink: #e65d6e; +$green: #30b08f; +$tiffany: #4ab7bd; +$yellow: #fec171; +$panGreen: #30b08f; + +// sidebar +$menuText: #bfcbd9; +$menuActiveText: #409eff; +$subMenuActiveText: #f4f4f5; // https://github.com/ElemeFE/element/issues/12951 + +$menuBg: #333; +$menuHover: #444; + +$subMenuBg: #444; +$subMenuHover: #555; + +$sideBarWidth: 205px; + +// the :export directive is the magic sauce for webpack +// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass +:export { + menuText: $menuText; + menuActiveText: $menuActiveText; + subMenuActiveText: $subMenuActiveText; + menuBg: $menuBg; + menuHover: $menuHover; + subMenuBg: $subMenuBg; + subMenuHover: $subMenuHover; + sideBarWidth: $sideBarWidth; +} diff --git a/src/components/Breadcrumb/index.vue b/src/components/Breadcrumb/index.vue new file mode 100644 index 0000000..204ea59 --- /dev/null +++ b/src/components/Breadcrumb/index.vue @@ -0,0 +1,81 @@ + + + + + diff --git a/src/components/Crud/CRUD.operation.vue b/src/components/Crud/CRUD.operation.vue new file mode 100644 index 0000000..33d2077 --- /dev/null +++ b/src/components/Crud/CRUD.operation.vue @@ -0,0 +1,268 @@ + + + + diff --git a/src/components/Crud/Pagination.vue b/src/components/Crud/Pagination.vue new file mode 100644 index 0000000..d4482fb --- /dev/null +++ b/src/components/Crud/Pagination.vue @@ -0,0 +1,18 @@ + + + diff --git a/src/components/Crud/RR.operation.vue b/src/components/Crud/RR.operation.vue new file mode 100644 index 0000000..df2c138 --- /dev/null +++ b/src/components/Crud/RR.operation.vue @@ -0,0 +1,20 @@ + + + diff --git a/src/components/Crud/UD.operation.vue b/src/components/Crud/UD.operation.vue new file mode 100644 index 0000000..c60abd7 --- /dev/null +++ b/src/components/Crud/UD.operation.vue @@ -0,0 +1,71 @@ + + diff --git a/src/components/Crud/crud.js b/src/components/Crud/crud.js new file mode 100644 index 0000000..b5bd398 --- /dev/null +++ b/src/components/Crud/crud.js @@ -0,0 +1,864 @@ +import { initData, download } from '@/api/data' +import { parseTime, downloadFile } from '@/utils/index' +import Vue from 'vue' + +/** + * CRUD配置 + * @author moxun + * @param {*} options
+ * @return crud instance. + * @example + * 要使用多crud时，请在关联crud的组件处使用crud-tag进行标记，如： + */ +function CRUD(options) { + const defaultOptions = { + tag: 'default', + // id字段名 + idField: 'id', + // 标题 + title: '', + // 请求数据的url + url: '', + // 表格数据 + data: [], + // 选择项 + selections: [], + // 待查询的对象 + query: {}, + // 查询数据的参数 + params: {}, + // Form 表单 + form: {}, + // 重置表单 + defaultForm: () => {}, + // 排序规则，默认 id 降序， 支持多字段排序 ['id,desc', 'createTime,asc'] + sort: ['id,desc'], + // 等待时间 + time: 50, + // CRUD Method + crudMethod: { + add: (form) => {}, + del: (id) => {}, + edit: (form) => {}, + get: (id) => {} + }, + // 主页操作栏显示哪些按钮 + optShow: { + add: true, + edit: true, + del: true, + download: true, + reset: true + }, + // 自定义一些扩展属性 + props: {}, + // 在主页准备 + queryOnPresenterCreated: true, + // 调试开关 + debug: false + } + options = mergeOptions(defaultOptions, options) + const data = { + ...options, + // 记录数据状态 + dataStatus: {}, + status: { + add: CRUD.STATUS.NORMAL, + edit: CRUD.STATUS.NORMAL, + // 添加或编辑状态 + get cu() { + if (this.add === CRUD.STATUS.NORMAL && this.edit === CRUD.STATUS.NORMAL) { + return CRUD.STATUS.NORMAL + } else if (this.add === CRUD.STATUS.PREPARED || this.edit === CRUD.STATUS.PREPARED) { + return CRUD.STATUS.PREPARED + } else if (this.add === CRUD.STATUS.PROCESSING || this.edit === CRUD.STATUS.PROCESSING) { + return CRUD.STATUS.PROCESSING + } + throw new Error('wrong crud\'s cu status') + }, + // 标题 + get title() { + return this.add > CRUD.STATUS.NORMAL ? `新增${crud.title}` : this.edit > CRUD.STATUS.NORMAL ? `编辑${crud.title}` : crud.title + } + }, + msg: { + submit: '提交成功', + add: '新增成功', + edit: '编辑成功', + del: '删除成功' + }, + page: { + // 页码 + page: 0, + // 每页数据条数 + size: 10, + // 总数据条数 + total: 0 + }, + // 整体loading + loading: false, + // 导出的 Loading + downloadLoading: false, + // 删除的 Loading + delAllLoading: false + } + const methods = { + /** + * 通用的提示 + */ + submitSuccessNotify() { + crud.notify(crud.msg.submit, CRUD.NOTIFICATION_TYPE.SUCCESS) + }, + addSuccessNotify() { + crud.notify(crud.msg.add, CRUD.NOTIFICATION_TYPE.SUCCESS) + }, + editSuccessNotify() { + crud.notify(crud.msg.edit, CRUD.NOTIFICATION_TYPE.SUCCESS) + }, + delSuccessNotify() { + crud.notify(crud.msg.del, CRUD.NOTIFICATION_TYPE.SUCCESS) + }, + // 搜索 + toQuery() { + crud.page.page = 1 + crud.refresh() + }, + // 刷新 + refresh() { + if (!callVmHook(crud, CRUD.HOOK.beforeRefresh)) { + return + } + return new Promise((resolve, reject) => { + crud.loading = true + // 请求数据 + initData(crud.url, crud.getQueryParams()).then(data => { + const table = crud.getTable() + if (table && table.lazy) { // 懒加载子节点数据，清掉已加载的数据 + table.store.states.treeData = {} + table.store.states.lazyTreeNodeMap = {} + } + crud.page.total = data.totalElements + crud.data = data.content + crud.resetDataStatus() + // time 毫秒后显示表格 + setTimeout(() => { + crud.loading = false + callVmHook(crud, CRUD.HOOK.afterRefresh) + }, crud.time) + resolve(data) + }).catch(err => { + crud.loading = false + reject(err) + }) + }) + }, + /** + * 启动添加 + */ + toAdd() { + crud.resetForm() + if (!(callVmHook(crud, CRUD.HOOK.beforeToAdd, crud.form) && callVmHook(crud, CRUD.HOOK.beforeToCU, crud.form))) { + return + } + crud.status.add = CRUD.STATUS.PREPARED + callVmHook(crud, CRUD.HOOK.afterToAdd, crud.form) + callVmHook(crud, CRUD.HOOK.afterToCU, crud.form) + }, + /** + * 启动编辑 + * @param {*} data 数据项 + */ + toEdit(data) { + crud.resetForm(JSON.parse(JSON.stringify(data))) + if (!(callVmHook(crud, CRUD.HOOK.beforeToEdit, crud.form) && callVmHook(crud, CRUD.HOOK.beforeToCU, crud.form))) { + return + } + crud.status.edit = CRUD.STATUS.PREPARED + crud.getDataStatus(crud.getDataId(data)).edit = CRUD.STATUS.PREPARED + callVmHook(crud, CRUD.HOOK.afterToEdit, crud.form) + callVmHook(crud, CRUD.HOOK.afterToCU, crud.form) + }, + /** + * 启动删除 + * @param {*} data 数据项 + */ + toDelete(data) { + crud.getDataStatus(crud.getDataId(data)).delete = CRUD.STATUS.PREPARED + }, + /** + * 取消删除 + * @param {*} data 数据项 + */ + cancelDelete(data) { + if (!callVmHook(crud, CRUD.HOOK.beforeDeleteCancel, data)) { + return + } + crud.getDataStatus(crud.getDataId(data)).delete = CRUD.STATUS.NORMAL + callVmHook(crud, CRUD.HOOK.afterDeleteCancel, data) + }, + /** + * 取消新增/编辑 + */ + cancelCU() { + const addStatus = crud.status.add + const editStatus = crud.status.edit + if (addStatus === CRUD.STATUS.PREPARED) { + if (!callVmHook(crud, CRUD.HOOK.beforeAddCancel, crud.form)) { + return + } + crud.status.add = CRUD.STATUS.NORMAL + } + if (editStatus === CRUD.STATUS.PREPARED) { + if (!callVmHook(crud, CRUD.HOOK.beforeEditCancel, crud.form)) { + return + } + crud.status.edit = CRUD.STATUS.NORMAL + crud.getDataStatus(crud.getDataId(crud.form)).edit = CRUD.STATUS.NORMAL + } + crud.resetForm() + if (addStatus === CRUD.STATUS.PREPARED) { + callVmHook(crud, CRUD.HOOK.afterAddCancel, crud.form) + } + if (editStatus === CRUD.STATUS.PREPARED) { + callVmHook(crud, CRUD.HOOK.afterEditCancel, crud.form) + } + // 清除表单验证 + if (crud.findVM('form').$refs['form']) { + crud.findVM('form').$refs['form'].clearValidate() + } + }, + /** + * 提交新增/编辑 + */ + submitCU() { + if (!callVmHook(crud, CRUD.HOOK.beforeValidateCU)) { + return + } + crud.findVM('form').$refs['form'].validate(valid => { + if (!valid) { + return + } + if (!callVmHook(crud, CRUD.HOOK.afterValidateCU)) { + return + } + if (crud.status.add === CRUD.STATUS.PREPARED) { + crud.doAdd() + } else if (crud.status.edit === CRUD.STATUS.PREPARED) { + crud.doEdit() + } + }) + }, + /** + * 执行添加 + */ + doAdd() { + if (!callVmHook(crud, CRUD.HOOK.beforeSubmit)) { + return + } + crud.status.add = CRUD.STATUS.PROCESSING + crud.crudMethod.add(crud.form).then(() => { + crud.status.add = CRUD.STATUS.NORMAL + crud.resetForm() + crud.addSuccessNotify() + callVmHook(crud, CRUD.HOOK.afterSubmit) + crud.toQuery() + }).catch(() => { + crud.status.add = CRUD.STATUS.PREPARED + callVmHook(crud, CRUD.HOOK.afterAddError) + }) + }, + /** + * 执行编辑 + */ + doEdit() { + if (!callVmHook(crud, CRUD.HOOK.beforeSubmit)) { + return + } + crud.status.edit = CRUD.STATUS.PROCESSING + crud.crudMethod.edit(crud.form).then(() => { + crud.status.edit = CRUD.STATUS.NORMAL + crud.getDataStatus(crud.getDataId(crud.form)).edit = CRUD.STATUS.NORMAL + crud.editSuccessNotify() + crud.resetForm() + callVmHook(crud, CRUD.HOOK.afterSubmit) + crud.refresh() + }).catch(() => { + crud.status.edit = CRUD.STATUS.PREPARED + callVmHook(crud, CRUD.HOOK.afterEditError) + }) + }, + /** + * 执行删除 + * @param {*} data 数据项 + */ + doDelete(data) { + let delAll = false + let dataStatus + const ids = [] + if (data instanceof Array) { + delAll = true + data.forEach(val => { + ids.push(this.getDataId(val)) + }) + } else { + ids.push(this.getDataId(data)) + dataStatus = crud.getDataStatus(this.getDataId(data)) + } + if (!callVmHook(crud, CRUD.HOOK.beforeDelete, data)) { + return + } + if (!delAll) { + dataStatus.delete = CRUD.STATUS.PROCESSING + } + return crud.crudMethod.del(ids).then(() => { + if (delAll) { + crud.delAllLoading = false + } else dataStatus.delete = CRUD.STATUS.PREPARED + crud.dleChangePage(1) + crud.delSuccessNotify() + callVmHook(crud, CRUD.HOOK.afterDelete, data) + crud.refresh() + }).catch(() => { + if (delAll) { + crud.delAllLoading = false + } else dataStatus.delete = CRUD.STATUS.PREPARED + }) + }, + /** + * 通用导出 + */ + doExport() { + crud.downloadLoading = true + download(crud.url + '/download', crud.getQueryParams()).then(result => { + downloadFile(result, crud.title + '数据', 'xlsx') + crud.downloadLoading = false + }).catch(() => { + crud.downloadLoading = false + }) + }, + /** + * 获取查询参数 + */ + getQueryParams: function() { + // 清除参数无值的情况 + Object.keys(crud.query).length !== 0 && Object.keys(crud.query).forEach(item => { + if (crud.query[item] === null || crud.query[item] === '') crud.query[item] = undefined + }) + Object.keys(crud.params).length !== 0 && Object.keys(crud.params).forEach(item => { + if (crud.params[item] === null || crud.params[item] === '') crud.params[item] = undefined + }) + return { + page: crud.page.page - 1, + size: crud.page.size, + sort: crud.sort, + ...crud.query, + ...crud.params + } + }, + // 当前页改变 + pageChangeHandler(e) { + crud.page.page = e + crud.refresh() + }, + // 每页条数改变 + sizeChangeHandler(e) { + crud.page.size = e + crud.page.page = 1 + crud.refresh() + }, + // 预防删除第二页最后一条数据时，或者多选删除第二页的数据时，页码错误导致请求无数据 + dleChangePage(size) { + if (crud.data.length === size && crud.page.page !== 1) { + crud.page.page -= 1 + } + }, + // 选择改变 + selectionChangeHandler(val) { + crud.selections = val + }, + /** + * 重置查询参数 + * @param {Boolean} toQuery 重置后进行查询操作 + */ + resetQuery(toQuery = true) { + const defaultQuery = JSON.parse(JSON.stringify(crud.defaultQuery)) + const query = crud.query + Object.keys(query).forEach(key => { + query[key] = defaultQuery[key] + }) + // 重置参数 + this.params = {} + if (toQuery) { + crud.toQuery() + } + }, + /** + * 重置表单 + * @param {Array} data 数据 + */ + resetForm(data) { + const form = data || (typeof crud.defaultForm === 'object' ? JSON.parse(JSON.stringify(crud.defaultForm)) : crud.defaultForm.apply(crud.findVM('form'))) + const crudFrom = crud.form + for (const key in form) { + if (crudFrom.hasOwnProperty(key)) { + crudFrom[key] = form[key] + } else { + Vue.set(crudFrom, key, form[key]) + } + } + // add by ghl 2020-10-04 页面重复添加信息时，下拉框的校验会存在，需要找工取消 + if (crud.findVM('form').$refs['form']) { + crud.findVM('form').$refs['form'].clearValidate() + } + }, + /** + * 重置数据状态 + */ + resetDataStatus() { + const dataStatus = {} + function resetStatus(datas) { + datas.forEach(e => { + dataStatus[crud.getDataId(e)] = { + delete: 0, + edit: 0 + } + if (e.children) { + resetStatus(e.children) + } + }) + } + resetStatus(crud.data) + crud.dataStatus = dataStatus + }, + /** + * 获取数据状态 + * @param {Number | String} id 数据项id + */ + getDataStatus(id) { + return crud.dataStatus[id] + }, + /** + * 用于树形表格多选, 选中所有 + * @param selection + */ + selectAllChange(selection) { + // 如果选中的数目与请求到的数目相同就选中子节点，否则就清空选中 + if (selection && selection.length === crud.data.length) { + selection.forEach(val => { + crud.selectChange(selection, val) + }) + } else { + crud.getTable().clearSelection() + } + }, + /** + * 用于树形表格多选，单选的封装 + * @param selection + * @param row + */ + selectChange(selection, row) { + // 如果selection中存在row代表是选中，否则是取消选中 + if (selection.find(val => { return crud.getDataId(val) === crud.getDataId(row) })) { + if (row.children) { + row.children.forEach(val => { + crud.getTable().toggleRowSelection(val, true) + selection.push(val) + if (val.children) { + crud.selectChange(selection, val) + } + }) + } + } else { + crud.toggleRowSelection(selection, row) + } + }, + /** + * 切换选中状态 + * @param selection + * @param data + */ + toggleRowSelection(selection, data) { + if (data.children) { + data.children.forEach(val => { + selection.splice(selection.findIndex(item => this.getDataId(item) === this.getDataId(val)), 1) + crud.getTable().toggleRowSelection(val, false) + if (val.children) { + crud.toggleRowSelection(selection, val) + } + }) + } + }, + findVM(type) { + return crud.vms.find(vm => vm && vm.type === type).vm + }, + notify(title, type = CRUD.NOTIFICATION_TYPE.INFO) { + crud.vms[0].vm.$notify({ + title, + type, + duration: 2500 + }) + }, + updateProp(name, value) { + Vue.set(crud.props, name, value) + }, + getDataId(data) { + return data[this.idField] + }, + getTable() { + return this.findVM('presenter').$refs.table + }, + attchTable() { + const table = this.getTable() + this.updateProp('table', table) + const that = this + table.$on('expand-change', (row, expanded) => { + if (!expanded) { + return + } + const lazyTreeNodeMap = table.store.states.lazyTreeNodeMap + row.children = lazyTreeNodeMap[crud.getDataId(row)] + if (row.children) { + row.children.forEach(ele => { + const id = crud.getDataId(ele) + if (that.dataStatus[id] === undefined) { + that.dataStatus[id] = { + delete: 0, + edit: 0 + } + } + }) + } + }) + } + } + const crud = Object.assign({}, data) + // 可观测化 + Vue.observable(crud) + // 附加方法 + Object.assign(crud, methods) + // 记录初始默认的查询参数，后续重置查询时使用 + Object.assign(crud, { + defaultQuery: JSON.parse(JSON.stringify(data.query)), + // 预留4位存储：组件 主页、头部、分页、表单，调试查看也方便找 + vms: Array(4), + /** + * 注册组件实例 + * @param {String} type 类型 + * @param {*} vm 组件实例 + * @param {Number} index 该参数内部使用 + */ + registerVM(type, vm, index = -1) { + const vmObj = { + type, + vm: vm + } + if (index < 0) { + this.vms.push(vmObj) + return + } + if (index < 4) { // 内置预留vm数 + this.vms[index] = vmObj + return + } + this.vms.length = Math.max(this.vms.length, index) + this.vms.splice(index, 1, vmObj) + }, + /** + * 取消注册组件实例 + * @param {*} vm 组件实例 + */ + unregisterVM(type, vm) { + for (let i = this.vms.length - 1; i >= 0; i--) { + if (this.vms[i] === undefined) { + continue + } + if (this.vms[i].type === type && this.vms[i].vm === vm) { + if (i < 4) { // 内置预留vm数 + this.vms[i] = undefined + } else { + this.vms.splice(i, 1) + } + break + } + } + } + }) + // 冻结处理，需要扩展数据的话，使用crud.updateProp(name, value)，以crud.props.name形式访问，这个是响应式的，可以做数据绑定 + Object.freeze(crud) + return crud +} + +// hook VM +function callVmHook(crud, hook) { + if (crud.debug) { + console.log('callVmHook: ' + hook) + } + const tagHook = crud.tag ? hook + '$' + crud.tag : null + let ret = true + const nargs = [crud] + for (let i = 2; i < arguments.length; ++i) { + nargs.push(arguments[i]) + } + // 有些组件扮演了多个角色，调用钩子时，需要去重 + const vmSet = new Set() + crud.vms.forEach(vm => vm && vmSet.add(vm.vm)) + vmSet.forEach(vm => { + if (vm[hook]) { + ret = vm[hook].apply(vm, nargs) !== false && ret + } + if (tagHook && vm[tagHook]) { + ret = vm[tagHook].apply(vm, nargs) !== false && ret + } + }) + return ret +} + +function mergeOptions(src, opts) { + const optsRet = { + ...src + } + for (const key in src) { + if (opts.hasOwnProperty(key)) { + optsRet[key] = opts[key] + } + } + return optsRet +} + +/** + * 查找crud + * @param {*} vm + * @param {string} tag + */ +function lookupCrud(vm, tag) { + tag = tag || vm.$attrs['crud-tag'] || 'default' + // function lookupCrud(vm, tag) { + if (vm.$crud) { + const ret = vm.$crud[tag] + if (ret) { + return ret + } + } + return vm.$parent ? lookupCrud(vm.$parent, tag) : undefined +} + +/** + * crud主页 + */ +function presenter(crud) { + if (crud) { + console.warn('[CRUD warn]: ' + 'please use $options.cruds() { return CRUD(...) or [CRUD(...), ...] }') + } + return { + data() { + // 在data中返回crud，是为了将crud与当前实例关联，组件观测crud相关属性变化 + return { + crud: this.crud + } + }, + beforeCreate() { + this.$crud = this.$crud || {} + let cruds = this.$options.cruds instanceof Function ? this.$options.cruds() : crud + if (!(cruds instanceof Array)) { + cruds = [cruds] + } + cruds.forEach(ele => { + if (this.$crud[ele.tag]) { + console.error('[CRUD error]: ' + 'crud with tag [' + ele.tag + ' is already exist') + } + this.$crud[ele.tag] = ele + ele.registerVM('presenter', this, 0) + }) + this.crud = this.$crud['defalut'] || cruds[0] + }, + methods: { + parseTime + }, + created() { + for (const k in this.$crud) { + if (this.$crud[k].queryOnPresenterCreated) { + this.$crud[k].toQuery() + } + } + }, + destroyed() { + for (const k in this.$crud) { + this.$crud[k].unregisterVM('presenter', this) + } + }, + mounted() { + // 如果table未实例化（例如使用了v-if），请稍后在适当时机crud.attchTable刷新table信息 + if (this.$refs.table !== undefined) { + this.crud.attchTable() + } + } + } +} + +/** + * 头部 + */ +function header() { + return { + data() { + return { + crud: this.crud, + query: this.crud.query + } + }, + beforeCreate() { + this.crud = lookupCrud(this) + this.crud.registerVM('header', this, 1) + }, + destroyed() { + this.crud.unregisterVM('header', this) + } + } +} + +/** + * 分页 + */ +function pagination() { + return { + data() { + return { + crud: this.crud, + page: this.crud.page + } + }, + beforeCreate() { + this.crud = lookupCrud(this) + this.crud.registerVM('pagination', this, 2) + }, + destroyed() { + this.crud.unregisterVM('pagination', this) + } + } +} + +/** + * 表单 + */ +function form(defaultForm) { + return { + data() { + return { + crud: this.crud, + form: this.crud.form + } + }, + beforeCreate() { + this.crud = lookupCrud(this) + this.crud.registerVM('form', this, 3) + }, + created() { + this.crud.defaultForm = defaultForm + this.crud.resetForm() + }, + destroyed() { + this.crud.unregisterVM('form', this) + } + } +} + +/** + * crud + */ +function crud(options = {}) { + const defaultOptions = { + type: undefined + } + options = mergeOptions(defaultOptions, options) + return { + data() { + return { + crud: this.crud + } + }, + beforeCreate() { + this.crud = lookupCrud(this) + this.crud.registerVM(options.type, this) + }, + destroyed() { + this.crud.unregisterVM(options.type, this) + } + } +} + +/** + * CRUD钩子 + */ +CRUD.HOOK = { + /** 刷新 - 之前 */ + beforeRefresh: 'beforeCrudRefresh', + /** 刷新 - 之后 */ + afterRefresh: 'afterCrudRefresh', + /** 删除 - 之前 */ + beforeDelete: 'beforeCrudDelete', + /** 删除 - 之后 */ + afterDelete: 'afterCrudDelete', + /** 删除取消 - 之前 */ + beforeDeleteCancel: 'beforeCrudDeleteCancel', + /** 删除取消 - 之后 */ + afterDeleteCancel: 'afterCrudDeleteCancel', + /** 新建 - 之前 */ + beforeToAdd: 'beforeCrudToAdd', + /** 新建 - 之后 */ + afterToAdd: 'afterCrudToAdd', + /** 编辑 - 之前 */ + beforeToEdit: 'beforeCrudToEdit', + /** 编辑 - 之后 */ + afterToEdit: 'afterCrudToEdit', + /** 开始 "新建/编辑" - 之前 */ + beforeToCU: 'beforeCrudToCU', + /** 开始 "新建/编辑" - 之后 */ + afterToCU: 'afterCrudToCU', + /** "新建/编辑" 验证 - 之前 */ + beforeValidateCU: 'beforeCrudValidateCU', + /** "新建/编辑" 验证 - 之后 */ + afterValidateCU: 'afterCrudValidateCU', + /** 添加取消 - 之前 */ + beforeAddCancel: 'beforeCrudAddCancel', + /** 添加取消 - 之后 */ + afterAddCancel: 'afterCrudAddCancel', + /** 编辑取消 - 之前 */ + beforeEditCancel: 'beforeCrudEditCancel', + /** 编辑取消 - 之后 */ + afterEditCancel: 'afterCrudEditCancel', + /** 提交 - 之前 */ + beforeSubmit: 'beforeCrudSubmitCU', + /** 提交 - 之后 */ + afterSubmit: 'afterCrudSubmitCU', + afterAddError: 'afterCrudAddError', + afterEditError: 'afterCrudEditError' +} + +/** + * CRUD状态 + */ +CRUD.STATUS = { + NORMAL: 0, + PREPARED: 1, + PROCESSING: 2 +} + +/** + * CRUD通知类型 + */ +CRUD.NOTIFICATION_TYPE = { + SUCCESS: 'success', + WARNING: 'warning', + INFO: 'info', + ERROR: 'error' +} + +export default CRUD + +export { + presenter, + header, + form, + pagination, + crud +} diff --git a/src/components/DateRangePicker/index.vue b/src/components/DateRangePicker/index.vue new file mode 100644 index 0000000..8feea56 --- /dev/null +++ b/src/components/DateRangePicker/index.vue @@ -0,0 +1,45 @@ + diff --git a/src/components/Dict/Dict.js b/src/components/Dict/Dict.js new file mode 100644 index 0000000..48554de --- /dev/null +++ b/src/components/Dict/Dict.js @@ -0,0 +1,29 @@ +import Vue from 'vue' +import { get as getDictDetail } from '@/api/system/dictDetail' + +export default class Dict { + constructor(dict) { + this.dict = dict + } + + async init(names, completeCallback) { + if (names === undefined || name === null) { + throw new Error('need Dict names') + } + const ps = [] + names.forEach(n => { + Vue.set(this.dict.dict, n, {}) + Vue.set(this.dict.label, n, {}) + Vue.set(this.dict, n, []) + ps.push(getDictDetail(n).then(data => { + this.dict[n].splice(0, 0, ...data.content) + data.content.forEach(d => { + Vue.set(this.dict.dict[n], d.value, d) + Vue.set(this.dict.label[n], d.value, d.label) + }) + })) + }) + await Promise.all(ps) + completeCallback() + } +} diff --git a/src/components/Dict/index.js b/src/components/Dict/index.js new file mode 100644 index 0000000..0952f43 --- /dev/null +++ b/src/components/Dict/index.js @@ -0,0 +1,29 @@ +import Dict from './Dict' + +const install = function(Vue) { + Vue.mixin({ + data() { + if (this.$options.dicts instanceof Array) { + const dict = { + dict: {}, + label: {} + } + return { + dict + } + } + return {} + }, + created() { + if (this.$options.dicts instanceof Array) { + new Dict(this.dict).init(this.$options.dicts, () => { + this.$nextTick(() => { + this.$emit('dictReady') + }) + }) + } + } + }) +} + +export default { install } diff --git a/src/components/Doc/index.vue b/src/components/Doc/index.vue new file mode 100644 index 0000000..8c59930 --- /dev/null +++ b/src/components/Doc/index.vue @@ -0,0 +1,16 @@ + + + diff --git a/src/components/Echarts/BarChart.vue b/src/components/Echarts/BarChart.vue new file mode 100644 index 0000000..fa265ef --- /dev/null +++ b/src/components/Echarts/BarChart.vue @@ -0,0 +1,106 @@ + + + diff --git a/src/components/Echarts/Category.vue b/src/components/Echarts/Category.vue new file mode 100644 index 0000000..5859114 --- /dev/null +++ b/src/components/Echarts/Category.vue @@ -0,0 +1,438 @@ + + + diff --git a/src/components/Echarts/Funnel.vue b/src/components/Echarts/Funnel.vue new file mode 100644 index 0000000..380b373 --- /dev/null +++ b/src/components/Echarts/Funnel.vue @@ -0,0 +1,120 @@ + + + diff --git a/src/components/Echarts/Gauge.vue b/src/components/Echarts/Gauge.vue new file mode 100644 index 0000000..40ce775 --- /dev/null +++ b/src/components/Echarts/Gauge.vue @@ -0,0 +1,74 @@ + + + diff --git a/src/components/Echarts/Graph.vue b/src/components/Echarts/Graph.vue new file mode 100644 index 0000000..a5a88b3 --- /dev/null +++ b/src/components/Echarts/Graph.vue @@ -0,0 +1,101 @@ + + + diff --git a/src/components/Echarts/HeatMap.vue b/src/components/Echarts/HeatMap.vue new file mode 100644 index 0000000..6606278 --- /dev/null +++ b/src/components/Echarts/HeatMap.vue @@ -0,0 +1,105 @@ + + + diff --git a/src/components/Echarts/PieChart.vue b/src/components/Echarts/PieChart.vue new file mode 100644 index 0000000..ff1bc52 --- /dev/null +++ b/src/components/Echarts/PieChart.vue @@ -0,0 +1,84 @@ + + + diff --git a/src/components/Echarts/Point.vue b/src/components/Echarts/Point.vue new file mode 100644 index 0000000..5a6c777 --- /dev/null +++ b/src/components/Echarts/Point.vue @@ -0,0 +1,149 @@ + + + diff --git a/src/components/Echarts/RadarChart.vue b/src/components/Echarts/RadarChart.vue new file mode 100644 index 0000000..de70e52 --- /dev/null +++ b/src/components/Echarts/RadarChart.vue @@ -0,0 +1,120 @@ + + + diff --git a/src/components/Echarts/Rich.vue b/src/components/Echarts/Rich.vue new file mode 100644 index 0000000..1cf6bf2 --- /dev/null +++ b/src/components/Echarts/Rich.vue @@ -0,0 +1,149 @@ + + + diff --git a/src/components/Echarts/Sankey.vue b/src/components/Echarts/Sankey.vue new file mode 100644 index 0000000..49968c4 --- /dev/null +++ b/src/components/Echarts/Sankey.vue @@ -0,0 +1,100 @@ + + + diff --git a/src/components/Echarts/Scatter.vue b/src/components/Echarts/Scatter.vue new file mode 100644 index 0000000..b776efb --- /dev/null +++ b/src/components/Echarts/Scatter.vue @@ -0,0 +1,143 @@ + + + diff --git a/src/components/Echarts/Sunburst.vue b/src/components/Echarts/Sunburst.vue new file mode 100644 index 0000000..fafc1a8 --- /dev/null +++ b/src/components/Echarts/Sunburst.vue @@ -0,0 +1,107 @@ + + + diff --git a/src/components/Echarts/ThemeRiver.vue b/src/components/Echarts/ThemeRiver.vue new file mode 100644 index 0000000..967fc05 --- /dev/null +++ b/src/components/Echarts/ThemeRiver.vue @@ -0,0 +1,148 @@ + + + diff --git a/src/components/Editor/index.vue b/src/components/Editor/index.vue new file mode 100644 index 0000000..d5fd17f --- /dev/null +++ b/src/components/Editor/index.vue @@ -0,0 +1,272 @@ + + + + + diff --git a/src/components/GithubCorner/index.vue b/src/components/GithubCorner/index.vue new file mode 100644 index 0000000..fd77324 --- /dev/null +++ b/src/components/GithubCorner/index.vue @@ -0,0 +1,54 @@ + + + diff --git a/src/components/Hamburger/index.vue b/src/components/Hamburger/index.vue new file mode 100644 index 0000000..368b002 --- /dev/null +++ b/src/components/Hamburger/index.vue @@ -0,0 +1,44 @@ + + + + + diff --git a/src/components/HeaderSearch/index.vue b/src/components/HeaderSearch/index.vue new file mode 100644 index 0000000..c713efc --- /dev/null +++ b/src/components/HeaderSearch/index.vue @@ -0,0 +1,188 @@ + + + + + diff --git a/src/components/IconSelect/index.vue b/src/components/IconSelect/index.vue new file mode 100644 index 0000000..b0ec9fa --- /dev/null +++ b/src/components/IconSelect/index.vue @@ -0,0 +1,68 @@ + + + + + + diff --git a/src/components/IconSelect/requireIcons.js b/src/components/IconSelect/requireIcons.js new file mode 100644 index 0000000..99e5c54 --- /dev/null +++ b/src/components/IconSelect/requireIcons.js @@ -0,0 +1,11 @@ + +const req = require.context('../../assets/icons/svg', false, /\.svg$/) +const requireAll = requireContext => requireContext.keys() + +const re = /\.\/(.*)\.svg/ + +const icons = requireAll(req).map(i => { + return i.match(re)[1] +}) + +export default icons diff --git a/src/components/Iframe/index.vue b/src/components/Iframe/index.vue new file mode 100644 index 0000000..9f395a3 --- /dev/null +++ b/src/components/Iframe/index.vue @@ -0,0 +1,30 @@ +