diff --git a/images/orange-demo-activiti-web/.browserslistrc b/images/orange-demo-activiti-web/.browserslistrc deleted file mode 100644 index d6471a38..00000000 --- a/images/orange-demo-activiti-web/.browserslistrc +++ /dev/null @@ -1,2 +0,0 @@ -> 1% -last 2 versions diff --git a/images/orange-demo-activiti-web/.editorconfig b/images/orange-demo-activiti-web/.editorconfig deleted file mode 100644 index 7053c49a..00000000 --- a/images/orange-demo-activiti-web/.editorconfig +++ /dev/null @@ -1,5 +0,0 @@ -[*.{js,jsx,ts,tsx,vue}] -indent_style = space -indent_size = 2 -trim_trailing_whitespace = true -insert_final_newline = true diff --git a/images/orange-demo-activiti-web/.eslintignore b/images/orange-demo-activiti-web/.eslintignore deleted file mode 100644 index 9c420b5a..00000000 --- a/images/orange-demo-activiti-web/.eslintignore +++ /dev/null @@ -1 +0,0 @@ -/src/views/workflow/package/* \ No newline at end of file diff --git a/images/orange-demo-activiti-web/.eslintrc.js b/images/orange-demo-activiti-web/.eslintrc.js deleted file mode 100644 index 81d92950..00000000 --- a/images/orange-demo-activiti-web/.eslintrc.js +++ /dev/null @@ -1,39 +0,0 @@ -module.exports = { - root: true, - env: { - node: true - }, - 'extends': [ - 'plugin:vue/essential', - '@vue/standard' - ], - parserOptions: { - parser: 'babel-eslint' - }, - rules: { - 'no-console': 'off', - 'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off', - 'semi': ['off', 'always'], - 'prefer-promise-reject-errors': ['error', { 'allowEmptyReject': true }], - 'no-trailing-spaces': ['error', { 'skipBlankLines': true }], - 'prefer-const': ['off'], - 'quote-props': ['off'], - 'object-curly-spacing': ['off'], - 'dot-notation': ['off'], - 'lines-between-class-members': ['off'], - // 'no-undef': ['off', 'always'], - // 'no-unused-vars': ['off', 'always'], - 'no-new-func': ['off', 'always'] - }, - overrides: [ - { - files: [ - '**/__tests__/*.{j,t}s?(x)', - '**/tests/unit/**/*.spec.{j,t}s?(x)' - ], - env: { - jest: true - } - } - ] -} diff --git a/images/orange-demo-activiti-web/.gitignore b/images/orange-demo-activiti-web/.gitignore deleted file mode 100644 index a0dddc6f..00000000 --- a/images/orange-demo-activiti-web/.gitignore +++ /dev/null @@ -1,21 +0,0 @@ -.DS_Store -node_modules -/dist - -# local env files -.env.local -.env.*.local - -# Log files -npm-debug.log* -yarn-debug.log* -yarn-error.log* - -# Editor directories and files -.idea -.vscode -*.suo -*.ntvs* -*.njsproj -*.sln -*.sw? diff --git a/images/orange-demo-activiti-web/README.md b/images/orange-demo-activiti-web/README.md deleted file mode 100644 index 3b5fbf8e..00000000 --- a/images/orange-demo-activiti-web/README.md +++ /dev/null @@ -1,15 +0,0 @@ -## 橙单代码生成器 -### 构建命令 -``` bash -# install dependencies -npm install - -# serve with hot reload at localhost:8080 -npm run dev - -# build for production with minification -npm run build - -# run all tests -npm test -``` diff --git a/images/orange-demo-activiti-web/babel.config.js b/images/orange-demo-activiti-web/babel.config.js deleted file mode 100644 index e9558405..00000000 --- a/images/orange-demo-activiti-web/babel.config.js +++ /dev/null @@ -1,5 +0,0 @@ -module.exports = { - presets: [ - '@vue/cli-plugin-babel/preset' - ] -} diff --git a/images/orange-demo-activiti-web/jest.config.js b/images/orange-demo-activiti-web/jest.config.js deleted file mode 100644 index 0f957914..00000000 --- a/images/orange-demo-activiti-web/jest.config.js +++ /dev/null @@ -1,3 +0,0 @@ -module.exports = { - preset: '@vue/cli-plugin-unit-jest' -} diff --git a/images/orange-demo-activiti-web/package.json b/images/orange-demo-activiti-web/package.json deleted file mode 100644 index db304a7c..00000000 --- a/images/orange-demo-activiti-web/package.json +++ /dev/null @@ -1,71 +0,0 @@ -{ - "name": "orange-project", - "version": "1.0.0", - "private": true, - "scripts": { - "serve": "vue-cli-service serve", - "dev": "vue-cli-service serve", - "build": "vue-cli-service build", - "test:unit": "vue-cli-service test:unit", - "lint": "vue-cli-service lint" - }, - "dependencies": { - "axios": "^0.18.0", - "echarts": "^4.2.1", - "element-ui": "^2.13.0", - "jquery": "^3.3.1", - "js-cookie": "^2.2.1", - "jsencrypt": "^3.0.0-rc.1", - "json-bigint": "^0.3.0", - "layui-layer": "^1.0.9", - "lodash": "^4.17.5", - "core-js": "^3.6.4", - "register-service-worker": "^1.6.2", - "sortablejs": "^1.7.0", - "v-charts": "^1.19.0", - "vue": "^2.6.11", - "vue-router": "^3.1.5", - "vuex": "^3.1.2", - "wangeditor": "^3.1.1", - "vue-json-viewer": "^2.2.18", - "min-dash": "^3.5.2", - "vuedraggable": "^2.24.3", - "xml-js": "^1.6.11", - "highlight.js": "^10.5.0", - "bpmn-js-token-simulation": "^0.10.0" - }, - "devDependencies": { - "@vue/cli-plugin-babel": "~4.2.0", - "@vue/cli-plugin-eslint": "~4.2.0", - "@vue/cli-plugin-pwa": "~4.2.0", - "@vue/cli-plugin-router": "~4.2.0", - "@vue/cli-plugin-unit-jest": "~4.2.0", - "@vue/cli-plugin-vuex": "~4.2.0", - "@vue/cli-service": "~4.2.0", - "@vue/eslint-config-standard": "^5.1.0", - "@vue/test-utils": "1.0.0-beta.31", - "babel-eslint": "^10.0.3", - "bpmn-js": "^7.4.0", - "bpmn-js-properties-panel": "^0.37.2", - "camunda-bpmn-moddle": "^4.4.1", - "eslint": "^6.7.2", - "eslint-plugin-import": "^2.20.1", - "eslint-plugin-node": "^11.0.0", - "eslint-plugin-promise": "^4.2.1", - "eslint-plugin-standard": "^4.0.0", - "eslint-plugin-vue": "^6.1.2", - "lint-staged": "^9.5.0", - "node-sass": "^4.13.1", - "sass-loader": "^7.3.1", - "vue-template-compiler": "^2.6.11" - }, - "gitHooks": { - "pre-commit": "lint-staged" - }, - "lint-staged": { - "*.{js,jsx,vue}": [ - "vue-cli-service lint", - "git add" - ] - } -} diff --git a/images/orange-demo-activiti-web/public/favicon.ico b/images/orange-demo-activiti-web/public/favicon.ico deleted file mode 100644 index df36fcfb..00000000 Binary files a/images/orange-demo-activiti-web/public/favicon.ico and /dev/null differ diff --git a/images/orange-demo-activiti-web/public/img/icons/android-chrome-192x192.png b/images/orange-demo-activiti-web/public/img/icons/android-chrome-192x192.png deleted file mode 100644 index b02aa64d..00000000 Binary files a/images/orange-demo-activiti-web/public/img/icons/android-chrome-192x192.png and /dev/null differ diff --git a/images/orange-demo-activiti-web/public/img/icons/android-chrome-512x512.png b/images/orange-demo-activiti-web/public/img/icons/android-chrome-512x512.png deleted file mode 100644 index 06088b01..00000000 Binary files a/images/orange-demo-activiti-web/public/img/icons/android-chrome-512x512.png and /dev/null differ diff --git a/images/orange-demo-activiti-web/public/img/icons/android-chrome-maskable-192x192.png b/images/orange-demo-activiti-web/public/img/icons/android-chrome-maskable-192x192.png deleted file mode 100644 index 791e9c8c..00000000 Binary files a/images/orange-demo-activiti-web/public/img/icons/android-chrome-maskable-192x192.png and /dev/null differ diff --git a/images/orange-demo-activiti-web/public/img/icons/android-chrome-maskable-512x512.png b/images/orange-demo-activiti-web/public/img/icons/android-chrome-maskable-512x512.png deleted file mode 100644 index 5f2098ed..00000000 Binary files a/images/orange-demo-activiti-web/public/img/icons/android-chrome-maskable-512x512.png and /dev/null differ diff --git a/images/orange-demo-activiti-web/public/img/icons/apple-touch-icon-120x120.png b/images/orange-demo-activiti-web/public/img/icons/apple-touch-icon-120x120.png deleted file mode 100644 index 1427cf62..00000000 Binary files a/images/orange-demo-activiti-web/public/img/icons/apple-touch-icon-120x120.png and /dev/null differ diff --git a/images/orange-demo-activiti-web/public/img/icons/apple-touch-icon-152x152.png b/images/orange-demo-activiti-web/public/img/icons/apple-touch-icon-152x152.png deleted file mode 100644 index f24d454a..00000000 Binary files a/images/orange-demo-activiti-web/public/img/icons/apple-touch-icon-152x152.png and /dev/null differ diff --git a/images/orange-demo-activiti-web/public/img/icons/apple-touch-icon-180x180.png b/images/orange-demo-activiti-web/public/img/icons/apple-touch-icon-180x180.png deleted file mode 100644 index 404e192a..00000000 Binary files a/images/orange-demo-activiti-web/public/img/icons/apple-touch-icon-180x180.png and /dev/null differ diff --git a/images/orange-demo-activiti-web/public/img/icons/apple-touch-icon-60x60.png b/images/orange-demo-activiti-web/public/img/icons/apple-touch-icon-60x60.png deleted file mode 100644 index cf10a560..00000000 Binary files a/images/orange-demo-activiti-web/public/img/icons/apple-touch-icon-60x60.png and /dev/null differ diff --git a/images/orange-demo-activiti-web/public/img/icons/apple-touch-icon-76x76.png b/images/orange-demo-activiti-web/public/img/icons/apple-touch-icon-76x76.png deleted file mode 100644 index c500769e..00000000 Binary files a/images/orange-demo-activiti-web/public/img/icons/apple-touch-icon-76x76.png and /dev/null differ diff --git a/images/orange-demo-activiti-web/public/img/icons/apple-touch-icon.png b/images/orange-demo-activiti-web/public/img/icons/apple-touch-icon.png deleted file mode 100644 index 03c0c5d5..00000000 Binary files a/images/orange-demo-activiti-web/public/img/icons/apple-touch-icon.png and /dev/null differ diff --git a/images/orange-demo-activiti-web/public/img/icons/favicon-16x16.png b/images/orange-demo-activiti-web/public/img/icons/favicon-16x16.png deleted file mode 100644 index 42af0096..00000000 Binary files a/images/orange-demo-activiti-web/public/img/icons/favicon-16x16.png and /dev/null differ diff --git a/images/orange-demo-activiti-web/public/img/icons/favicon-32x32.png b/images/orange-demo-activiti-web/public/img/icons/favicon-32x32.png deleted file mode 100644 index 46ca04de..00000000 Binary files a/images/orange-demo-activiti-web/public/img/icons/favicon-32x32.png and /dev/null differ diff --git a/images/orange-demo-activiti-web/public/img/icons/msapplication-icon-144x144.png b/images/orange-demo-activiti-web/public/img/icons/msapplication-icon-144x144.png deleted file mode 100644 index 7808237a..00000000 Binary files a/images/orange-demo-activiti-web/public/img/icons/msapplication-icon-144x144.png and /dev/null differ diff --git a/images/orange-demo-activiti-web/public/img/icons/mstile-150x150.png b/images/orange-demo-activiti-web/public/img/icons/mstile-150x150.png deleted file mode 100644 index 3b37a43a..00000000 Binary files a/images/orange-demo-activiti-web/public/img/icons/mstile-150x150.png and /dev/null differ diff --git a/images/orange-demo-activiti-web/public/img/icons/safari-pinned-tab.svg b/images/orange-demo-activiti-web/public/img/icons/safari-pinned-tab.svg deleted file mode 100644 index 732afd8e..00000000 --- a/images/orange-demo-activiti-web/public/img/icons/safari-pinned-tab.svg +++ /dev/null @@ -1,149 +0,0 @@ - - - - -Created by potrace 1.11, written by Peter Selinger 2001-2013 - - - - - diff --git a/images/orange-demo-activiti-web/public/index.html b/images/orange-demo-activiti-web/public/index.html deleted file mode 100644 index 011aade2..00000000 --- a/images/orange-demo-activiti-web/public/index.html +++ /dev/null @@ -1,16 +0,0 @@ - - - - - - - 橙单代码生成平台 - - - -
- - - diff --git a/images/orange-demo-activiti-web/public/robots.txt b/images/orange-demo-activiti-web/public/robots.txt deleted file mode 100644 index eb053628..00000000 --- a/images/orange-demo-activiti-web/public/robots.txt +++ /dev/null @@ -1,2 +0,0 @@ -User-agent: * -Disallow: diff --git a/images/orange-demo-activiti-web/src/App.vue b/images/orange-demo-activiti-web/src/App.vue deleted file mode 100644 index 7e16a155..00000000 --- a/images/orange-demo-activiti-web/src/App.vue +++ /dev/null @@ -1,21 +0,0 @@ - - - diff --git a/images/orange-demo-activiti-web/src/api/Controller/DictionaryController.js b/images/orange-demo-activiti-web/src/api/Controller/DictionaryController.js deleted file mode 100644 index f6737d89..00000000 --- a/images/orange-demo-activiti-web/src/api/Controller/DictionaryController.js +++ /dev/null @@ -1,106 +0,0 @@ -import * as staticDict from '@/staticDict' - -export default class DictionaryController { - static dictSysRole (sender, params, axiosOption, httpOption) { - return new Promise((resolve, reject) => { - sender.doUrl('/admin/upms/sysRole/listDict', 'get', params, axiosOption, httpOption).then(res => { - let dictData = new staticDict.DictionaryBase('角色字典'); - dictData.setList(res.data); - resolve(dictData); - }).catch(err => { - reject(err); - }); - }); - } - static dictSysUserStatus () { - return new Promise((resolve) => { - resolve(staticDict.SysUserStatus); - }); - } - static dictSysUserType () { - return new Promise((resolve) => { - resolve(staticDict.SysUserType); - }); - } - static dictSysDept (sender, params, axiosOption, httpOption) { - return new Promise((resolve, reject) => { - sender.doUrl('/admin/upms/sysDept/listDict', 'get', params, axiosOption, httpOption).then(res => { - let dictData = new staticDict.DictionaryBase('部门字典'); - dictData.setList(res.data); - resolve(dictData); - }).catch(err => { - reject(err); - }); - }); - } - static dictSysDeptByParentId (sender, params, axiosOption, httpOption) { - return new Promise((resolve, reject) => { - sender.doUrl('/admin/upms/sysDept/listDictByParentId', 'get', params, axiosOption, httpOption).then(res => { - let dictData = new staticDict.DictionaryBase('部门字典'); - dictData.setList(res.data); - resolve(dictData); - }).catch(err => { - reject(err); - }); - }); - } - static dictAreaCode (sender, params, axiosOption, httpOption) { - return new Promise((resolve, reject) => { - sender.doUrl('/admin/app/areaCode/listDict', 'get', params, axiosOption, httpOption).then(res => { - let dictData = new staticDict.DictionaryBase('行政区划'); - dictData.setList(res.data); - resolve(dictData); - }).catch(err => { - reject(err); - }); - }); - } - static dictAreaCodeByParentId (sender, params, axiosOption, httpOption) { - return new Promise((resolve, reject) => { - sender.doUrl('/admin/app/areaCode/listDictByParentId', 'get', params, axiosOption, httpOption).then(res => { - let dictData = new staticDict.DictionaryBase('行政区划'); - dictData.setList(res.data); - resolve(dictData); - }).catch(err => { - reject(err); - }); - }); - } - static dictAddAreaCode (sender, params, axiosOption, httpOption) { - return sender.doUrl('', 'post', params, axiosOption, httpOption); - } - static dictDeleteAreaCode (sender, params, axiosOption, httpOption) { - return sender.doUrl('', 'post', params, axiosOption, httpOption); - } - static dictUpdateAreaCode (sender, params, axiosOption, httpOption) { - return sender.doUrl('', 'post', params, axiosOption, httpOption); - } - static dictReloadAreaCodeCachedData (sender, params, axiosOption, httpOption) { - return sender.doUrl('', 'get', params, axiosOption, httpOption); - } - static dictSysDataPermType () { - return new Promise((resolve) => { - resolve(staticDict.SysDataPermType); - }); - } - static dictDeptPost (sender, params, axiosOption, httpOption) { - return new Promise((resolve, reject) => { - sender.doUrl('admin/upms/sysDept/listSysDeptPostWithRelation', 'get', params, axiosOption, httpOption).then(res => { - resolve(res.data); - }).catch(err => { - reject(err); - }); - }); - } - static dictSysPost (sender, params, axiosOption, httpOption) { - return new Promise((resolve, reject) => { - sender.doUrl('/admin/upms/sysPost/listDict', 'get', params, axiosOption, httpOption).then(res => { - let dictData = new staticDict.DictionaryBase('岗位字典'); - dictData.setList(res.data); - resolve(dictData); - }).catch(err => { - reject(err); - }); - }); - } -} diff --git a/images/orange-demo-activiti-web/src/api/Controller/SysDataPermController.js b/images/orange-demo-activiti-web/src/api/Controller/SysDataPermController.js deleted file mode 100644 index 15fd5ccc..00000000 --- a/images/orange-demo-activiti-web/src/api/Controller/SysDataPermController.js +++ /dev/null @@ -1,61 +0,0 @@ -export default class SysDataPermController { - /** - * @param params {dataPermId, dataPermName, deptIdListString} - */ - static add (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysDataPerm/add', 'post', params, axiosOption, httpOption); - } - - /** - * @param params {dataPermId, dataPermName, deptIdListString} - */ - static update (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysDataPerm/update', 'post', params, axiosOption, httpOption); - } - - /** - * @param params {dataPermId} - */ - static delete (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysDataPerm/delete', 'post', params, axiosOption, httpOption); - } - - /** - * @param params {dataPermName} - */ - static list (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysDataPerm/list', 'post', params, axiosOption, httpOption); - } - - /** - * @param params {dataPermId} - */ - static view (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysDataPerm/view', 'get', params, axiosOption, httpOption); - } - - /** - * @param params {dataPermId, searchString} - */ - static listDataPermUser (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysDataPerm/listDataPermUser', 'post', params, axiosOption, httpOption); - } - - /** - * @param params {dataPermId, userIdListString} - */ - static addDataPermUser (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysDataPerm/addDataPermUser', 'post', params, axiosOption, httpOption); - } - - /** - * @param params {dataPermId, userId} - */ - static deleteDataPermUser (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysDataPerm/deleteDataPermUser', 'post', params, axiosOption, httpOption); - } - - static listNotInDataPermUser (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysDataPerm/listNotInDataPermUser', 'post', params, axiosOption, httpOption); - } -} diff --git a/images/orange-demo-activiti-web/src/api/Controller/SysDeptController.js b/images/orange-demo-activiti-web/src/api/Controller/SysDeptController.js deleted file mode 100644 index caabeedd..00000000 --- a/images/orange-demo-activiti-web/src/api/Controller/SysDeptController.js +++ /dev/null @@ -1,49 +0,0 @@ -export default class SysDeptController { - static list (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysDept/list', 'post', params, axiosOption, httpOption); - } - - static view (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysDept/view', 'get', params, axiosOption, httpOption); - } - - static export (sender, params, fileName) { - return sender.download('admin/upms/sysDept/export', params, fileName); - } - - static add (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysDept/add', 'post', params, axiosOption, httpOption); - } - - static update (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysDept/update', 'post', params, axiosOption, httpOption); - } - - static delete (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysDept/delete', 'post', params, axiosOption, httpOption); - } - - static listNotInSysDeptPost (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysDept/listNotInSysDeptPost', 'post', params, axiosOption, httpOption); - } - - static listSysDeptPost (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysDept/listSysDeptPost', 'post', params, axiosOption, httpOption); - } - - static addSysDeptPost (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysDept/addSysDeptPost', 'post', params, axiosOption, httpOption); - } - - static updateSysDeptPost (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysDept/updateSysDeptPost', 'post', params, axiosOption, httpOption); - } - - static deleteSysDeptPost (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysDept/deleteSysDeptPost', 'post', params, axiosOption, httpOption); - } - - static viewSysDeptPost (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysDept/viewSysDeptPost', 'get', params, axiosOption, httpOption); - } -} diff --git a/images/orange-demo-activiti-web/src/api/Controller/SysPostController.js b/images/orange-demo-activiti-web/src/api/Controller/SysPostController.js deleted file mode 100644 index 665dcf7b..00000000 --- a/images/orange-demo-activiti-web/src/api/Controller/SysPostController.js +++ /dev/null @@ -1,21 +0,0 @@ -export default class SysPostController { - static list (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/upms/sysPost/list', 'post', params, axiosOption, httpOption); - } - - static view (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/upms/sysPost/view', 'get', params, axiosOption, httpOption); - } - - static add (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/upms/sysPost/add', 'post', params, axiosOption, httpOption); - } - - static update (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/upms/sysPost/update', 'post', params, axiosOption, httpOption); - } - - static delete (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/upms/sysPost/delete', 'post', params, axiosOption, httpOption); - } -} diff --git a/images/orange-demo-activiti-web/src/api/Controller/SysUserController.js b/images/orange-demo-activiti-web/src/api/Controller/SysUserController.js deleted file mode 100644 index 92d627d3..00000000 --- a/images/orange-demo-activiti-web/src/api/Controller/SysUserController.js +++ /dev/null @@ -1,25 +0,0 @@ -export default class SysUserController { - static list (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysUser/list', 'post', params, axiosOption, httpOption); - } - - static view (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysUser/view', 'get', params, axiosOption, httpOption); - } - - static export (sender, params, fileName) { - return sender.download('admin/upms/sysUser/export', params, fileName); - } - - static add (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysUser/add', 'post', params, axiosOption, httpOption); - } - - static update (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysUser/update', 'post', params, axiosOption, httpOption); - } - - static delete (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysUser/delete', 'post', params, axiosOption, httpOption); - } -} diff --git a/images/orange-demo-activiti-web/src/api/Controller/SystemController.js b/images/orange-demo-activiti-web/src/api/Controller/SystemController.js deleted file mode 100644 index 75a4fd01..00000000 --- a/images/orange-demo-activiti-web/src/api/Controller/SystemController.js +++ /dev/null @@ -1,252 +0,0 @@ -export default class SystemController { - static login (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/login/doLogin', 'post', params, axiosOption, httpOption); - } - - static logout (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/login/doLogout', 'post', params, axiosOption, httpOption); - } - - static changePassword (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/login/changePassword', 'post', params, axiosOption, httpOption); - } - - static getLoginInfo (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/login/getLoginInfo', 'get', params, axiosOption, httpOption); - } - - static getDictList (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysDict/list', 'post', params, axiosOption, httpOption); - } - - static getRoleList (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysRole/list', 'post', params, axiosOption, httpOption); - } - - static getRole (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysRole/view', 'get', params, axiosOption, httpOption); - } - - static deleteRole (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysRole/delete', 'post', params, axiosOption, httpOption); - } - - static addRole (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysRole/add', 'post', params, axiosOption, httpOption); - } - - static updateRole (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysRole/update', 'post', params, axiosOption, httpOption); - } - - static getUserList (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysUser/list', 'post', params, axiosOption, httpOption); - } - - static getUser (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysUser/view', 'get', params, axiosOption, httpOption); - } - - static resetUserPassword (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysUser/resetPassword', 'post', params, axiosOption, httpOption); - } - - static deleteUser (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysUser/delete', 'post', params, axiosOption, httpOption); - } - - static addUser (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysUser/add', 'post', params, axiosOption, httpOption); - } - - static updateUser (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysUser/update', 'post', params, axiosOption, httpOption); - } - - static addDepartment (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysDept/add', 'post', params, axiosOption, httpOption); - } - - static deleteDepartment (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysDept/delete', 'post', params, axiosOption, httpOption); - } - - static updateDepartment (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysDept/update', 'post', params, axiosOption, httpOption); - } - - static getDepartmentList (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysDept/list', 'post', params, axiosOption, httpOption); - } - - // 菜单接口 - static getMenuPermList (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysMenu/list', 'post', params, axiosOption, httpOption); - } - static addMenu (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysMenu/add', 'post', params, axiosOption, httpOption); - } - - static updateMenu (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysMenu/update', 'post', params, axiosOption, httpOption); - } - static deleteMenu (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysMenu/delete', 'post', params, axiosOption, httpOption); - } - - static viewMenu (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysMenu/view', 'get', params, axiosOption, httpOption); - } - // 权限字接口 - static getPermCodeList (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysPermCode/list', 'post', params, axiosOption, httpOption); - } - - static addPermCode (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysPermCode/add', 'post', params, axiosOption, httpOption); - } - - static updatePermCode (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysPermCode/update', 'post', params, axiosOption, httpOption); - } - - static deletePermCode (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysPermCode/delete', 'post', params, axiosOption, httpOption); - } - - static viewPermCode (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysPermCode/view', 'get', params, axiosOption, httpOption); - } - - // 权限资源接口 - static getAllPermList (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysPermModule/listAll', 'post', params, axiosOption, httpOption); - } - - static getPermGroupList (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysPermModule/list', 'post', params, axiosOption, httpOption); - } - - static addPermGroup (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysPermModule/add', 'post', params, axiosOption, httpOption); - } - - static updatePermGroup (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysPermModule/update', 'post', params, axiosOption, httpOption); - } - - static deletePermGroup (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysPermModule/delete', 'post', params, axiosOption, httpOption); - } - - static getPermList (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysPerm/list', 'post', params, axiosOption, httpOption); - } - - static viewPerm (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysPerm/view', 'get', params, axiosOption, httpOption); - } - - static addPerm (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysPerm/add', 'post', params, axiosOption, httpOption); - } - - static updatePerm (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysPerm/update', 'post', params, axiosOption, httpOption); - } - - static deletePerm (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysPerm/delete', 'post', params, axiosOption, httpOption); - } - /** - * @param params {roleId, searchString} - */ - static listRoleUser (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysRole/listUserRole', 'post', params, axiosOption, httpOption); - } - - static listNotInUserRole (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysRole/listNotInUserRole', 'post', params, axiosOption, httpOption); - } - - /** - * @param params {roleId, userIdListString} - */ - static addRoleUser (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysRole/addUserRole', 'post', params, axiosOption, httpOption); - } - - /** - * @param params {roleId, userId} - */ - static deleteRoleUser (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysRole/deleteUserRole', 'post', params, axiosOption, httpOption); - } - - /** - * @param params {} - */ - static queryRoleByPermCode (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysRole/listAllRolesByPermCode', 'post', params, axiosOption, httpOption); - } - // 权限查询 - static listSysPermWithDetail (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysUser/listSysPermWithDetail', 'get', params, axiosOption, httpOption); - } - - static listSysPermCodeWithDetail (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysUser/listSysPermCodeWithDetail', 'get', params, axiosOption, httpOption); - } - - static listSysMenuWithDetail (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysUser/listSysMenuWithDetail', 'get', params, axiosOption, httpOption); - } - - static listSysPermByRoleIdWithDetail (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysRole/listSysPermWithDetail', 'get', params, axiosOption, httpOption); - } - - static listSysPermCodeByRoleIdWithDetail (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysRole/listSysPermCodeWithDetail', 'get', params, axiosOption, httpOption); - } - - static listMenuPermCode (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysMenu/listMenuPerm', 'get', params, axiosOption, httpOption); - } - - static listSysPermByMenuIdWithDetail (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysMenu/listSysPermWithDetail', 'get', params, axiosOption, httpOption); - } - - static listSysUserByMenuIdWithDetail (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysMenu/listSysUserWithDetail', 'get', params, axiosOption, httpOption); - } - - static listSysUserByPermCodeIdWithDetail (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysPermCode/listSysUserWithDetail', 'get', params, axiosOption, httpOption); - } - - static listSysRoleByPermCodeIdWithDetail (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysPermCode/listSysRoleWithDetail', 'get', params, axiosOption, httpOption); - } - - static listSysUserByPermIdWithDetail (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysPerm/listSysUserWithDetail', 'get', params, axiosOption, httpOption); - } - - static listSysRoleByPermIdWithDetail (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysPerm/listSysRoleWithDetail', 'get', params, axiosOption, httpOption); - } - - static listSysMenuByPermIdWithDetail (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/sysPerm/listSysMenuWithDetail', 'get', params, axiosOption, httpOption); - } - // 在线用户 - static listSysLoginUser (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/loginUser/list', 'post', params, axiosOption, httpOption); - } - - static deleteSysLoginUser (sender, params, axiosOption, httpOption) { - return sender.doUrl('admin/upms/loginUser/delete', 'post', params, axiosOption, httpOption); - } -} diff --git a/images/orange-demo-activiti-web/src/api/FlowController/FlowCategoryController.js b/images/orange-demo-activiti-web/src/api/FlowController/FlowCategoryController.js deleted file mode 100644 index 52098e56..00000000 --- a/images/orange-demo-activiti-web/src/api/FlowController/FlowCategoryController.js +++ /dev/null @@ -1,21 +0,0 @@ -export default class FlowCategoryController { - static list (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/flow/flowCategory/list', 'post', params, axiosOption, httpOption); - } - - static view (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/flow/flowCategory/view', 'get', params, axiosOption, httpOption); - } - - static add (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/flow/flowCategory/add', 'post', params, axiosOption, httpOption); - } - - static update (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/flow/flowCategory/update', 'post', params, axiosOption, httpOption); - } - - static delete (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/flow/flowCategory/delete', 'post', params, axiosOption, httpOption); - } -} diff --git a/images/orange-demo-activiti-web/src/api/FlowController/FlowDictionaryController.js b/images/orange-demo-activiti-web/src/api/FlowController/FlowDictionaryController.js deleted file mode 100644 index e453c9c9..00000000 --- a/images/orange-demo-activiti-web/src/api/FlowController/FlowDictionaryController.js +++ /dev/null @@ -1,15 +0,0 @@ -import * as staticDict from '@/staticDict'; - -export default class FlowDictionaryController { - static dictFlowCategory (sender, params, axiosOption, httpOption) { - return new Promise((resolve, reject) => { - sender.doUrl('/admin/flow/flowCategory/listDict', 'get', params, axiosOption, httpOption).then(res => { - let dictData = new staticDict.DictionaryBase(); - dictData.setList(res.data); - resolve(dictData); - }).catch(err => { - reject(err); - }); - }); - } -} diff --git a/images/orange-demo-activiti-web/src/api/FlowController/FlowEntryController.js b/images/orange-demo-activiti-web/src/api/FlowController/FlowEntryController.js deleted file mode 100644 index e72a328d..00000000 --- a/images/orange-demo-activiti-web/src/api/FlowController/FlowEntryController.js +++ /dev/null @@ -1,49 +0,0 @@ -export default class FlowEntryController { - static list (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/flow/flowEntry/list', 'post', params, axiosOption, httpOption); - } - - static view (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/flow/flowEntry/view', 'get', params, axiosOption, httpOption); - } - - static add (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/flow/flowEntry/add', 'post', params, axiosOption, httpOption); - } - - static update (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/flow/flowEntry/update', 'post', params, axiosOption, httpOption); - } - - static delete (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/flow/flowEntry/delete', 'post', params, axiosOption, httpOption); - } - - static publish (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/flow/flowEntry/publish', 'post', params, axiosOption, httpOption); - } - - static listFlowEntryPublish (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/flow/flowEntry/listFlowEntryPublish', 'get', params, axiosOption, httpOption); - } - - static updateMainVersion (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/flow/flowEntry/updateMainVersion', 'post', params, axiosOption, httpOption); - } - - static suspendFlowEntryPublish (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/flow/flowEntry/suspendFlowEntryPublish', 'post', params, axiosOption, httpOption); - } - - static activateFlowEntryPublish (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/flow/flowEntry/activateFlowEntryPublish', 'post', params, axiosOption, httpOption); - } - - static viewDict (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/flow/flowEntry/viewDict', 'get', params, axiosOption, httpOption); - } - - static listDict (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/flow/flowEntry/listDict', 'get', params, axiosOption, httpOption); - } -} diff --git a/images/orange-demo-activiti-web/src/api/FlowController/FlowEntryVariableController.js b/images/orange-demo-activiti-web/src/api/FlowController/FlowEntryVariableController.js deleted file mode 100644 index d85d7ce9..00000000 --- a/images/orange-demo-activiti-web/src/api/FlowController/FlowEntryVariableController.js +++ /dev/null @@ -1,21 +0,0 @@ -export default class FlowEntryVariableController { - static list (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/flow/flowEntryVariable/list', 'post', params, axiosOption, httpOption); - } - - static add (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/flow/flowEntryVariable/add', 'post', params, axiosOption, httpOption); - } - - static update (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/flow/flowEntryVariable/update', 'post', params, axiosOption, httpOption); - } - - static delete (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/flow/flowEntryVariable/delete', 'post', params, axiosOption, httpOption); - } - - static view (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/flow/flowEntryVariable/view', 'get', params, axiosOption, httpOption); - } -} diff --git a/images/orange-demo-activiti-web/src/api/FlowController/FlowOperationController.js b/images/orange-demo-activiti-web/src/api/FlowController/FlowOperationController.js deleted file mode 100644 index 7743c19f..00000000 --- a/images/orange-demo-activiti-web/src/api/FlowController/FlowOperationController.js +++ /dev/null @@ -1,114 +0,0 @@ -export default class FlowOperationController { - // 启动流程实例并且提交表单信息 - static startAndTakeUserTask (sender, params, axiosOption, httpOption) { - let url = '/admin/flow/flowOnlineOperation/startAndTakeUserTask'; - if (axiosOption && axiosOption.processDefinitionKey) { - url += '/' + axiosOption.processDefinitionKey; - } - return sender.doUrl(url, 'post', params, axiosOption, httpOption); - } - // 获得流程以及工单信息 - static listWorkOrder (sender, params, axiosOption, httpOption) { - let url = '/admin/flow/flowOnlineOperation/listWorkOrder'; - if (axiosOption && axiosOption.processDefinitionKey) { - url += '/' + axiosOption.processDefinitionKey; - } - return sender.doUrl(url, 'post', params, axiosOption, httpOption); - } - // 提交用户任务数据 - static submitUserTask (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/flow/flowOnlineOperation/submitUserTask', 'post', params, axiosOption, httpOption); - } - // 获取历史流程数据 - static viewHistoricProcessInstance (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/flow/flowOnlineOperation/viewHistoricProcessInstance', 'get', params, axiosOption, httpOption); - } - // 获取用户任务数据 - static viewUserTask (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/flow/flowOnlineOperation/viewUserTask', 'get', params, axiosOption, httpOption); - } - // 获取在线表单工作流以及工作流下表单列表 - static listFlowEntryForm (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/flow/flowOnlineOperation/listFlowEntryForm', 'get', params, axiosOption, httpOption); - } - // 撤销工单 - static cancelWorkOrder (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/flow/flowOperation/cancelWorkOrder', 'post', params, axiosOption, httpOption); - } - // 多实例加签 - static submitConsign (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/flow/flowOperation/submitConsign', 'post', params, axiosOption, httpOption); - } - // 已办任务列表 - static listHistoricTask (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/flow/flowOperation/listHistoricTask', 'post', params, axiosOption, httpOption); - } - // 获取已办任务信息 - static viewHistoricTaskInfo (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/flow/flowOperation/viewHistoricTaskInfo', 'get', params, axiosOption, httpOption); - } - // 仅启动流程实例 - static startOnly (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/flow/flowOperation/startOnly', 'post', params, axiosOption, httpOption); - } - // 获得流程定义初始化用户任务信息 - static viewInitialTaskInfo (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/flow/flowOperation/viewInitialTaskInfo', 'get', params, axiosOption, httpOption); - } - // 获取待办任务信息 - static viewRuntimeTaskInfo (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/flow/flowOperation/viewRuntimeTaskInfo', 'get', params, axiosOption, httpOption); - } - // 获取流程实例审批历史 - static listFlowTaskComment (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/flow/flowOperation/listFlowTaskComment', 'get', params, axiosOption, httpOption); - } - // 获取历史任务信息 - static viewInitialHistoricTaskInfo (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/flow/flowOperation/viewInitialHistoricTaskInfo', 'get', params, axiosOption, httpOption); - } - // 获取所有待办任务 - static listRuntimeTask (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/flow/flowOperation/listRuntimeTask', 'post', params, axiosOption, httpOption); - } - // 获得流程实例审批路径 - static viewHighlightFlowData (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/flow/flowOperation/viewHighlightFlowData', 'get', params, axiosOption, httpOption); - } - // 获得流程实例的配置XML - static viewProcessBpmn (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/flow/flowOperation/viewProcessBpmn', 'get', params, axiosOption, httpOption); - } - // 获得所有历史流程实例 - static listAllHistoricProcessInstance (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/flow/flowOperation/listAllHistoricProcessInstance', 'post', params, axiosOption, httpOption); - } - // 获得当前用户历史流程实例 - static listHistoricProcessInstance (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/flow/flowOperation/listHistoricProcessInstance', 'post', params, axiosOption, httpOption); - } - // 终止流程 - static stopProcessInstance (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/flow/flowOperation/stopProcessInstance', 'post', params, axiosOption, httpOption); - } - // 删除流程实例 - static deleteProcessInstance (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/flow/flowOperation/deleteProcessInstance', 'post', params, axiosOption, httpOption); - } - // 催办 - static remindRuntimeTask (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/flow/flowOperation/remindRuntimeTask', 'post', params, axiosOption, httpOption); - } - // 催办消息列表 - static listRemindingTask (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/flow/flowMessage/listRemindingTask', 'post', params, axiosOption, httpOption); - } - // 驳回 - static rejectRuntimeTask (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/flow/flowOperation/rejectRuntimeTask', 'post', params, axiosOption, httpOption); - } - // 撤销 - static revokeHistoricTask (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/flow/flowOperation/revokeHistoricTask', 'post', params, axiosOption, httpOption); - } -} diff --git a/images/orange-demo-activiti-web/src/api/OnlineFormController/OnlineColumnController.js b/images/orange-demo-activiti-web/src/api/OnlineFormController/OnlineColumnController.js deleted file mode 100644 index 93c31961..00000000 --- a/images/orange-demo-activiti-web/src/api/OnlineFormController/OnlineColumnController.js +++ /dev/null @@ -1,53 +0,0 @@ -export default class OnlineColumnController { - static list (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlineColumn/list', 'post', params, axiosOption, httpOption); - } - - static view (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlineColumn/view', 'get', params, axiosOption, httpOption); - } - - static export (sender, params, fileName) { - return sender.download('/admin/online/onlineColumn/export', params, fileName); - } - - static add (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlineColumn/add', 'post', params, axiosOption, httpOption); - } - - static update (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlineColumn/update', 'post', params, axiosOption, httpOption); - } - - static refreshColumn (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlineColumn/refresh', 'post', params, axiosOption, httpOption); - } - - static delete (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlineColumn/delete', 'post', params, axiosOption, httpOption); - } - - static listOnlineColumnRule (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlineColumn/listOnlineColumnRule', 'post', params, axiosOption, httpOption); - } - - static listNotInOnlineColumnRule (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlineColumn/listNotInOnlineColumnRule', 'post', params, axiosOption, httpOption); - } - - static addOnlineColumnRule (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlineColumn/addOnlineColumnRule', 'post', params, axiosOption, httpOption); - } - - static deleteOnlineColumnRule (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlineColumn/deleteOnlineColumnRule', 'post', params, axiosOption, httpOption); - } - - static updateOnlineColumnRule (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlineColumn/updateOnlineColumnRule', 'post', params, axiosOption, httpOption); - } - - static viewOnlineColumnRule (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlineColumn/viewOnlineColumnRule', 'get', params, axiosOption, httpOption); - } -} diff --git a/images/orange-demo-activiti-web/src/api/OnlineFormController/OnlineDatasourceController.js b/images/orange-demo-activiti-web/src/api/OnlineFormController/OnlineDatasourceController.js deleted file mode 100644 index c29a9c79..00000000 --- a/images/orange-demo-activiti-web/src/api/OnlineFormController/OnlineDatasourceController.js +++ /dev/null @@ -1,25 +0,0 @@ -export default class OnlineDatasourceController { - static list (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlineDatasource/list', 'post', params, axiosOption, httpOption); - } - - static view (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlineDatasource/view', 'get', params, axiosOption, httpOption); - } - - static export (sender, params, fileName) { - return sender.download('/admin/online/onlineDatasource/export', params, fileName); - } - - static add (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlineDatasource/add', 'post', params, axiosOption, httpOption); - } - - static update (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlineDatasource/update', 'post', params, axiosOption, httpOption); - } - - static delete (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlineDatasource/delete', 'post', params, axiosOption, httpOption); - } -} diff --git a/images/orange-demo-activiti-web/src/api/OnlineFormController/OnlineDatasourceRelationController.js b/images/orange-demo-activiti-web/src/api/OnlineFormController/OnlineDatasourceRelationController.js deleted file mode 100644 index 8c300193..00000000 --- a/images/orange-demo-activiti-web/src/api/OnlineFormController/OnlineDatasourceRelationController.js +++ /dev/null @@ -1,25 +0,0 @@ -export default class OnlineDatasourceRelationController { - static list (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlineDatasourceRelation/list', 'post', params, axiosOption, httpOption); - } - - static view (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlineDatasourceRelation/view', 'get', params, axiosOption, httpOption); - } - - static export (sender, params, fileName) { - return sender.download('/admin/online/onlineDatasourceRelation/export', params, fileName); - } - - static add (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlineDatasourceRelation/add', 'post', params, axiosOption, httpOption); - } - - static update (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlineDatasourceRelation/update', 'post', params, axiosOption, httpOption); - } - - static delete (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlineDatasourceRelation/delete', 'post', params, axiosOption, httpOption); - } -} diff --git a/images/orange-demo-activiti-web/src/api/OnlineFormController/OnlineDblinkController.js b/images/orange-demo-activiti-web/src/api/OnlineFormController/OnlineDblinkController.js deleted file mode 100644 index 6bb2b067..00000000 --- a/images/orange-demo-activiti-web/src/api/OnlineFormController/OnlineDblinkController.js +++ /dev/null @@ -1,13 +0,0 @@ -export default class OnlineDblinkController { - static list (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlineDblink/list', 'post', params, axiosOption, httpOption); - } - - static listDblinkTables (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlineDblink/listDblinkTables', 'get', params, axiosOption, httpOption); - } - - static listDblinkTableColumns (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlineDblink/listDblinkTableColumns', 'get', params, axiosOption, httpOption); - } -} diff --git a/images/orange-demo-activiti-web/src/api/OnlineFormController/OnlineDictController.js b/images/orange-demo-activiti-web/src/api/OnlineFormController/OnlineDictController.js deleted file mode 100644 index aab324af..00000000 --- a/images/orange-demo-activiti-web/src/api/OnlineFormController/OnlineDictController.js +++ /dev/null @@ -1,25 +0,0 @@ -export default class OnlineDictController { - static list (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlineDict/list', 'post', params, axiosOption, httpOption); - } - - static view (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlineDict/view', 'get', params, axiosOption, httpOption); - } - - static export (sender, params, fileName) { - return sender.download('/admin/online/onlineDict/export', params, fileName); - } - - static add (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlineDict/add', 'post', params, axiosOption, httpOption); - } - - static update (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlineDict/update', 'post', params, axiosOption, httpOption); - } - - static delete (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlineDict/delete', 'post', params, axiosOption, httpOption); - } -} diff --git a/images/orange-demo-activiti-web/src/api/OnlineFormController/OnlineFormController.js b/images/orange-demo-activiti-web/src/api/OnlineFormController/OnlineFormController.js deleted file mode 100644 index 13d555b1..00000000 --- a/images/orange-demo-activiti-web/src/api/OnlineFormController/OnlineFormController.js +++ /dev/null @@ -1,29 +0,0 @@ -export default class OnlineFormController { - static list (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlineForm/list', 'post', params, axiosOption, httpOption); - } - - static view (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlineForm/view', 'get', params, axiosOption, httpOption); - } - - static render (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlineForm/render', 'get', params, axiosOption, httpOption); - } - - static export (sender, params, fileName) { - return sender.download('/admin/online/onlineForm/export', params, fileName); - } - - static add (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlineForm/add', 'post', params, axiosOption, httpOption); - } - - static update (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlineForm/update', 'post', params, axiosOption, httpOption); - } - - static delete (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlineForm/delete', 'post', params, axiosOption, httpOption); - } -} diff --git a/images/orange-demo-activiti-web/src/api/OnlineFormController/OnlineOperation.js b/images/orange-demo-activiti-web/src/api/OnlineFormController/OnlineOperation.js deleted file mode 100644 index 5b010818..00000000 --- a/images/orange-demo-activiti-web/src/api/OnlineFormController/OnlineOperation.js +++ /dev/null @@ -1,45 +0,0 @@ -export default class OnlineOperation { - static listDict (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlineOperation/listDict', 'post', params, axiosOption, httpOption); - } - - static listByDatasourceId (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlineOperation/listByDatasourceId', 'post', params, axiosOption, httpOption); - } - - static listByOneToManyRelationId (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlineOperation/listByOneToManyRelationId', 'post', params, axiosOption, httpOption); - } - - static addDatasource (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlineOperation/addDatasource', 'post', params, axiosOption, httpOption); - } - - static addOneToManyRelation (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlineOperation/addOneToManyRelation', 'post', params, axiosOption, httpOption); - } - - static updateDatasource (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlineOperation/updateDatasource', 'post', params, axiosOption, httpOption); - } - - static updateOneToManyRelation (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlineOperation/updateOneToManyRelation', 'post', params, axiosOption, httpOption); - } - - static viewByDatasourceId (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlineOperation/viewByDatasourceId', 'get', params, axiosOption, httpOption); - } - - static viewByOneToManyRelationId (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlineOperation/viewByOneToManyRelationId', 'get', params, axiosOption, httpOption); - } - - static deleteDatasource (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlineOperation/deleteDatasource', 'post', params, axiosOption, httpOption); - } - - static deleteOneToManyRelation (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlineOperation/deleteOneToManyRelation', 'post', params, axiosOption, httpOption); - } -} diff --git a/images/orange-demo-activiti-web/src/api/OnlineFormController/OnlinePageController.js b/images/orange-demo-activiti-web/src/api/OnlineFormController/OnlinePageController.js deleted file mode 100644 index 257280d6..00000000 --- a/images/orange-demo-activiti-web/src/api/OnlineFormController/OnlinePageController.js +++ /dev/null @@ -1,61 +0,0 @@ -export default class OnlinePageController { - static list (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlinePage/list', 'post', params, axiosOption, httpOption); - } - - static listAllPageAndForm (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlinePage/listAllPageAndForm', 'post', params, axiosOption, httpOption); - } - - static view (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlinePage/view', 'get', params, axiosOption, httpOption); - } - - static export (sender, params, fileName) { - return sender.download('/admin/online/onlinePage/export', params, fileName); - } - - static add (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlinePage/add', 'post', params, axiosOption, httpOption); - } - - static update (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlinePage/update', 'post', params, axiosOption, httpOption); - } - - static updatePublished (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlinePage/updatePublished', 'post', params, axiosOption, httpOption); - } - - static delete (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlinePage/delete', 'post', params, axiosOption, httpOption); - } - - static updateStatus (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlinePage/updateStatus', 'post', params, axiosOption, httpOption); - } - - static listOnlinePageDatasource (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlinePage/listOnlinePageDatasource', 'post', params, axiosOption, httpOption); - } - - static listNotInOnlinePageDatasource (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlinePage/listNotInOnlinePageDatasource', 'post', params, axiosOption, httpOption); - } - - static addOnlinePageDatasource (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlinePage/addOnlinePageDatasource', 'post', params, axiosOption, httpOption); - } - - static deleteOnlinePageDatasource (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlinePage/deleteOnlinePageDatasource', 'post', params, axiosOption, httpOption); - } - - static updateOnlinePageDatasource (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlinePage/updateOnlinePageDatasource', 'post', params, axiosOption, httpOption); - } - - static viewOnlinePageDatasource (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlinePage/viewOnlinePageDatasource', 'get', params, axiosOption, httpOption); - } -} diff --git a/images/orange-demo-activiti-web/src/api/OnlineFormController/OnlineRuleController.js b/images/orange-demo-activiti-web/src/api/OnlineFormController/OnlineRuleController.js deleted file mode 100644 index 54eff4fe..00000000 --- a/images/orange-demo-activiti-web/src/api/OnlineFormController/OnlineRuleController.js +++ /dev/null @@ -1,25 +0,0 @@ -export default class OnlineRuleController { - static list (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlineRule/list', 'post', params, axiosOption, httpOption); - } - - static view (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlineRule/view', 'get', params, axiosOption, httpOption); - } - - static export (sender, params, fileName) { - return sender.download('/admin/online/onlineRule/export', params, fileName); - } - - static add (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlineRule/add', 'post', params, axiosOption, httpOption); - } - - static update (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlineRule/update', 'post', params, axiosOption, httpOption); - } - - static delete (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlineRule/delete', 'post', params, axiosOption, httpOption); - } -} diff --git a/images/orange-demo-activiti-web/src/api/OnlineFormController/OnlineTableController.js b/images/orange-demo-activiti-web/src/api/OnlineFormController/OnlineTableController.js deleted file mode 100644 index 84f1065d..00000000 --- a/images/orange-demo-activiti-web/src/api/OnlineFormController/OnlineTableController.js +++ /dev/null @@ -1,25 +0,0 @@ -export default class OnlineTableController { - static list (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlineTable/list', 'post', params, axiosOption, httpOption); - } - - static view (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlineTable/view', 'get', params, axiosOption, httpOption); - } - - static export (sender, params, fileName) { - return sender.download('/admin/online/onlineTable/export', params, fileName); - } - - static add (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlineTable/add', 'post', params, axiosOption, httpOption); - } - - static update (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlineTable/update', 'post', params, axiosOption, httpOption); - } - - static delete (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlineTable/delete', 'post', params, axiosOption, httpOption); - } -} diff --git a/images/orange-demo-activiti-web/src/api/OnlineFormController/OnlineVirtualColumnController.js b/images/orange-demo-activiti-web/src/api/OnlineFormController/OnlineVirtualColumnController.js deleted file mode 100644 index 903dd3c1..00000000 --- a/images/orange-demo-activiti-web/src/api/OnlineFormController/OnlineVirtualColumnController.js +++ /dev/null @@ -1,21 +0,0 @@ -export default class OnlineVirtualColumnController { - static list (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlineVirtualColumn/list', 'post', params, axiosOption, httpOption); - } - - static view (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlineVirtualColumn/view', 'get', params, axiosOption, httpOption); - } - - static add (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlineVirtualColumn/add', 'post', params, axiosOption, httpOption); - } - - static update (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlineVirtualColumn/update', 'post', params, axiosOption, httpOption); - } - - static delete (sender, params, axiosOption, httpOption) { - return sender.doUrl('/admin/online/onlineVirtualColumn/delete', 'post', params, axiosOption, httpOption); - } -} diff --git a/images/orange-demo-activiti-web/src/api/flowController.js b/images/orange-demo-activiti-web/src/api/flowController.js deleted file mode 100644 index eb57e436..00000000 --- a/images/orange-demo-activiti-web/src/api/flowController.js +++ /dev/null @@ -1,13 +0,0 @@ -import FlowDictionaryController from './FlowController/FlowDictionaryController.js'; -import FlowCategoryController from './FlowController/FlowCategoryController.js'; -import FlowEntryController from './FlowController/FlowEntryController.js'; -import FlowEntryVariableController from './FlowController/FlowEntryVariableController.js'; -import FlowOperationController from './FlowController/FlowOperationController.js'; - -export { - FlowDictionaryController, - FlowCategoryController, - FlowEntryController, - FlowEntryVariableController, - FlowOperationController -} diff --git a/images/orange-demo-activiti-web/src/api/index.js b/images/orange-demo-activiti-web/src/api/index.js deleted file mode 100644 index cfe2238b..00000000 --- a/images/orange-demo-activiti-web/src/api/index.js +++ /dev/null @@ -1,15 +0,0 @@ -import SystemController from './Controller/SystemController' -import SysDataPermController from './Controller/SysDataPermController' -import SysPostController from './Controller/SysPostController.js'; -import DictionaryController from './Controller/DictionaryController' -import SysDeptController from './Controller/SysDeptController.js'; -import SysUserController from './Controller/SysUserController.js'; - -export { - SystemController, - SysDataPermController, - SysPostController, - DictionaryController, - SysDeptController, - SysUserController -} diff --git a/images/orange-demo-activiti-web/src/api/onlineController.js b/images/orange-demo-activiti-web/src/api/onlineController.js deleted file mode 100644 index dcbee0d9..00000000 --- a/images/orange-demo-activiti-web/src/api/onlineController.js +++ /dev/null @@ -1,25 +0,0 @@ -import OnlineDblinkController from './OnlineFormController/OnlineDblinkController.js'; -import OnlineDictController from './OnlineFormController/OnlineDictController.js'; -import OnlineTableController from './OnlineFormController/OnlineTableController.js'; -import OnlineColumnController from './OnlineFormController/OnlineColumnController.js'; -import OnlinePageController from './OnlineFormController/OnlinePageController.js'; -import OnlineFormController from './OnlineFormController/OnlineFormController.js'; -import OnlineDatasourceController from './OnlineFormController/OnlineDatasourceController.js'; -import OnlineDatasourceRelationController from './OnlineFormController/OnlineDatasourceRelationController.js'; -import OnlineRuleController from './OnlineFormController/OnlineRuleController.js'; -import OnlineVirtualColumnController from './OnlineFormController/OnlineVirtualColumnController.js'; -import OnlineOperation from './OnlineFormController/OnlineOperation.js'; - -export { - OnlineDblinkController, - OnlineDictController, - OnlineColumnController, - OnlineTableController, - OnlinePageController, - OnlineFormController, - OnlineDatasourceController, - OnlineDatasourceRelationController, - OnlineRuleController, - OnlineVirtualColumnController, - OnlineOperation -} diff --git a/images/orange-demo-activiti-web/src/assets/element-variables-blue.scss b/images/orange-demo-activiti-web/src/assets/element-variables-blue.scss deleted file mode 100644 index 5e4966bb..00000000 --- a/images/orange-demo-activiti-web/src/assets/element-variables-blue.scss +++ /dev/null @@ -1,1014 +0,0 @@ -/* Element Chalk Variables */ - -@mixin linear-gradient ($from, $to, $direction) { - @if variable-exists(to) { - @if variable-exists(direction) { - background: linear-gradient($direction, $from, $to); - } @else { - background: linear-gradient($from, $to); - } - } @else { - background: $from; - } -} - -// Special comment for theme configurator -// type|skipAutoTranslation|Category|Order -// skipAutoTranslation 1 - -/* Transition --------------------------- */ -$--all-transition: all .3s cubic-bezier(.645,.045,.355,1) !default; -$--fade-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) !default; -$--fade-linear-transition: opacity 200ms linear !default; -$--md-fade-transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) !default; -$--border-transition-base: border-color .2s cubic-bezier(.645,.045,.355,1) !default; -$--color-transition-base: color .2s cubic-bezier(.645,.045,.355,1) !default; - -/* Color --------------------------- */ -/// color|1|Brand Color|0 -$--color-primary: #0092FF !default; -/// color|1|Background Color|4 -$--color-white: #FFFFFF !default; -/// color|1|Background Color|4 -$--color-black: #000000 !default; -$--color-primary-light-1: mix($--color-white, $--color-primary, 10%) !default; /* 53a8ff */ -$--color-primary-light-2: mix($--color-white, $--color-primary, 20%) !default; /* 66b1ff */ -$--color-primary-light-3: mix($--color-white, $--color-primary, 30%) !default; /* 79bbff */ -$--color-primary-light-4: mix($--color-white, $--color-primary, 40%) !default; /* 8cc5ff */ -$--color-primary-light-5: mix($--color-white, $--color-primary, 50%) !default; /* a0cfff */ -$--color-primary-light-6: mix($--color-white, $--color-primary, 60%) !default; /* b3d8ff */ -$--color-primary-light-7: mix($--color-white, $--color-primary, 70%) !default; /* c6e2ff */ -$--color-primary-light-8: mix($--color-white, $--color-primary, 80%) !default; /* d9ecff */ -$--color-primary-light-9: mix($--color-white, $--color-primary, 90%) !default; /* ecf5ff */ -/// color|1|Functional Color|1 -$--color-success: #67C23A !default; -/// color|1|Functional Color|1 -$--color-warning: #E6A23C !default; -/// color|1|Functional Color|1 -$--color-danger: #F56C6C !default; -/// color|1|Functional Color|1 -$--color-info: #909399 !default; - -$--color-success-light: mix($--color-white, $--color-success, 80%) !default; -$--color-warning-light: mix($--color-white, $--color-warning, 80%) !default; -$--color-danger-light: mix($--color-white, $--color-danger, 80%) !default; -$--color-info-light: mix($--color-white, $--color-info, 80%) !default; - -$--color-success-lighter: mix($--color-white, $--color-success, 90%) !default; -$--color-warning-lighter: mix($--color-white, $--color-warning, 90%) !default; -$--color-danger-lighter: mix($--color-white, $--color-danger, 90%) !default; -$--color-info-lighter: mix($--color-white, $--color-info, 90%) !default; -/// color|1|Font Color|2 -$--color-text-primary: #303133 !default; -/// color|1|Font Color|2 -$--color-text-regular: #606266 !default; -/// color|1|Font Color|2 -$--color-text-secondary: #909399 !default; -/// color|1|Font Color|2 -$--color-text-placeholder: #C0C4CC !default; -/// color|1|Border Color|3 -$--border-color-base: #DCDFE6 !default; -/// color|1|Border Color|3 -$--border-color-light: #E4E7ED !default; -/// color|1|Border Color|3 -$--border-color-lighter: #EBEEF5 !default; -/// color|1|Border Color|3 -$--border-color-extra-light: #F2F6FC !default; - -// Background -/// color|1|Background Color|4 -$--background-color-base: #F5F7FA !default; - -// color for left sidebar title -$--color-sidebar-title-text: #FFFFFF; -// color for left sidebar background -$--color-menu-background: $--color-primary; -$--color-menu-item-active-text-color: #FFFFFF; -$--color-menu-item-active-background: rgba(255, 255, 255, 0.01); -$--color-menu-item-active-background-to: rgba(255, 255, 255, 0.3); - -/* Link --------------------------- */ -$--link-color: $--color-primary-light-2 !default; -$--link-hover-color: $--color-primary !default; - -/* Border --------------------------- */ -$--border-width-base: 1px !default; -$--border-style-base: solid !default; -$--border-color-hover: $--color-text-placeholder !default; -$--border-base: $--border-width-base $--border-style-base $--border-color-base !default; -/// borderRadius|1|Radius|0 -$--border-radius-base: 4px !default; -/// borderRadius|1|Radius|0 -$--border-radius-small: 2px !default; -/// borderRadius|1|Radius|0 -$--border-radius-circle: 100% !default; -/// borderRadius|1|Radius|0 -$--border-radius-zero: 0 !default; - -// Box-shadow -/// boxShadow|1|Shadow|1 -$--box-shadow-base: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04) !default; -// boxShadow|1|Shadow|1 -$--box-shadow-dark: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .12) !default; -/// boxShadow|1|Shadow|1 -$--box-shadow-light: 0 2px 12px 0 rgba(0, 0, 0, 0.1) !default; - -/* Fill --------------------------- */ -$--fill-base: $--color-white !default; - -/* Typography --------------------------- */ -$--font-path: 'fonts' !default; -$--font-display: 'auto' !default; -/// fontSize|1|Font Size|0 -$--font-size-extra-large: 20px !default; -/// fontSize|1|Font Size|0 -$--font-size-large: 18px !default; -/// fontSize|1|Font Size|0 -$--font-size-medium: 16px !default; -/// fontSize|1|Font Size|0 -$--font-size-base: 14px !default; -/// fontSize|1|Font Size|0 -$--font-size-small: 13px !default; -/// fontSize|1|Font Size|0 -$--font-size-extra-small: 12px !default; -/// fontWeight|1|Font Weight|1 -$--font-weight-primary: 500 !default; -/// fontWeight|1|Font Weight|1 -$--font-weight-secondary: 100 !default; -/// fontLineHeight|1|Line Height|2 -$--font-line-height-primary: 24px !default; -/// fontLineHeight|1|Line Height|2 -$--font-line-height-secondary: 16px !default; -$--font-color-disabled-base: #bbb !default; -/* Size --------------------------- */ -$--size-base: 14px !default; - -/* z-index --------------------------- */ -$--index-normal: 1 !default; -$--index-top: 1000 !default; -$--index-popper: 2000 !default; - -/* Disable base --------------------------- */ -$--disabled-fill-base: $--background-color-base !default; -$--disabled-color-base: $--color-text-placeholder !default; -$--disabled-border-base: $--border-color-light !default; - -/* Icon --------------------------- */ -$--icon-color: #666 !default; -$--icon-color-base: $--color-info !default; - -/* Checkbox --------------------------- */ -/// fontSize||Font|1 -$--checkbox-font-size: 14px !default; -/// fontWeight||Font|1 -$--checkbox-font-weight: $--font-weight-primary !default; -/// color||Color|0 -$--checkbox-font-color: $--color-text-regular !default; -$--checkbox-input-height: 14px !default; -$--checkbox-input-width: 14px !default; -/// borderRadius||Border|2 -$--checkbox-border-radius: $--border-radius-small !default; -/// color||Color|0 -$--checkbox-background-color: $--color-white !default; -$--checkbox-input-border: $--border-base !default; - -/// color||Color|0 -$--checkbox-disabled-border-color: $--border-color-base !default; -$--checkbox-disabled-input-fill: #edf2fc !default; -$--checkbox-disabled-icon-color: $--color-text-placeholder !default; - -$--checkbox-disabled-checked-input-fill: $--border-color-extra-light !default; -$--checkbox-disabled-checked-input-border-color: $--border-color-base !default; -$--checkbox-disabled-checked-icon-color: $--color-text-placeholder !default; - -/// color||Color|0 -$--checkbox-checked-font-color: $--color-primary !default; -$--checkbox-checked-input-border-color: $--color-primary !default; -/// color||Color|0 -$--checkbox-checked-background-color: $--color-primary !default; -$--checkbox-checked-icon-color: $--fill-base !default; - -$--checkbox-input-border-color-hover: $--color-primary !default; -/// height||Other|4 -$--checkbox-bordered-height: 40px !default; -/// padding||Spacing|3 -$--checkbox-bordered-padding: 9px 20px 9px 10px !default; -/// padding||Spacing|3 -$--checkbox-bordered-medium-padding: 7px 20px 7px 10px !default; -/// padding||Spacing|3 -$--checkbox-bordered-small-padding: 5px 15px 5px 10px !default; -/// padding||Spacing|3 -$--checkbox-bordered-mini-padding: 3px 15px 3px 10px !default; -$--checkbox-bordered-medium-input-height: 14px !default; -$--checkbox-bordered-medium-input-width: 14px !default; -/// height||Other|4 -$--checkbox-bordered-medium-height: 36px !default; -$--checkbox-bordered-small-input-height: 12px !default; -$--checkbox-bordered-small-input-width: 12px !default; -/// height||Other|4 -$--checkbox-bordered-small-height: 32px !default; -$--checkbox-bordered-mini-input-height: 12px !default; -$--checkbox-bordered-mini-input-width: 12px !default; -/// height||Other|4 -$--checkbox-bordered-mini-height: 28px !default; - -/// color||Color|0 -$--checkbox-button-checked-background-color: $--color-primary !default; -/// color||Color|0 -$--checkbox-button-checked-font-color: $--color-white !default; -/// color||Color|0 -$--checkbox-button-checked-border-color: $--color-primary !default; - - - -/* Radio --------------------------- */ -/// fontSize||Font|1 -$--radio-font-size: $--font-size-base !default; -/// fontWeight||Font|1 -$--radio-font-weight: $--font-weight-primary !default; -/// color||Color|0 -$--radio-font-color: $--color-text-regular !default; -$--radio-input-height: 14px !default; -$--radio-input-width: 14px !default; -/// borderRadius||Border|2 -$--radio-input-border-radius: $--border-radius-circle !default; -/// color||Color|0 -$--radio-input-background-color: $--color-white !default; -$--radio-input-border: $--border-base !default; -/// color||Color|0 -$--radio-input-border-color: $--border-color-base !default; -/// color||Color|0 -$--radio-icon-color: $--color-white !default; - -$--radio-disabled-input-border-color: $--disabled-border-base !default; -$--radio-disabled-input-fill: $--disabled-fill-base !default; -$--radio-disabled-icon-color: $--disabled-fill-base !default; - -$--radio-disabled-checked-input-border-color: $--disabled-border-base !default; -$--radio-disabled-checked-input-fill: $--disabled-fill-base !default; -$--radio-disabled-checked-icon-color: $--color-text-placeholder !default; - -/// color||Color|0 -$--radio-checked-font-color: $--color-primary !default; -/// color||Color|0 -$--radio-checked-input-border-color: $--color-primary !default; -/// color||Color|0 -$--radio-checked-input-background-color: $--color-white !default; -/// color||Color|0 -$--radio-checked-icon-color: $--color-primary !default; - -$--radio-input-border-color-hover: $--color-primary !default; - -$--radio-bordered-height: 40px !default; -$--radio-bordered-padding: 12px 20px 0 10px !default; -$--radio-bordered-medium-padding: 10px 20px 0 10px !default; -$--radio-bordered-small-padding: 8px 15px 0 10px !default; -$--radio-bordered-mini-padding: 6px 15px 0 10px !default; -$--radio-bordered-medium-input-height: 14px !default; -$--radio-bordered-medium-input-width: 14px !default; -$--radio-bordered-medium-height: 36px !default; -$--radio-bordered-small-input-height: 12px !default; -$--radio-bordered-small-input-width: 12px !default; -$--radio-bordered-small-height: 32px !default; -$--radio-bordered-mini-input-height: 12px !default; -$--radio-bordered-mini-input-width: 12px !default; -$--radio-bordered-mini-height: 28px !default; - -/// fontSize||Font|1 -$--radio-button-font-size: $--font-size-base !default; -/// color||Color|0 -$--radio-button-checked-background-color: $--color-primary !default; -/// color||Color|0 -$--radio-button-checked-font-color: $--color-white !default; -/// color||Color|0 -$--radio-button-checked-border-color: $--color-primary !default; -$--radio-button-disabled-checked-fill: $--border-color-extra-light !default; - -/* Select --------------------------- */ -$--select-border-color-hover: $--border-color-hover !default; -$--select-disabled-border: $--disabled-border-base !default; -/// fontSize||Font|1 -$--select-font-size: $--font-size-base !default; -$--select-close-hover-color: $--color-text-secondary !default; - -$--select-input-color: $--color-text-placeholder !default; -$--select-multiple-input-color: #666 !default; -/// color||Color|0 -$--select-input-focus-border-color: $--color-primary !default; -/// fontSize||Font|1 -$--select-input-font-size: 14px !default; - -$--select-option-color: $--color-text-regular !default; -$--select-option-disabled-color: $--color-text-placeholder !default; -$--select-option-disabled-background: $--color-white !default; -/// height||Other|4 -$--select-option-height: 34px !default; -$--select-option-hover-background: $--background-color-base !default; -/// color||Color|0 -$--select-option-selected-font-color: $--color-primary !default; -$--select-option-selected-hover: $--background-color-base !default; - -$--select-group-color: $--color-info !default; -$--select-group-height: 30px !default; -$--select-group-font-size: 12px !default; - -$--select-dropdown-background: $--color-white !default; -$--select-dropdown-shadow: $--box-shadow-light !default; -$--select-dropdown-empty-color: #999 !default; -/// height||Other|4 -$--select-dropdown-max-height: 274px !default; -$--select-dropdown-padding: 6px 0 !default; -$--select-dropdown-empty-padding: 10px 0 !default; -$--select-dropdown-border: solid 1px $--border-color-light !default; - -/* Alert --------------------------- */ -$--alert-padding: 8px 16px !default; -/// borderRadius||Border|2 -$--alert-border-radius: $--border-radius-base !default; -/// fontSize||Font|1 -$--alert-title-font-size: 13px !default; -/// fontSize||Font|1 -$--alert-description-font-size: 12px !default; -/// fontSize||Font|1 -$--alert-close-font-size: 12px !default; -/// fontSize||Font|1 -$--alert-close-customed-font-size: 13px !default; - -$--alert-success-color: $--color-success-lighter !default; -$--alert-info-color: $--color-info-lighter !default; -$--alert-warning-color: $--color-warning-lighter !default; -$--alert-danger-color: $--color-danger-lighter !default; - -/// height||Other|4 -$--alert-icon-size: 16px !default; -/// height||Other|4 -$--alert-icon-large-size: 28px !default; - -/* MessageBox --------------------------- */ -/// color||Color|0 -$--messagebox-title-color: $--color-text-primary !default; -$--msgbox-width: 420px !default; -$--msgbox-border-radius: 4px !default; -/// fontSize||Font|1 -$--messagebox-font-size: $--font-size-large !default; -/// fontSize||Font|1 -$--messagebox-content-font-size: $--font-size-base !default; -/// color||Color|0 -$--messagebox-content-color: $--color-text-regular !default; -/// fontSize||Font|1 -$--messagebox-error-font-size: 12px !default; -$--msgbox-padding-primary: 15px !default; -/// color||Color|0 -$--messagebox-success-color: $--color-success !default; -/// color||Color|0 -$--messagebox-info-color: $--color-info !default; -/// color||Color|0 -$--messagebox-warning-color: $--color-warning !default; -/// color||Color|0 -$--messagebox-danger-color: $--color-danger !default; - -/* Message --------------------------- */ -$--message-shadow: $--box-shadow-base !default; -$--message-min-width: 380px !default; -$--message-background-color: #edf2fc !default; -$--message-padding: 15px 15px 15px 20px !default; -/// color||Color|0 -$--message-close-icon-color: $--color-text-placeholder !default; -/// height||Other|4 -$--message-close-size: 16px !default; -/// color||Color|0 -$--message-close-hover-color: $--color-text-secondary !default; - -/// color||Color|0 -$--message-success-font-color: $--color-success !default; -/// color||Color|0 -$--message-info-font-color: $--color-info !default; -/// color||Color|0 -$--message-warning-font-color: $--color-warning !default; -/// color||Color|0 -$--message-danger-font-color: $--color-danger !default; - -/* Notification --------------------------- */ -$--notification-width: 330px !default; -/// padding||Spacing|3 -$--notification-padding: 14px 26px 14px 13px !default; -$--notification-radius: 8px !default; -$--notification-shadow: $--box-shadow-light !default; -/// color||Color|0 -$--notification-border-color: $--border-color-lighter !default; -$--notification-icon-size: 24px !default; -$--notification-close-font-size: $--message-close-size !default; -$--notification-group-margin-left: 13px !default; -$--notification-group-margin-right: 8px !default; -/// fontSize||Font|1 -$--notification-content-font-size: $--font-size-base !default; -/// color||Color|0 -$--notification-content-color: $--color-text-regular !default; -/// fontSize||Font|1 -$--notification-title-font-size: 16px !default; -/// color||Color|0 -$--notification-title-color: $--color-text-primary !default; - -/// color||Color|0 -$--notification-close-color: $--color-text-secondary !default; -/// color||Color|0 -$--notification-close-hover-color: $--color-text-regular !default; - -/// color||Color|0 -$--notification-success-icon-color: $--color-success !default; -/// color||Color|0 -$--notification-info-icon-color: $--color-info !default; -/// color||Color|0 -$--notification-warning-icon-color: $--color-warning !default; -/// color||Color|0 -$--notification-danger-icon-color: $--color-danger !default; - -/* Input --------------------------- */ -$--input-font-size: $--font-size-base !default; -/// color||Color|0 -$--input-font-color: $--color-text-regular !default; -/// height||Other|4 -$--input-width: 140px !default; -/// height||Other|4 -$--input-height: 40px !default; -$--input-border: $--border-base !default; -$--input-border-color: $--border-color-base !default; -/// borderRadius||Border|2 -$--input-border-radius: $--border-radius-base !default; -$--input-border-color-hover: $--border-color-hover !default; -/// color||Color|0 -$--input-background-color: $--color-white !default; -$--input-fill-disabled: $--disabled-fill-base !default; -$--input-color-disabled: $--font-color-disabled-base !default; -/// color||Color|0 -$--input-icon-color: $--color-text-placeholder !default; -/// color||Color|0 -$--input-placeholder-color: $--color-text-placeholder !default; -$--input-max-width: 314px !default; - -$--input-hover-border: $--border-color-hover !default; -$--input-clear-hover-color: $--color-text-secondary !default; - -$--input-focus-border: $--color-primary !default; -$--input-focus-fill: $--color-white !default; - -$--input-disabled-fill: $--disabled-fill-base !default; -$--input-disabled-border: $--disabled-border-base !default; -$--input-disabled-color: $--disabled-color-base !default; -$--input-disabled-placeholder-color: $--color-text-placeholder !default; - -/// fontSize||Font|1 -$--input-medium-font-size: 14px !default; -/// height||Other|4 -$--input-medium-height: 36px !default; -/// fontSize||Font|1 -$--input-small-font-size: 13px !default; -/// height||Other|4 -$--input-small-height: 32px !default; -/// fontSize||Font|1 -$--input-mini-font-size: 12px !default; -/// height||Other|4 -$--input-mini-height: 28px !default; - -/* Cascader --------------------------- */ -/// color||Color|0 -$--cascader-menu-font-color: $--color-text-regular !default; -/// color||Color|0 -$--cascader-menu-selected-font-color: $--color-primary !default; -$--cascader-menu-fill: $--fill-base !default; -$--cascader-menu-font-size: $--font-size-base !default; -$--cascader-menu-radius: $--border-radius-base !default; -$--cascader-menu-border: solid 1px $--border-color-light !default; -$--cascader-menu-shadow: $--box-shadow-light !default; -$--cascader-node-background-hover: $--background-color-base !default; -$--cascader-node-color-disabled:$--color-text-placeholder !default; -$--cascader-color-empty:$--color-text-placeholder !default; -$--cascader-tag-background: #f0f2f5; - -/* Group --------------------------- */ -$--group-option-flex: 0 0 (1/5) * 100% !default; -$--group-option-offset-bottom: 12px !default; -$--group-option-fill-hover: rgba($--color-black, 0.06) !default; -$--group-title-color: $--color-black !default; -$--group-title-font-size: $--font-size-base !default; -$--group-title-width: 66px !default; - -/* Tab --------------------------- */ -$--tab-font-size: $--font-size-base !default; -$--tab-border-line: 1px solid #e4e4e4 !default; -$--tab-header-color-active: $--color-text-secondary !default; -$--tab-header-color-hover: $--color-text-regular !default; -$--tab-header-color: $--color-text-regular !default; -$--tab-header-fill-active: rgba($--color-black, 0.06) !default; -$--tab-header-fill-hover: rgba($--color-black, 0.06) !default; -$--tab-vertical-header-width: 90px !default; -$--tab-vertical-header-count-color: $--color-white !default; -$--tab-vertical-header-count-fill: $--color-text-secondary !default; - -/* Button --------------------------- */ -/// fontSize||Font|1 -$--button-font-size: $--font-size-base !default; -/// fontWeight||Font|1 -$--button-font-weight: $--font-weight-primary !default; -/// borderRadius||Border|2 -$--button-border-radius: $--border-radius-base !default; -/// padding||Spacing|3 -$--button-padding-vertical: 12px !default; -/// padding||Spacing|3 -$--button-padding-horizontal: 20px !default; - -/// fontSize||Font|1 -$--button-medium-font-size: $--font-size-base !default; -/// borderRadius||Border|2 -$--button-medium-border-radius: $--border-radius-base !default; -/// padding||Spacing|3 -$--button-medium-padding-vertical: 10px !default; -/// padding||Spacing|3 -$--button-medium-padding-horizontal: 20px !default; - -/// fontSize||Font|1 -$--button-small-font-size: 12px !default; -$--button-small-border-radius: #{$--border-radius-base - 1} !default; -/// padding||Spacing|3 -$--button-small-padding-vertical: 9px !default; -/// padding||Spacing|3 -$--button-small-padding-horizontal: 15px !default; -/// fontSize||Font|1 -$--button-mini-font-size: 12px !default; -$--button-mini-border-radius: #{$--border-radius-base - 1} !default; -/// padding||Spacing|3 -$--button-mini-padding-vertical: 7px !default; -/// padding||Spacing|3 -$--button-mini-padding-horizontal: 15px !default; - -/// color||Color|0 -$--button-default-font-color: $--color-text-regular !default; -/// color||Color|0 -$--button-default-background-color: $--color-white !default; -/// color||Color|0 -$--button-default-border-color: $--border-color-base !default; - -/// color||Color|0 -$--button-disabled-font-color: $--color-text-placeholder !default; -/// color||Color|0 -$--button-disabled-background-color: $--color-white !default; -/// color||Color|0 -$--button-disabled-border-color: $--border-color-lighter !default; - -/// color||Color|0 -$--button-primary-border-color: $--color-primary !default; -/// color||Color|0 -$--button-primary-font-color: $--color-white !default; -/// color||Color|0 -$--button-primary-background-color: $--color-primary !default; -/// color||Color|0 -$--button-success-border-color: $--color-success !default; -/// color||Color|0 -$--button-success-font-color: $--color-white !default; -/// color||Color|0 -$--button-success-background-color: $--color-success !default; -/// color||Color|0 -$--button-warning-border-color: $--color-warning !default; -/// color||Color|0 -$--button-warning-font-color: $--color-white !default; -/// color||Color|0 -$--button-warning-background-color: $--color-warning !default; -/// color||Color|0 -$--button-danger-border-color: $--color-danger !default; -/// color||Color|0 -$--button-danger-font-color: $--color-white !default; -/// color||Color|0 -$--button-danger-background-color: $--color-danger !default; -/// color||Color|0 -$--button-info-border-color: $--color-info !default; -/// color||Color|0 -$--button-info-font-color: $--color-white !default; -/// color||Color|0 -$--button-info-background-color: $--color-info !default; - -$--button-hover-tint-percent: 20% !default; -$--button-active-shade-percent: 10% !default; - - -/* cascader --------------------------- */ -$--cascader-height: 200px !default; - -/* Switch --------------------------- */ -/// color||Color|0 -$--switch-on-color: $--color-primary !default; -/// color||Color|0 -$--switch-off-color: $--border-color-base !default; -/// fontSize||Font|1 -$--switch-font-size: $--font-size-base !default; -$--switch-core-border-radius: 10px !default; -// height||Other|4 TODO: width 代码写死的40px 所以下面这三个属性都没意义 -$--switch-width: 40px !default; -// height||Other|4 -$--switch-height: 20px !default; -// height||Other|4 -$--switch-button-size: 16px !default; - -/* Dialog --------------------------- */ -$--dialog-background-color: $--color-white !default; -$--dialog-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !default; -/// fontSize||Font|1 -$--dialog-title-font-size: $--font-size-large !default; -/// fontSize||Font|1 -$--dialog-content-font-size: 14px !default; -/// fontLineHeight||LineHeight|2 -$--dialog-font-line-height: $--font-line-height-primary !default; -/// padding||Spacing|3 -$--dialog-padding-primary: 20px !default; - -/* Table --------------------------- */ -/// color||Color|0 -$--table-border-color: $--border-color-lighter !default; -$--table-border: 1px solid $--table-border-color !default; -/// color||Color|0 -$--table-font-color: $--color-text-regular !default; -/// color||Color|0 -$--table-header-font-color: $--color-text-secondary !default; -/// color||Color|0 -$--table-row-hover-background-color: $--background-color-base !default; -$--table-current-row-background-color: rgba(255, 255, 255, .12) !default; -/// color||Color|0 -$--table-header-background-color: $--color-white !default; -$--table-fixed-box-shadow: 0 0 10px rgba(0, 0, 0, .12) !default; - -/* Pagination --------------------------- */ -/// fontSize||Font|1 -$--pagination-font-size: 13px !default; -/// color||Color|0 -$--pagination-background-color: $--color-white !default; -/// color||Color|0 -$--pagination-font-color: $--color-text-primary !default; -$--pagination-border-radius: 3px !default; -/// color||Color|0 -$--pagination-button-color: $--color-text-primary !default; -/// height||Other|4 -$--pagination-button-width: 35.5px !default; -/// height||Other|4 -$--pagination-button-height: 28px !default; -/// color||Color|0 -$--pagination-button-disabled-color: $--color-text-placeholder !default; -/// color||Color|0 -$--pagination-button-disabled-background-color: $--color-white !default; -/// color||Color|0 -$--pagination-hover-color: $--color-primary !default; - -/* Popup --------------------------- */ -/// color||Color|0 -$--popup-modal-background-color: $--color-black !default; -/// opacity||Other|1 -$--popup-modal-opacity: 0.5 !default; - -/* Popover --------------------------- */ -/// color||Color|0 -$--popover-background-color: $--color-white !default; -/// fontSize||Font|1 -$--popover-font-size: $--font-size-base !default; -/// color||Color|0 -$--popover-border-color: $--border-color-lighter !default; -$--popover-arrow-size: 6px !default; -/// padding||Spacing|3 -$--popover-padding: 12px !default; -$--popover-padding-large: 18px 20px !default; -/// fontSize||Font|1 -$--popover-title-font-size: 16px !default; -/// color||Color|0 -$--popover-title-font-color: $--color-text-primary !default; - -/* Tooltip --------------------------- */ -/// color|1|Color|0 -$--tooltip-fill: $--color-text-primary !default; -/// color|1|Color|0 -$--tooltip-color: $--color-white !default; -/// fontSize||Font|1 -$--tooltip-font-size: 12px !default; -/// color||Color|0 -$--tooltip-border-color: $--color-text-primary !default; -$--tooltip-arrow-size: 6px !default; -/// padding||Spacing|3 -$--tooltip-padding: 10px !default; - -/* Tag --------------------------- */ -/// color||Color|0 -$--tag-info-color: $--color-info !default; -/// color||Color|0 -$--tag-primary-color: $--color-primary !default; -/// color||Color|0 -$--tag-success-color: $--color-success !default; -/// color||Color|0 -$--tag-warning-color: $--color-warning !default; -/// color||Color|0 -$--tag-danger-color: $--color-danger !default; -/// fontSize||Font|1 -$--tag-font-size: 12px !default; -$--tag-border-radius: 4px !default; -$--tag-padding: 0 10px !default; - -/* Tree --------------------------- */ -/// color||Color|0 -$--tree-node-hover-background-color: $--background-color-base !default; -/// color||Color|0 -$--tree-font-color: $--color-text-regular !default; -/// color||Color|0 -$--tree-expand-icon-color: $--color-text-placeholder !default; - -/* Dropdown --------------------------- */ -$--dropdown-menu-box-shadow: $--box-shadow-light !default; -$--dropdown-menuItem-hover-fill: $--color-menu-background !default; -$--dropdown-menuItem-hover-color: $--color-white !default; - -/* Badge --------------------------- */ -/// color||Color|0 -$--badge-background-color: $--color-danger !default; -$--badge-radius: 10px !default; -/// fontSize||Font|1 -$--badge-font-size: 12px !default; -/// padding||Spacing|3 -$--badge-padding: 6px !default; -/// height||Other|4 -$--badge-size: 18px !default; - -/* Card ---------------------------*/ -/// color||Color|0 -$--card-border-color: $--border-color-lighter !default; -$--card-border-radius: 4px !default; -/// padding||Spacing|3 -$--card-padding: 20px !default; - -/* Slider ---------------------------*/ -/// color||Color|0 -$--slider-main-background-color: $--color-primary !default; -/// color||Color|0 -$--slider-runway-background-color: $--border-color-light !default; -$--slider-button-hover-color: mix($--color-primary, black, 97%) !default; -$--slider-stop-background-color: $--color-white !default; -$--slider-disable-color: $--color-text-placeholder !default; -$--slider-margin: 16px 0 !default; -$--slider-border-radius: 3px !default; -/// height|1|Other|4 -$--slider-height: 6px !default; -/// height||Other|4 -$--slider-button-size: 16px !default; -$--slider-button-wrapper-size: 36px !default; -$--slider-button-wrapper-offset: -15px !default; - -/* Steps ---------------------------*/ -$--steps-border-color: $--disabled-border-base !default; -$--steps-border-radius: 4px !default; -$--steps-padding: 20px !default; - -/* Menu ---------------------------*/ -/// fontSize||Font|1 -$--menu-item-font-size: $--font-size-base !default; -/// color||Color|0 -$--menu-item-font-color: $--color-white !default; -/// color||Color|0 -$--menu-background-color: $--color-menu-background !default; -$--menu-item-hover-fill: $--color-menu-item-active-background !default; - -/* Rate ---------------------------*/ -$--rate-height: 20px !default; -/// fontSize||Font|1 -$--rate-font-size: $--font-size-base !default; -/// height||Other|3 -$--rate-icon-size: 18px !default; -/// margin||Spacing|2 -$--rate-icon-margin: 6px !default; -$--rate-icon-color: $--color-text-placeholder !default; - -/* DatePicker ---------------------------*/ -$--datepicker-font-color: $--color-text-regular !default; -/// color|1|Color|0 -$--datepicker-off-font-color: $--color-text-placeholder !default; -/// color||Color|0 -$--datepicker-header-font-color: $--color-text-regular !default; -$--datepicker-icon-color: $--color-text-primary !default; -$--datepicker-border-color: $--disabled-border-base !default; -$--datepicker-inner-border-color: #e4e4e4 !default; -/// color||Color|0 -$--datepicker-inrange-background-color: $--border-color-extra-light !default; -/// color||Color|0 -$--datepicker-inrange-hover-background-color: $--border-color-extra-light !default; -/// color||Color|0 -$--datepicker-active-color: $--color-primary !default; -/// color||Color|0 -$--datepicker-hover-font-color: $--color-primary !default; -$--datepicker-cell-hover-color: #fff !default; - -/* Loading ---------------------------*/ -/// height||Other|4 -$--loading-spinner-size: 42px !default; -/// height||Other|4 -$--loading-fullscreen-spinner-size: 50px !default; - -/* Scrollbar ---------------------------*/ -$--scrollbar-background-color: rgba($--color-text-secondary, .3) !default; -$--scrollbar-hover-background-color: rgba($--color-text-secondary, .5) !default; - -/* Carousel ---------------------------*/ -/// fontSize||Font|1 -$--carousel-arrow-font-size: 12px !default; -$--carousel-arrow-size: 36px !default; -$--carousel-arrow-background: rgba(31, 45, 61, 0.11) !default; -$--carousel-arrow-hover-background: rgba(31, 45, 61, 0.23) !default; -/// width||Other|4 -$--carousel-indicator-width: 30px !default; -/// height||Other|4 -$--carousel-indicator-height: 2px !default; -$--carousel-indicator-padding-horizontal: 4px !default; -$--carousel-indicator-padding-vertical: 12px !default; -$--carousel-indicator-out-color: $--border-color-hover !default; - -/* Collapse ---------------------------*/ -/// color||Color|0 -$--collapse-border-color: $--border-color-lighter !default; -/// height||Other|4 -$--collapse-header-height: 48px !default; -/// color||Color|0 -$--collapse-header-background-color: $--color-white !default; -/// color||Color|0 -$--collapse-header-font-color: $--color-text-primary !default; -/// fontSize||Font|1 -$--collapse-header-font-size: 13px !default; -/// color||Color|0 -$--collapse-content-background-color: $--color-white !default; -/// fontSize||Font|1 -$--collapse-content-font-size: 13px !default; -/// color||Color|0 -$--collapse-content-font-color: $--color-text-primary !default; - -/* Transfer ---------------------------*/ -$--transfer-border-color: $--border-color-lighter !default; -$--transfer-border-radius: $--border-radius-base !default; -/// height||Other|4 -$--transfer-panel-width: 200px !default; -/// height||Other|4 -$--transfer-panel-header-height: 40px !default; -/// color||Color|0 -$--transfer-panel-header-background-color: $--background-color-base !default; -/// height||Other|4 -$--transfer-panel-footer-height: 40px !default; -/// height||Other|4 -$--transfer-panel-body-height: 246px !default; -/// height||Other|4 -$--transfer-item-height: 30px !default; -/// height||Other|4 -$--transfer-filter-height: 32px !default; - -/* Header - --------------------------*/ -$--header-padding: 0 20px !default; - -/* Footer ---------------------------*/ -$--footer-padding: 0 20px !default; - -/* Main ---------------------------*/ -$--main-padding: 20px !default; - -/* Timeline ---------------------------*/ -$--timeline-node-size-normal: 12px !default; -$--timeline-node-size-large: 14px !default; -$--timeline-node-color: $--border-color-light !default; - -/* Backtop ---------------------------*/ -/// color||Color|0 -$--backtop-background-color: $--color-white !default; -/// color||Color|0 -$--backtop-font-color: $--color-primary !default; -/// color||Color|0 -$--backtop-hover-background-color: $--border-color-extra-light !default; - -/* Link ---------------------------*/ -/// fontSize||Font|1 -$--link-font-size: $--font-size-base !default; -/// fontWeight||Font|1 -$--link-font-weight: $--font-weight-primary !default; -/// color||Color|0 -$--link-default-font-color: $--color-text-regular !default; -/// color||Color|0 -$--link-default-active-color: $--color-primary !default; -/// color||Color|0 -$--link-disabled-font-color: $--color-text-placeholder !default; -/// color||Color|0 -$--link-primary-font-color: $--color-primary !default; -/// color||Color|0 -$--link-success-font-color: $--color-success !default; -/// color||Color|0 -$--link-warning-font-color: $--color-warning !default; -/// color||Color|0 -$--link-danger-font-color: $--color-danger !default; -/// color||Color|0 -$--link-info-font-color: $--color-info !default; -/* Calendar ---------------------------*/ -/// border||Other|4 -$--calendar-border: $--table-border !default; -/// color||Other|4 -$--calendar-selected-background-color: #F2F8FE !default; -$--calendar-cell-width: 85px !default; - -/* Form --------------------------- */ -/// fontSize||Font|1 -$--form-label-font-size: $--font-size-base !default; - -/* Avatar ---------------------------*/ -/// color||Color|0 -$--avatar-font-color: #fff !default; -/// color||Color|0 -$--avatar-background-color: #C0C4CC !default; -/// fontSize||Font Size|1 -$--avatar-text-font-size: 14px !default; -/// fontSize||Font Size|1 -$--avatar-icon-font-size: 18px !default; -/// borderRadius||Border|2 -$--avatar-border-radius: $--border-radius-base !default; -/// size|1|Avatar Size|3 -$--avatar-large-size: 40px !default; -/// size|1|Avatar Size|3 -$--avatar-medium-size: 36px !default; -/// size|1|Avatar Size|3 -$--avatar-small-size: 28px !default; - -/* Break-point ---------------------------*/ -$--sm: 768px !default; -$--md: 992px !default; -$--lg: 1200px !default; -$--xl: 1920px !default; - -$--breakpoints: ( - 'xs' : (max-width: $--sm - 1), - 'sm' : (min-width: $--sm), - 'md' : (min-width: $--md), - 'lg' : (min-width: $--lg), - 'xl' : (min-width: $--xl) -); - -$--breakpoints-spec: ( - 'xs-only' : (max-width: $--sm - 1), - 'sm-and-up' : (min-width: $--sm), - 'sm-only': "(min-width: #{$--sm}) and (max-width: #{$--md - 1})", - 'sm-and-down': (max-width: $--md - 1), - 'md-and-up' : (min-width: $--md), - 'md-only': "(min-width: #{$--md}) and (max-width: #{$--lg - 1})", - 'md-and-down': (max-width: $--lg - 1), - 'lg-and-up' : (min-width: $--lg), - 'lg-only': "(min-width: #{$--lg}) and (max-width: #{$--xl - 1})", - 'lg-and-down': (max-width: $--xl - 1), - 'xl-only' : (min-width: $--xl), -); diff --git a/images/orange-demo-activiti-web/src/assets/element-variables-dark.scss b/images/orange-demo-activiti-web/src/assets/element-variables-dark.scss deleted file mode 100644 index ed98457d..00000000 --- a/images/orange-demo-activiti-web/src/assets/element-variables-dark.scss +++ /dev/null @@ -1,1000 +0,0 @@ -/* Element Chalk Variables */ - -// Special comment for theme configurator -// type|skipAutoTranslation|Category|Order -// skipAutoTranslation 1 - -/* Transition --------------------------- */ -$--all-transition: all .3s cubic-bezier(.645,.045,.355,1) !default; -$--fade-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) !default; -$--fade-linear-transition: opacity 200ms linear !default; -$--md-fade-transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) !default; -$--border-transition-base: border-color .2s cubic-bezier(.645,.045,.355,1) !default; -$--color-transition-base: color .2s cubic-bezier(.645,.045,.355,1) !default; - -/* Color --------------------------- */ -/// color|1|Brand Color|0 -$--color-primary: #409EFF !default; -/// color|1|Background Color|4 -$--color-white: #FFFFFF !default; -/// color|1|Background Color|4 -$--color-black: #000000 !default; -$--color-primary-light-1: mix($--color-white, $--color-primary, 10%) !default; /* 53a8ff */ -$--color-primary-light-2: mix($--color-white, $--color-primary, 20%) !default; /* 66b1ff */ -$--color-primary-light-3: mix($--color-white, $--color-primary, 30%) !default; /* 79bbff */ -$--color-primary-light-4: mix($--color-white, $--color-primary, 40%) !default; /* 8cc5ff */ -$--color-primary-light-5: mix($--color-white, $--color-primary, 50%) !default; /* a0cfff */ -$--color-primary-light-6: mix($--color-white, $--color-primary, 60%) !default; /* b3d8ff */ -$--color-primary-light-7: mix($--color-white, $--color-primary, 70%) !default; /* c6e2ff */ -$--color-primary-light-8: mix($--color-white, $--color-primary, 80%) !default; /* d9ecff */ -$--color-primary-light-9: mix($--color-white, $--color-primary, 90%) !default; /* ecf5ff */ -/// color|1|Functional Color|1 -$--color-success: #67C23A !default; -/// color|1|Functional Color|1 -$--color-warning: #E6A23C !default; -/// color|1|Functional Color|1 -$--color-danger: #F56C6C !default; -/// color|1|Functional Color|1 -$--color-info: #909399 !default; - -$--color-success-light: mix($--color-white, $--color-success, 80%) !default; -$--color-warning-light: mix($--color-white, $--color-warning, 80%) !default; -$--color-danger-light: mix($--color-white, $--color-danger, 80%) !default; -$--color-info-light: mix($--color-white, $--color-info, 80%) !default; - -$--color-success-lighter: mix($--color-white, $--color-success, 90%) !default; -$--color-warning-lighter: mix($--color-white, $--color-warning, 90%) !default; -$--color-danger-lighter: mix($--color-white, $--color-danger, 90%) !default; -$--color-info-lighter: mix($--color-white, $--color-info, 90%) !default; -/// color|1|Font Color|2 -$--color-text-primary: #303133 !default; -/// color|1|Font Color|2 -$--color-text-regular: #606266 !default; -/// color|1|Font Color|2 -$--color-text-secondary: #909399 !default; -/// color|1|Font Color|2 -$--color-text-placeholder: #C0C4CC !default; -/// color|1|Border Color|3 -$--border-color-base: #DCDFE6 !default; -/// color|1|Border Color|3 -$--border-color-light: #E4E7ED !default; -/// color|1|Border Color|3 -$--border-color-lighter: #EBEEF5 !default; -/// color|1|Border Color|3 -$--border-color-extra-light: #F2F6FC !default; - -// Background -/// color|1|Background Color|4 -$--background-color-base: #F5F7FA !default; - -// color for left sidebar title -$--color-sidebar-title-text: #FFFFFF; -// color for left sidebar background -$--color-menu-background: #272C34; -$--color-menu-item-active-text-color: #FFFFFF; -$--color-menu-item-active-background: $--color-primary; -/* Link --------------------------- */ -$--link-color: $--color-primary-light-2 !default; -$--link-hover-color: $--color-primary !default; - -/* Border --------------------------- */ -$--border-width-base: 1px !default; -$--border-style-base: solid !default; -$--border-color-hover: $--color-text-placeholder !default; -$--border-base: $--border-width-base $--border-style-base $--border-color-base !default; -/// borderRadius|1|Radius|0 -$--border-radius-base: 4px !default; -/// borderRadius|1|Radius|0 -$--border-radius-small: 2px !default; -/// borderRadius|1|Radius|0 -$--border-radius-circle: 100% !default; -/// borderRadius|1|Radius|0 -$--border-radius-zero: 0 !default; - -// Box-shadow -/// boxShadow|1|Shadow|1 -$--box-shadow-base: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04) !default; -// boxShadow|1|Shadow|1 -$--box-shadow-dark: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .12) !default; -/// boxShadow|1|Shadow|1 -$--box-shadow-light: 0 2px 12px 0 rgba(0, 0, 0, 0.1) !default; - -/* Fill --------------------------- */ -$--fill-base: $--color-white !default; - -/* Typography --------------------------- */ -$--font-path: 'fonts' !default; -$--font-display: 'auto' !default; -/// fontSize|1|Font Size|0 -$--font-size-extra-large: 20px !default; -/// fontSize|1|Font Size|0 -$--font-size-large: 18px !default; -/// fontSize|1|Font Size|0 -$--font-size-medium: 16px !default; -/// fontSize|1|Font Size|0 -$--font-size-base: 14px !default; -/// fontSize|1|Font Size|0 -$--font-size-small: 13px !default; -/// fontSize|1|Font Size|0 -$--font-size-extra-small: 12px !default; -/// fontWeight|1|Font Weight|1 -$--font-weight-primary: 500 !default; -/// fontWeight|1|Font Weight|1 -$--font-weight-secondary: 100 !default; -/// fontLineHeight|1|Line Height|2 -$--font-line-height-primary: 24px !default; -/// fontLineHeight|1|Line Height|2 -$--font-line-height-secondary: 16px !default; -$--font-color-disabled-base: #bbb !default; -/* Size --------------------------- */ -$--size-base: 14px !default; - -/* z-index --------------------------- */ -$--index-normal: 1 !default; -$--index-top: 1000 !default; -$--index-popper: 2000 !default; - -/* Disable base --------------------------- */ -$--disabled-fill-base: $--background-color-base !default; -$--disabled-color-base: $--color-text-placeholder !default; -$--disabled-border-base: $--border-color-light !default; - -/* Icon --------------------------- */ -$--icon-color: #666 !default; -$--icon-color-base: $--color-info !default; - -/* Checkbox --------------------------- */ -/// fontSize||Font|1 -$--checkbox-font-size: 14px !default; -/// fontWeight||Font|1 -$--checkbox-font-weight: $--font-weight-primary !default; -/// color||Color|0 -$--checkbox-font-color: $--color-text-regular !default; -$--checkbox-input-height: 14px !default; -$--checkbox-input-width: 14px !default; -/// borderRadius||Border|2 -$--checkbox-border-radius: $--border-radius-small !default; -/// color||Color|0 -$--checkbox-background-color: $--color-white !default; -$--checkbox-input-border: $--border-base !default; - -/// color||Color|0 -$--checkbox-disabled-border-color: $--border-color-base !default; -$--checkbox-disabled-input-fill: #edf2fc !default; -$--checkbox-disabled-icon-color: $--color-text-placeholder !default; - -$--checkbox-disabled-checked-input-fill: $--border-color-extra-light !default; -$--checkbox-disabled-checked-input-border-color: $--border-color-base !default; -$--checkbox-disabled-checked-icon-color: $--color-text-placeholder !default; - -/// color||Color|0 -$--checkbox-checked-font-color: $--color-primary !default; -$--checkbox-checked-input-border-color: $--color-primary !default; -/// color||Color|0 -$--checkbox-checked-background-color: $--color-primary !default; -$--checkbox-checked-icon-color: $--fill-base !default; - -$--checkbox-input-border-color-hover: $--color-primary !default; -/// height||Other|4 -$--checkbox-bordered-height: 40px !default; -/// padding||Spacing|3 -$--checkbox-bordered-padding: 9px 20px 9px 10px !default; -/// padding||Spacing|3 -$--checkbox-bordered-medium-padding: 7px 20px 7px 10px !default; -/// padding||Spacing|3 -$--checkbox-bordered-small-padding: 5px 15px 5px 10px !default; -/// padding||Spacing|3 -$--checkbox-bordered-mini-padding: 3px 15px 3px 10px !default; -$--checkbox-bordered-medium-input-height: 14px !default; -$--checkbox-bordered-medium-input-width: 14px !default; -/// height||Other|4 -$--checkbox-bordered-medium-height: 36px !default; -$--checkbox-bordered-small-input-height: 12px !default; -$--checkbox-bordered-small-input-width: 12px !default; -/// height||Other|4 -$--checkbox-bordered-small-height: 32px !default; -$--checkbox-bordered-mini-input-height: 12px !default; -$--checkbox-bordered-mini-input-width: 12px !default; -/// height||Other|4 -$--checkbox-bordered-mini-height: 28px !default; - -/// color||Color|0 -$--checkbox-button-checked-background-color: $--color-primary !default; -/// color||Color|0 -$--checkbox-button-checked-font-color: $--color-white !default; -/// color||Color|0 -$--checkbox-button-checked-border-color: $--color-primary !default; - - - -/* Radio --------------------------- */ -/// fontSize||Font|1 -$--radio-font-size: $--font-size-base !default; -/// fontWeight||Font|1 -$--radio-font-weight: $--font-weight-primary !default; -/// color||Color|0 -$--radio-font-color: $--color-text-regular !default; -$--radio-input-height: 14px !default; -$--radio-input-width: 14px !default; -/// borderRadius||Border|2 -$--radio-input-border-radius: $--border-radius-circle !default; -/// color||Color|0 -$--radio-input-background-color: $--color-white !default; -$--radio-input-border: $--border-base !default; -/// color||Color|0 -$--radio-input-border-color: $--border-color-base !default; -/// color||Color|0 -$--radio-icon-color: $--color-white !default; - -$--radio-disabled-input-border-color: $--disabled-border-base !default; -$--radio-disabled-input-fill: $--disabled-fill-base !default; -$--radio-disabled-icon-color: $--disabled-fill-base !default; - -$--radio-disabled-checked-input-border-color: $--disabled-border-base !default; -$--radio-disabled-checked-input-fill: $--disabled-fill-base !default; -$--radio-disabled-checked-icon-color: $--color-text-placeholder !default; - -/// color||Color|0 -$--radio-checked-font-color: $--color-primary !default; -/// color||Color|0 -$--radio-checked-input-border-color: $--color-primary !default; -/// color||Color|0 -$--radio-checked-input-background-color: $--color-white !default; -/// color||Color|0 -$--radio-checked-icon-color: $--color-primary !default; - -$--radio-input-border-color-hover: $--color-primary !default; - -$--radio-bordered-height: 40px !default; -$--radio-bordered-padding: 12px 20px 0 10px !default; -$--radio-bordered-medium-padding: 10px 20px 0 10px !default; -$--radio-bordered-small-padding: 8px 15px 0 10px !default; -$--radio-bordered-mini-padding: 6px 15px 0 10px !default; -$--radio-bordered-medium-input-height: 14px !default; -$--radio-bordered-medium-input-width: 14px !default; -$--radio-bordered-medium-height: 36px !default; -$--radio-bordered-small-input-height: 12px !default; -$--radio-bordered-small-input-width: 12px !default; -$--radio-bordered-small-height: 32px !default; -$--radio-bordered-mini-input-height: 12px !default; -$--radio-bordered-mini-input-width: 12px !default; -$--radio-bordered-mini-height: 28px !default; - -/// fontSize||Font|1 -$--radio-button-font-size: $--font-size-base !default; -/// color||Color|0 -$--radio-button-checked-background-color: $--color-primary !default; -/// color||Color|0 -$--radio-button-checked-font-color: $--color-white !default; -/// color||Color|0 -$--radio-button-checked-border-color: $--color-primary !default; -$--radio-button-disabled-checked-fill: $--border-color-extra-light !default; - -/* Select --------------------------- */ -$--select-border-color-hover: $--border-color-hover !default; -$--select-disabled-border: $--disabled-border-base !default; -/// fontSize||Font|1 -$--select-font-size: $--font-size-base !default; -$--select-close-hover-color: $--color-text-secondary !default; - -$--select-input-color: $--color-text-placeholder !default; -$--select-multiple-input-color: #666 !default; -/// color||Color|0 -$--select-input-focus-border-color: $--color-primary !default; -/// fontSize||Font|1 -$--select-input-font-size: 14px !default; - -$--select-option-color: $--color-text-regular !default; -$--select-option-disabled-color: $--color-text-placeholder !default; -$--select-option-disabled-background: $--color-white !default; -/// height||Other|4 -$--select-option-height: 34px !default; -$--select-option-hover-background: $--background-color-base !default; -/// color||Color|0 -$--select-option-selected-font-color: $--color-primary !default; -$--select-option-selected-hover: $--background-color-base !default; - -$--select-group-color: $--color-info !default; -$--select-group-height: 30px !default; -$--select-group-font-size: 12px !default; - -$--select-dropdown-background: $--color-white !default; -$--select-dropdown-shadow: $--box-shadow-light !default; -$--select-dropdown-empty-color: #999 !default; -/// height||Other|4 -$--select-dropdown-max-height: 274px !default; -$--select-dropdown-padding: 6px 0 !default; -$--select-dropdown-empty-padding: 10px 0 !default; -$--select-dropdown-border: solid 1px $--border-color-light !default; - -/* Alert --------------------------- */ -$--alert-padding: 8px 16px !default; -/// borderRadius||Border|2 -$--alert-border-radius: $--border-radius-base !default; -/// fontSize||Font|1 -$--alert-title-font-size: 13px !default; -/// fontSize||Font|1 -$--alert-description-font-size: 12px !default; -/// fontSize||Font|1 -$--alert-close-font-size: 12px !default; -/// fontSize||Font|1 -$--alert-close-customed-font-size: 13px !default; - -$--alert-success-color: $--color-success-lighter !default; -$--alert-info-color: $--color-info-lighter !default; -$--alert-warning-color: $--color-warning-lighter !default; -$--alert-danger-color: $--color-danger-lighter !default; - -/// height||Other|4 -$--alert-icon-size: 16px !default; -/// height||Other|4 -$--alert-icon-large-size: 28px !default; - -/* MessageBox --------------------------- */ -/// color||Color|0 -$--messagebox-title-color: $--color-text-primary !default; -$--msgbox-width: 420px !default; -$--msgbox-border-radius: 4px !default; -/// fontSize||Font|1 -$--messagebox-font-size: $--font-size-large !default; -/// fontSize||Font|1 -$--messagebox-content-font-size: $--font-size-base !default; -/// color||Color|0 -$--messagebox-content-color: $--color-text-regular !default; -/// fontSize||Font|1 -$--messagebox-error-font-size: 12px !default; -$--msgbox-padding-primary: 15px !default; -/// color||Color|0 -$--messagebox-success-color: $--color-success !default; -/// color||Color|0 -$--messagebox-info-color: $--color-info !default; -/// color||Color|0 -$--messagebox-warning-color: $--color-warning !default; -/// color||Color|0 -$--messagebox-danger-color: $--color-danger !default; - -/* Message --------------------------- */ -$--message-shadow: $--box-shadow-base !default; -$--message-min-width: 380px !default; -$--message-background-color: #edf2fc !default; -$--message-padding: 15px 15px 15px 20px !default; -/// color||Color|0 -$--message-close-icon-color: $--color-text-placeholder !default; -/// height||Other|4 -$--message-close-size: 16px !default; -/// color||Color|0 -$--message-close-hover-color: $--color-text-secondary !default; - -/// color||Color|0 -$--message-success-font-color: $--color-success !default; -/// color||Color|0 -$--message-info-font-color: $--color-info !default; -/// color||Color|0 -$--message-warning-font-color: $--color-warning !default; -/// color||Color|0 -$--message-danger-font-color: $--color-danger !default; - -/* Notification --------------------------- */ -$--notification-width: 330px !default; -/// padding||Spacing|3 -$--notification-padding: 14px 26px 14px 13px !default; -$--notification-radius: 8px !default; -$--notification-shadow: $--box-shadow-light !default; -/// color||Color|0 -$--notification-border-color: $--border-color-lighter !default; -$--notification-icon-size: 24px !default; -$--notification-close-font-size: $--message-close-size !default; -$--notification-group-margin-left: 13px !default; -$--notification-group-margin-right: 8px !default; -/// fontSize||Font|1 -$--notification-content-font-size: $--font-size-base !default; -/// color||Color|0 -$--notification-content-color: $--color-text-regular !default; -/// fontSize||Font|1 -$--notification-title-font-size: 16px !default; -/// color||Color|0 -$--notification-title-color: $--color-text-primary !default; - -/// color||Color|0 -$--notification-close-color: $--color-text-secondary !default; -/// color||Color|0 -$--notification-close-hover-color: $--color-text-regular !default; - -/// color||Color|0 -$--notification-success-icon-color: $--color-success !default; -/// color||Color|0 -$--notification-info-icon-color: $--color-info !default; -/// color||Color|0 -$--notification-warning-icon-color: $--color-warning !default; -/// color||Color|0 -$--notification-danger-icon-color: $--color-danger !default; - -/* Input --------------------------- */ -$--input-font-size: $--font-size-base !default; -/// color||Color|0 -$--input-font-color: $--color-text-regular !default; -/// height||Other|4 -$--input-width: 140px !default; -/// height||Other|4 -$--input-height: 40px !default; -$--input-border: $--border-base !default; -$--input-border-color: $--border-color-base !default; -/// borderRadius||Border|2 -$--input-border-radius: $--border-radius-base !default; -$--input-border-color-hover: $--border-color-hover !default; -/// color||Color|0 -$--input-background-color: $--color-white !default; -$--input-fill-disabled: $--disabled-fill-base !default; -$--input-color-disabled: $--font-color-disabled-base !default; -/// color||Color|0 -$--input-icon-color: $--color-text-placeholder !default; -/// color||Color|0 -$--input-placeholder-color: $--color-text-placeholder !default; -$--input-max-width: 314px !default; - -$--input-hover-border: $--border-color-hover !default; -$--input-clear-hover-color: $--color-text-secondary !default; - -$--input-focus-border: $--color-primary !default; -$--input-focus-fill: $--color-white !default; - -$--input-disabled-fill: $--disabled-fill-base !default; -$--input-disabled-border: $--disabled-border-base !default; -$--input-disabled-color: $--disabled-color-base !default; -$--input-disabled-placeholder-color: $--color-text-placeholder !default; - -/// fontSize||Font|1 -$--input-medium-font-size: 14px !default; -/// height||Other|4 -$--input-medium-height: 36px !default; -/// fontSize||Font|1 -$--input-small-font-size: 13px !default; -/// height||Other|4 -$--input-small-height: 32px !default; -/// fontSize||Font|1 -$--input-mini-font-size: 12px !default; -/// height||Other|4 -$--input-mini-height: 28px !default; - -/* Cascader --------------------------- */ -/// color||Color|0 -$--cascader-menu-font-color: $--color-text-regular !default; -/// color||Color|0 -$--cascader-menu-selected-font-color: $--color-primary !default; -$--cascader-menu-fill: $--fill-base !default; -$--cascader-menu-font-size: $--font-size-base !default; -$--cascader-menu-radius: $--border-radius-base !default; -$--cascader-menu-border: solid 1px $--border-color-light !default; -$--cascader-menu-shadow: $--box-shadow-light !default; -$--cascader-node-background-hover: $--background-color-base !default; -$--cascader-node-color-disabled:$--color-text-placeholder !default; -$--cascader-color-empty:$--color-text-placeholder !default; -$--cascader-tag-background: #f0f2f5; - -/* Group --------------------------- */ -$--group-option-flex: 0 0 (1/5) * 100% !default; -$--group-option-offset-bottom: 12px !default; -$--group-option-fill-hover: rgba($--color-black, 0.06) !default; -$--group-title-color: $--color-black !default; -$--group-title-font-size: $--font-size-base !default; -$--group-title-width: 66px !default; - -/* Tab --------------------------- */ -$--tab-font-size: $--font-size-base !default; -$--tab-border-line: 1px solid #e4e4e4 !default; -$--tab-header-color-active: $--color-text-secondary !default; -$--tab-header-color-hover: $--color-text-regular !default; -$--tab-header-color: $--color-text-regular !default; -$--tab-header-fill-active: rgba($--color-black, 0.06) !default; -$--tab-header-fill-hover: rgba($--color-black, 0.06) !default; -$--tab-vertical-header-width: 90px !default; -$--tab-vertical-header-count-color: $--color-white !default; -$--tab-vertical-header-count-fill: $--color-text-secondary !default; - -/* Button --------------------------- */ -/// fontSize||Font|1 -$--button-font-size: $--font-size-base !default; -/// fontWeight||Font|1 -$--button-font-weight: $--font-weight-primary !default; -/// borderRadius||Border|2 -$--button-border-radius: $--border-radius-base !default; -/// padding||Spacing|3 -$--button-padding-vertical: 12px !default; -/// padding||Spacing|3 -$--button-padding-horizontal: 20px !default; - -/// fontSize||Font|1 -$--button-medium-font-size: $--font-size-base !default; -/// borderRadius||Border|2 -$--button-medium-border-radius: $--border-radius-base !default; -/// padding||Spacing|3 -$--button-medium-padding-vertical: 10px !default; -/// padding||Spacing|3 -$--button-medium-padding-horizontal: 20px !default; - -/// fontSize||Font|1 -$--button-small-font-size: 12px !default; -$--button-small-border-radius: #{$--border-radius-base - 1} !default; -/// padding||Spacing|3 -$--button-small-padding-vertical: 9px !default; -/// padding||Spacing|3 -$--button-small-padding-horizontal: 15px !default; -/// fontSize||Font|1 -$--button-mini-font-size: 12px !default; -$--button-mini-border-radius: #{$--border-radius-base - 1} !default; -/// padding||Spacing|3 -$--button-mini-padding-vertical: 7px !default; -/// padding||Spacing|3 -$--button-mini-padding-horizontal: 15px !default; - -/// color||Color|0 -$--button-default-font-color: $--color-text-regular !default; -/// color||Color|0 -$--button-default-background-color: $--color-white !default; -/// color||Color|0 -$--button-default-border-color: $--border-color-base !default; - -/// color||Color|0 -$--button-disabled-font-color: $--color-text-placeholder !default; -/// color||Color|0 -$--button-disabled-background-color: $--color-white !default; -/// color||Color|0 -$--button-disabled-border-color: $--border-color-lighter !default; - -/// color||Color|0 -$--button-primary-border-color: $--color-primary !default; -/// color||Color|0 -$--button-primary-font-color: $--color-white !default; -/// color||Color|0 -$--button-primary-background-color: $--color-primary !default; -/// color||Color|0 -$--button-success-border-color: $--color-success !default; -/// color||Color|0 -$--button-success-font-color: $--color-white !default; -/// color||Color|0 -$--button-success-background-color: $--color-success !default; -/// color||Color|0 -$--button-warning-border-color: $--color-warning !default; -/// color||Color|0 -$--button-warning-font-color: $--color-white !default; -/// color||Color|0 -$--button-warning-background-color: $--color-warning !default; -/// color||Color|0 -$--button-danger-border-color: $--color-danger !default; -/// color||Color|0 -$--button-danger-font-color: $--color-white !default; -/// color||Color|0 -$--button-danger-background-color: $--color-danger !default; -/// color||Color|0 -$--button-info-border-color: $--color-info !default; -/// color||Color|0 -$--button-info-font-color: $--color-white !default; -/// color||Color|0 -$--button-info-background-color: $--color-info !default; - -$--button-hover-tint-percent: 20% !default; -$--button-active-shade-percent: 10% !default; - - -/* cascader --------------------------- */ -$--cascader-height: 200px !default; - -/* Switch --------------------------- */ -/// color||Color|0 -$--switch-on-color: $--color-primary !default; -/// color||Color|0 -$--switch-off-color: $--border-color-base !default; -/// fontSize||Font|1 -$--switch-font-size: $--font-size-base !default; -$--switch-core-border-radius: 10px !default; -// height||Other|4 TODO: width 代码写死的40px 所以下面这三个属性都没意义 -$--switch-width: 40px !default; -// height||Other|4 -$--switch-height: 20px !default; -// height||Other|4 -$--switch-button-size: 16px !default; - -/* Dialog --------------------------- */ -$--dialog-background-color: $--color-white !default; -$--dialog-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !default; -/// fontSize||Font|1 -$--dialog-title-font-size: $--font-size-large !default; -/// fontSize||Font|1 -$--dialog-content-font-size: 14px !default; -/// fontLineHeight||LineHeight|2 -$--dialog-font-line-height: $--font-line-height-primary !default; -/// padding||Spacing|3 -$--dialog-padding-primary: 20px !default; - -/* Table --------------------------- */ -/// color||Color|0 -$--table-border-color: $--border-color-lighter !default; -$--table-border: 1px solid $--table-border-color !default; -/// color||Color|0 -$--table-font-color: $--color-text-regular !default; -/// color||Color|0 -$--table-header-font-color: $--color-text-secondary !default; -/// color||Color|0 -$--table-row-hover-background-color: $--background-color-base !default; -$--table-current-row-background-color: $--color-primary-light-9 !default; -/// color||Color|0 -$--table-header-background-color: $--color-white !default; -$--table-fixed-box-shadow: 0 0 10px rgba(0, 0, 0, .12) !default; - -/* Pagination --------------------------- */ -/// fontSize||Font|1 -$--pagination-font-size: 13px !default; -/// color||Color|0 -$--pagination-background-color: $--color-white !default; -/// color||Color|0 -$--pagination-font-color: $--color-text-primary !default; -$--pagination-border-radius: 3px !default; -/// color||Color|0 -$--pagination-button-color: $--color-text-primary !default; -/// height||Other|4 -$--pagination-button-width: 35.5px !default; -/// height||Other|4 -$--pagination-button-height: 28px !default; -/// color||Color|0 -$--pagination-button-disabled-color: $--color-text-placeholder !default; -/// color||Color|0 -$--pagination-button-disabled-background-color: $--color-white !default; -/// color||Color|0 -$--pagination-hover-color: $--color-primary !default; - -/* Popup --------------------------- */ -/// color||Color|0 -$--popup-modal-background-color: $--color-black !default; -/// opacity||Other|1 -$--popup-modal-opacity: 0.5 !default; - -/* Popover --------------------------- */ -/// color||Color|0 -$--popover-background-color: $--color-white !default; -/// fontSize||Font|1 -$--popover-font-size: $--font-size-base !default; -/// color||Color|0 -$--popover-border-color: $--border-color-lighter !default; -$--popover-arrow-size: 6px !default; -/// padding||Spacing|3 -$--popover-padding: 12px !default; -$--popover-padding-large: 18px 20px !default; -/// fontSize||Font|1 -$--popover-title-font-size: 16px !default; -/// color||Color|0 -$--popover-title-font-color: $--color-text-primary !default; - -/* Tooltip --------------------------- */ -/// color|1|Color|0 -$--tooltip-fill: $--color-text-primary !default; -/// color|1|Color|0 -$--tooltip-color: $--color-white !default; -/// fontSize||Font|1 -$--tooltip-font-size: 12px !default; -/// color||Color|0 -$--tooltip-border-color: $--color-text-primary !default; -$--tooltip-arrow-size: 6px !default; -/// padding||Spacing|3 -$--tooltip-padding: 10px !default; - -/* Tag --------------------------- */ -/// color||Color|0 -$--tag-info-color: $--color-info !default; -/// color||Color|0 -$--tag-primary-color: $--color-primary !default; -/// color||Color|0 -$--tag-success-color: $--color-success !default; -/// color||Color|0 -$--tag-warning-color: $--color-warning !default; -/// color||Color|0 -$--tag-danger-color: $--color-danger !default; -/// fontSize||Font|1 -$--tag-font-size: 12px !default; -$--tag-border-radius: 4px !default; -$--tag-padding: 0 10px !default; - -/* Tree --------------------------- */ -/// color||Color|0 -$--tree-node-hover-background-color: $--background-color-base !default; -/// color||Color|0 -$--tree-font-color: $--color-text-regular !default; -/// color||Color|0 -$--tree-expand-icon-color: $--color-text-placeholder !default; - -/* Dropdown --------------------------- */ -$--dropdown-menu-box-shadow: $--box-shadow-light !default; -$--dropdown-menuItem-hover-fill: $--color-menu-item-active-background !default; -$--dropdown-menuItem-hover-color: $--color-white !default; - -/* Badge --------------------------- */ -/// color||Color|0 -$--badge-background-color: $--color-danger !default; -$--badge-radius: 10px !default; -/// fontSize||Font|1 -$--badge-font-size: 12px !default; -/// padding||Spacing|3 -$--badge-padding: 6px !default; -/// height||Other|4 -$--badge-size: 18px !default; - -/* Card ---------------------------*/ -/// color||Color|0 -$--card-border-color: $--border-color-lighter !default; -$--card-border-radius: 4px !default; -/// padding||Spacing|3 -$--card-padding: 20px !default; - -/* Slider ---------------------------*/ -/// color||Color|0 -$--slider-main-background-color: $--color-primary !default; -/// color||Color|0 -$--slider-runway-background-color: $--border-color-light !default; -$--slider-button-hover-color: mix($--color-primary, black, 97%) !default; -$--slider-stop-background-color: $--color-white !default; -$--slider-disable-color: $--color-text-placeholder !default; -$--slider-margin: 16px 0 !default; -$--slider-border-radius: 3px !default; -/// height|1|Other|4 -$--slider-height: 6px !default; -/// height||Other|4 -$--slider-button-size: 16px !default; -$--slider-button-wrapper-size: 36px !default; -$--slider-button-wrapper-offset: -15px !default; - -/* Steps ---------------------------*/ -$--steps-border-color: $--disabled-border-base !default; -$--steps-border-radius: 4px !default; -$--steps-padding: 20px !default; - -/* Menu ---------------------------*/ -/// fontSize||Font|1 -$--menu-item-font-size: $--font-size-base !default; -/// color||Color|0 -$--menu-item-font-color: $--color-white !default; -/// color||Color|0 -$--menu-background-color: $--color-menu-background !default; -$--menu-item-hover-fill: $--color-primary !default; - -/* Rate ---------------------------*/ -$--rate-height: 20px !default; -/// fontSize||Font|1 -$--rate-font-size: $--font-size-base !default; -/// height||Other|3 -$--rate-icon-size: 18px !default; -/// margin||Spacing|2 -$--rate-icon-margin: 6px !default; -$--rate-icon-color: $--color-text-placeholder !default; - -/* DatePicker ---------------------------*/ -$--datepicker-font-color: $--color-text-regular !default; -/// color|1|Color|0 -$--datepicker-off-font-color: $--color-text-placeholder !default; -/// color||Color|0 -$--datepicker-header-font-color: $--color-text-regular !default; -$--datepicker-icon-color: $--color-text-primary !default; -$--datepicker-border-color: $--disabled-border-base !default; -$--datepicker-inner-border-color: #e4e4e4 !default; -/// color||Color|0 -$--datepicker-inrange-background-color: $--border-color-extra-light !default; -/// color||Color|0 -$--datepicker-inrange-hover-background-color: $--border-color-extra-light !default; -/// color||Color|0 -$--datepicker-active-color: $--color-primary !default; -/// color||Color|0 -$--datepicker-hover-font-color: $--color-primary !default; -$--datepicker-cell-hover-color: #fff !default; - -/* Loading ---------------------------*/ -/// height||Other|4 -$--loading-spinner-size: 42px !default; -/// height||Other|4 -$--loading-fullscreen-spinner-size: 50px !default; - -/* Scrollbar ---------------------------*/ -$--scrollbar-background-color: rgba($--color-text-secondary, .3) !default; -$--scrollbar-hover-background-color: rgba($--color-text-secondary, .5) !default; - -/* Carousel ---------------------------*/ -/// fontSize||Font|1 -$--carousel-arrow-font-size: 12px !default; -$--carousel-arrow-size: 36px !default; -$--carousel-arrow-background: rgba(31, 45, 61, 0.11) !default; -$--carousel-arrow-hover-background: rgba(31, 45, 61, 0.23) !default; -/// width||Other|4 -$--carousel-indicator-width: 30px !default; -/// height||Other|4 -$--carousel-indicator-height: 2px !default; -$--carousel-indicator-padding-horizontal: 4px !default; -$--carousel-indicator-padding-vertical: 12px !default; -$--carousel-indicator-out-color: $--border-color-hover !default; - -/* Collapse ---------------------------*/ -/// color||Color|0 -$--collapse-border-color: $--border-color-lighter !default; -/// height||Other|4 -$--collapse-header-height: 48px !default; -/// color||Color|0 -$--collapse-header-background-color: $--color-white !default; -/// color||Color|0 -$--collapse-header-font-color: $--color-text-primary !default; -/// fontSize||Font|1 -$--collapse-header-font-size: 13px !default; -/// color||Color|0 -$--collapse-content-background-color: $--color-white !default; -/// fontSize||Font|1 -$--collapse-content-font-size: 13px !default; -/// color||Color|0 -$--collapse-content-font-color: $--color-text-primary !default; - -/* Transfer ---------------------------*/ -$--transfer-border-color: $--border-color-lighter !default; -$--transfer-border-radius: $--border-radius-base !default; -/// height||Other|4 -$--transfer-panel-width: 200px !default; -/// height||Other|4 -$--transfer-panel-header-height: 40px !default; -/// color||Color|0 -$--transfer-panel-header-background-color: $--background-color-base !default; -/// height||Other|4 -$--transfer-panel-footer-height: 40px !default; -/// height||Other|4 -$--transfer-panel-body-height: 246px !default; -/// height||Other|4 -$--transfer-item-height: 30px !default; -/// height||Other|4 -$--transfer-filter-height: 32px !default; - -/* Header - --------------------------*/ -$--header-padding: 0 20px !default; - -/* Footer ---------------------------*/ -$--footer-padding: 0 20px !default; - -/* Main ---------------------------*/ -$--main-padding: 20px !default; - -/* Timeline ---------------------------*/ -$--timeline-node-size-normal: 12px !default; -$--timeline-node-size-large: 14px !default; -$--timeline-node-color: $--border-color-light !default; - -/* Backtop ---------------------------*/ -/// color||Color|0 -$--backtop-background-color: $--color-white !default; -/// color||Color|0 -$--backtop-font-color: $--color-primary !default; -/// color||Color|0 -$--backtop-hover-background-color: $--border-color-extra-light !default; - -/* Link ---------------------------*/ -/// fontSize||Font|1 -$--link-font-size: $--font-size-base !default; -/// fontWeight||Font|1 -$--link-font-weight: $--font-weight-primary !default; -/// color||Color|0 -$--link-default-font-color: $--color-text-regular !default; -/// color||Color|0 -$--link-default-active-color: $--color-primary !default; -/// color||Color|0 -$--link-disabled-font-color: $--color-text-placeholder !default; -/// color||Color|0 -$--link-primary-font-color: $--color-primary !default; -/// color||Color|0 -$--link-success-font-color: $--color-success !default; -/// color||Color|0 -$--link-warning-font-color: $--color-warning !default; -/// color||Color|0 -$--link-danger-font-color: $--color-danger !default; -/// color||Color|0 -$--link-info-font-color: $--color-info !default; -/* Calendar ---------------------------*/ -/// border||Other|4 -$--calendar-border: $--table-border !default; -/// color||Other|4 -$--calendar-selected-background-color: #F2F8FE !default; -$--calendar-cell-width: 85px !default; - -/* Form --------------------------- */ -/// fontSize||Font|1 -$--form-label-font-size: $--font-size-base !default; - -/* Avatar ---------------------------*/ -/// color||Color|0 -$--avatar-font-color: #fff !default; -/// color||Color|0 -$--avatar-background-color: #C0C4CC !default; -/// fontSize||Font Size|1 -$--avatar-text-font-size: 14px !default; -/// fontSize||Font Size|1 -$--avatar-icon-font-size: 18px !default; -/// borderRadius||Border|2 -$--avatar-border-radius: $--border-radius-base !default; -/// size|1|Avatar Size|3 -$--avatar-large-size: 40px !default; -/// size|1|Avatar Size|3 -$--avatar-medium-size: 36px !default; -/// size|1|Avatar Size|3 -$--avatar-small-size: 28px !default; - -/* Break-point ---------------------------*/ -$--sm: 768px !default; -$--md: 992px !default; -$--lg: 1200px !default; -$--xl: 1920px !default; - -$--breakpoints: ( - 'xs' : (max-width: $--sm - 1), - 'sm' : (min-width: $--sm), - 'md' : (min-width: $--md), - 'lg' : (min-width: $--lg), - 'xl' : (min-width: $--xl) -); - -$--breakpoints-spec: ( - 'xs-only' : (max-width: $--sm - 1), - 'sm-and-up' : (min-width: $--sm), - 'sm-only': "(min-width: #{$--sm}) and (max-width: #{$--md - 1})", - 'sm-and-down': (max-width: $--md - 1), - 'md-and-up' : (min-width: $--md), - 'md-only': "(min-width: #{$--md}) and (max-width: #{$--lg - 1})", - 'md-and-down': (max-width: $--lg - 1), - 'lg-and-up' : (min-width: $--lg), - 'lg-only': "(min-width: #{$--lg}) and (max-width: #{$--xl - 1})", - 'lg-and-down': (max-width: $--xl - 1), - 'xl-only' : (min-width: $--xl), -); diff --git a/images/orange-demo-activiti-web/src/assets/element-variables-green.scss b/images/orange-demo-activiti-web/src/assets/element-variables-green.scss deleted file mode 100644 index e51e10f9..00000000 --- a/images/orange-demo-activiti-web/src/assets/element-variables-green.scss +++ /dev/null @@ -1,1000 +0,0 @@ -/* Element Chalk Variables */ - -// Special comment for theme configurator -// type|skipAutoTranslation|Category|Order -// skipAutoTranslation 1 - -/* Transition --------------------------- */ -$--all-transition: all .3s cubic-bezier(.645,.045,.355,1) !default; -$--fade-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) !default; -$--fade-linear-transition: opacity 200ms linear !default; -$--md-fade-transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) !default; -$--border-transition-base: border-color .2s cubic-bezier(.645,.045,.355,1) !default; -$--color-transition-base: color .2s cubic-bezier(.645,.045,.355,1) !default; - -/* Color --------------------------- */ -/// color|1|Brand Color|0 -$--color-primary: #00988B !default; -/// color|1|Background Color|4 -$--color-white: #FFFFFF !default; -/// color|1|Background Color|4 -$--color-black: #000000 !default; -$--color-primary-light-1: mix($--color-white, $--color-primary, 10%) !default; /* 53a8ff */ -$--color-primary-light-2: mix($--color-white, $--color-primary, 20%) !default; /* 66b1ff */ -$--color-primary-light-3: mix($--color-white, $--color-primary, 30%) !default; /* 79bbff */ -$--color-primary-light-4: mix($--color-white, $--color-primary, 40%) !default; /* 8cc5ff */ -$--color-primary-light-5: mix($--color-white, $--color-primary, 50%) !default; /* a0cfff */ -$--color-primary-light-6: mix($--color-white, $--color-primary, 60%) !default; /* b3d8ff */ -$--color-primary-light-7: mix($--color-white, $--color-primary, 70%) !default; /* c6e2ff */ -$--color-primary-light-8: mix($--color-white, $--color-primary, 80%) !default; /* d9ecff */ -$--color-primary-light-9: mix($--color-white, $--color-primary, 90%) !default; /* ecf5ff */ -/// color|1|Functional Color|1 -$--color-success: #67C23A !default; -/// color|1|Functional Color|1 -$--color-warning: #E6A23C !default; -/// color|1|Functional Color|1 -$--color-danger: #F56C6C !default; -/// color|1|Functional Color|1 -$--color-info: #909399 !default; - -$--color-success-light: mix($--color-white, $--color-success, 80%) !default; -$--color-warning-light: mix($--color-white, $--color-warning, 80%) !default; -$--color-danger-light: mix($--color-white, $--color-danger, 80%) !default; -$--color-info-light: mix($--color-white, $--color-info, 80%) !default; - -$--color-success-lighter: mix($--color-white, $--color-success, 90%) !default; -$--color-warning-lighter: mix($--color-white, $--color-warning, 90%) !default; -$--color-danger-lighter: mix($--color-white, $--color-danger, 90%) !default; -$--color-info-lighter: mix($--color-white, $--color-info, 90%) !default; -/// color|1|Font Color|2 -$--color-text-primary: #303133 !default; -/// color|1|Font Color|2 -$--color-text-regular: #606266 !default; -/// color|1|Font Color|2 -$--color-text-secondary: #909399 !default; -/// color|1|Font Color|2 -$--color-text-placeholder: #C0C4CC !default; -/// color|1|Border Color|3 -$--border-color-base: #DCDFE6 !default; -/// color|1|Border Color|3 -$--border-color-light: #E4E7ED !default; -/// color|1|Border Color|3 -$--border-color-lighter: #EBEEF5 !default; -/// color|1|Border Color|3 -$--border-color-extra-light: #F2F6FC !default; - -// Background -/// color|1|Background Color|4 -$--background-color-base: #F5F7FA !default; - -// color for left sidebar title -$--color-sidebar-title-text: #FFFFFF; -// color for left sidebar background -$--color-menu-background: #272C34; -$--color-menu-item-active-text-color: #FFFFFF; -$--color-menu-item-active-background: $--color-primary; -/* Link --------------------------- */ -$--link-color: $--color-primary-light-2 !default; -$--link-hover-color: $--color-primary !default; - -/* Border --------------------------- */ -$--border-width-base: 1px !default; -$--border-style-base: solid !default; -$--border-color-hover: $--color-text-placeholder !default; -$--border-base: $--border-width-base $--border-style-base $--border-color-base !default; -/// borderRadius|1|Radius|0 -$--border-radius-base: 4px !default; -/// borderRadius|1|Radius|0 -$--border-radius-small: 2px !default; -/// borderRadius|1|Radius|0 -$--border-radius-circle: 100% !default; -/// borderRadius|1|Radius|0 -$--border-radius-zero: 0 !default; - -// Box-shadow -/// boxShadow|1|Shadow|1 -$--box-shadow-base: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04) !default; -// boxShadow|1|Shadow|1 -$--box-shadow-dark: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .12) !default; -/// boxShadow|1|Shadow|1 -$--box-shadow-light: 0 2px 12px 0 rgba(0, 0, 0, 0.1) !default; - -/* Fill --------------------------- */ -$--fill-base: $--color-white !default; - -/* Typography --------------------------- */ -$--font-path: 'fonts' !default; -$--font-display: 'auto' !default; -/// fontSize|1|Font Size|0 -$--font-size-extra-large: 20px !default; -/// fontSize|1|Font Size|0 -$--font-size-large: 18px !default; -/// fontSize|1|Font Size|0 -$--font-size-medium: 16px !default; -/// fontSize|1|Font Size|0 -$--font-size-base: 14px !default; -/// fontSize|1|Font Size|0 -$--font-size-small: 13px !default; -/// fontSize|1|Font Size|0 -$--font-size-extra-small: 12px !default; -/// fontWeight|1|Font Weight|1 -$--font-weight-primary: 500 !default; -/// fontWeight|1|Font Weight|1 -$--font-weight-secondary: 100 !default; -/// fontLineHeight|1|Line Height|2 -$--font-line-height-primary: 24px !default; -/// fontLineHeight|1|Line Height|2 -$--font-line-height-secondary: 16px !default; -$--font-color-disabled-base: #bbb !default; -/* Size --------------------------- */ -$--size-base: 14px !default; - -/* z-index --------------------------- */ -$--index-normal: 1 !default; -$--index-top: 1000 !default; -$--index-popper: 2000 !default; - -/* Disable base --------------------------- */ -$--disabled-fill-base: $--background-color-base !default; -$--disabled-color-base: $--color-text-placeholder !default; -$--disabled-border-base: $--border-color-light !default; - -/* Icon --------------------------- */ -$--icon-color: #666 !default; -$--icon-color-base: $--color-info !default; - -/* Checkbox --------------------------- */ -/// fontSize||Font|1 -$--checkbox-font-size: 14px !default; -/// fontWeight||Font|1 -$--checkbox-font-weight: $--font-weight-primary !default; -/// color||Color|0 -$--checkbox-font-color: $--color-text-regular !default; -$--checkbox-input-height: 14px !default; -$--checkbox-input-width: 14px !default; -/// borderRadius||Border|2 -$--checkbox-border-radius: $--border-radius-small !default; -/// color||Color|0 -$--checkbox-background-color: $--color-white !default; -$--checkbox-input-border: $--border-base !default; - -/// color||Color|0 -$--checkbox-disabled-border-color: $--border-color-base !default; -$--checkbox-disabled-input-fill: #edf2fc !default; -$--checkbox-disabled-icon-color: $--color-text-placeholder !default; - -$--checkbox-disabled-checked-input-fill: $--border-color-extra-light !default; -$--checkbox-disabled-checked-input-border-color: $--border-color-base !default; -$--checkbox-disabled-checked-icon-color: $--color-text-placeholder !default; - -/// color||Color|0 -$--checkbox-checked-font-color: $--color-primary !default; -$--checkbox-checked-input-border-color: $--color-primary !default; -/// color||Color|0 -$--checkbox-checked-background-color: $--color-primary !default; -$--checkbox-checked-icon-color: $--fill-base !default; - -$--checkbox-input-border-color-hover: $--color-primary !default; -/// height||Other|4 -$--checkbox-bordered-height: 40px !default; -/// padding||Spacing|3 -$--checkbox-bordered-padding: 9px 20px 9px 10px !default; -/// padding||Spacing|3 -$--checkbox-bordered-medium-padding: 7px 20px 7px 10px !default; -/// padding||Spacing|3 -$--checkbox-bordered-small-padding: 5px 15px 5px 10px !default; -/// padding||Spacing|3 -$--checkbox-bordered-mini-padding: 3px 15px 3px 10px !default; -$--checkbox-bordered-medium-input-height: 14px !default; -$--checkbox-bordered-medium-input-width: 14px !default; -/// height||Other|4 -$--checkbox-bordered-medium-height: 36px !default; -$--checkbox-bordered-small-input-height: 12px !default; -$--checkbox-bordered-small-input-width: 12px !default; -/// height||Other|4 -$--checkbox-bordered-small-height: 32px !default; -$--checkbox-bordered-mini-input-height: 12px !default; -$--checkbox-bordered-mini-input-width: 12px !default; -/// height||Other|4 -$--checkbox-bordered-mini-height: 28px !default; - -/// color||Color|0 -$--checkbox-button-checked-background-color: $--color-primary !default; -/// color||Color|0 -$--checkbox-button-checked-font-color: $--color-white !default; -/// color||Color|0 -$--checkbox-button-checked-border-color: $--color-primary !default; - - - -/* Radio --------------------------- */ -/// fontSize||Font|1 -$--radio-font-size: $--font-size-base !default; -/// fontWeight||Font|1 -$--radio-font-weight: $--font-weight-primary !default; -/// color||Color|0 -$--radio-font-color: $--color-text-regular !default; -$--radio-input-height: 14px !default; -$--radio-input-width: 14px !default; -/// borderRadius||Border|2 -$--radio-input-border-radius: $--border-radius-circle !default; -/// color||Color|0 -$--radio-input-background-color: $--color-white !default; -$--radio-input-border: $--border-base !default; -/// color||Color|0 -$--radio-input-border-color: $--border-color-base !default; -/// color||Color|0 -$--radio-icon-color: $--color-white !default; - -$--radio-disabled-input-border-color: $--disabled-border-base !default; -$--radio-disabled-input-fill: $--disabled-fill-base !default; -$--radio-disabled-icon-color: $--disabled-fill-base !default; - -$--radio-disabled-checked-input-border-color: $--disabled-border-base !default; -$--radio-disabled-checked-input-fill: $--disabled-fill-base !default; -$--radio-disabled-checked-icon-color: $--color-text-placeholder !default; - -/// color||Color|0 -$--radio-checked-font-color: $--color-primary !default; -/// color||Color|0 -$--radio-checked-input-border-color: $--color-primary !default; -/// color||Color|0 -$--radio-checked-input-background-color: $--color-white !default; -/// color||Color|0 -$--radio-checked-icon-color: $--color-primary !default; - -$--radio-input-border-color-hover: $--color-primary !default; - -$--radio-bordered-height: 40px !default; -$--radio-bordered-padding: 12px 20px 0 10px !default; -$--radio-bordered-medium-padding: 10px 20px 0 10px !default; -$--radio-bordered-small-padding: 8px 15px 0 10px !default; -$--radio-bordered-mini-padding: 6px 15px 0 10px !default; -$--radio-bordered-medium-input-height: 14px !default; -$--radio-bordered-medium-input-width: 14px !default; -$--radio-bordered-medium-height: 36px !default; -$--radio-bordered-small-input-height: 12px !default; -$--radio-bordered-small-input-width: 12px !default; -$--radio-bordered-small-height: 32px !default; -$--radio-bordered-mini-input-height: 12px !default; -$--radio-bordered-mini-input-width: 12px !default; -$--radio-bordered-mini-height: 28px !default; - -/// fontSize||Font|1 -$--radio-button-font-size: $--font-size-base !default; -/// color||Color|0 -$--radio-button-checked-background-color: $--color-primary !default; -/// color||Color|0 -$--radio-button-checked-font-color: $--color-white !default; -/// color||Color|0 -$--radio-button-checked-border-color: $--color-primary !default; -$--radio-button-disabled-checked-fill: $--border-color-extra-light !default; - -/* Select --------------------------- */ -$--select-border-color-hover: $--border-color-hover !default; -$--select-disabled-border: $--disabled-border-base !default; -/// fontSize||Font|1 -$--select-font-size: $--font-size-base !default; -$--select-close-hover-color: $--color-text-secondary !default; - -$--select-input-color: $--color-text-placeholder !default; -$--select-multiple-input-color: #666 !default; -/// color||Color|0 -$--select-input-focus-border-color: $--color-primary !default; -/// fontSize||Font|1 -$--select-input-font-size: 14px !default; - -$--select-option-color: $--color-text-regular !default; -$--select-option-disabled-color: $--color-text-placeholder !default; -$--select-option-disabled-background: $--color-white !default; -/// height||Other|4 -$--select-option-height: 34px !default; -$--select-option-hover-background: $--background-color-base !default; -/// color||Color|0 -$--select-option-selected-font-color: $--color-primary !default; -$--select-option-selected-hover: $--background-color-base !default; - -$--select-group-color: $--color-info !default; -$--select-group-height: 30px !default; -$--select-group-font-size: 12px !default; - -$--select-dropdown-background: $--color-white !default; -$--select-dropdown-shadow: $--box-shadow-light !default; -$--select-dropdown-empty-color: #999 !default; -/// height||Other|4 -$--select-dropdown-max-height: 274px !default; -$--select-dropdown-padding: 6px 0 !default; -$--select-dropdown-empty-padding: 10px 0 !default; -$--select-dropdown-border: solid 1px $--border-color-light !default; - -/* Alert --------------------------- */ -$--alert-padding: 8px 16px !default; -/// borderRadius||Border|2 -$--alert-border-radius: $--border-radius-base !default; -/// fontSize||Font|1 -$--alert-title-font-size: 13px !default; -/// fontSize||Font|1 -$--alert-description-font-size: 12px !default; -/// fontSize||Font|1 -$--alert-close-font-size: 12px !default; -/// fontSize||Font|1 -$--alert-close-customed-font-size: 13px !default; - -$--alert-success-color: $--color-success-lighter !default; -$--alert-info-color: $--color-info-lighter !default; -$--alert-warning-color: $--color-warning-lighter !default; -$--alert-danger-color: $--color-danger-lighter !default; - -/// height||Other|4 -$--alert-icon-size: 16px !default; -/// height||Other|4 -$--alert-icon-large-size: 28px !default; - -/* MessageBox --------------------------- */ -/// color||Color|0 -$--messagebox-title-color: $--color-text-primary !default; -$--msgbox-width: 420px !default; -$--msgbox-border-radius: 4px !default; -/// fontSize||Font|1 -$--messagebox-font-size: $--font-size-large !default; -/// fontSize||Font|1 -$--messagebox-content-font-size: $--font-size-base !default; -/// color||Color|0 -$--messagebox-content-color: $--color-text-regular !default; -/// fontSize||Font|1 -$--messagebox-error-font-size: 12px !default; -$--msgbox-padding-primary: 15px !default; -/// color||Color|0 -$--messagebox-success-color: $--color-success !default; -/// color||Color|0 -$--messagebox-info-color: $--color-info !default; -/// color||Color|0 -$--messagebox-warning-color: $--color-warning !default; -/// color||Color|0 -$--messagebox-danger-color: $--color-danger !default; - -/* Message --------------------------- */ -$--message-shadow: $--box-shadow-base !default; -$--message-min-width: 380px !default; -$--message-background-color: #edf2fc !default; -$--message-padding: 15px 15px 15px 20px !default; -/// color||Color|0 -$--message-close-icon-color: $--color-text-placeholder !default; -/// height||Other|4 -$--message-close-size: 16px !default; -/// color||Color|0 -$--message-close-hover-color: $--color-text-secondary !default; - -/// color||Color|0 -$--message-success-font-color: $--color-success !default; -/// color||Color|0 -$--message-info-font-color: $--color-info !default; -/// color||Color|0 -$--message-warning-font-color: $--color-warning !default; -/// color||Color|0 -$--message-danger-font-color: $--color-danger !default; - -/* Notification --------------------------- */ -$--notification-width: 330px !default; -/// padding||Spacing|3 -$--notification-padding: 14px 26px 14px 13px !default; -$--notification-radius: 8px !default; -$--notification-shadow: $--box-shadow-light !default; -/// color||Color|0 -$--notification-border-color: $--border-color-lighter !default; -$--notification-icon-size: 24px !default; -$--notification-close-font-size: $--message-close-size !default; -$--notification-group-margin-left: 13px !default; -$--notification-group-margin-right: 8px !default; -/// fontSize||Font|1 -$--notification-content-font-size: $--font-size-base !default; -/// color||Color|0 -$--notification-content-color: $--color-text-regular !default; -/// fontSize||Font|1 -$--notification-title-font-size: 16px !default; -/// color||Color|0 -$--notification-title-color: $--color-text-primary !default; - -/// color||Color|0 -$--notification-close-color: $--color-text-secondary !default; -/// color||Color|0 -$--notification-close-hover-color: $--color-text-regular !default; - -/// color||Color|0 -$--notification-success-icon-color: $--color-success !default; -/// color||Color|0 -$--notification-info-icon-color: $--color-info !default; -/// color||Color|0 -$--notification-warning-icon-color: $--color-warning !default; -/// color||Color|0 -$--notification-danger-icon-color: $--color-danger !default; - -/* Input --------------------------- */ -$--input-font-size: $--font-size-base !default; -/// color||Color|0 -$--input-font-color: $--color-text-regular !default; -/// height||Other|4 -$--input-width: 140px !default; -/// height||Other|4 -$--input-height: 40px !default; -$--input-border: $--border-base !default; -$--input-border-color: $--border-color-base !default; -/// borderRadius||Border|2 -$--input-border-radius: $--border-radius-base !default; -$--input-border-color-hover: $--border-color-hover !default; -/// color||Color|0 -$--input-background-color: $--color-white !default; -$--input-fill-disabled: $--disabled-fill-base !default; -$--input-color-disabled: $--font-color-disabled-base !default; -/// color||Color|0 -$--input-icon-color: $--color-text-placeholder !default; -/// color||Color|0 -$--input-placeholder-color: $--color-text-placeholder !default; -$--input-max-width: 314px !default; - -$--input-hover-border: $--border-color-hover !default; -$--input-clear-hover-color: $--color-text-secondary !default; - -$--input-focus-border: $--color-primary !default; -$--input-focus-fill: $--color-white !default; - -$--input-disabled-fill: $--disabled-fill-base !default; -$--input-disabled-border: $--disabled-border-base !default; -$--input-disabled-color: $--disabled-color-base !default; -$--input-disabled-placeholder-color: $--color-text-placeholder !default; - -/// fontSize||Font|1 -$--input-medium-font-size: 14px !default; -/// height||Other|4 -$--input-medium-height: 36px !default; -/// fontSize||Font|1 -$--input-small-font-size: 13px !default; -/// height||Other|4 -$--input-small-height: 32px !default; -/// fontSize||Font|1 -$--input-mini-font-size: 12px !default; -/// height||Other|4 -$--input-mini-height: 28px !default; - -/* Cascader --------------------------- */ -/// color||Color|0 -$--cascader-menu-font-color: $--color-text-regular !default; -/// color||Color|0 -$--cascader-menu-selected-font-color: $--color-primary !default; -$--cascader-menu-fill: $--fill-base !default; -$--cascader-menu-font-size: $--font-size-base !default; -$--cascader-menu-radius: $--border-radius-base !default; -$--cascader-menu-border: solid 1px $--border-color-light !default; -$--cascader-menu-shadow: $--box-shadow-light !default; -$--cascader-node-background-hover: $--background-color-base !default; -$--cascader-node-color-disabled:$--color-text-placeholder !default; -$--cascader-color-empty:$--color-text-placeholder !default; -$--cascader-tag-background: #f0f2f5; - -/* Group --------------------------- */ -$--group-option-flex: 0 0 (1/5) * 100% !default; -$--group-option-offset-bottom: 12px !default; -$--group-option-fill-hover: rgba($--color-black, 0.06) !default; -$--group-title-color: $--color-black !default; -$--group-title-font-size: $--font-size-base !default; -$--group-title-width: 66px !default; - -/* Tab --------------------------- */ -$--tab-font-size: $--font-size-base !default; -$--tab-border-line: 1px solid #e4e4e4 !default; -$--tab-header-color-active: $--color-text-secondary !default; -$--tab-header-color-hover: $--color-text-regular !default; -$--tab-header-color: $--color-text-regular !default; -$--tab-header-fill-active: rgba($--color-black, 0.06) !default; -$--tab-header-fill-hover: rgba($--color-black, 0.06) !default; -$--tab-vertical-header-width: 90px !default; -$--tab-vertical-header-count-color: $--color-white !default; -$--tab-vertical-header-count-fill: $--color-text-secondary !default; - -/* Button --------------------------- */ -/// fontSize||Font|1 -$--button-font-size: $--font-size-base !default; -/// fontWeight||Font|1 -$--button-font-weight: $--font-weight-primary !default; -/// borderRadius||Border|2 -$--button-border-radius: $--border-radius-base !default; -/// padding||Spacing|3 -$--button-padding-vertical: 12px !default; -/// padding||Spacing|3 -$--button-padding-horizontal: 20px !default; - -/// fontSize||Font|1 -$--button-medium-font-size: $--font-size-base !default; -/// borderRadius||Border|2 -$--button-medium-border-radius: $--border-radius-base !default; -/// padding||Spacing|3 -$--button-medium-padding-vertical: 10px !default; -/// padding||Spacing|3 -$--button-medium-padding-horizontal: 20px !default; - -/// fontSize||Font|1 -$--button-small-font-size: 12px !default; -$--button-small-border-radius: #{$--border-radius-base - 1} !default; -/// padding||Spacing|3 -$--button-small-padding-vertical: 9px !default; -/// padding||Spacing|3 -$--button-small-padding-horizontal: 15px !default; -/// fontSize||Font|1 -$--button-mini-font-size: 12px !default; -$--button-mini-border-radius: #{$--border-radius-base - 1} !default; -/// padding||Spacing|3 -$--button-mini-padding-vertical: 7px !default; -/// padding||Spacing|3 -$--button-mini-padding-horizontal: 15px !default; - -/// color||Color|0 -$--button-default-font-color: $--color-text-regular !default; -/// color||Color|0 -$--button-default-background-color: $--color-white !default; -/// color||Color|0 -$--button-default-border-color: $--border-color-base !default; - -/// color||Color|0 -$--button-disabled-font-color: $--color-text-placeholder !default; -/// color||Color|0 -$--button-disabled-background-color: $--color-white !default; -/// color||Color|0 -$--button-disabled-border-color: $--border-color-lighter !default; - -/// color||Color|0 -$--button-primary-border-color: $--color-primary !default; -/// color||Color|0 -$--button-primary-font-color: $--color-white !default; -/// color||Color|0 -$--button-primary-background-color: $--color-primary !default; -/// color||Color|0 -$--button-success-border-color: $--color-success !default; -/// color||Color|0 -$--button-success-font-color: $--color-white !default; -/// color||Color|0 -$--button-success-background-color: $--color-success !default; -/// color||Color|0 -$--button-warning-border-color: $--color-warning !default; -/// color||Color|0 -$--button-warning-font-color: $--color-white !default; -/// color||Color|0 -$--button-warning-background-color: $--color-warning !default; -/// color||Color|0 -$--button-danger-border-color: $--color-danger !default; -/// color||Color|0 -$--button-danger-font-color: $--color-white !default; -/// color||Color|0 -$--button-danger-background-color: $--color-danger !default; -/// color||Color|0 -$--button-info-border-color: $--color-info !default; -/// color||Color|0 -$--button-info-font-color: $--color-white !default; -/// color||Color|0 -$--button-info-background-color: $--color-info !default; - -$--button-hover-tint-percent: 20% !default; -$--button-active-shade-percent: 10% !default; - - -/* cascader --------------------------- */ -$--cascader-height: 200px !default; - -/* Switch --------------------------- */ -/// color||Color|0 -$--switch-on-color: $--color-primary !default; -/// color||Color|0 -$--switch-off-color: $--border-color-base !default; -/// fontSize||Font|1 -$--switch-font-size: $--font-size-base !default; -$--switch-core-border-radius: 10px !default; -// height||Other|4 TODO: width 代码写死的40px 所以下面这三个属性都没意义 -$--switch-width: 40px !default; -// height||Other|4 -$--switch-height: 20px !default; -// height||Other|4 -$--switch-button-size: 16px !default; - -/* Dialog --------------------------- */ -$--dialog-background-color: $--color-white !default; -$--dialog-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !default; -/// fontSize||Font|1 -$--dialog-title-font-size: $--font-size-large !default; -/// fontSize||Font|1 -$--dialog-content-font-size: 14px !default; -/// fontLineHeight||LineHeight|2 -$--dialog-font-line-height: $--font-line-height-primary !default; -/// padding||Spacing|3 -$--dialog-padding-primary: 20px !default; - -/* Table --------------------------- */ -/// color||Color|0 -$--table-border-color: $--border-color-lighter !default; -$--table-border: 1px solid $--table-border-color !default; -/// color||Color|0 -$--table-font-color: $--color-text-regular !default; -/// color||Color|0 -$--table-header-font-color: $--color-text-secondary !default; -/// color||Color|0 -$--table-row-hover-background-color: $--background-color-base !default; -$--table-current-row-background-color: $--color-primary-light-9 !default; -/// color||Color|0 -$--table-header-background-color: $--color-white !default; -$--table-fixed-box-shadow: 0 0 10px rgba(0, 0, 0, .12) !default; - -/* Pagination --------------------------- */ -/// fontSize||Font|1 -$--pagination-font-size: 13px !default; -/// color||Color|0 -$--pagination-background-color: $--color-white !default; -/// color||Color|0 -$--pagination-font-color: $--color-text-primary !default; -$--pagination-border-radius: 3px !default; -/// color||Color|0 -$--pagination-button-color: $--color-text-primary !default; -/// height||Other|4 -$--pagination-button-width: 35.5px !default; -/// height||Other|4 -$--pagination-button-height: 28px !default; -/// color||Color|0 -$--pagination-button-disabled-color: $--color-text-placeholder !default; -/// color||Color|0 -$--pagination-button-disabled-background-color: $--color-white !default; -/// color||Color|0 -$--pagination-hover-color: $--color-primary !default; - -/* Popup --------------------------- */ -/// color||Color|0 -$--popup-modal-background-color: $--color-black !default; -/// opacity||Other|1 -$--popup-modal-opacity: 0.5 !default; - -/* Popover --------------------------- */ -/// color||Color|0 -$--popover-background-color: $--color-white !default; -/// fontSize||Font|1 -$--popover-font-size: $--font-size-base !default; -/// color||Color|0 -$--popover-border-color: $--border-color-lighter !default; -$--popover-arrow-size: 6px !default; -/// padding||Spacing|3 -$--popover-padding: 12px !default; -$--popover-padding-large: 18px 20px !default; -/// fontSize||Font|1 -$--popover-title-font-size: 16px !default; -/// color||Color|0 -$--popover-title-font-color: $--color-text-primary !default; - -/* Tooltip --------------------------- */ -/// color|1|Color|0 -$--tooltip-fill: $--color-text-primary !default; -/// color|1|Color|0 -$--tooltip-color: $--color-white !default; -/// fontSize||Font|1 -$--tooltip-font-size: 12px !default; -/// color||Color|0 -$--tooltip-border-color: $--color-text-primary !default; -$--tooltip-arrow-size: 6px !default; -/// padding||Spacing|3 -$--tooltip-padding: 10px !default; - -/* Tag --------------------------- */ -/// color||Color|0 -$--tag-info-color: $--color-info !default; -/// color||Color|0 -$--tag-primary-color: $--color-primary !default; -/// color||Color|0 -$--tag-success-color: $--color-success !default; -/// color||Color|0 -$--tag-warning-color: $--color-warning !default; -/// color||Color|0 -$--tag-danger-color: $--color-danger !default; -/// fontSize||Font|1 -$--tag-font-size: 12px !default; -$--tag-border-radius: 4px !default; -$--tag-padding: 0 10px !default; - -/* Tree --------------------------- */ -/// color||Color|0 -$--tree-node-hover-background-color: $--background-color-base !default; -/// color||Color|0 -$--tree-font-color: $--color-text-regular !default; -/// color||Color|0 -$--tree-expand-icon-color: $--color-text-placeholder !default; - -/* Dropdown --------------------------- */ -$--dropdown-menu-box-shadow: $--box-shadow-light !default; -$--dropdown-menuItem-hover-fill: $--color-menu-item-active-background !default; -$--dropdown-menuItem-hover-color: $--color-white !default; - -/* Badge --------------------------- */ -/// color||Color|0 -$--badge-background-color: $--color-danger !default; -$--badge-radius: 10px !default; -/// fontSize||Font|1 -$--badge-font-size: 12px !default; -/// padding||Spacing|3 -$--badge-padding: 6px !default; -/// height||Other|4 -$--badge-size: 18px !default; - -/* Card ---------------------------*/ -/// color||Color|0 -$--card-border-color: $--border-color-lighter !default; -$--card-border-radius: 4px !default; -/// padding||Spacing|3 -$--card-padding: 20px !default; - -/* Slider ---------------------------*/ -/// color||Color|0 -$--slider-main-background-color: $--color-primary !default; -/// color||Color|0 -$--slider-runway-background-color: $--border-color-light !default; -$--slider-button-hover-color: mix($--color-primary, black, 97%) !default; -$--slider-stop-background-color: $--color-white !default; -$--slider-disable-color: $--color-text-placeholder !default; -$--slider-margin: 16px 0 !default; -$--slider-border-radius: 3px !default; -/// height|1|Other|4 -$--slider-height: 6px !default; -/// height||Other|4 -$--slider-button-size: 16px !default; -$--slider-button-wrapper-size: 36px !default; -$--slider-button-wrapper-offset: -15px !default; - -/* Steps ---------------------------*/ -$--steps-border-color: $--disabled-border-base !default; -$--steps-border-radius: 4px !default; -$--steps-padding: 20px !default; - -/* Menu ---------------------------*/ -/// fontSize||Font|1 -$--menu-item-font-size: $--font-size-base !default; -/// color||Color|0 -$--menu-item-font-color: $--color-white !default; -/// color||Color|0 -$--menu-background-color: $--color-menu-background !default; -$--menu-item-hover-fill: $--color-primary !default; - -/* Rate ---------------------------*/ -$--rate-height: 20px !default; -/// fontSize||Font|1 -$--rate-font-size: $--font-size-base !default; -/// height||Other|3 -$--rate-icon-size: 18px !default; -/// margin||Spacing|2 -$--rate-icon-margin: 6px !default; -$--rate-icon-color: $--color-text-placeholder !default; - -/* DatePicker ---------------------------*/ -$--datepicker-font-color: $--color-text-regular !default; -/// color|1|Color|0 -$--datepicker-off-font-color: $--color-text-placeholder !default; -/// color||Color|0 -$--datepicker-header-font-color: $--color-text-regular !default; -$--datepicker-icon-color: $--color-text-primary !default; -$--datepicker-border-color: $--disabled-border-base !default; -$--datepicker-inner-border-color: #e4e4e4 !default; -/// color||Color|0 -$--datepicker-inrange-background-color: $--border-color-extra-light !default; -/// color||Color|0 -$--datepicker-inrange-hover-background-color: $--border-color-extra-light !default; -/// color||Color|0 -$--datepicker-active-color: $--color-primary !default; -/// color||Color|0 -$--datepicker-hover-font-color: $--color-primary !default; -$--datepicker-cell-hover-color: #fff !default; - -/* Loading ---------------------------*/ -/// height||Other|4 -$--loading-spinner-size: 42px !default; -/// height||Other|4 -$--loading-fullscreen-spinner-size: 50px !default; - -/* Scrollbar ---------------------------*/ -$--scrollbar-background-color: rgba($--color-text-secondary, .3) !default; -$--scrollbar-hover-background-color: rgba($--color-text-secondary, .5) !default; - -/* Carousel ---------------------------*/ -/// fontSize||Font|1 -$--carousel-arrow-font-size: 12px !default; -$--carousel-arrow-size: 36px !default; -$--carousel-arrow-background: rgba(31, 45, 61, 0.11) !default; -$--carousel-arrow-hover-background: rgba(31, 45, 61, 0.23) !default; -/// width||Other|4 -$--carousel-indicator-width: 30px !default; -/// height||Other|4 -$--carousel-indicator-height: 2px !default; -$--carousel-indicator-padding-horizontal: 4px !default; -$--carousel-indicator-padding-vertical: 12px !default; -$--carousel-indicator-out-color: $--border-color-hover !default; - -/* Collapse ---------------------------*/ -/// color||Color|0 -$--collapse-border-color: $--border-color-lighter !default; -/// height||Other|4 -$--collapse-header-height: 48px !default; -/// color||Color|0 -$--collapse-header-background-color: $--color-white !default; -/// color||Color|0 -$--collapse-header-font-color: $--color-text-primary !default; -/// fontSize||Font|1 -$--collapse-header-font-size: 13px !default; -/// color||Color|0 -$--collapse-content-background-color: $--color-white !default; -/// fontSize||Font|1 -$--collapse-content-font-size: 13px !default; -/// color||Color|0 -$--collapse-content-font-color: $--color-text-primary !default; - -/* Transfer ---------------------------*/ -$--transfer-border-color: $--border-color-lighter !default; -$--transfer-border-radius: $--border-radius-base !default; -/// height||Other|4 -$--transfer-panel-width: 200px !default; -/// height||Other|4 -$--transfer-panel-header-height: 40px !default; -/// color||Color|0 -$--transfer-panel-header-background-color: $--background-color-base !default; -/// height||Other|4 -$--transfer-panel-footer-height: 40px !default; -/// height||Other|4 -$--transfer-panel-body-height: 246px !default; -/// height||Other|4 -$--transfer-item-height: 30px !default; -/// height||Other|4 -$--transfer-filter-height: 32px !default; - -/* Header - --------------------------*/ -$--header-padding: 0 20px !default; - -/* Footer ---------------------------*/ -$--footer-padding: 0 20px !default; - -/* Main ---------------------------*/ -$--main-padding: 20px !default; - -/* Timeline ---------------------------*/ -$--timeline-node-size-normal: 12px !default; -$--timeline-node-size-large: 14px !default; -$--timeline-node-color: $--border-color-light !default; - -/* Backtop ---------------------------*/ -/// color||Color|0 -$--backtop-background-color: $--color-white !default; -/// color||Color|0 -$--backtop-font-color: $--color-primary !default; -/// color||Color|0 -$--backtop-hover-background-color: $--border-color-extra-light !default; - -/* Link ---------------------------*/ -/// fontSize||Font|1 -$--link-font-size: $--font-size-base !default; -/// fontWeight||Font|1 -$--link-font-weight: $--font-weight-primary !default; -/// color||Color|0 -$--link-default-font-color: $--color-text-regular !default; -/// color||Color|0 -$--link-default-active-color: $--color-primary !default; -/// color||Color|0 -$--link-disabled-font-color: $--color-text-placeholder !default; -/// color||Color|0 -$--link-primary-font-color: $--color-primary !default; -/// color||Color|0 -$--link-success-font-color: $--color-success !default; -/// color||Color|0 -$--link-warning-font-color: $--color-warning !default; -/// color||Color|0 -$--link-danger-font-color: $--color-danger !default; -/// color||Color|0 -$--link-info-font-color: $--color-info !default; -/* Calendar ---------------------------*/ -/// border||Other|4 -$--calendar-border: $--table-border !default; -/// color||Other|4 -$--calendar-selected-background-color: #F2F8FE !default; -$--calendar-cell-width: 85px !default; - -/* Form --------------------------- */ -/// fontSize||Font|1 -$--form-label-font-size: $--font-size-base !default; - -/* Avatar ---------------------------*/ -/// color||Color|0 -$--avatar-font-color: #fff !default; -/// color||Color|0 -$--avatar-background-color: #C0C4CC !default; -/// fontSize||Font Size|1 -$--avatar-text-font-size: 14px !default; -/// fontSize||Font Size|1 -$--avatar-icon-font-size: 18px !default; -/// borderRadius||Border|2 -$--avatar-border-radius: $--border-radius-base !default; -/// size|1|Avatar Size|3 -$--avatar-large-size: 40px !default; -/// size|1|Avatar Size|3 -$--avatar-medium-size: 36px !default; -/// size|1|Avatar Size|3 -$--avatar-small-size: 28px !default; - -/* Break-point ---------------------------*/ -$--sm: 768px !default; -$--md: 992px !default; -$--lg: 1200px !default; -$--xl: 1920px !default; - -$--breakpoints: ( - 'xs' : (max-width: $--sm - 1), - 'sm' : (min-width: $--sm), - 'md' : (min-width: $--md), - 'lg' : (min-width: $--lg), - 'xl' : (min-width: $--xl) -); - -$--breakpoints-spec: ( - 'xs-only' : (max-width: $--sm - 1), - 'sm-and-up' : (min-width: $--sm), - 'sm-only': "(min-width: #{$--sm}) and (max-width: #{$--md - 1})", - 'sm-and-down': (max-width: $--md - 1), - 'md-and-up' : (min-width: $--md), - 'md-only': "(min-width: #{$--md}) and (max-width: #{$--lg - 1})", - 'md-and-down': (max-width: $--lg - 1), - 'lg-and-up' : (min-width: $--lg), - 'lg-only': "(min-width: #{$--lg}) and (max-width: #{$--xl - 1})", - 'lg-and-down': (max-width: $--xl - 1), - 'xl-only' : (min-width: $--xl), -); diff --git a/images/orange-demo-activiti-web/src/assets/element-variables-light.scss b/images/orange-demo-activiti-web/src/assets/element-variables-light.scss deleted file mode 100644 index 2c6cdad8..00000000 --- a/images/orange-demo-activiti-web/src/assets/element-variables-light.scss +++ /dev/null @@ -1,998 +0,0 @@ -/* Element Chalk Variables */ - -// Special comment for theme configurator -// type|skipAutoTranslation|Category|Order -// skipAutoTranslation 1 - -/* Transition --------------------------- */ -$--all-transition: all .3s cubic-bezier(.645,.045,.355,1) !default; -$--fade-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) !default; -$--fade-linear-transition: opacity 200ms linear !default; -$--md-fade-transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) !default; -$--border-transition-base: border-color .2s cubic-bezier(.645,.045,.355,1) !default; -$--color-transition-base: color .2s cubic-bezier(.645,.045,.355,1) !default; - -/* Color --------------------------- */ -// color for left sidebar title -$--color-sidebar-title-text: #381524; -// color for left sidebar background -$--color-menu-background: #FFFFFF; -/// color|1|Brand Color|0 -$--color-primary: #409EFF !default; -/// color|1|Background Color|4 -$--color-white: #FFFFFF !default; -/// color|1|Background Color|4 -$--color-black: #000000 !default; -$--color-primary-light-1: mix($--color-white, $--color-primary, 10%) !default; /* 53a8ff */ -$--color-primary-light-2: mix($--color-white, $--color-primary, 20%) !default; /* 66b1ff */ -$--color-primary-light-3: mix($--color-white, $--color-primary, 30%) !default; /* 79bbff */ -$--color-primary-light-4: mix($--color-white, $--color-primary, 40%) !default; /* 8cc5ff */ -$--color-primary-light-5: mix($--color-white, $--color-primary, 50%) !default; /* a0cfff */ -$--color-primary-light-6: mix($--color-white, $--color-primary, 60%) !default; /* b3d8ff */ -$--color-primary-light-7: mix($--color-white, $--color-primary, 70%) !default; /* c6e2ff */ -$--color-primary-light-8: mix($--color-white, $--color-primary, 80%) !default; /* d9ecff */ -$--color-primary-light-9: mix($--color-white, $--color-primary, 90%) !default; /* ecf5ff */ -/// color|1|Functional Color|1 -$--color-success: #67C23A !default; -/// color|1|Functional Color|1 -$--color-warning: #E6A23C !default; -/// color|1|Functional Color|1 -$--color-danger: #F56C6C !default; -/// color|1|Functional Color|1 -$--color-info: #909399 !default; - -$--color-success-light: mix($--color-white, $--color-success, 80%) !default; -$--color-warning-light: mix($--color-white, $--color-warning, 80%) !default; -$--color-danger-light: mix($--color-white, $--color-danger, 80%) !default; -$--color-info-light: mix($--color-white, $--color-info, 80%) !default; - -$--color-success-lighter: mix($--color-white, $--color-success, 90%) !default; -$--color-warning-lighter: mix($--color-white, $--color-warning, 90%) !default; -$--color-danger-lighter: mix($--color-white, $--color-danger, 90%) !default; -$--color-info-lighter: mix($--color-white, $--color-info, 90%) !default; -/// color|1|Font Color|2 -$--color-text-primary: #303133 !default; -/// color|1|Font Color|2 -$--color-text-regular: #606266 !default; -/// color|1|Font Color|2 -$--color-text-secondary: #909399 !default; -/// color|1|Font Color|2 -$--color-text-placeholder: #C0C4CC !default; -/// color|1|Border Color|3 -$--border-color-base: #DCDFE6 !default; -/// color|1|Border Color|3 -$--border-color-light: #E4E7ED !default; -/// color|1|Border Color|3 -$--border-color-lighter: #EBEEF5 !default; -/// color|1|Border Color|3 -$--border-color-extra-light: #F2F6FC !default; - -// Background -/// color|1|Background Color|4 -$--background-color-base: #F5F7FA !default; - -/* Link --------------------------- */ -$--link-color: $--color-primary-light-2 !default; -$--link-hover-color: $--color-primary !default; - -/* Border --------------------------- */ -$--border-width-base: 1px !default; -$--border-style-base: solid !default; -$--border-color-hover: $--color-text-placeholder !default; -$--border-base: $--border-width-base $--border-style-base $--border-color-base !default; -/// borderRadius|1|Radius|0 -$--border-radius-base: 4px !default; -/// borderRadius|1|Radius|0 -$--border-radius-small: 2px !default; -/// borderRadius|1|Radius|0 -$--border-radius-circle: 100% !default; -/// borderRadius|1|Radius|0 -$--border-radius-zero: 0 !default; - -// Box-shadow -/// boxShadow|1|Shadow|1 -$--box-shadow-base: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04) !default; -// boxShadow|1|Shadow|1 -$--box-shadow-dark: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .12) !default; -/// boxShadow|1|Shadow|1 -$--box-shadow-light: 0 2px 12px 0 rgba(0, 0, 0, 0.1) !default; - -/* Fill --------------------------- */ -$--fill-base: $--color-white !default; - -/* Typography --------------------------- */ -$--font-path: 'fonts' !default; -$--font-display: 'auto' !default; -/// fontSize|1|Font Size|0 -$--font-size-extra-large: 20px !default; -/// fontSize|1|Font Size|0 -$--font-size-large: 18px !default; -/// fontSize|1|Font Size|0 -$--font-size-medium: 16px !default; -/// fontSize|1|Font Size|0 -$--font-size-base: 14px !default; -/// fontSize|1|Font Size|0 -$--font-size-small: 13px !default; -/// fontSize|1|Font Size|0 -$--font-size-extra-small: 12px !default; -/// fontWeight|1|Font Weight|1 -$--font-weight-primary: 500 !default; -/// fontWeight|1|Font Weight|1 -$--font-weight-secondary: 100 !default; -/// fontLineHeight|1|Line Height|2 -$--font-line-height-primary: 24px !default; -/// fontLineHeight|1|Line Height|2 -$--font-line-height-secondary: 16px !default; -$--font-color-disabled-base: #bbb !default; -/* Size --------------------------- */ -$--size-base: 14px !default; - -/* z-index --------------------------- */ -$--index-normal: 1 !default; -$--index-top: 1000 !default; -$--index-popper: 2000 !default; - -/* Disable base --------------------------- */ -$--disabled-fill-base: $--background-color-base !default; -$--disabled-color-base: $--color-text-placeholder !default; -$--disabled-border-base: $--border-color-light !default; - -/* Icon --------------------------- */ -$--icon-color: #666 !default; -$--icon-color-base: $--color-info !default; - -/* Checkbox --------------------------- */ -/// fontSize||Font|1 -$--checkbox-font-size: 14px !default; -/// fontWeight||Font|1 -$--checkbox-font-weight: $--font-weight-primary !default; -/// color||Color|0 -$--checkbox-font-color: $--color-text-regular !default; -$--checkbox-input-height: 14px !default; -$--checkbox-input-width: 14px !default; -/// borderRadius||Border|2 -$--checkbox-border-radius: $--border-radius-small !default; -/// color||Color|0 -$--checkbox-background-color: $--color-white !default; -$--checkbox-input-border: $--border-base !default; - -/// color||Color|0 -$--checkbox-disabled-border-color: $--border-color-base !default; -$--checkbox-disabled-input-fill: #edf2fc !default; -$--checkbox-disabled-icon-color: $--color-text-placeholder !default; - -$--checkbox-disabled-checked-input-fill: $--border-color-extra-light !default; -$--checkbox-disabled-checked-input-border-color: $--border-color-base !default; -$--checkbox-disabled-checked-icon-color: $--color-text-placeholder !default; - -/// color||Color|0 -$--checkbox-checked-font-color: $--color-primary !default; -$--checkbox-checked-input-border-color: $--color-primary !default; -/// color||Color|0 -$--checkbox-checked-background-color: $--color-primary !default; -$--checkbox-checked-icon-color: $--fill-base !default; - -$--checkbox-input-border-color-hover: $--color-primary !default; -/// height||Other|4 -$--checkbox-bordered-height: 40px !default; -/// padding||Spacing|3 -$--checkbox-bordered-padding: 9px 20px 9px 10px !default; -/// padding||Spacing|3 -$--checkbox-bordered-medium-padding: 7px 20px 7px 10px !default; -/// padding||Spacing|3 -$--checkbox-bordered-small-padding: 5px 15px 5px 10px !default; -/// padding||Spacing|3 -$--checkbox-bordered-mini-padding: 3px 15px 3px 10px !default; -$--checkbox-bordered-medium-input-height: 14px !default; -$--checkbox-bordered-medium-input-width: 14px !default; -/// height||Other|4 -$--checkbox-bordered-medium-height: 36px !default; -$--checkbox-bordered-small-input-height: 12px !default; -$--checkbox-bordered-small-input-width: 12px !default; -/// height||Other|4 -$--checkbox-bordered-small-height: 32px !default; -$--checkbox-bordered-mini-input-height: 12px !default; -$--checkbox-bordered-mini-input-width: 12px !default; -/// height||Other|4 -$--checkbox-bordered-mini-height: 28px !default; - -/// color||Color|0 -$--checkbox-button-checked-background-color: $--color-primary !default; -/// color||Color|0 -$--checkbox-button-checked-font-color: $--color-white !default; -/// color||Color|0 -$--checkbox-button-checked-border-color: $--color-primary !default; - - - -/* Radio --------------------------- */ -/// fontSize||Font|1 -$--radio-font-size: $--font-size-base !default; -/// fontWeight||Font|1 -$--radio-font-weight: $--font-weight-primary !default; -/// color||Color|0 -$--radio-font-color: $--color-text-regular !default; -$--radio-input-height: 14px !default; -$--radio-input-width: 14px !default; -/// borderRadius||Border|2 -$--radio-input-border-radius: $--border-radius-circle !default; -/// color||Color|0 -$--radio-input-background-color: $--color-white !default; -$--radio-input-border: $--border-base !default; -/// color||Color|0 -$--radio-input-border-color: $--border-color-base !default; -/// color||Color|0 -$--radio-icon-color: $--color-white !default; - -$--radio-disabled-input-border-color: $--disabled-border-base !default; -$--radio-disabled-input-fill: $--disabled-fill-base !default; -$--radio-disabled-icon-color: $--disabled-fill-base !default; - -$--radio-disabled-checked-input-border-color: $--disabled-border-base !default; -$--radio-disabled-checked-input-fill: $--disabled-fill-base !default; -$--radio-disabled-checked-icon-color: $--color-text-placeholder !default; - -/// color||Color|0 -$--radio-checked-font-color: $--color-primary !default; -/// color||Color|0 -$--radio-checked-input-border-color: $--color-primary !default; -/// color||Color|0 -$--radio-checked-input-background-color: $--color-white !default; -/// color||Color|0 -$--radio-checked-icon-color: $--color-primary !default; - -$--radio-input-border-color-hover: $--color-primary !default; - -$--radio-bordered-height: 40px !default; -$--radio-bordered-padding: 12px 20px 0 10px !default; -$--radio-bordered-medium-padding: 10px 20px 0 10px !default; -$--radio-bordered-small-padding: 8px 15px 0 10px !default; -$--radio-bordered-mini-padding: 6px 15px 0 10px !default; -$--radio-bordered-medium-input-height: 14px !default; -$--radio-bordered-medium-input-width: 14px !default; -$--radio-bordered-medium-height: 36px !default; -$--radio-bordered-small-input-height: 12px !default; -$--radio-bordered-small-input-width: 12px !default; -$--radio-bordered-small-height: 32px !default; -$--radio-bordered-mini-input-height: 12px !default; -$--radio-bordered-mini-input-width: 12px !default; -$--radio-bordered-mini-height: 28px !default; - -/// fontSize||Font|1 -$--radio-button-font-size: $--font-size-base !default; -/// color||Color|0 -$--radio-button-checked-background-color: $--color-primary !default; -/// color||Color|0 -$--radio-button-checked-font-color: $--color-white !default; -/// color||Color|0 -$--radio-button-checked-border-color: $--color-primary !default; -$--radio-button-disabled-checked-fill: $--border-color-extra-light !default; - -/* Select --------------------------- */ -$--select-border-color-hover: $--border-color-hover !default; -$--select-disabled-border: $--disabled-border-base !default; -/// fontSize||Font|1 -$--select-font-size: $--font-size-base !default; -$--select-close-hover-color: $--color-text-secondary !default; - -$--select-input-color: $--color-text-placeholder !default; -$--select-multiple-input-color: #666 !default; -/// color||Color|0 -$--select-input-focus-border-color: $--color-primary !default; -/// fontSize||Font|1 -$--select-input-font-size: 14px !default; - -$--select-option-color: $--color-text-regular !default; -$--select-option-disabled-color: $--color-text-placeholder !default; -$--select-option-disabled-background: $--color-white !default; -/// height||Other|4 -$--select-option-height: 34px !default; -$--select-option-hover-background: $--background-color-base !default; -/// color||Color|0 -$--select-option-selected-font-color: $--color-primary !default; -$--select-option-selected-hover: $--background-color-base !default; - -$--select-group-color: $--color-info !default; -$--select-group-height: 30px !default; -$--select-group-font-size: 12px !default; - -$--select-dropdown-background: $--color-white !default; -$--select-dropdown-shadow: $--box-shadow-light !default; -$--select-dropdown-empty-color: #999 !default; -/// height||Other|4 -$--select-dropdown-max-height: 274px !default; -$--select-dropdown-padding: 6px 0 !default; -$--select-dropdown-empty-padding: 10px 0 !default; -$--select-dropdown-border: solid 1px $--border-color-light !default; - -/* Alert --------------------------- */ -$--alert-padding: 8px 16px !default; -/// borderRadius||Border|2 -$--alert-border-radius: $--border-radius-base !default; -/// fontSize||Font|1 -$--alert-title-font-size: 13px !default; -/// fontSize||Font|1 -$--alert-description-font-size: 12px !default; -/// fontSize||Font|1 -$--alert-close-font-size: 12px !default; -/// fontSize||Font|1 -$--alert-close-customed-font-size: 13px !default; - -$--alert-success-color: $--color-success-lighter !default; -$--alert-info-color: $--color-info-lighter !default; -$--alert-warning-color: $--color-warning-lighter !default; -$--alert-danger-color: $--color-danger-lighter !default; - -/// height||Other|4 -$--alert-icon-size: 16px !default; -/// height||Other|4 -$--alert-icon-large-size: 28px !default; - -/* MessageBox --------------------------- */ -/// color||Color|0 -$--messagebox-title-color: $--color-text-primary !default; -$--msgbox-width: 420px !default; -$--msgbox-border-radius: 4px !default; -/// fontSize||Font|1 -$--messagebox-font-size: $--font-size-large !default; -/// fontSize||Font|1 -$--messagebox-content-font-size: $--font-size-base !default; -/// color||Color|0 -$--messagebox-content-color: $--color-text-regular !default; -/// fontSize||Font|1 -$--messagebox-error-font-size: 12px !default; -$--msgbox-padding-primary: 15px !default; -/// color||Color|0 -$--messagebox-success-color: $--color-success !default; -/// color||Color|0 -$--messagebox-info-color: $--color-info !default; -/// color||Color|0 -$--messagebox-warning-color: $--color-warning !default; -/// color||Color|0 -$--messagebox-danger-color: $--color-danger !default; - -/* Message --------------------------- */ -$--message-shadow: $--box-shadow-base !default; -$--message-min-width: 380px !default; -$--message-background-color: #edf2fc !default; -$--message-padding: 15px 15px 15px 20px !default; -/// color||Color|0 -$--message-close-icon-color: $--color-text-placeholder !default; -/// height||Other|4 -$--message-close-size: 16px !default; -/// color||Color|0 -$--message-close-hover-color: $--color-text-secondary !default; - -/// color||Color|0 -$--message-success-font-color: $--color-success !default; -/// color||Color|0 -$--message-info-font-color: $--color-info !default; -/// color||Color|0 -$--message-warning-font-color: $--color-warning !default; -/// color||Color|0 -$--message-danger-font-color: $--color-danger !default; - -/* Notification --------------------------- */ -$--notification-width: 330px !default; -/// padding||Spacing|3 -$--notification-padding: 14px 26px 14px 13px !default; -$--notification-radius: 8px !default; -$--notification-shadow: $--box-shadow-light !default; -/// color||Color|0 -$--notification-border-color: $--border-color-lighter !default; -$--notification-icon-size: 24px !default; -$--notification-close-font-size: $--message-close-size !default; -$--notification-group-margin-left: 13px !default; -$--notification-group-margin-right: 8px !default; -/// fontSize||Font|1 -$--notification-content-font-size: $--font-size-base !default; -/// color||Color|0 -$--notification-content-color: $--color-text-regular !default; -/// fontSize||Font|1 -$--notification-title-font-size: 16px !default; -/// color||Color|0 -$--notification-title-color: $--color-text-primary !default; - -/// color||Color|0 -$--notification-close-color: $--color-text-secondary !default; -/// color||Color|0 -$--notification-close-hover-color: $--color-text-regular !default; - -/// color||Color|0 -$--notification-success-icon-color: $--color-success !default; -/// color||Color|0 -$--notification-info-icon-color: $--color-info !default; -/// color||Color|0 -$--notification-warning-icon-color: $--color-warning !default; -/// color||Color|0 -$--notification-danger-icon-color: $--color-danger !default; - -/* Input --------------------------- */ -$--input-font-size: $--font-size-base !default; -/// color||Color|0 -$--input-font-color: $--color-text-regular !default; -/// height||Other|4 -$--input-width: 140px !default; -/// height||Other|4 -$--input-height: 40px !default; -$--input-border: $--border-base !default; -$--input-border-color: $--border-color-base !default; -/// borderRadius||Border|2 -$--input-border-radius: $--border-radius-base !default; -$--input-border-color-hover: $--border-color-hover !default; -/// color||Color|0 -$--input-background-color: $--color-white !default; -$--input-fill-disabled: $--disabled-fill-base !default; -$--input-color-disabled: $--font-color-disabled-base !default; -/// color||Color|0 -$--input-icon-color: $--color-text-placeholder !default; -/// color||Color|0 -$--input-placeholder-color: $--color-text-placeholder !default; -$--input-max-width: 314px !default; - -$--input-hover-border: $--border-color-hover !default; -$--input-clear-hover-color: $--color-text-secondary !default; - -$--input-focus-border: $--color-primary !default; -$--input-focus-fill: $--color-white !default; - -$--input-disabled-fill: $--disabled-fill-base !default; -$--input-disabled-border: $--disabled-border-base !default; -$--input-disabled-color: $--disabled-color-base !default; -$--input-disabled-placeholder-color: $--color-text-placeholder !default; - -/// fontSize||Font|1 -$--input-medium-font-size: 14px !default; -/// height||Other|4 -$--input-medium-height: 36px !default; -/// fontSize||Font|1 -$--input-small-font-size: 13px !default; -/// height||Other|4 -$--input-small-height: 32px !default; -/// fontSize||Font|1 -$--input-mini-font-size: 12px !default; -/// height||Other|4 -$--input-mini-height: 28px !default; - -/* Cascader --------------------------- */ -/// color||Color|0 -$--cascader-menu-font-color: $--color-text-regular !default; -/// color||Color|0 -$--cascader-menu-selected-font-color: $--color-primary !default; -$--cascader-menu-fill: $--fill-base !default; -$--cascader-menu-font-size: $--font-size-base !default; -$--cascader-menu-radius: $--border-radius-base !default; -$--cascader-menu-border: solid 1px $--border-color-light !default; -$--cascader-menu-shadow: $--box-shadow-light !default; -$--cascader-node-background-hover: $--background-color-base !default; -$--cascader-node-color-disabled:$--color-text-placeholder !default; -$--cascader-color-empty:$--color-text-placeholder !default; -$--cascader-tag-background: #f0f2f5; - -/* Group --------------------------- */ -$--group-option-flex: 0 0 (1/5) * 100% !default; -$--group-option-offset-bottom: 12px !default; -$--group-option-fill-hover: rgba($--color-black, 0.06) !default; -$--group-title-color: $--color-black !default; -$--group-title-font-size: $--font-size-base !default; -$--group-title-width: 66px !default; - -/* Tab --------------------------- */ -$--tab-font-size: $--font-size-base !default; -$--tab-border-line: 1px solid #e4e4e4 !default; -$--tab-header-color-active: $--color-text-secondary !default; -$--tab-header-color-hover: $--color-text-regular !default; -$--tab-header-color: $--color-text-regular !default; -$--tab-header-fill-active: rgba($--color-black, 0.06) !default; -$--tab-header-fill-hover: rgba($--color-black, 0.06) !default; -$--tab-vertical-header-width: 90px !default; -$--tab-vertical-header-count-color: $--color-white !default; -$--tab-vertical-header-count-fill: $--color-text-secondary !default; - -/* Button --------------------------- */ -/// fontSize||Font|1 -$--button-font-size: $--font-size-base !default; -/// fontWeight||Font|1 -$--button-font-weight: $--font-weight-primary !default; -/// borderRadius||Border|2 -$--button-border-radius: $--border-radius-base !default; -/// padding||Spacing|3 -$--button-padding-vertical: 12px !default; -/// padding||Spacing|3 -$--button-padding-horizontal: 20px !default; - -/// fontSize||Font|1 -$--button-medium-font-size: $--font-size-base !default; -/// borderRadius||Border|2 -$--button-medium-border-radius: $--border-radius-base !default; -/// padding||Spacing|3 -$--button-medium-padding-vertical: 10px !default; -/// padding||Spacing|3 -$--button-medium-padding-horizontal: 20px !default; - -/// fontSize||Font|1 -$--button-small-font-size: 12px !default; -$--button-small-border-radius: #{$--border-radius-base - 1} !default; -/// padding||Spacing|3 -$--button-small-padding-vertical: 9px !default; -/// padding||Spacing|3 -$--button-small-padding-horizontal: 15px !default; -/// fontSize||Font|1 -$--button-mini-font-size: 12px !default; -$--button-mini-border-radius: #{$--border-radius-base - 1} !default; -/// padding||Spacing|3 -$--button-mini-padding-vertical: 7px !default; -/// padding||Spacing|3 -$--button-mini-padding-horizontal: 15px !default; - -/// color||Color|0 -$--button-default-font-color: $--color-text-regular !default; -/// color||Color|0 -$--button-default-background-color: $--color-white !default; -/// color||Color|0 -$--button-default-border-color: $--border-color-base !default; - -/// color||Color|0 -$--button-disabled-font-color: $--color-text-placeholder !default; -/// color||Color|0 -$--button-disabled-background-color: $--color-white !default; -/// color||Color|0 -$--button-disabled-border-color: $--border-color-lighter !default; - -/// color||Color|0 -$--button-primary-border-color: $--color-primary !default; -/// color||Color|0 -$--button-primary-font-color: $--color-white !default; -/// color||Color|0 -$--button-primary-background-color: $--color-primary !default; -/// color||Color|0 -$--button-success-border-color: $--color-success !default; -/// color||Color|0 -$--button-success-font-color: $--color-white !default; -/// color||Color|0 -$--button-success-background-color: $--color-success !default; -/// color||Color|0 -$--button-warning-border-color: $--color-warning !default; -/// color||Color|0 -$--button-warning-font-color: $--color-white !default; -/// color||Color|0 -$--button-warning-background-color: $--color-warning !default; -/// color||Color|0 -$--button-danger-border-color: $--color-danger !default; -/// color||Color|0 -$--button-danger-font-color: $--color-white !default; -/// color||Color|0 -$--button-danger-background-color: $--color-danger !default; -/// color||Color|0 -$--button-info-border-color: $--color-info !default; -/// color||Color|0 -$--button-info-font-color: $--color-white !default; -/// color||Color|0 -$--button-info-background-color: $--color-info !default; - -$--button-hover-tint-percent: 20% !default; -$--button-active-shade-percent: 10% !default; - - -/* cascader --------------------------- */ -$--cascader-height: 200px !default; - -/* Switch --------------------------- */ -/// color||Color|0 -$--switch-on-color: $--color-primary !default; -/// color||Color|0 -$--switch-off-color: $--border-color-base !default; -/// fontSize||Font|1 -$--switch-font-size: $--font-size-base !default; -$--switch-core-border-radius: 10px !default; -// height||Other|4 TODO: width 代码写死的40px 所以下面这三个属性都没意义 -$--switch-width: 40px !default; -// height||Other|4 -$--switch-height: 20px !default; -// height||Other|4 -$--switch-button-size: 16px !default; - -/* Dialog --------------------------- */ -$--dialog-background-color: $--color-white !default; -$--dialog-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !default; -/// fontSize||Font|1 -$--dialog-title-font-size: $--font-size-large !default; -/// fontSize||Font|1 -$--dialog-content-font-size: 14px !default; -/// fontLineHeight||LineHeight|2 -$--dialog-font-line-height: $--font-line-height-primary !default; -/// padding||Spacing|3 -$--dialog-padding-primary: 20px !default; - -/* Table --------------------------- */ -/// color||Color|0 -$--table-border-color: $--border-color-lighter !default; -$--table-border: 1px solid $--table-border-color !default; -/// color||Color|0 -$--table-font-color: $--color-text-regular !default; -/// color||Color|0 -$--table-header-font-color: $--color-text-secondary !default; -/// color||Color|0 -$--table-row-hover-background-color: $--background-color-base !default; -$--table-current-row-background-color: $--color-primary-light-9 !default; -/// color||Color|0 -$--table-header-background-color: $--color-white !default; -$--table-fixed-box-shadow: 0 0 10px rgba(0, 0, 0, .12) !default; - -/* Pagination --------------------------- */ -/// fontSize||Font|1 -$--pagination-font-size: 13px !default; -/// color||Color|0 -$--pagination-background-color: $--color-white !default; -/// color||Color|0 -$--pagination-font-color: $--color-text-primary !default; -$--pagination-border-radius: 3px !default; -/// color||Color|0 -$--pagination-button-color: $--color-text-primary !default; -/// height||Other|4 -$--pagination-button-width: 35.5px !default; -/// height||Other|4 -$--pagination-button-height: 28px !default; -/// color||Color|0 -$--pagination-button-disabled-color: $--color-text-placeholder !default; -/// color||Color|0 -$--pagination-button-disabled-background-color: $--color-white !default; -/// color||Color|0 -$--pagination-hover-color: $--color-primary !default; - -/* Popup --------------------------- */ -/// color||Color|0 -$--popup-modal-background-color: $--color-black !default; -/// opacity||Other|1 -$--popup-modal-opacity: 0.5 !default; - -/* Popover --------------------------- */ -/// color||Color|0 -$--popover-background-color: $--color-white !default; -/// fontSize||Font|1 -$--popover-font-size: $--font-size-base !default; -/// color||Color|0 -$--popover-border-color: $--border-color-lighter !default; -$--popover-arrow-size: 6px !default; -/// padding||Spacing|3 -$--popover-padding: 12px !default; -$--popover-padding-large: 18px 20px !default; -/// fontSize||Font|1 -$--popover-title-font-size: 16px !default; -/// color||Color|0 -$--popover-title-font-color: $--color-text-primary !default; - -/* Tooltip --------------------------- */ -/// color|1|Color|0 -$--tooltip-fill: $--color-text-primary !default; -/// color|1|Color|0 -$--tooltip-color: $--color-white !default; -/// fontSize||Font|1 -$--tooltip-font-size: 12px !default; -/// color||Color|0 -$--tooltip-border-color: $--color-text-primary !default; -$--tooltip-arrow-size: 6px !default; -/// padding||Spacing|3 -$--tooltip-padding: 10px !default; - -/* Tag --------------------------- */ -/// color||Color|0 -$--tag-info-color: $--color-info !default; -/// color||Color|0 -$--tag-primary-color: $--color-primary !default; -/// color||Color|0 -$--tag-success-color: $--color-success !default; -/// color||Color|0 -$--tag-warning-color: $--color-warning !default; -/// color||Color|0 -$--tag-danger-color: $--color-danger !default; -/// fontSize||Font|1 -$--tag-font-size: 12px !default; -$--tag-border-radius: 4px !default; -$--tag-padding: 0 10px !default; - -/* Tree --------------------------- */ -/// color||Color|0 -$--tree-node-hover-background-color: $--background-color-base !default; -/// color||Color|0 -$--tree-font-color: $--color-text-regular !default; -/// color||Color|0 -$--tree-expand-icon-color: $--color-text-placeholder !default; - -/* Dropdown --------------------------- */ -$--dropdown-menu-box-shadow: $--box-shadow-light !default; -$--dropdown-menuItem-hover-fill: $--color-primary-light-9 !default; -$--dropdown-menuItem-hover-color: $--link-color !default; - -/* Badge --------------------------- */ -/// color||Color|0 -$--badge-background-color: $--color-danger !default; -$--badge-radius: 10px !default; -/// fontSize||Font|1 -$--badge-font-size: 12px !default; -/// padding||Spacing|3 -$--badge-padding: 6px !default; -/// height||Other|4 -$--badge-size: 18px !default; - -/* Card ---------------------------*/ -/// color||Color|0 -$--card-border-color: $--border-color-lighter !default; -$--card-border-radius: 4px !default; -/// padding||Spacing|3 -$--card-padding: 20px !default; - -/* Slider ---------------------------*/ -/// color||Color|0 -$--slider-main-background-color: $--color-primary !default; -/// color||Color|0 -$--slider-runway-background-color: $--border-color-light !default; -$--slider-button-hover-color: mix($--color-primary, black, 97%) !default; -$--slider-stop-background-color: $--color-white !default; -$--slider-disable-color: $--color-text-placeholder !default; -$--slider-margin: 16px 0 !default; -$--slider-border-radius: 3px !default; -/// height|1|Other|4 -$--slider-height: 6px !default; -/// height||Other|4 -$--slider-button-size: 16px !default; -$--slider-button-wrapper-size: 36px !default; -$--slider-button-wrapper-offset: -15px !default; - -/* Steps ---------------------------*/ -$--steps-border-color: $--disabled-border-base !default; -$--steps-border-radius: 4px !default; -$--steps-padding: 20px !default; - -/* Menu ---------------------------*/ -/// fontSize||Font|1 -$--menu-item-font-size: $--font-size-base !default; -/// color||Color|0 -$--menu-item-font-color: $--color-text-primary !default; -/// color||Color|0 -$--menu-background-color: $--color-menu-background !default; -$--menu-item-hover-fill: $--color-primary-light-9 !default; - -/* Rate ---------------------------*/ -$--rate-height: 20px !default; -/// fontSize||Font|1 -$--rate-font-size: $--font-size-base !default; -/// height||Other|3 -$--rate-icon-size: 18px !default; -/// margin||Spacing|2 -$--rate-icon-margin: 6px !default; -$--rate-icon-color: $--color-text-placeholder !default; - -/* DatePicker ---------------------------*/ -$--datepicker-font-color: $--color-text-regular !default; -/// color|1|Color|0 -$--datepicker-off-font-color: $--color-text-placeholder !default; -/// color||Color|0 -$--datepicker-header-font-color: $--color-text-regular !default; -$--datepicker-icon-color: $--color-text-primary !default; -$--datepicker-border-color: $--disabled-border-base !default; -$--datepicker-inner-border-color: #e4e4e4 !default; -/// color||Color|0 -$--datepicker-inrange-background-color: $--border-color-extra-light !default; -/// color||Color|0 -$--datepicker-inrange-hover-background-color: $--border-color-extra-light !default; -/// color||Color|0 -$--datepicker-active-color: $--color-primary !default; -/// color||Color|0 -$--datepicker-hover-font-color: $--color-primary !default; -$--datepicker-cell-hover-color: #fff !default; - -/* Loading ---------------------------*/ -/// height||Other|4 -$--loading-spinner-size: 42px !default; -/// height||Other|4 -$--loading-fullscreen-spinner-size: 50px !default; - -/* Scrollbar ---------------------------*/ -$--scrollbar-background-color: rgba($--color-text-secondary, .3) !default; -$--scrollbar-hover-background-color: rgba($--color-text-secondary, .5) !default; - -/* Carousel ---------------------------*/ -/// fontSize||Font|1 -$--carousel-arrow-font-size: 12px !default; -$--carousel-arrow-size: 36px !default; -$--carousel-arrow-background: rgba(31, 45, 61, 0.11) !default; -$--carousel-arrow-hover-background: rgba(31, 45, 61, 0.23) !default; -/// width||Other|4 -$--carousel-indicator-width: 30px !default; -/// height||Other|4 -$--carousel-indicator-height: 2px !default; -$--carousel-indicator-padding-horizontal: 4px !default; -$--carousel-indicator-padding-vertical: 12px !default; -$--carousel-indicator-out-color: $--border-color-hover !default; - -/* Collapse ---------------------------*/ -/// color||Color|0 -$--collapse-border-color: $--border-color-lighter !default; -/// height||Other|4 -$--collapse-header-height: 48px !default; -/// color||Color|0 -$--collapse-header-background-color: $--color-white !default; -/// color||Color|0 -$--collapse-header-font-color: $--color-text-primary !default; -/// fontSize||Font|1 -$--collapse-header-font-size: 13px !default; -/// color||Color|0 -$--collapse-content-background-color: $--color-white !default; -/// fontSize||Font|1 -$--collapse-content-font-size: 13px !default; -/// color||Color|0 -$--collapse-content-font-color: $--color-text-primary !default; - -/* Transfer ---------------------------*/ -$--transfer-border-color: $--border-color-lighter !default; -$--transfer-border-radius: $--border-radius-base !default; -/// height||Other|4 -$--transfer-panel-width: 200px !default; -/// height||Other|4 -$--transfer-panel-header-height: 40px !default; -/// color||Color|0 -$--transfer-panel-header-background-color: $--background-color-base !default; -/// height||Other|4 -$--transfer-panel-footer-height: 40px !default; -/// height||Other|4 -$--transfer-panel-body-height: 246px !default; -/// height||Other|4 -$--transfer-item-height: 30px !default; -/// height||Other|4 -$--transfer-filter-height: 32px !default; - -/* Header - --------------------------*/ -$--header-padding: 0 20px !default; - -/* Footer ---------------------------*/ -$--footer-padding: 0 20px !default; - -/* Main ---------------------------*/ -$--main-padding: 20px !default; - -/* Timeline ---------------------------*/ -$--timeline-node-size-normal: 12px !default; -$--timeline-node-size-large: 14px !default; -$--timeline-node-color: $--border-color-light !default; - -/* Backtop ---------------------------*/ -/// color||Color|0 -$--backtop-background-color: $--color-white !default; -/// color||Color|0 -$--backtop-font-color: $--color-primary !default; -/// color||Color|0 -$--backtop-hover-background-color: $--border-color-extra-light !default; - -/* Link ---------------------------*/ -/// fontSize||Font|1 -$--link-font-size: $--font-size-base !default; -/// fontWeight||Font|1 -$--link-font-weight: $--font-weight-primary !default; -/// color||Color|0 -$--link-default-font-color: $--color-text-regular !default; -/// color||Color|0 -$--link-default-active-color: $--color-primary !default; -/// color||Color|0 -$--link-disabled-font-color: $--color-text-placeholder !default; -/// color||Color|0 -$--link-primary-font-color: $--color-primary !default; -/// color||Color|0 -$--link-success-font-color: $--color-success !default; -/// color||Color|0 -$--link-warning-font-color: $--color-warning !default; -/// color||Color|0 -$--link-danger-font-color: $--color-danger !default; -/// color||Color|0 -$--link-info-font-color: $--color-info !default; -/* Calendar ---------------------------*/ -/// border||Other|4 -$--calendar-border: $--table-border !default; -/// color||Other|4 -$--calendar-selected-background-color: #F2F8FE !default; -$--calendar-cell-width: 85px !default; - -/* Form --------------------------- */ -/// fontSize||Font|1 -$--form-label-font-size: $--font-size-base !default; - -/* Avatar ---------------------------*/ -/// color||Color|0 -$--avatar-font-color: #fff !default; -/// color||Color|0 -$--avatar-background-color: #C0C4CC !default; -/// fontSize||Font Size|1 -$--avatar-text-font-size: 14px !default; -/// fontSize||Font Size|1 -$--avatar-icon-font-size: 18px !default; -/// borderRadius||Border|2 -$--avatar-border-radius: $--border-radius-base !default; -/// size|1|Avatar Size|3 -$--avatar-large-size: 40px !default; -/// size|1|Avatar Size|3 -$--avatar-medium-size: 36px !default; -/// size|1|Avatar Size|3 -$--avatar-small-size: 28px !default; - -/* Break-point ---------------------------*/ -$--sm: 768px !default; -$--md: 992px !default; -$--lg: 1200px !default; -$--xl: 1920px !default; - -$--breakpoints: ( - 'xs' : (max-width: $--sm - 1), - 'sm' : (min-width: $--sm), - 'md' : (min-width: $--md), - 'lg' : (min-width: $--lg), - 'xl' : (min-width: $--xl) -); - -$--breakpoints-spec: ( - 'xs-only' : (max-width: $--sm - 1), - 'sm-and-up' : (min-width: $--sm), - 'sm-only': "(min-width: #{$--sm}) and (max-width: #{$--md - 1})", - 'sm-and-down': (max-width: $--md - 1), - 'md-and-up' : (min-width: $--md), - 'md-only': "(min-width: #{$--md}) and (max-width: #{$--lg - 1})", - 'md-and-down': (max-width: $--lg - 1), - 'lg-and-up' : (min-width: $--lg), - 'lg-only': "(min-width: #{$--lg}) and (max-width: #{$--xl - 1})", - 'lg-and-down': (max-width: $--xl - 1), - 'xl-only' : (min-width: $--xl), -); diff --git a/images/orange-demo-activiti-web/src/assets/element-variables-orange.scss b/images/orange-demo-activiti-web/src/assets/element-variables-orange.scss deleted file mode 100644 index 26da27c0..00000000 --- a/images/orange-demo-activiti-web/src/assets/element-variables-orange.scss +++ /dev/null @@ -1,1001 +0,0 @@ -/* Element Chalk Variables */ - -// Special comment for theme configurator -// type|skipAutoTranslation|Category|Order -// skipAutoTranslation 1 - -/* Transition --------------------------- */ -$--all-transition: all .3s cubic-bezier(.645,.045,.355,1) !default; -$--fade-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) !default; -$--fade-linear-transition: opacity 200ms linear !default; -$--md-fade-transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) !default; -$--border-transition-base: border-color .2s cubic-bezier(.645,.045,.355,1) !default; -$--color-transition-base: color .2s cubic-bezier(.645,.045,.355,1) !default; - -/* Color --------------------------- */ -/// color|1|Brand Color|0 -$--color-primary: #FCA834 !default; -/// color|1|Background Color|4 -$--color-white: #FFFFFF !default; -/// color|1|Background Color|4 -$--color-black: #000000 !default; -$--color-primary-light-1: mix($--color-white, $--color-primary, 10%) !default; /* 53a8ff */ -$--color-primary-light-2: mix($--color-white, $--color-primary, 20%) !default; /* 66b1ff */ -$--color-primary-light-3: mix($--color-white, $--color-primary, 30%) !default; /* 79bbff */ -$--color-primary-light-4: mix($--color-white, $--color-primary, 40%) !default; /* 8cc5ff */ -$--color-primary-light-5: mix($--color-white, $--color-primary, 50%) !default; /* a0cfff */ -$--color-primary-light-6: mix($--color-white, $--color-primary, 60%) !default; /* b3d8ff */ -$--color-primary-light-7: mix($--color-white, $--color-primary, 70%) !default; /* c6e2ff */ -$--color-primary-light-8: mix($--color-white, $--color-primary, 80%) !default; /* d9ecff */ -$--color-primary-light-9: mix($--color-white, $--color-primary, 90%) !default; /* ecf5ff */ -/// color|1|Functional Color|1 -$--color-success: #6DC741 !default; -/// color|1|Functional Color|1 -$--color-warning: #E6A23C !default; -/// color|1|Functional Color|1 -$--color-danger: #F56C6C !default; -/// color|1|Functional Color|1 -$--color-info: #909399 !default; - -$--color-success-light: mix($--color-white, $--color-success, 80%) !default; -$--color-warning-light: mix($--color-white, $--color-warning, 80%) !default; -$--color-danger-light: mix($--color-white, $--color-danger, 80%) !default; -$--color-info-light: mix($--color-white, $--color-info, 80%) !default; - -$--color-success-lighter: mix($--color-white, $--color-success, 90%) !default; -$--color-warning-lighter: mix($--color-white, $--color-warning, 90%) !default; -$--color-danger-lighter: mix($--color-white, $--color-danger, 90%) !default; -$--color-info-lighter: mix($--color-white, $--color-info, 90%) !default; -/// color|1|Font Color|2 -$--color-text-primary: #303133 !default; -/// color|1|Font Color|2 -$--color-text-regular: #606266 !default; -/// color|1|Font Color|2 -$--color-text-secondary: #909399 !default; -/// color|1|Font Color|2 -$--color-text-placeholder: #C0C4CC !default; -/// color|1|Border Color|3 -$--border-color-base: #DCDFE6 !default; -/// color|1|Border Color|3 -$--border-color-light: #E4E7ED !default; -/// color|1|Border Color|3 -$--border-color-lighter: #EBEEF5 !default; -/// color|1|Border Color|3 -$--border-color-extra-light: #F2F6FC !default; - -// Background -/// color|1|Background Color|4 -$--background-color-base: #F5F7FA !default; - -// color for left sidebar title -$--color-sidebar-title-text: #FFFFFF; -// color for left sidebar background -$--color-menu-background: #042345; -$--color-menu-item-active-text-color: #FFFFFF; -$--color-menu-item-active-background: $--color-primary; -$--color-submenu-background: #021F3B; -/* Link --------------------------- */ -$--link-color: $--color-primary-light-2 !default; -$--link-hover-color: $--color-primary !default; - -/* Border --------------------------- */ -$--border-width-base: 1px !default; -$--border-style-base: solid !default; -$--border-color-hover: $--color-text-placeholder !default; -$--border-base: $--border-width-base $--border-style-base $--border-color-base !default; -/// borderRadius|1|Radius|0 -$--border-radius-base: 4px !default; -/// borderRadius|1|Radius|0 -$--border-radius-small: 2px !default; -/// borderRadius|1|Radius|0 -$--border-radius-circle: 100% !default; -/// borderRadius|1|Radius|0 -$--border-radius-zero: 0 !default; - -// Box-shadow -/// boxShadow|1|Shadow|1 -$--box-shadow-base: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04) !default; -// boxShadow|1|Shadow|1 -$--box-shadow-dark: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .12) !default; -/// boxShadow|1|Shadow|1 -$--box-shadow-light: 0 2px 12px 0 rgba(0, 0, 0, 0.1) !default; - -/* Fill --------------------------- */ -$--fill-base: $--color-white !default; - -/* Typography --------------------------- */ -$--font-path: 'fonts' !default; -$--font-display: 'auto' !default; -/// fontSize|1|Font Size|0 -$--font-size-extra-large: 20px !default; -/// fontSize|1|Font Size|0 -$--font-size-large: 18px !default; -/// fontSize|1|Font Size|0 -$--font-size-medium: 16px !default; -/// fontSize|1|Font Size|0 -$--font-size-base: 14px !default; -/// fontSize|1|Font Size|0 -$--font-size-small: 13px !default; -/// fontSize|1|Font Size|0 -$--font-size-extra-small: 12px !default; -/// fontWeight|1|Font Weight|1 -$--font-weight-primary: 500 !default; -/// fontWeight|1|Font Weight|1 -$--font-weight-secondary: 100 !default; -/// fontLineHeight|1|Line Height|2 -$--font-line-height-primary: 24px !default; -/// fontLineHeight|1|Line Height|2 -$--font-line-height-secondary: 16px !default; -$--font-color-disabled-base: #bbb !default; -/* Size --------------------------- */ -$--size-base: 14px !default; - -/* z-index --------------------------- */ -$--index-normal: 1 !default; -$--index-top: 1000 !default; -$--index-popper: 2000 !default; - -/* Disable base --------------------------- */ -$--disabled-fill-base: $--background-color-base !default; -$--disabled-color-base: $--color-text-placeholder !default; -$--disabled-border-base: $--border-color-light !default; - -/* Icon --------------------------- */ -$--icon-color: #666 !default; -$--icon-color-base: $--color-info !default; - -/* Checkbox --------------------------- */ -/// fontSize||Font|1 -$--checkbox-font-size: 14px !default; -/// fontWeight||Font|1 -$--checkbox-font-weight: $--font-weight-primary !default; -/// color||Color|0 -$--checkbox-font-color: $--color-text-regular !default; -$--checkbox-input-height: 14px !default; -$--checkbox-input-width: 14px !default; -/// borderRadius||Border|2 -$--checkbox-border-radius: $--border-radius-small !default; -/// color||Color|0 -$--checkbox-background-color: $--color-white !default; -$--checkbox-input-border: $--border-base !default; - -/// color||Color|0 -$--checkbox-disabled-border-color: $--border-color-base !default; -$--checkbox-disabled-input-fill: #edf2fc !default; -$--checkbox-disabled-icon-color: $--color-text-placeholder !default; - -$--checkbox-disabled-checked-input-fill: $--border-color-extra-light !default; -$--checkbox-disabled-checked-input-border-color: $--border-color-base !default; -$--checkbox-disabled-checked-icon-color: $--color-text-placeholder !default; - -/// color||Color|0 -$--checkbox-checked-font-color: $--color-primary !default; -$--checkbox-checked-input-border-color: $--color-primary !default; -/// color||Color|0 -$--checkbox-checked-background-color: $--color-primary !default; -$--checkbox-checked-icon-color: $--fill-base !default; - -$--checkbox-input-border-color-hover: $--color-primary !default; -/// height||Other|4 -$--checkbox-bordered-height: 40px !default; -/// padding||Spacing|3 -$--checkbox-bordered-padding: 9px 20px 9px 10px !default; -/// padding||Spacing|3 -$--checkbox-bordered-medium-padding: 7px 20px 7px 10px !default; -/// padding||Spacing|3 -$--checkbox-bordered-small-padding: 5px 15px 5px 10px !default; -/// padding||Spacing|3 -$--checkbox-bordered-mini-padding: 3px 15px 3px 10px !default; -$--checkbox-bordered-medium-input-height: 14px !default; -$--checkbox-bordered-medium-input-width: 14px !default; -/// height||Other|4 -$--checkbox-bordered-medium-height: 36px !default; -$--checkbox-bordered-small-input-height: 12px !default; -$--checkbox-bordered-small-input-width: 12px !default; -/// height||Other|4 -$--checkbox-bordered-small-height: 32px !default; -$--checkbox-bordered-mini-input-height: 12px !default; -$--checkbox-bordered-mini-input-width: 12px !default; -/// height||Other|4 -$--checkbox-bordered-mini-height: 28px !default; - -/// color||Color|0 -$--checkbox-button-checked-background-color: $--color-primary !default; -/// color||Color|0 -$--checkbox-button-checked-font-color: $--color-white !default; -/// color||Color|0 -$--checkbox-button-checked-border-color: $--color-primary !default; - - - -/* Radio --------------------------- */ -/// fontSize||Font|1 -$--radio-font-size: $--font-size-base !default; -/// fontWeight||Font|1 -$--radio-font-weight: $--font-weight-primary !default; -/// color||Color|0 -$--radio-font-color: $--color-text-regular !default; -$--radio-input-height: 14px !default; -$--radio-input-width: 14px !default; -/// borderRadius||Border|2 -$--radio-input-border-radius: $--border-radius-circle !default; -/// color||Color|0 -$--radio-input-background-color: $--color-white !default; -$--radio-input-border: $--border-base !default; -/// color||Color|0 -$--radio-input-border-color: $--border-color-base !default; -/// color||Color|0 -$--radio-icon-color: $--color-white !default; - -$--radio-disabled-input-border-color: $--disabled-border-base !default; -$--radio-disabled-input-fill: $--disabled-fill-base !default; -$--radio-disabled-icon-color: $--disabled-fill-base !default; - -$--radio-disabled-checked-input-border-color: $--disabled-border-base !default; -$--radio-disabled-checked-input-fill: $--disabled-fill-base !default; -$--radio-disabled-checked-icon-color: $--color-text-placeholder !default; - -/// color||Color|0 -$--radio-checked-font-color: $--color-primary !default; -/// color||Color|0 -$--radio-checked-input-border-color: $--color-primary !default; -/// color||Color|0 -$--radio-checked-input-background-color: $--color-white !default; -/// color||Color|0 -$--radio-checked-icon-color: $--color-primary !default; - -$--radio-input-border-color-hover: $--color-primary !default; - -$--radio-bordered-height: 40px !default; -$--radio-bordered-padding: 12px 20px 0 10px !default; -$--radio-bordered-medium-padding: 10px 20px 0 10px !default; -$--radio-bordered-small-padding: 8px 15px 0 10px !default; -$--radio-bordered-mini-padding: 6px 15px 0 10px !default; -$--radio-bordered-medium-input-height: 14px !default; -$--radio-bordered-medium-input-width: 14px !default; -$--radio-bordered-medium-height: 36px !default; -$--radio-bordered-small-input-height: 12px !default; -$--radio-bordered-small-input-width: 12px !default; -$--radio-bordered-small-height: 32px !default; -$--radio-bordered-mini-input-height: 12px !default; -$--radio-bordered-mini-input-width: 12px !default; -$--radio-bordered-mini-height: 28px !default; - -/// fontSize||Font|1 -$--radio-button-font-size: $--font-size-base !default; -/// color||Color|0 -$--radio-button-checked-background-color: $--color-primary !default; -/// color||Color|0 -$--radio-button-checked-font-color: $--color-white !default; -/// color||Color|0 -$--radio-button-checked-border-color: $--color-primary !default; -$--radio-button-disabled-checked-fill: $--border-color-extra-light !default; - -/* Select --------------------------- */ -$--select-border-color-hover: $--border-color-hover !default; -$--select-disabled-border: $--disabled-border-base !default; -/// fontSize||Font|1 -$--select-font-size: $--font-size-base !default; -$--select-close-hover-color: $--color-text-secondary !default; - -$--select-input-color: $--color-text-placeholder !default; -$--select-multiple-input-color: #666 !default; -/// color||Color|0 -$--select-input-focus-border-color: $--color-primary !default; -/// fontSize||Font|1 -$--select-input-font-size: 14px !default; - -$--select-option-color: $--color-text-regular !default; -$--select-option-disabled-color: $--color-text-placeholder !default; -$--select-option-disabled-background: $--color-white !default; -/// height||Other|4 -$--select-option-height: 34px !default; -$--select-option-hover-background: $--background-color-base !default; -/// color||Color|0 -$--select-option-selected-font-color: $--color-primary !default; -$--select-option-selected-hover: $--background-color-base !default; - -$--select-group-color: $--color-info !default; -$--select-group-height: 30px !default; -$--select-group-font-size: 12px !default; - -$--select-dropdown-background: $--color-white !default; -$--select-dropdown-shadow: $--box-shadow-light !default; -$--select-dropdown-empty-color: #999 !default; -/// height||Other|4 -$--select-dropdown-max-height: 274px !default; -$--select-dropdown-padding: 6px 0 !default; -$--select-dropdown-empty-padding: 10px 0 !default; -$--select-dropdown-border: solid 1px $--border-color-light !default; - -/* Alert --------------------------- */ -$--alert-padding: 8px 16px !default; -/// borderRadius||Border|2 -$--alert-border-radius: $--border-radius-base !default; -/// fontSize||Font|1 -$--alert-title-font-size: 13px !default; -/// fontSize||Font|1 -$--alert-description-font-size: 12px !default; -/// fontSize||Font|1 -$--alert-close-font-size: 12px !default; -/// fontSize||Font|1 -$--alert-close-customed-font-size: 13px !default; - -$--alert-success-color: $--color-success-lighter !default; -$--alert-info-color: $--color-info-lighter !default; -$--alert-warning-color: $--color-warning-lighter !default; -$--alert-danger-color: $--color-danger-lighter !default; - -/// height||Other|4 -$--alert-icon-size: 16px !default; -/// height||Other|4 -$--alert-icon-large-size: 28px !default; - -/* MessageBox --------------------------- */ -/// color||Color|0 -$--messagebox-title-color: $--color-text-primary !default; -$--msgbox-width: 420px !default; -$--msgbox-border-radius: 4px !default; -/// fontSize||Font|1 -$--messagebox-font-size: $--font-size-large !default; -/// fontSize||Font|1 -$--messagebox-content-font-size: $--font-size-base !default; -/// color||Color|0 -$--messagebox-content-color: $--color-text-regular !default; -/// fontSize||Font|1 -$--messagebox-error-font-size: 12px !default; -$--msgbox-padding-primary: 15px !default; -/// color||Color|0 -$--messagebox-success-color: $--color-success !default; -/// color||Color|0 -$--messagebox-info-color: $--color-info !default; -/// color||Color|0 -$--messagebox-warning-color: $--color-warning !default; -/// color||Color|0 -$--messagebox-danger-color: $--color-danger !default; - -/* Message --------------------------- */ -$--message-shadow: $--box-shadow-base !default; -$--message-min-width: 380px !default; -$--message-background-color: #edf2fc !default; -$--message-padding: 15px 15px 15px 20px !default; -/// color||Color|0 -$--message-close-icon-color: $--color-text-placeholder !default; -/// height||Other|4 -$--message-close-size: 16px !default; -/// color||Color|0 -$--message-close-hover-color: $--color-text-secondary !default; - -/// color||Color|0 -$--message-success-font-color: $--color-success !default; -/// color||Color|0 -$--message-info-font-color: $--color-info !default; -/// color||Color|0 -$--message-warning-font-color: $--color-warning !default; -/// color||Color|0 -$--message-danger-font-color: $--color-danger !default; - -/* Notification --------------------------- */ -$--notification-width: 330px !default; -/// padding||Spacing|3 -$--notification-padding: 14px 26px 14px 13px !default; -$--notification-radius: 8px !default; -$--notification-shadow: $--box-shadow-light !default; -/// color||Color|0 -$--notification-border-color: $--border-color-lighter !default; -$--notification-icon-size: 24px !default; -$--notification-close-font-size: $--message-close-size !default; -$--notification-group-margin-left: 13px !default; -$--notification-group-margin-right: 8px !default; -/// fontSize||Font|1 -$--notification-content-font-size: $--font-size-base !default; -/// color||Color|0 -$--notification-content-color: $--color-text-regular !default; -/// fontSize||Font|1 -$--notification-title-font-size: 16px !default; -/// color||Color|0 -$--notification-title-color: $--color-text-primary !default; - -/// color||Color|0 -$--notification-close-color: $--color-text-secondary !default; -/// color||Color|0 -$--notification-close-hover-color: $--color-text-regular !default; - -/// color||Color|0 -$--notification-success-icon-color: $--color-success !default; -/// color||Color|0 -$--notification-info-icon-color: $--color-info !default; -/// color||Color|0 -$--notification-warning-icon-color: $--color-warning !default; -/// color||Color|0 -$--notification-danger-icon-color: $--color-danger !default; - -/* Input --------------------------- */ -$--input-font-size: $--font-size-base !default; -/// color||Color|0 -$--input-font-color: $--color-text-regular !default; -/// height||Other|4 -$--input-width: 140px !default; -/// height||Other|4 -$--input-height: 40px !default; -$--input-border: $--border-base !default; -$--input-border-color: $--border-color-base !default; -/// borderRadius||Border|2 -$--input-border-radius: $--border-radius-base !default; -$--input-border-color-hover: $--border-color-hover !default; -/// color||Color|0 -$--input-background-color: $--color-white !default; -$--input-fill-disabled: $--disabled-fill-base !default; -$--input-color-disabled: $--font-color-disabled-base !default; -/// color||Color|0 -$--input-icon-color: $--color-text-placeholder !default; -/// color||Color|0 -$--input-placeholder-color: $--color-text-placeholder !default; -$--input-max-width: 314px !default; - -$--input-hover-border: $--border-color-hover !default; -$--input-clear-hover-color: $--color-text-secondary !default; - -$--input-focus-border: $--color-primary !default; -$--input-focus-fill: $--color-white !default; - -$--input-disabled-fill: $--disabled-fill-base !default; -$--input-disabled-border: $--disabled-border-base !default; -$--input-disabled-color: $--disabled-color-base !default; -$--input-disabled-placeholder-color: $--color-text-placeholder !default; - -/// fontSize||Font|1 -$--input-medium-font-size: 14px !default; -/// height||Other|4 -$--input-medium-height: 36px !default; -/// fontSize||Font|1 -$--input-small-font-size: 13px !default; -/// height||Other|4 -$--input-small-height: 32px !default; -/// fontSize||Font|1 -$--input-mini-font-size: 12px !default; -/// height||Other|4 -$--input-mini-height: 28px !default; - -/* Cascader --------------------------- */ -/// color||Color|0 -$--cascader-menu-font-color: $--color-text-regular !default; -/// color||Color|0 -$--cascader-menu-selected-font-color: $--color-primary !default; -$--cascader-menu-fill: $--fill-base !default; -$--cascader-menu-font-size: $--font-size-base !default; -$--cascader-menu-radius: $--border-radius-base !default; -$--cascader-menu-border: solid 1px $--border-color-light !default; -$--cascader-menu-shadow: $--box-shadow-light !default; -$--cascader-node-background-hover: $--background-color-base !default; -$--cascader-node-color-disabled:$--color-text-placeholder !default; -$--cascader-color-empty:$--color-text-placeholder !default; -$--cascader-tag-background: #f0f2f5; - -/* Group --------------------------- */ -$--group-option-flex: 0 0 (1/5) * 100% !default; -$--group-option-offset-bottom: 12px !default; -$--group-option-fill-hover: rgba($--color-black, 0.06) !default; -$--group-title-color: $--color-black !default; -$--group-title-font-size: $--font-size-base !default; -$--group-title-width: 66px !default; - -/* Tab --------------------------- */ -$--tab-font-size: $--font-size-base !default; -$--tab-border-line: 1px solid #e4e4e4 !default; -$--tab-header-color-active: $--color-text-secondary !default; -$--tab-header-color-hover: $--color-text-regular !default; -$--tab-header-color: $--color-text-regular !default; -$--tab-header-fill-active: rgba($--color-black, 0.06) !default; -$--tab-header-fill-hover: rgba($--color-black, 0.06) !default; -$--tab-vertical-header-width: 90px !default; -$--tab-vertical-header-count-color: $--color-white !default; -$--tab-vertical-header-count-fill: $--color-text-secondary !default; - -/* Button --------------------------- */ -/// fontSize||Font|1 -$--button-font-size: $--font-size-base !default; -/// fontWeight||Font|1 -$--button-font-weight: $--font-weight-primary !default; -/// borderRadius||Border|2 -$--button-border-radius: $--border-radius-base !default; -/// padding||Spacing|3 -$--button-padding-vertical: 12px !default; -/// padding||Spacing|3 -$--button-padding-horizontal: 20px !default; - -/// fontSize||Font|1 -$--button-medium-font-size: $--font-size-base !default; -/// borderRadius||Border|2 -$--button-medium-border-radius: $--border-radius-base !default; -/// padding||Spacing|3 -$--button-medium-padding-vertical: 10px !default; -/// padding||Spacing|3 -$--button-medium-padding-horizontal: 20px !default; - -/// fontSize||Font|1 -$--button-small-font-size: 12px !default; -$--button-small-border-radius: #{$--border-radius-base - 1} !default; -/// padding||Spacing|3 -$--button-small-padding-vertical: 9px !default; -/// padding||Spacing|3 -$--button-small-padding-horizontal: 15px !default; -/// fontSize||Font|1 -$--button-mini-font-size: 12px !default; -$--button-mini-border-radius: #{$--border-radius-base - 1} !default; -/// padding||Spacing|3 -$--button-mini-padding-vertical: 7px !default; -/// padding||Spacing|3 -$--button-mini-padding-horizontal: 15px !default; - -/// color||Color|0 -$--button-default-font-color: $--color-text-regular !default; -/// color||Color|0 -$--button-default-background-color: $--color-white !default; -/// color||Color|0 -$--button-default-border-color: $--border-color-base !default; - -/// color||Color|0 -$--button-disabled-font-color: $--color-text-placeholder !default; -/// color||Color|0 -$--button-disabled-background-color: $--color-white !default; -/// color||Color|0 -$--button-disabled-border-color: $--border-color-lighter !default; - -/// color||Color|0 -$--button-primary-border-color: $--color-primary !default; -/// color||Color|0 -$--button-primary-font-color: $--color-white !default; -/// color||Color|0 -$--button-primary-background-color: $--color-primary !default; -/// color||Color|0 -$--button-success-border-color: $--color-success !default; -/// color||Color|0 -$--button-success-font-color: $--color-white !default; -/// color||Color|0 -$--button-success-background-color: $--color-success !default; -/// color||Color|0 -$--button-warning-border-color: $--color-warning !default; -/// color||Color|0 -$--button-warning-font-color: $--color-white !default; -/// color||Color|0 -$--button-warning-background-color: $--color-warning !default; -/// color||Color|0 -$--button-danger-border-color: $--color-danger !default; -/// color||Color|0 -$--button-danger-font-color: $--color-white !default; -/// color||Color|0 -$--button-danger-background-color: $--color-danger !default; -/// color||Color|0 -$--button-info-border-color: $--color-info !default; -/// color||Color|0 -$--button-info-font-color: $--color-white !default; -/// color||Color|0 -$--button-info-background-color: $--color-info !default; - -$--button-hover-tint-percent: 20% !default; -$--button-active-shade-percent: 10% !default; - - -/* cascader --------------------------- */ -$--cascader-height: 200px !default; - -/* Switch --------------------------- */ -/// color||Color|0 -$--switch-on-color: $--color-primary !default; -/// color||Color|0 -$--switch-off-color: $--border-color-base !default; -/// fontSize||Font|1 -$--switch-font-size: $--font-size-base !default; -$--switch-core-border-radius: 10px !default; -// height||Other|4 TODO: width 代码写死的40px 所以下面这三个属性都没意义 -$--switch-width: 40px !default; -// height||Other|4 -$--switch-height: 20px !default; -// height||Other|4 -$--switch-button-size: 16px !default; - -/* Dialog --------------------------- */ -$--dialog-background-color: $--color-white !default; -$--dialog-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !default; -/// fontSize||Font|1 -$--dialog-title-font-size: $--font-size-large !default; -/// fontSize||Font|1 -$--dialog-content-font-size: 14px !default; -/// fontLineHeight||LineHeight|2 -$--dialog-font-line-height: $--font-line-height-primary !default; -/// padding||Spacing|3 -$--dialog-padding-primary: 20px !default; - -/* Table --------------------------- */ -/// color||Color|0 -$--table-border-color: $--border-color-lighter !default; -$--table-border: 1px solid $--table-border-color !default; -/// color||Color|0 -$--table-font-color: $--color-text-regular !default; -/// color||Color|0 -$--table-header-font-color: $--color-text-secondary !default; -/// color||Color|0 -$--table-row-hover-background-color: $--background-color-base !default; -$--table-current-row-background-color: rgba(255, 255, 255, .12) !default; -/// color||Color|0 -$--table-header-background-color: $--color-white !default; -$--table-fixed-box-shadow: 0 0 10px rgba(0, 0, 0, .12) !default; - -/* Pagination --------------------------- */ -/// fontSize||Font|1 -$--pagination-font-size: 13px !default; -/// color||Color|0 -$--pagination-background-color: $--color-white !default; -/// color||Color|0 -$--pagination-font-color: $--color-text-primary !default; -$--pagination-border-radius: 3px !default; -/// color||Color|0 -$--pagination-button-color: $--color-text-primary !default; -/// height||Other|4 -$--pagination-button-width: 35.5px !default; -/// height||Other|4 -$--pagination-button-height: 28px !default; -/// color||Color|0 -$--pagination-button-disabled-color: $--color-text-placeholder !default; -/// color||Color|0 -$--pagination-button-disabled-background-color: $--color-white !default; -/// color||Color|0 -$--pagination-hover-color: $--color-primary !default; - -/* Popup --------------------------- */ -/// color||Color|0 -$--popup-modal-background-color: $--color-black !default; -/// opacity||Other|1 -$--popup-modal-opacity: 0.5 !default; - -/* Popover --------------------------- */ -/// color||Color|0 -$--popover-background-color: $--color-white !default; -/// fontSize||Font|1 -$--popover-font-size: $--font-size-base !default; -/// color||Color|0 -$--popover-border-color: $--border-color-lighter !default; -$--popover-arrow-size: 6px !default; -/// padding||Spacing|3 -$--popover-padding: 12px !default; -$--popover-padding-large: 18px 20px !default; -/// fontSize||Font|1 -$--popover-title-font-size: 16px !default; -/// color||Color|0 -$--popover-title-font-color: $--color-text-primary !default; - -/* Tooltip --------------------------- */ -/// color|1|Color|0 -$--tooltip-fill: $--color-text-primary !default; -/// color|1|Color|0 -$--tooltip-color: $--color-white !default; -/// fontSize||Font|1 -$--tooltip-font-size: 12px !default; -/// color||Color|0 -$--tooltip-border-color: $--color-text-primary !default; -$--tooltip-arrow-size: 6px !default; -/// padding||Spacing|3 -$--tooltip-padding: 10px !default; - -/* Tag --------------------------- */ -/// color||Color|0 -$--tag-info-color: $--color-info !default; -/// color||Color|0 -$--tag-primary-color: $--color-primary !default; -/// color||Color|0 -$--tag-success-color: $--color-success !default; -/// color||Color|0 -$--tag-warning-color: $--color-warning !default; -/// color||Color|0 -$--tag-danger-color: $--color-danger !default; -/// fontSize||Font|1 -$--tag-font-size: 12px !default; -$--tag-border-radius: 4px !default; -$--tag-padding: 0 10px !default; - -/* Tree --------------------------- */ -/// color||Color|0 -$--tree-node-hover-background-color: $--background-color-base !default; -/// color||Color|0 -$--tree-font-color: $--color-text-regular !default; -/// color||Color|0 -$--tree-expand-icon-color: $--color-text-placeholder !default; - -/* Dropdown --------------------------- */ -$--dropdown-menu-box-shadow: $--box-shadow-light !default; -$--dropdown-menuItem-hover-fill: $--color-primary !default; -$--dropdown-menuItem-hover-color: $--color-white !default; - -/* Badge --------------------------- */ -/// color||Color|0 -$--badge-background-color: $--color-danger !default; -$--badge-radius: 10px !default; -/// fontSize||Font|1 -$--badge-font-size: 12px !default; -/// padding||Spacing|3 -$--badge-padding: 6px !default; -/// height||Other|4 -$--badge-size: 18px !default; - -/* Card ---------------------------*/ -/// color||Color|0 -$--card-border-color: $--border-color-lighter !default; -$--card-border-radius: 4px !default; -/// padding||Spacing|3 -$--card-padding: 20px !default; - -/* Slider ---------------------------*/ -/// color||Color|0 -$--slider-main-background-color: $--color-primary !default; -/// color||Color|0 -$--slider-runway-background-color: $--border-color-light !default; -$--slider-button-hover-color: mix($--color-primary, black, 97%) !default; -$--slider-stop-background-color: $--color-white !default; -$--slider-disable-color: $--color-text-placeholder !default; -$--slider-margin: 16px 0 !default; -$--slider-border-radius: 3px !default; -/// height|1|Other|4 -$--slider-height: 6px !default; -/// height||Other|4 -$--slider-button-size: 16px !default; -$--slider-button-wrapper-size: 36px !default; -$--slider-button-wrapper-offset: -15px !default; - -/* Steps ---------------------------*/ -$--steps-border-color: $--disabled-border-base !default; -$--steps-border-radius: 4px !default; -$--steps-padding: 20px !default; - -/* Menu ---------------------------*/ -/// fontSize||Font|1 -$--menu-item-font-size: $--font-size-base !default; -/// color||Color|0 -$--menu-item-font-color: $--color-white !default; -/// color||Color|0 -$--menu-background-color: $--color-menu-background !default; -$--menu-item-hover-fill: $--color-menu-item-active-background !default; - -/* Rate ---------------------------*/ -$--rate-height: 20px !default; -/// fontSize||Font|1 -$--rate-font-size: $--font-size-base !default; -/// height||Other|3 -$--rate-icon-size: 18px !default; -/// margin||Spacing|2 -$--rate-icon-margin: 6px !default; -$--rate-icon-color: $--color-text-placeholder !default; - -/* DatePicker ---------------------------*/ -$--datepicker-font-color: $--color-text-regular !default; -/// color|1|Color|0 -$--datepicker-off-font-color: $--color-text-placeholder !default; -/// color||Color|0 -$--datepicker-header-font-color: $--color-text-regular !default; -$--datepicker-icon-color: $--color-text-primary !default; -$--datepicker-border-color: $--disabled-border-base !default; -$--datepicker-inner-border-color: #e4e4e4 !default; -/// color||Color|0 -$--datepicker-inrange-background-color: $--border-color-extra-light !default; -/// color||Color|0 -$--datepicker-inrange-hover-background-color: $--border-color-extra-light !default; -/// color||Color|0 -$--datepicker-active-color: $--color-primary !default; -/// color||Color|0 -$--datepicker-hover-font-color: $--color-primary !default; -$--datepicker-cell-hover-color: #fff !default; - -/* Loading ---------------------------*/ -/// height||Other|4 -$--loading-spinner-size: 42px !default; -/// height||Other|4 -$--loading-fullscreen-spinner-size: 50px !default; - -/* Scrollbar ---------------------------*/ -$--scrollbar-background-color: rgba($--color-text-secondary, .3) !default; -$--scrollbar-hover-background-color: rgba($--color-text-secondary, .5) !default; - -/* Carousel ---------------------------*/ -/// fontSize||Font|1 -$--carousel-arrow-font-size: 12px !default; -$--carousel-arrow-size: 36px !default; -$--carousel-arrow-background: rgba(31, 45, 61, 0.11) !default; -$--carousel-arrow-hover-background: rgba(31, 45, 61, 0.23) !default; -/// width||Other|4 -$--carousel-indicator-width: 30px !default; -/// height||Other|4 -$--carousel-indicator-height: 2px !default; -$--carousel-indicator-padding-horizontal: 4px !default; -$--carousel-indicator-padding-vertical: 12px !default; -$--carousel-indicator-out-color: $--border-color-hover !default; - -/* Collapse ---------------------------*/ -/// color||Color|0 -$--collapse-border-color: $--border-color-lighter !default; -/// height||Other|4 -$--collapse-header-height: 48px !default; -/// color||Color|0 -$--collapse-header-background-color: $--color-white !default; -/// color||Color|0 -$--collapse-header-font-color: $--color-text-primary !default; -/// fontSize||Font|1 -$--collapse-header-font-size: 13px !default; -/// color||Color|0 -$--collapse-content-background-color: $--color-white !default; -/// fontSize||Font|1 -$--collapse-content-font-size: 13px !default; -/// color||Color|0 -$--collapse-content-font-color: $--color-text-primary !default; - -/* Transfer ---------------------------*/ -$--transfer-border-color: $--border-color-lighter !default; -$--transfer-border-radius: $--border-radius-base !default; -/// height||Other|4 -$--transfer-panel-width: 200px !default; -/// height||Other|4 -$--transfer-panel-header-height: 40px !default; -/// color||Color|0 -$--transfer-panel-header-background-color: $--background-color-base !default; -/// height||Other|4 -$--transfer-panel-footer-height: 40px !default; -/// height||Other|4 -$--transfer-panel-body-height: 246px !default; -/// height||Other|4 -$--transfer-item-height: 30px !default; -/// height||Other|4 -$--transfer-filter-height: 32px !default; - -/* Header - --------------------------*/ -$--header-padding: 0 20px !default; - -/* Footer ---------------------------*/ -$--footer-padding: 0 20px !default; - -/* Main ---------------------------*/ -$--main-padding: 20px !default; - -/* Timeline ---------------------------*/ -$--timeline-node-size-normal: 12px !default; -$--timeline-node-size-large: 14px !default; -$--timeline-node-color: $--border-color-light !default; - -/* Backtop ---------------------------*/ -/// color||Color|0 -$--backtop-background-color: $--color-white !default; -/// color||Color|0 -$--backtop-font-color: $--color-primary !default; -/// color||Color|0 -$--backtop-hover-background-color: $--border-color-extra-light !default; - -/* Link ---------------------------*/ -/// fontSize||Font|1 -$--link-font-size: $--font-size-base !default; -/// fontWeight||Font|1 -$--link-font-weight: $--font-weight-primary !default; -/// color||Color|0 -$--link-default-font-color: $--color-text-regular !default; -/// color||Color|0 -$--link-default-active-color: $--color-primary !default; -/// color||Color|0 -$--link-disabled-font-color: $--color-text-placeholder !default; -/// color||Color|0 -$--link-primary-font-color: $--color-primary !default; -/// color||Color|0 -$--link-success-font-color: $--color-success !default; -/// color||Color|0 -$--link-warning-font-color: $--color-warning !default; -/// color||Color|0 -$--link-danger-font-color: $--color-danger !default; -/// color||Color|0 -$--link-info-font-color: $--color-info !default; -/* Calendar ---------------------------*/ -/// border||Other|4 -$--calendar-border: $--table-border !default; -/// color||Other|4 -$--calendar-selected-background-color: #F2F8FE !default; -$--calendar-cell-width: 85px !default; - -/* Form --------------------------- */ -/// fontSize||Font|1 -$--form-label-font-size: $--font-size-base !default; - -/* Avatar ---------------------------*/ -/// color||Color|0 -$--avatar-font-color: #fff !default; -/// color||Color|0 -$--avatar-background-color: #C0C4CC !default; -/// fontSize||Font Size|1 -$--avatar-text-font-size: 14px !default; -/// fontSize||Font Size|1 -$--avatar-icon-font-size: 18px !default; -/// borderRadius||Border|2 -$--avatar-border-radius: $--border-radius-base !default; -/// size|1|Avatar Size|3 -$--avatar-large-size: 40px !default; -/// size|1|Avatar Size|3 -$--avatar-medium-size: 36px !default; -/// size|1|Avatar Size|3 -$--avatar-small-size: 28px !default; - -/* Break-point ---------------------------*/ -$--sm: 768px !default; -$--md: 992px !default; -$--lg: 1200px !default; -$--xl: 1920px !default; - -$--breakpoints: ( - 'xs' : (max-width: $--sm - 1), - 'sm' : (min-width: $--sm), - 'md' : (min-width: $--md), - 'lg' : (min-width: $--lg), - 'xl' : (min-width: $--xl) -); - -$--breakpoints-spec: ( - 'xs-only' : (max-width: $--sm - 1), - 'sm-and-up' : (min-width: $--sm), - 'sm-only': "(min-width: #{$--sm}) and (max-width: #{$--md - 1})", - 'sm-and-down': (max-width: $--md - 1), - 'md-and-up' : (min-width: $--md), - 'md-only': "(min-width: #{$--md}) and (max-width: #{$--lg - 1})", - 'md-and-down': (max-width: $--lg - 1), - 'lg-and-up' : (min-width: $--lg), - 'lg-only': "(min-width: #{$--lg}) and (max-width: #{$--xl - 1})", - 'lg-and-down': (max-width: $--xl - 1), - 'xl-only' : (min-width: $--xl), -); diff --git a/images/orange-demo-activiti-web/src/assets/img/default-header.jpg b/images/orange-demo-activiti-web/src/assets/img/default-header.jpg deleted file mode 100644 index 222d18da..00000000 Binary files a/images/orange-demo-activiti-web/src/assets/img/default-header.jpg and /dev/null differ diff --git a/images/orange-demo-activiti-web/src/assets/img/login.png b/images/orange-demo-activiti-web/src/assets/img/login.png deleted file mode 100644 index 87130950..00000000 Binary files a/images/orange-demo-activiti-web/src/assets/img/login.png and /dev/null differ diff --git a/images/orange-demo-activiti-web/src/assets/img/login_bg.jpg b/images/orange-demo-activiti-web/src/assets/img/login_bg.jpg deleted file mode 100644 index efc558de..00000000 Binary files a/images/orange-demo-activiti-web/src/assets/img/login_bg.jpg and /dev/null differ diff --git a/images/orange-demo-activiti-web/src/assets/img/login_logo.png b/images/orange-demo-activiti-web/src/assets/img/login_logo.png deleted file mode 100644 index 03712478..00000000 Binary files a/images/orange-demo-activiti-web/src/assets/img/login_logo.png and /dev/null differ diff --git a/images/orange-demo-activiti-web/src/assets/img/logo.jpg b/images/orange-demo-activiti-web/src/assets/img/logo.jpg deleted file mode 100644 index a88fc0d0..00000000 Binary files a/images/orange-demo-activiti-web/src/assets/img/logo.jpg and /dev/null differ diff --git a/images/orange-demo-activiti-web/src/assets/img/logo.png b/images/orange-demo-activiti-web/src/assets/img/logo.png deleted file mode 100644 index f2df5bb8..00000000 Binary files a/images/orange-demo-activiti-web/src/assets/img/logo.png and /dev/null differ diff --git a/images/orange-demo-activiti-web/src/assets/img/orange-group1.png b/images/orange-demo-activiti-web/src/assets/img/orange-group1.png deleted file mode 100644 index efd59f26..00000000 Binary files a/images/orange-demo-activiti-web/src/assets/img/orange-group1.png and /dev/null differ diff --git a/images/orange-demo-activiti-web/src/assets/package.json b/images/orange-demo-activiti-web/src/assets/package.json deleted file mode 100644 index a0912945..00000000 --- a/images/orange-demo-activiti-web/src/assets/package.json +++ /dev/null @@ -1,13 +0,0 @@ -{ - "scripts": { - "theme-light": "et -c element-variables-light.scss", - "theme-dark": "et -c element-variables-dark.scss", - "theme-green": "et -c element-variables-green.scss", - "theme-orange": "et -c element-variables-orange.scss", - "theme-blue": "et -c element-variables-blue.scss" - }, - "devDependencies": { - "element-theme": "2.0.1", - "element-theme-chalk": "2.14.1" - } -} diff --git a/images/orange-demo-activiti-web/src/assets/style/base.scss b/images/orange-demo-activiti-web/src/assets/style/base.scss deleted file mode 100644 index 76177f49..00000000 --- a/images/orange-demo-activiti-web/src/assets/style/base.scss +++ /dev/null @@ -1,651 +0,0 @@ -@import "element-variables.scss"; -@import "transition.scss"; - -html, body { - padding: 0; - margin: 0; - font-size: 14px; - font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif; - background-color: rgb(228,240,255); -} - -*, -*:before, -*:after { - box-sizing: border-box; -} - -$header-height: 60px; - -// 过滤组件长度 -$filter-item-width: 250px; -// 范围选择过滤组件长度 -$filter-item-range-width: 400px; -// 左侧过滤树组件每一项高度 -$tree-node-height: 40px; -// 高级管理表单标题高度 -$advanced-title-height: 50px; -$border-color: rgb(216, 220, 229); -$menuHover: rgba(255,255,255,0.3); -$menu-background-color: transparent; -$tabs-header-margin-bottom: 25px; -$tab-header-background-color: #EBEEF5; -$image-item-width: 65px; -$box-padding-size: 25px; - -/** - * 弹窗样式，封装的layer的弹窗 - **/ -body .layer-dialog .layui-layer-title{ - border-radius: 4px 4px 0px 0px; - border:1px solid #01000000; -} - -body .layer-dialog .layui-layer-setwin {color: #ffffff} - -body .layer-dialog { - border-radius: 4px; - border:1px solid #01000000; -} - -body .layer-dialog .layui-layer-content { - padding: $box-padding-size; -} -/** - * 左树右表弹窗样式 - */ -body .layer-advance-dialog { - border-radius: 4px; - border:1px solid #01000000; - background-color: #F8F8F8; -} - -body .layer-advance-dialog .layui-layer-title{ - border-radius: 4px 4px 0px 0px; - border:1px solid #01000000; -} - -body .layer-advance-dialog .layui-layer-content { - padding: 5px 15px; -} - -.orange-project { - .el-main { - padding: 0px; - } - .flex-box { - flex-wrap: wrap; - } - .scrollbar_dropdown__wrap { - overflow-x: hidden; - } - - .icon-btn.el-button { - font-size: 18px; - padding: 5px 0px; - } - - .default-padding-box { - padding: $box-padding-size; - } - - .padding-no-top { - padding: 0px $box-padding-size $box-padding-size $box-padding-size; - } - - .default-border { - border: 1px solid $--border-color-base; - } - - .default-border-left { - border-left: 1px solid $--border-color-base; - } - - .default-border-right { - border-right: 1px solid $--border-color-base; - } - - .default-border-top { - border-top: 1px solid $--border-color-base; - } - - .default-border-bottom { - border-bottom: 1px solid $--border-color-base; - } - - .page-close-box { - position: absolute; - background: #0092FF; - transform: rotate(45deg); - height: 50px; - width: 50px; - right: -25px; - top:-25px; - text-align: center; - - .el-button { - transform: rotate(-45deg); - color: white; - margin-top: 20px; - } - } - - /** - * 过滤组件样式 - **/ - .mask-box { - position: absolute; - width: 100%; - height: 100%; - background-color: rgba(0,0,0,0.5); - top: 0; - z-index: 10; - } - - .filter-box { - position: relative; - background-color: white; - padding: $box-padding-size $box-padding-size 0px $box-padding-size; - z-index: 20; - } - - .advance-filter-box { - padding-bottom: 25px; - } - - .filter-item { - width: $filter-item-width; - } - - .cascader-item { - width: 160px!important; - } - - .is-range, .is-search { - width: $filter-item-range-width; - } - - .table-operation-box { - align-self: flex-end; - margin-bottom: 10px; - overflow: hidden; - } - - .table-check-box { - margin-right: 7px; - } - - /** - * 左侧树状组件的样式，用户高级管理表单以及用户管理表单 - **/ - .advanced-left-box { - border-right: 1px solid $border-color; - .el-tree-node__content { - height: $tree-node-height; - } - - .tree-node-item { - height: $tree-node-height; - line-height: $tree-node-height; - width: 100%; - - .tree-node-menu { - display: none; - float: right; - padding-right: 10px; - color: red!important; - } - - &:hover .tree-node-menu { - display: block; - } - } - - .el-tree-node .el-button+.el-button { - margin-left: 5px; - } - } - /** - * form表单输入组件宽度 - **/ - .full-width-input { - .el-select { - width: 100%; - } - - .el-input { - width: 100%; - } - - .el-cascader { - width: 100%; - } - - .el-date-editor { - width: 100%; - } - - .el-input-number { - width: 100%; - } - } - - .el-aside { - overflow: visible; - } - - .el-menu { - border-right-width: 0px; - } - - .sidebar-bg { - box-shadow: 0 1px 4px rgba(0,21,41,.08)!important; - } - - .sidebar-title { - display: flex; - align-items: center; - height: 60px; - padding: 0px 20px; - } - - .sidebar-title-text { - font-size: 18px; - color: $--color-sidebar-title-text; - padding-left: 15px; - } - - @if global-variable-exists(--color-menu-item-active-text-color) { - .el-menu:not(.el-menu--horizontal) .el-menu-item.is-active { - color: $--color-menu-item-active-text-color!important; - } - - .el-menu:not(.el-menu--horizontal) .el-submenu__title i { - color: $--color-menu-item-active-text-color; - } - } - - @if global-variable-exists(--color-menu-item-active-background) { - .el-menu:not(.el-menu--horizontal) .el-menu-item.is-active { - @if global-variable-exists(--color-menu-item-active-background-to) { - background: linear-gradient(to left, $--color-menu-item-active-background, $--color-menu-item-active-background-to); - } @else { - background: $--color-menu-item-active-background; - } - } - .el-menu:not(.el-menu--horizontal) .el-menu-item:hover { - @if global-variable-exists(--color-menu-item-active-background-to) { - background: linear-gradient(to left, $--color-menu-item-active-background, $--color-menu-item-active-background-to); - } @else { - background: $--color-menu-item-active-background; - } - } - } - - @if global-variable-exists(--color-submenu-background) { - .left-menu .el-submenu .el-menu { - background-color: $--color-submenu-background; - } - } - - /** - * 多tab页表单，tab样式 - **/ - .el-tabs__header { - margin: 0 0 20px; - } - /** - * 表格表头背景色 - **/ - .table-header-gray, .has-gutter .gutter { - background-color: $tab-header-background-color; - } - - /** - * 操作按钮颜色 - **/ - .table-btn.delete { - color: #F56C6C; - } - - .table-btn.delete:hover { - color: #F78989; - } - - .table-btn.delete:disabled { - color: #DCDFE6; - } - - .table-btn.success { - color: #67C23A; - } - - .table-btn.success:hover { - color: #85CE61; - } - - .table-btn.success:disabled { - color: #DCDFE6; - } - - .table-btn.warning { - color: #E6A23C; - } - - .table-btn.warning:hover { - color: #EBB563; - } - - .table-btn.success:disabled { - color: #DCDFE6; - } - - /** - * 图片上传以及显示样式 - **/ - .upload-image-item { - font-size: 28px; - color: #8c939d; - width: $image-item-width; - height: $image-item-width; - text-align: center; - display: block; - - .el-upload i { - line-height: $image-item-width; - } - } - - .upload-image-multi { - display: inline; - } - - .upload-image-item .el-upload { - border: 1px dashed #d9d9d9; - border-radius: 6px; - cursor: pointer; - position: relative; - overflow: hidden; - } - .upload-image-item .el-upload:hover { - border-color: #409eff; - } - - .upload-image-show { - width: $image-item-width; - height: $image-item-width; - display: inline; - } - - .table-cell-image { - width: $image-item-width; - height: $image-item-width; - line-height: $image-item-width; - text-align: center; - font-size: $image-item-width; - color: #606266; - margin: 0px 5px; - } - - .upload-image-list .el-upload-list__item { - width: $image-item-width; - height: $image-item-width; - line-height: $image-item-width; - } - - .upload-image-item .el-upload-list--picture-card .el-upload-list__item { - width: $image-item-width; - height: $image-item-width; - } - - .upload-image-item .el-upload.el-upload--text { - width: $image-item-width; - height: $image-item-width; - } - - .upload-image-item .el-upload--picture-card { - width: $image-item-width; - height: $image-item-width; - line-height: $image-item-width; - } - /** - * - **/ - $header-menu-height: 32px; - - .sidebar { - height: 100%; - background-color: $--color-menu-background; - // overflow: hidden; - box-shadow: 0px 1px 4px rgba(0,21,41,.08); - } - - .header { - display: flex; - align-items: center; - height: $header-height; - background-color: white; - } - - .header .menu-column { - margin-right: 20px; - .el-menu-item.is-active { - border-left: 0px solid #47ba5a; - } - } - - .header-menu { - float: right; - height: $header-menu-height; - line-height: $header-menu-height; - display: flex; - justify-content: flex-end; - flex-grow: 1 - } - - .header-img { - width: $header-menu-height; - height: $header-menu-height; - border-radius: 50%; - margin-left: 10px; - float: right; - } - - .el-menu--horizontal.el-menu { - background-color: white; - } - - .el-menu--horizontal > .el-menu-item { - height: 40px; - line-height: 40px; - } - - .el-menu.el-menu--horizontal { - border-bottom: none; - } - - .user-dropdown { - color: $--color-text-secondary; - cursor: pointer; - font-size: 12px; - } - .user-dropdown-item { - font-size: 12px; - color: $--color-text-primary; - } - - .hamburger-container { - line-height: 70px; - height: $header-height; - float: left; - padding: 0 10px; - } - - .el-submenu__title { - background: #00000000; - } - - .tree-select { - .el-tree-node__content { - height: 34px; - line-height: 34px; - padding-right: 10px; - } - } - - .tree-select.single-select-tree { - .el-tree-node.is-current > .el-tree-node__content > .el-tree-node__label { - color: $--color-primary; - font-weight: 700; - } - } - - .cell { - .operation-cell { - color: #006CDC; - cursor: pointer; - text-decoration: underline; - } - } - - .single-select-tree { - min-width: 200px!important; - } - - .base-card-header { - display: flex; - align-items: center; - height: 50px; - line-height: 50px; - } - - .base-card-operation { - flex-grow: 1; - display: flex; - justify-content: flex-end; - } - - .el-card__header { - padding: 0px 15px; - } - .el-card__body { - padding: 15px; - } - - .custom-cascader { - width: 200px!important; - } - - .no-scroll { - overflow: hidden; - } - - .custom-scroll .el-scrollbar__view { - overflow-x: hidden!important; - } - - .upload-img-del { - position: absolute; - height: 20px; - width: 20px; - line-height: 20px; - font-size: 16px; - top: 2px; - right: 2px; - color: #C0C4CC; - } - - .upload-img-del:hover { - color: #EF5E1C; - } - - .input-label { - display: inline-block; - height: 29px; - line-height: 28px; - } - - .input-progress { - height: 29px; - display: flex; - align-items: center; - } - - .input-item { - width: 100%!important; - } - - .table-header-gray { - background: rgba(237,237,237,1); - } - - .card-header { - display: flex; - justify-content: space-between; - padding: 10px 0px; - line-height: 28px; - } -} - -::-webkit-scrollbar { - width: 7px; - height: 7px; - background: none; -} - -::-webkit-scrollbar-thumb { - background: #DDDEE0; - border-radius: 7px; -} - -::-webkit-scrollbar-thumb:hover { - background: #A8A8A8; -} - -.ml20 { - margin-left: 20px; -} - -.mr20 { - margin-right: 20px; -} - -.mt20 { - margin-top: 20px; -} - -.mb20 { - margin-bottom: 20px; -} - -.pl20 { - padding-left: 20px; -} - -.pr20 { - padding-right: 20px; -} - -.pt20 { - padding-top: 20px; -} - -.pb20 { - padding-bottom: 20px; -} - -.gutter-left { - padding-left: 20px; -} - -.gutter-right { - padding-right: 20px; -} - -.gutter-top { - padding-top: 20px; -} - -.gutter-bottom { - padding-bottom: 20px; -} \ No newline at end of file diff --git a/images/orange-demo-activiti-web/src/assets/style/element-variables.scss b/images/orange-demo-activiti-web/src/assets/style/element-variables.scss deleted file mode 100644 index 45ba475d..00000000 --- a/images/orange-demo-activiti-web/src/assets/style/element-variables.scss +++ /dev/null @@ -1,5 +0,0 @@ -@import "../element-variables-light.scss"; -// @import "../element-variables-dark.scss"; -// @import "../element-variables-green.scss"; -// @import "../element-variables-orange.scss"; -// @import "../element-variables-blue.scss"; \ No newline at end of file diff --git a/images/orange-demo-activiti-web/src/assets/style/form-style.scss b/images/orange-demo-activiti-web/src/assets/style/form-style.scss deleted file mode 100644 index 027631f9..00000000 --- a/images/orange-demo-activiti-web/src/assets/style/form-style.scss +++ /dev/null @@ -1,117 +0,0 @@ -.form-advanced-manager { - .advance-filter-box { - position: absolute; - top: 100%; - left: 0px; - background-color: white; - width: 100%; - padding: 10px $box-padding-size 15px $box-padding-size; - } - - .title-box { - border-bottom: 1px solid $border-color; - padding: 0px 20px; - z-index: 20; - background-color: white; - height: $advanced-title-height; - - .title { - line-height: $advanced-title-height; - color: #606266; - } - - .menu-box { - position: absolute; - top: 0px; - right: 10px; - height: $advanced-title-height; - - .el-row { - margin: 10px 0px; - height: $advanced-title-height - 20; - } - } - } - - .advanced-right-box { - padding: 0px; - .gutter-box { - margin: (($advanced-title-height - 16)/2) 0px; - height: 16px; - width: 3px; - background-color: $--color-primary; - float: left - } - } -} - -.form-dict-manager { - .dict-title { - height: 50px; - line-height: 50px; - color: $--color-text-primary; - border-bottom: 1px solid $--border-color-base; - font-size: 14px; - - span { - margin-left: 20px; - } - } - - .dict-item { - width: 100%; - height: 40px; - line-height: 40px; - color: #606266; - cursor: pointer; - padding-left: 20px; - - &:hover { - background-color: $--color-primary-light-9; - } - } - - .active-dict-item { - border-left: 3px solid $--color-primary; - color: $--color-primary; - background-color: $--color-primary-light-9 !important; - } - - .el-scrollbar__bar.is-horizontal { - display: none!important; - } -} - - -.form-table-manager { - .advance-filter-box { - position: absolute; - padding: 20px; - top: 100%; - left: 0px; - background-color: white; - width: 100%; - padding: 10px $box-padding-size 15px $box-padding-size; - } -} - -.form-table-multi-select { - // -} - -.form-config { - padding: $box-padding-size; -} - -.form-multi-fragment { - // -} - -.form-single-fragment { - // -} - -.advance-query-form { - padding: 0px!important; - background-color: transparent!important;; -} \ No newline at end of file diff --git a/images/orange-demo-activiti-web/src/assets/style/index.scss b/images/orange-demo-activiti-web/src/assets/style/index.scss deleted file mode 100644 index a88aa046..00000000 --- a/images/orange-demo-activiti-web/src/assets/style/index.scss +++ /dev/null @@ -1,3 +0,0 @@ -@import "../theme/index.css"; -@import "base.scss"; -@import "form-style.scss"; \ No newline at end of file diff --git a/images/orange-demo-activiti-web/src/assets/style/transition.scss b/images/orange-demo-activiti-web/src/assets/style/transition.scss deleted file mode 100644 index 49d81925..00000000 --- a/images/orange-demo-activiti-web/src/assets/style/transition.scss +++ /dev/null @@ -1,31 +0,0 @@ -/*fade*/ -.fade-enter-active, -.fade-leave-active { - transition: opacity 0.28s; -} - -.fade-enter, -.fade-leave-active { - opacity: 0; -} - -/*fade*/ -.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/images/orange-demo-activiti-web/src/assets/theme/alert.css b/images/orange-demo-activiti-web/src/assets/theme/alert.css deleted file mode 100644 index 966d571c..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/alert.css +++ /dev/null @@ -1,343 +0,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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 .2s; - transition: opacity .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: #f0f9eb; - color: #67C23A; } - .el-alert--success.is-light .el-alert__description { - color: #67C23A; } - .el-alert--success.is-dark { - background-color: #67C23A; - 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: #fdf6ec; - color: #E6A23C; } - .el-alert--warning.is-light .el-alert__description { - color: #E6A23C; } - .el-alert--warning.is-dark { - background-color: #E6A23C; - color: #FFFFFF; } - .el-alert--error.is-light { - background-color: #fef0f0; - color: #F56C6C; } - .el-alert--error.is-light .el-alert__description { - color: #F56C6C; } - .el-alert--error.is-dark { - background-color: #F56C6C; - 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; } diff --git a/images/orange-demo-activiti-web/src/assets/theme/aside.css b/images/orange-demo-activiti-web/src/assets/theme/aside.css deleted file mode 100644 index effb3502..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/aside.css +++ /dev/null @@ -1,136 +0,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 ---------------------------*/ -/* 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; } diff --git a/images/orange-demo-activiti-web/src/assets/theme/autocomplete.css b/images/orange-demo-activiti-web/src/assets/theme/autocomplete.css deleted file mode 100644 index de46b558..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/autocomplete.css +++ /dev/null @@ -1,1467 +0,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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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::placeholder { - color: #C0C4CC; } - .el-textarea__inner:hover { - border-color: #C0C4CC; } - .el-textarea__inner:focus { - outline: none; - border-color: #409EFF; } - .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: #E4E7ED; - color: #C0C4CC; - cursor: not-allowed; } - .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { - color: #C0C4CC; } - .el-textarea.is-disabled .el-textarea__inner::-moz-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: #F56C6C; } - .el-textarea.is-exceed .el-input__count { - color: #F56C6C; } - -.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::-webkit-input-placeholder { - color: #C0C4CC; } - .el-input__inner::-moz-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: #409EFF; } - .el-input__suffix { - position: absolute; - height: 100%; - right: 5px; - top: 0; - text-align: center; - color: #C0C4CC; - -webkit-transition: all .3s; - transition: all .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 .3s; - transition: all .3s; } - .el-input__icon { - height: 100%; - width: 25px; - text-align: center; - -webkit-transition: all .3s; - transition: all .3s; - line-height: 40px; } - .el-input__icon:after { - content: ''; - height: 100%; - width: 0; - display: inline-block; - vertical-align: middle; } - .el-input__validateIcon { - pointer-events: none; } - .el-input.is-active .el-input__inner { - outline: none; - border-color: #409EFF; } - .el-input.is-disabled .el-input__inner { - background-color: #F5F7FA; - border-color: #E4E7ED; - color: #C0C4CC; - cursor: not-allowed; } - .el-input.is-disabled .el-input__inner::-webkit-input-placeholder { - color: #C0C4CC; } - .el-input.is-disabled .el-input__inner::-moz-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: #F56C6C; } - .el-input.is-exceed .el-input__suffix .el-input__count { - color: #F56C6C; } - .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: .3s background-color; - transition: .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #EBEEF5; - 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: #EBEEF5; } - .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: #EBEEF5; - 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: #EBEEF5; } - .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 #E4E7ED; - -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; } diff --git a/images/orange-demo-activiti-web/src/assets/theme/avatar.css b/images/orange-demo-activiti-web/src/assets/theme/avatar.css deleted file mode 100644 index 02d35e49..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/avatar.css +++ /dev/null @@ -1,284 +0,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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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; } diff --git a/images/orange-demo-activiti-web/src/assets/theme/backtop.css b/images/orange-demo-activiti-web/src/assets/theme/backtop.css deleted file mode 100644 index 7c34d109..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/backtop.css +++ /dev/null @@ -1,273 +0,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 ---------------------------*/ -/* 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 ---------------------------*/ -/* Break-point ---------------------------*/ -.el-backtop { - position: fixed; - background-color: #FFFFFF; - width: 40px; - height: 40px; - border-radius: 50%; - color: #409EFF; - 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; } diff --git a/images/orange-demo-activiti-web/src/assets/theme/badge.css b/images/orange-demo-activiti-web/src/assets/theme/badge.css deleted file mode 100644 index eef98450..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/badge.css +++ /dev/null @@ -1,290 +0,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 ---------------------------*/ -/* 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 ---------------------------*/ -/* Break-point ---------------------------*/ -.el-badge { - position: relative; - vertical-align: middle; - display: inline-block; } - .el-badge__content { - background-color: #F56C6C; - 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: #409EFF; } - .el-badge__content--success { - background-color: #67C23A; } - .el-badge__content--warning { - background-color: #E6A23C; } - .el-badge__content--info { - background-color: #909399; } - .el-badge__content--danger { - background-color: #F56C6C; } diff --git a/images/orange-demo-activiti-web/src/assets/theme/base.css b/images/orange-demo-activiti-web/src/assets/theme/base.css deleted file mode 100644 index 2cbc1274..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/base.css +++ /dev/null @@ -1,1244 +0,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 ---------------------------*/ -/* 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 ---------------------------*/ -/* Break-point ---------------------------*/ -@font-face { - font-family: 'element-icons'; - src: url("fonts/element-icons.woff") format("woff"), url("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); } } diff --git a/images/orange-demo-activiti-web/src/assets/theme/breadcrumb-item.css b/images/orange-demo-activiti-web/src/assets/theme/breadcrumb-item.css deleted file mode 100644 index e69de29b..00000000 diff --git a/images/orange-demo-activiti-web/src/assets/theme/breadcrumb.css b/images/orange-demo-activiti-web/src/assets/theme/breadcrumb.css deleted file mode 100644 index 80884ebf..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/breadcrumb.css +++ /dev/null @@ -1,287 +0,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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #409EFF; - 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; } diff --git a/images/orange-demo-activiti-web/src/assets/theme/button-group.css b/images/orange-demo-activiti-web/src/assets/theme/button-group.css deleted file mode 100644 index e69de29b..00000000 diff --git a/images/orange-demo-activiti-web/src/assets/theme/button.css b/images/orange-demo-activiti-web/src/assets/theme/button.css deleted file mode 100644 index fd339ab4..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/button.css +++ /dev/null @@ -1,762 +0,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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: .1s; - transition: .1s; - font-weight: 500; - -moz-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; - padding: 12px 20px; - font-size: 14px; - border-radius: 4px; } - .el-button + .el-button { - margin-left: 10px; } - .el-button.is-round { - padding: 12px 20px; } - .el-button:hover, .el-button:focus { - color: #409EFF; - border-color: #c6e2ff; - background-color: #ecf5ff; } - .el-button:active { - color: #3a8ee6; - border-color: #3a8ee6; - 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: #409EFF; - color: #409EFF; } - .el-button.is-plain:active { - background: #FFFFFF; - border-color: #3a8ee6; - color: #3a8ee6; - outline: none; } - .el-button.is-active { - color: #3a8ee6; - border-color: #3a8ee6; } - .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: #EBEEF5; } - .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: #EBEEF5; - color: #C0C4CC; } - .el-button.is-loading { - position: relative; - pointer-events: none; } - .el-button.is-loading:before { - pointer-events: none; - content: ''; - position: absolute; - left: -1px; - top: -1px; - right: -1px; - bottom: -1px; - border-radius: inherit; - background-color: rgba(255, 255, 255, 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: #409EFF; - border-color: #409EFF; } - .el-button--primary:hover, .el-button--primary:focus { - background: #66b1ff; - border-color: #66b1ff; - color: #FFFFFF; } - .el-button--primary:active { - background: #3a8ee6; - border-color: #3a8ee6; - color: #FFFFFF; - outline: none; } - .el-button--primary.is-active { - background: #3a8ee6; - border-color: #3a8ee6; - 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: #a0cfff; - border-color: #a0cfff; } - .el-button--primary.is-plain { - color: #409EFF; - background: #ecf5ff; - border-color: #b3d8ff; } - .el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus { - background: #409EFF; - border-color: #409EFF; - color: #FFFFFF; } - .el-button--primary.is-plain:active { - background: #3a8ee6; - border-color: #3a8ee6; - 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: #8cc5ff; - background-color: #ecf5ff; - border-color: #d9ecff; } - .el-button--success { - color: #FFFFFF; - background-color: #67C23A; - border-color: #67C23A; } - .el-button--success:hover, .el-button--success:focus { - background: #85ce61; - border-color: #85ce61; - color: #FFFFFF; } - .el-button--success:active { - background: #5daf34; - border-color: #5daf34; - color: #FFFFFF; - outline: none; } - .el-button--success.is-active { - background: #5daf34; - border-color: #5daf34; - 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: #b3e19d; - border-color: #b3e19d; } - .el-button--success.is-plain { - color: #67C23A; - background: #f0f9eb; - border-color: #c2e7b0; } - .el-button--success.is-plain:hover, .el-button--success.is-plain:focus { - background: #67C23A; - border-color: #67C23A; - color: #FFFFFF; } - .el-button--success.is-plain:active { - background: #5daf34; - border-color: #5daf34; - 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: #a4da89; - background-color: #f0f9eb; - border-color: #e1f3d8; } - .el-button--warning { - color: #FFFFFF; - background-color: #E6A23C; - border-color: #E6A23C; } - .el-button--warning:hover, .el-button--warning:focus { - background: #ebb563; - border-color: #ebb563; - color: #FFFFFF; } - .el-button--warning:active { - background: #cf9236; - border-color: #cf9236; - color: #FFFFFF; - outline: none; } - .el-button--warning.is-active { - background: #cf9236; - border-color: #cf9236; - 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: #f3d19e; - border-color: #f3d19e; } - .el-button--warning.is-plain { - color: #E6A23C; - background: #fdf6ec; - border-color: #f5dab1; } - .el-button--warning.is-plain:hover, .el-button--warning.is-plain:focus { - background: #E6A23C; - border-color: #E6A23C; - color: #FFFFFF; } - .el-button--warning.is-plain:active { - background: #cf9236; - border-color: #cf9236; - 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: #f0c78a; - background-color: #fdf6ec; - border-color: #faecd8; } - .el-button--danger { - color: #FFFFFF; - background-color: #F56C6C; - border-color: #F56C6C; } - .el-button--danger:hover, .el-button--danger:focus { - background: #f78989; - border-color: #f78989; - color: #FFFFFF; } - .el-button--danger:active { - background: #dd6161; - border-color: #dd6161; - color: #FFFFFF; - outline: none; } - .el-button--danger.is-active { - background: #dd6161; - border-color: #dd6161; - 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: #fab6b6; - border-color: #fab6b6; } - .el-button--danger.is-plain { - color: #F56C6C; - background: #fef0f0; - border-color: #fbc4c4; } - .el-button--danger.is-plain:hover, .el-button--danger.is-plain:focus { - background: #F56C6C; - border-color: #F56C6C; - color: #FFFFFF; } - .el-button--danger.is-plain:active { - background: #dd6161; - border-color: #dd6161; - 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: #f9a7a7; - background-color: #fef0f0; - border-color: #fde2e2; } - .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: #409EFF; - background: transparent; - padding-left: 0; - padding-right: 0; } - .el-button--text:hover, .el-button--text:focus { - color: #66b1ff; - border-color: transparent; - background-color: transparent; } - .el-button--text:active { - color: #3a8ee6; - 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:hover, .el-button-group > .el-button:focus, .el-button-group > .el-button: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); } diff --git a/images/orange-demo-activiti-web/src/assets/theme/calendar.css b/images/orange-demo-activiti-web/src/assets/theme/calendar.css deleted file mode 100644 index 78ef6366..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/calendar.css +++ /dev/null @@ -1,1065 +0,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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: .1s; - transition: .1s; - font-weight: 500; - -moz-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; - padding: 12px 20px; - font-size: 14px; - border-radius: 4px; } - .el-button + .el-button { - margin-left: 10px; } - .el-button.is-round { - padding: 12px 20px; } - .el-button:hover, .el-button:focus { - color: #409EFF; - border-color: #c6e2ff; - background-color: #ecf5ff; } - .el-button:active { - color: #3a8ee6; - border-color: #3a8ee6; - 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: #409EFF; - color: #409EFF; } - .el-button.is-plain:active { - background: #FFFFFF; - border-color: #3a8ee6; - color: #3a8ee6; - outline: none; } - .el-button.is-active { - color: #3a8ee6; - border-color: #3a8ee6; } - .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: #EBEEF5; } - .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: #EBEEF5; - color: #C0C4CC; } - .el-button.is-loading { - position: relative; - pointer-events: none; } - .el-button.is-loading:before { - pointer-events: none; - content: ''; - position: absolute; - left: -1px; - top: -1px; - right: -1px; - bottom: -1px; - border-radius: inherit; - background-color: rgba(255, 255, 255, 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: #409EFF; - border-color: #409EFF; } - .el-button--primary:hover, .el-button--primary:focus { - background: #66b1ff; - border-color: #66b1ff; - color: #FFFFFF; } - .el-button--primary:active { - background: #3a8ee6; - border-color: #3a8ee6; - color: #FFFFFF; - outline: none; } - .el-button--primary.is-active { - background: #3a8ee6; - border-color: #3a8ee6; - 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: #a0cfff; - border-color: #a0cfff; } - .el-button--primary.is-plain { - color: #409EFF; - background: #ecf5ff; - border-color: #b3d8ff; } - .el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus { - background: #409EFF; - border-color: #409EFF; - color: #FFFFFF; } - .el-button--primary.is-plain:active { - background: #3a8ee6; - border-color: #3a8ee6; - 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: #8cc5ff; - background-color: #ecf5ff; - border-color: #d9ecff; } - .el-button--success { - color: #FFFFFF; - background-color: #67C23A; - border-color: #67C23A; } - .el-button--success:hover, .el-button--success:focus { - background: #85ce61; - border-color: #85ce61; - color: #FFFFFF; } - .el-button--success:active { - background: #5daf34; - border-color: #5daf34; - color: #FFFFFF; - outline: none; } - .el-button--success.is-active { - background: #5daf34; - border-color: #5daf34; - 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: #b3e19d; - border-color: #b3e19d; } - .el-button--success.is-plain { - color: #67C23A; - background: #f0f9eb; - border-color: #c2e7b0; } - .el-button--success.is-plain:hover, .el-button--success.is-plain:focus { - background: #67C23A; - border-color: #67C23A; - color: #FFFFFF; } - .el-button--success.is-plain:active { - background: #5daf34; - border-color: #5daf34; - 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: #a4da89; - background-color: #f0f9eb; - border-color: #e1f3d8; } - .el-button--warning { - color: #FFFFFF; - background-color: #E6A23C; - border-color: #E6A23C; } - .el-button--warning:hover, .el-button--warning:focus { - background: #ebb563; - border-color: #ebb563; - color: #FFFFFF; } - .el-button--warning:active { - background: #cf9236; - border-color: #cf9236; - color: #FFFFFF; - outline: none; } - .el-button--warning.is-active { - background: #cf9236; - border-color: #cf9236; - 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: #f3d19e; - border-color: #f3d19e; } - .el-button--warning.is-plain { - color: #E6A23C; - background: #fdf6ec; - border-color: #f5dab1; } - .el-button--warning.is-plain:hover, .el-button--warning.is-plain:focus { - background: #E6A23C; - border-color: #E6A23C; - color: #FFFFFF; } - .el-button--warning.is-plain:active { - background: #cf9236; - border-color: #cf9236; - 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: #f0c78a; - background-color: #fdf6ec; - border-color: #faecd8; } - .el-button--danger { - color: #FFFFFF; - background-color: #F56C6C; - border-color: #F56C6C; } - .el-button--danger:hover, .el-button--danger:focus { - background: #f78989; - border-color: #f78989; - color: #FFFFFF; } - .el-button--danger:active { - background: #dd6161; - border-color: #dd6161; - color: #FFFFFF; - outline: none; } - .el-button--danger.is-active { - background: #dd6161; - border-color: #dd6161; - 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: #fab6b6; - border-color: #fab6b6; } - .el-button--danger.is-plain { - color: #F56C6C; - background: #fef0f0; - border-color: #fbc4c4; } - .el-button--danger.is-plain:hover, .el-button--danger.is-plain:focus { - background: #F56C6C; - border-color: #F56C6C; - color: #FFFFFF; } - .el-button--danger.is-plain:active { - background: #dd6161; - border-color: #dd6161; - 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: #f9a7a7; - background-color: #fef0f0; - border-color: #fde2e2; } - .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: #409EFF; - background: transparent; - padding-left: 0; - padding-right: 0; } - .el-button--text:hover, .el-button--text:focus { - color: #66b1ff; - border-color: transparent; - background-color: transparent; } - .el-button--text:active { - color: #3a8ee6; - 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:hover, .el-button-group > .el-button:focus, .el-button-group > .el-button: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 #EBEEF5; } - .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 #EBEEF5; - border-right: 1px solid #EBEEF5; - 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: #409EFF; } - .el-calendar-table tr:first-child td { - border-top: 1px solid #EBEEF5; } - .el-calendar-table tr td:first-child { - border-left: 1px solid #EBEEF5; } - .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; } diff --git a/images/orange-demo-activiti-web/src/assets/theme/card.css b/images/orange-demo-activiti-web/src/assets/theme/card.css deleted file mode 100644 index 66139320..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/card.css +++ /dev/null @@ -1,271 +0,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 ---------------------------*/ -/* 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 ---------------------------*/ -/* Break-point ---------------------------*/ -.el-card { - border-radius: 4px; - border: 1px solid #EBEEF5; - 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 #EBEEF5; - -webkit-box-sizing: border-box; - box-sizing: border-box; } - .el-card__body { - padding: 20px; } diff --git a/images/orange-demo-activiti-web/src/assets/theme/carousel-item.css b/images/orange-demo-activiti-web/src/assets/theme/carousel-item.css deleted file mode 100644 index ad06193d..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/carousel-item.css +++ /dev/null @@ -1,291 +0,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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 .4s ease-in-out; - transition: -webkit-transform .4s ease-in-out; - transition: transform .4s ease-in-out; - transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out; } - .el-carousel__item--card { - width: 50%; - -webkit-transition: -webkit-transform .4s ease-in-out; - transition: -webkit-transform .4s ease-in-out; - transition: transform .4s ease-in-out; - transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out; } - .el-carousel__item--card.is-in-stage { - cursor: pointer; - z-index: 1; } - .el-carousel__item--card.is-in-stage: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: .2s; - transition: .2s; } diff --git a/images/orange-demo-activiti-web/src/assets/theme/carousel.css b/images/orange-demo-activiti-web/src/assets/theme/carousel.css deleted file mode 100644 index a22c8c86..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/carousel.css +++ /dev/null @@ -1,367 +0,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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: .3s; - transition: .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: .3s; - transition: .3s; } - -.carousel-arrow-left-enter, -.carousel-arrow-left-leave-active { - -webkit-transform: translateY(-50%) translateX(-10px); - transform: translateY(-50%) translateX(-10px); - opacity: 0; } - -.carousel-arrow-right-enter, -.carousel-arrow-right-leave-active { - -webkit-transform: translateY(-50%) translateX(10px); - transform: translateY(-50%) translateX(10px); - opacity: 0; } diff --git a/images/orange-demo-activiti-web/src/assets/theme/cascader-panel.css b/images/orange-demo-activiti-web/src/assets/theme/cascader-panel.css deleted file mode 100644 index ac054909..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/cascader-panel.css +++ /dev/null @@ -1,1781 +0,0 @@ -@charset "UTF-8"; -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #409EFF; } - .el-checkbox.is-bordered.is-disabled { - border-color: #EBEEF5; - cursor: not-allowed; } - .el-checkbox.is-bordered + .el-checkbox.is-bordered { - margin-left: 10px; } - .el-checkbox.is-bordered.el-checkbox--medium { - padding: 7px 20px 7px 10px; - border-radius: 4px; - height: 36px; } - .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label { - line-height: 17px; - font-size: 14px; } - .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner { - height: 14px; - width: 14px; } - .el-checkbox.is-bordered.el-checkbox--small { - padding: 5px 15px 5px 10px; - border-radius: 3px; - height: 32px; } - .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label { - line-height: 15px; - font-size: 12px; } - .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner { - height: 12px; - width: 12px; } - .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after { - height: 6px; - width: 2px; } - .el-checkbox.is-bordered.el-checkbox--mini { - padding: 3px 15px 3px 10px; - border-radius: 3px; - height: 28px; } - .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label { - line-height: 12px; - font-size: 12px; } - .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner { - height: 12px; - width: 12px; } - .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after { - height: 6px; - width: 2px; } - .el-checkbox__input { - white-space: nowrap; - cursor: pointer; - outline: 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: #409EFF; - border-color: #409EFF; } - .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: #409EFF; } - .el-checkbox__input.is-focus { - /*focus时 视觉上区分*/ } - .el-checkbox__input.is-focus .el-checkbox__inner { - border-color: #409EFF; } - .el-checkbox__input.is-indeterminate .el-checkbox__inner { - background-color: #409EFF; - border-color: #409EFF; } - .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: #409EFF; } - .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 .15s ease-in .05s; - transition: -webkit-transform .15s ease-in .05s; - transition: transform .15s ease-in .05s; - transition: transform .15s ease-in .05s, -webkit-transform .15s ease-in .05s; - -webkit-transform-origin: center; - transform-origin: center; } - .el-checkbox__original { - opacity: 0; - outline: 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: #409EFF; } - .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: #409EFF; - border-color: #409EFF; - -webkit-box-shadow: -1px 0 0 0 #8cc5ff; - box-shadow: -1px 0 0 0 #8cc5ff; } - .el-checkbox-button.is-checked:first-child .el-checkbox-button__inner { - border-left-color: #409EFF; } - .el-checkbox-button.is-disabled .el-checkbox-button__inner { - color: #C0C4CC; - cursor: not-allowed; - background-image: none; - background-color: #FFFFFF; - border-color: #EBEEF5; - -webkit-box-shadow: none; - box-shadow: none; } - .el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner { - border-left-color: #EBEEF5; } - .el-checkbox-button:first-child .el-checkbox-button__inner { - border-left: 1px solid #DCDFE6; - border-radius: 4px 0 0 4px; - -webkit-box-shadow: none !important; - box-shadow: none !important; } - .el-checkbox-button.is-focus .el-checkbox-button__inner { - border-color: #409EFF; } - .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #409EFF; } - .el-radio.is-bordered.is-disabled { - cursor: not-allowed; - border-color: #EBEEF5; } - .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: #E4E7ED; - 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: #E4E7ED; } - .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: #409EFF; - background: #409EFF; } - .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: #409EFF; } - .el-radio__input.is-focus .el-radio__inner { - border-color: #409EFF; } - .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: #409EFF; } - .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 .15s ease-in; - transition: -webkit-transform .15s ease-in; - transition: transform .15s ease-in; - transition: transform .15s ease-in, -webkit-transform .15s ease-in; } - .el-radio__original { - opacity: 0; - outline: 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 #409EFF; - box-shadow: 0 0 2px 2px #409EFF; } - .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: .3s background-color; - transition: .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 #E4E7ED; - border-radius: 4px; } - -.el-cascader-menu { - min-width: 180px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - color: #606266; - border-right: solid 1px #E4E7ED; } - .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: #409EFF; - 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; } diff --git a/images/orange-demo-activiti-web/src/assets/theme/cascader.css b/images/orange-demo-activiti-web/src/assets/theme/cascader.css deleted file mode 100644 index 64058d7d..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/cascader.css +++ /dev/null @@ -1,3504 +0,0 @@ -@charset "UTF-8"; -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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::placeholder { - color: #C0C4CC; } - .el-textarea__inner:hover { - border-color: #C0C4CC; } - .el-textarea__inner:focus { - outline: none; - border-color: #409EFF; } - .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: #E4E7ED; - color: #C0C4CC; - cursor: not-allowed; } - .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { - color: #C0C4CC; } - .el-textarea.is-disabled .el-textarea__inner::-moz-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: #F56C6C; } - .el-textarea.is-exceed .el-input__count { - color: #F56C6C; } - -.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::-webkit-input-placeholder { - color: #C0C4CC; } - .el-input__inner::-moz-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: #409EFF; } - .el-input__suffix { - position: absolute; - height: 100%; - right: 5px; - top: 0; - text-align: center; - color: #C0C4CC; - -webkit-transition: all .3s; - transition: all .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 .3s; - transition: all .3s; } - .el-input__icon { - height: 100%; - width: 25px; - text-align: center; - -webkit-transition: all .3s; - transition: all .3s; - line-height: 40px; } - .el-input__icon:after { - content: ''; - height: 100%; - width: 0; - display: inline-block; - vertical-align: middle; } - .el-input__validateIcon { - pointer-events: none; } - .el-input.is-active .el-input__inner { - outline: none; - border-color: #409EFF; } - .el-input.is-disabled .el-input__inner { - background-color: #F5F7FA; - border-color: #E4E7ED; - color: #C0C4CC; - cursor: not-allowed; } - .el-input.is-disabled .el-input__inner::-webkit-input-placeholder { - color: #C0C4CC; } - .el-input.is-disabled .el-input__inner::-moz-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: #F56C6C; } - .el-input.is-exceed .el-input__suffix .el-input__count { - color: #F56C6C; } - .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #EBEEF5; - 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: #EBEEF5; } - .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: #EBEEF5; - 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: #EBEEF5; } - .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* Break-point ---------------------------*/ -.el-tag { - background-color: #ecf5ff; - border-color: #d9ecff; - color: #409eff; - display: inline-block; - height: 32px; - padding: 0 10px; - line-height: 30px; - font-size: 12px; - color: #409EFF; - 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: #409EFF; } - .el-tag .el-tag__close { - color: #409eff; } - .el-tag .el-tag__close:hover { - color: #FFFFFF; - background-color: #409eff; } - .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: #f0f9eb; - border-color: #e1f3d8; - color: #67c23a; } - .el-tag.el-tag--success.is-hit { - border-color: #67C23A; } - .el-tag.el-tag--success .el-tag__close { - color: #67c23a; } - .el-tag.el-tag--success .el-tag__close:hover { - color: #FFFFFF; - background-color: #67c23a; } - .el-tag.el-tag--warning { - background-color: #fdf6ec; - border-color: #faecd8; - color: #e6a23c; } - .el-tag.el-tag--warning.is-hit { - border-color: #E6A23C; } - .el-tag.el-tag--warning .el-tag__close { - color: #e6a23c; } - .el-tag.el-tag--warning .el-tag__close:hover { - color: #FFFFFF; - background-color: #e6a23c; } - .el-tag.el-tag--danger { - background-color: #fef0f0; - border-color: #fde2e2; - color: #f56c6c; } - .el-tag.el-tag--danger.is-hit { - border-color: #F56C6C; } - .el-tag.el-tag--danger .el-tag__close { - color: #f56c6c; } - .el-tag.el-tag--danger .el-tag__close:hover { - color: #FFFFFF; - background-color: #f56c6c; } - .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: #409eff; - border-color: #409eff; - color: white; } - .el-tag--dark.is-hit { - border-color: #409EFF; } - .el-tag--dark .el-tag__close { - color: white; } - .el-tag--dark .el-tag__close:hover { - color: #FFFFFF; - background-color: #66b1ff; } - .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: #67c23a; - border-color: #67c23a; - color: white; } - .el-tag--dark.el-tag--success.is-hit { - border-color: #67C23A; } - .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: #85ce61; } - .el-tag--dark.el-tag--warning { - background-color: #e6a23c; - border-color: #e6a23c; - color: white; } - .el-tag--dark.el-tag--warning.is-hit { - border-color: #E6A23C; } - .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: #ebb563; } - .el-tag--dark.el-tag--danger { - background-color: #f56c6c; - border-color: #f56c6c; - color: white; } - .el-tag--dark.el-tag--danger.is-hit { - border-color: #F56C6C; } - .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: #f78989; } - .el-tag--plain { - background-color: white; - border-color: #b3d8ff; - color: #409eff; } - .el-tag--plain.is-hit { - border-color: #409EFF; } - .el-tag--plain .el-tag__close { - color: #409eff; } - .el-tag--plain .el-tag__close:hover { - color: #FFFFFF; - background-color: #409eff; } - .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: #c2e7b0; - color: #67c23a; } - .el-tag--plain.el-tag--success.is-hit { - border-color: #67C23A; } - .el-tag--plain.el-tag--success .el-tag__close { - color: #67c23a; } - .el-tag--plain.el-tag--success .el-tag__close:hover { - color: #FFFFFF; - background-color: #67c23a; } - .el-tag--plain.el-tag--warning { - background-color: white; - border-color: #f5dab1; - color: #e6a23c; } - .el-tag--plain.el-tag--warning.is-hit { - border-color: #E6A23C; } - .el-tag--plain.el-tag--warning .el-tag__close { - color: #e6a23c; } - .el-tag--plain.el-tag--warning .el-tag__close:hover { - color: #FFFFFF; - background-color: #e6a23c; } - .el-tag--plain.el-tag--danger { - background-color: white; - border-color: #fbc4c4; - color: #f56c6c; } - .el-tag--plain.el-tag--danger.is-hit { - border-color: #F56C6C; } - .el-tag--plain.el-tag--danger .el-tag__close { - color: #f56c6c; } - .el-tag--plain.el-tag--danger .el-tag__close:hover { - color: #FFFFFF; - background-color: #f56c6c; } - .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #409EFF; } - .el-checkbox.is-bordered.is-disabled { - border-color: #EBEEF5; - cursor: not-allowed; } - .el-checkbox.is-bordered + .el-checkbox.is-bordered { - margin-left: 10px; } - .el-checkbox.is-bordered.el-checkbox--medium { - padding: 7px 20px 7px 10px; - border-radius: 4px; - height: 36px; } - .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label { - line-height: 17px; - font-size: 14px; } - .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner { - height: 14px; - width: 14px; } - .el-checkbox.is-bordered.el-checkbox--small { - padding: 5px 15px 5px 10px; - border-radius: 3px; - height: 32px; } - .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label { - line-height: 15px; - font-size: 12px; } - .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner { - height: 12px; - width: 12px; } - .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after { - height: 6px; - width: 2px; } - .el-checkbox.is-bordered.el-checkbox--mini { - padding: 3px 15px 3px 10px; - border-radius: 3px; - height: 28px; } - .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label { - line-height: 12px; - font-size: 12px; } - .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner { - height: 12px; - width: 12px; } - .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after { - height: 6px; - width: 2px; } - .el-checkbox__input { - white-space: nowrap; - cursor: pointer; - outline: 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: #409EFF; - border-color: #409EFF; } - .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: #409EFF; } - .el-checkbox__input.is-focus { - /*focus时 视觉上区分*/ } - .el-checkbox__input.is-focus .el-checkbox__inner { - border-color: #409EFF; } - .el-checkbox__input.is-indeterminate .el-checkbox__inner { - background-color: #409EFF; - border-color: #409EFF; } - .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: #409EFF; } - .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 .15s ease-in .05s; - transition: -webkit-transform .15s ease-in .05s; - transition: transform .15s ease-in .05s; - transition: transform .15s ease-in .05s, -webkit-transform .15s ease-in .05s; - -webkit-transform-origin: center; - transform-origin: center; } - .el-checkbox__original { - opacity: 0; - outline: 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: #409EFF; } - .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: #409EFF; - border-color: #409EFF; - -webkit-box-shadow: -1px 0 0 0 #8cc5ff; - box-shadow: -1px 0 0 0 #8cc5ff; } - .el-checkbox-button.is-checked:first-child .el-checkbox-button__inner { - border-left-color: #409EFF; } - .el-checkbox-button.is-disabled .el-checkbox-button__inner { - color: #C0C4CC; - cursor: not-allowed; - background-image: none; - background-color: #FFFFFF; - border-color: #EBEEF5; - -webkit-box-shadow: none; - box-shadow: none; } - .el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner { - border-left-color: #EBEEF5; } - .el-checkbox-button:first-child .el-checkbox-button__inner { - border-left: 1px solid #DCDFE6; - border-radius: 4px 0 0 4px; - -webkit-box-shadow: none !important; - box-shadow: none !important; } - .el-checkbox-button.is-focus .el-checkbox-button__inner { - border-color: #409EFF; } - .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #409EFF; } - .el-radio.is-bordered.is-disabled { - cursor: not-allowed; - border-color: #EBEEF5; } - .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: #E4E7ED; - 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: #E4E7ED; } - .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: #409EFF; - background: #409EFF; } - .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: #409EFF; } - .el-radio__input.is-focus .el-radio__inner { - border-color: #409EFF; } - .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: #409EFF; } - .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 .15s ease-in; - transition: -webkit-transform .15s ease-in; - transition: transform .15s ease-in; - transition: transform .15s ease-in, -webkit-transform .15s ease-in; } - .el-radio__original { - opacity: 0; - outline: 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 #409EFF; - box-shadow: 0 0 2px 2px #409EFF; } - .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: .3s background-color; - transition: .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 #E4E7ED; - border-radius: 4px; } - -.el-cascader-menu { - min-width: 180px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - color: #606266; - border-right: solid 1px #E4E7ED; } - .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: #409EFF; - 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: #409EFF; } - .el-cascader .el-input .el-icon-arrow-down { - -webkit-transition: -webkit-transform .3s; - transition: -webkit-transform .3s; - transition: transform .3s; - transition: transform .3s, -webkit-transform .3s; - font-size: 14px; } - .el-cascader .el-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: #409EFF; } - .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 #E4E7ED; - 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: #409EFF; - 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::placeholder { - color: #C0C4CC; } diff --git a/images/orange-demo-activiti-web/src/assets/theme/checkbox-button.css b/images/orange-demo-activiti-web/src/assets/theme/checkbox-button.css deleted file mode 100644 index e69de29b..00000000 diff --git a/images/orange-demo-activiti-web/src/assets/theme/checkbox-group.css b/images/orange-demo-activiti-web/src/assets/theme/checkbox-group.css deleted file mode 100644 index e69de29b..00000000 diff --git a/images/orange-demo-activiti-web/src/assets/theme/checkbox.css b/images/orange-demo-activiti-web/src/assets/theme/checkbox.css deleted file mode 100644 index 056492bf..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/checkbox.css +++ /dev/null @@ -1,636 +0,0 @@ -@charset "UTF-8"; -/* Element Chalk Variables */ -/* Transition --------------------------- */ -/* Color --------------------------- */ -/* 53a8ff */ -/* 66b1ff */ -/* 79bbff */ -/* 8cc5ff */ -/* a0cfff */ -/* b3d8ff */ -/* c6e2ff */ -/* d9ecff */ -/* ecf5ff */ -/* Link --------------------------- */ -/* Border --------------------------- */ -/* Fill --------------------------- */ -/* Typography --------------------------- */ -/* Size --------------------------- */ -/* z-index --------------------------- */ -/* Disable base --------------------------- */ -/* Icon --------------------------- */ -/* Checkbox --------------------------- */ -/* Radio --------------------------- */ -/* Select --------------------------- */ -/* Alert --------------------------- */ -/* MessageBox --------------------------- */ -/* Message --------------------------- */ -/* Notification --------------------------- */ -/* Input --------------------------- */ -/* Cascader --------------------------- */ -/* Group --------------------------- */ -/* Tab --------------------------- */ -/* Button --------------------------- */ -/* cascader --------------------------- */ -/* Switch --------------------------- */ -/* Dialog --------------------------- */ -/* Table --------------------------- */ -/* Pagination --------------------------- */ -/* Popup --------------------------- */ -/* Popover --------------------------- */ -/* Tooltip --------------------------- */ -/* Tag --------------------------- */ -/* Tree --------------------------- */ -/* Dropdown --------------------------- */ -/* Badge --------------------------- */ -/* Card ---------------------------*/ -/* Slider ---------------------------*/ -/* Steps ---------------------------*/ -/* Menu ---------------------------*/ -/* Rate ---------------------------*/ -/* DatePicker ---------------------------*/ -/* Loading ---------------------------*/ -/* Scrollbar ---------------------------*/ -/* Carousel ---------------------------*/ -/* Collapse ---------------------------*/ -/* Transfer ---------------------------*/ -/* Header - --------------------------*/ -/* Footer ---------------------------*/ -/* Main ---------------------------*/ -/* Timeline ---------------------------*/ -/* Backtop ---------------------------*/ -/* Link ---------------------------*/ -/* Calendar ---------------------------*/ -/* Form --------------------------- */ -/* Avatar ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #409EFF; } - .el-checkbox.is-bordered.is-disabled { - border-color: #EBEEF5; - cursor: not-allowed; } - .el-checkbox.is-bordered + .el-checkbox.is-bordered { - margin-left: 10px; } - .el-checkbox.is-bordered.el-checkbox--medium { - padding: 7px 20px 7px 10px; - border-radius: 4px; - height: 36px; } - .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label { - line-height: 17px; - font-size: 14px; } - .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner { - height: 14px; - width: 14px; } - .el-checkbox.is-bordered.el-checkbox--small { - padding: 5px 15px 5px 10px; - border-radius: 3px; - height: 32px; } - .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label { - line-height: 15px; - font-size: 12px; } - .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner { - height: 12px; - width: 12px; } - .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after { - height: 6px; - width: 2px; } - .el-checkbox.is-bordered.el-checkbox--mini { - padding: 3px 15px 3px 10px; - border-radius: 3px; - height: 28px; } - .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label { - line-height: 12px; - font-size: 12px; } - .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner { - height: 12px; - width: 12px; } - .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after { - height: 6px; - width: 2px; } - .el-checkbox__input { - white-space: nowrap; - cursor: pointer; - outline: 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: #409EFF; - border-color: #409EFF; } - .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: #409EFF; } - .el-checkbox__input.is-focus { - /*focus时 视觉上区分*/ } - .el-checkbox__input.is-focus .el-checkbox__inner { - border-color: #409EFF; } - .el-checkbox__input.is-indeterminate .el-checkbox__inner { - background-color: #409EFF; - border-color: #409EFF; } - .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: #409EFF; } - .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 .15s ease-in .05s; - transition: -webkit-transform .15s ease-in .05s; - transition: transform .15s ease-in .05s; - transition: transform .15s ease-in .05s, -webkit-transform .15s ease-in .05s; - -webkit-transform-origin: center; - transform-origin: center; } - .el-checkbox__original { - opacity: 0; - outline: 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: #409EFF; } - .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: #409EFF; - border-color: #409EFF; - -webkit-box-shadow: -1px 0 0 0 #8cc5ff; - box-shadow: -1px 0 0 0 #8cc5ff; } - .el-checkbox-button.is-checked:first-child .el-checkbox-button__inner { - border-left-color: #409EFF; } - .el-checkbox-button.is-disabled .el-checkbox-button__inner { - color: #C0C4CC; - cursor: not-allowed; - background-image: none; - background-color: #FFFFFF; - border-color: #EBEEF5; - -webkit-box-shadow: none; - box-shadow: none; } - .el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner { - border-left-color: #EBEEF5; } - .el-checkbox-button:first-child .el-checkbox-button__inner { - border-left: 1px solid #DCDFE6; - border-radius: 4px 0 0 4px; - -webkit-box-shadow: none !important; - box-shadow: none !important; } - .el-checkbox-button.is-focus .el-checkbox-button__inner { - border-color: #409EFF; } - .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; } diff --git a/images/orange-demo-activiti-web/src/assets/theme/col.css b/images/orange-demo-activiti-web/src/assets/theme/col.css deleted file mode 100644 index d14ed5ab..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/col.css +++ /dev/null @@ -1,1877 +0,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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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.16667%; } - -.el-col-offset-1 { - margin-left: 4.16667%; } - -.el-col-pull-1 { - position: relative; - right: 4.16667%; } - -.el-col-push-1 { - position: relative; - left: 4.16667%; } - -.el-col-2 { - width: 8.33333%; } - -.el-col-offset-2 { - margin-left: 8.33333%; } - -.el-col-pull-2 { - position: relative; - right: 8.33333%; } - -.el-col-push-2 { - position: relative; - left: 8.33333%; } - -.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.66667%; } - -.el-col-offset-4 { - margin-left: 16.66667%; } - -.el-col-pull-4 { - position: relative; - right: 16.66667%; } - -.el-col-push-4 { - position: relative; - left: 16.66667%; } - -.el-col-5 { - width: 20.83333%; } - -.el-col-offset-5 { - margin-left: 20.83333%; } - -.el-col-pull-5 { - position: relative; - right: 20.83333%; } - -.el-col-push-5 { - position: relative; - left: 20.83333%; } - -.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.16667%; } - -.el-col-offset-7 { - margin-left: 29.16667%; } - -.el-col-pull-7 { - position: relative; - right: 29.16667%; } - -.el-col-push-7 { - position: relative; - left: 29.16667%; } - -.el-col-8 { - width: 33.33333%; } - -.el-col-offset-8 { - margin-left: 33.33333%; } - -.el-col-pull-8 { - position: relative; - right: 33.33333%; } - -.el-col-push-8 { - position: relative; - left: 33.33333%; } - -.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.66667%; } - -.el-col-offset-10 { - margin-left: 41.66667%; } - -.el-col-pull-10 { - position: relative; - right: 41.66667%; } - -.el-col-push-10 { - position: relative; - left: 41.66667%; } - -.el-col-11 { - width: 45.83333%; } - -.el-col-offset-11 { - margin-left: 45.83333%; } - -.el-col-pull-11 { - position: relative; - right: 45.83333%; } - -.el-col-push-11 { - position: relative; - left: 45.83333%; } - -.el-col-12 { - width: 50%; } - -.el-col-offset-12 { - margin-left: 50%; } - -.el-col-pull-12 { - position: relative; - right: 50%; } - -.el-col-push-12 { - position: relative; - left: 50%; } - -.el-col-13 { - width: 54.16667%; } - -.el-col-offset-13 { - margin-left: 54.16667%; } - -.el-col-pull-13 { - position: relative; - right: 54.16667%; } - -.el-col-push-13 { - position: relative; - left: 54.16667%; } - -.el-col-14 { - width: 58.33333%; } - -.el-col-offset-14 { - margin-left: 58.33333%; } - -.el-col-pull-14 { - position: relative; - right: 58.33333%; } - -.el-col-push-14 { - position: relative; - left: 58.33333%; } - -.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.66667%; } - -.el-col-offset-16 { - margin-left: 66.66667%; } - -.el-col-pull-16 { - position: relative; - right: 66.66667%; } - -.el-col-push-16 { - position: relative; - left: 66.66667%; } - -.el-col-17 { - width: 70.83333%; } - -.el-col-offset-17 { - margin-left: 70.83333%; } - -.el-col-pull-17 { - position: relative; - right: 70.83333%; } - -.el-col-push-17 { - position: relative; - left: 70.83333%; } - -.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.16667%; } - -.el-col-offset-19 { - margin-left: 79.16667%; } - -.el-col-pull-19 { - position: relative; - right: 79.16667%; } - -.el-col-push-19 { - position: relative; - left: 79.16667%; } - -.el-col-20 { - width: 83.33333%; } - -.el-col-offset-20 { - margin-left: 83.33333%; } - -.el-col-pull-20 { - position: relative; - right: 83.33333%; } - -.el-col-push-20 { - position: relative; - left: 83.33333%; } - -.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.66667%; } - -.el-col-offset-22 { - margin-left: 91.66667%; } - -.el-col-pull-22 { - position: relative; - right: 91.66667%; } - -.el-col-push-22 { - position: relative; - left: 91.66667%; } - -.el-col-23 { - width: 95.83333%; } - -.el-col-offset-23 { - margin-left: 95.83333%; } - -.el-col-pull-23 { - position: relative; - right: 95.83333%; } - -.el-col-push-23 { - position: relative; - left: 95.83333%; } - -.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.16667%; } - .el-col-xs-offset-1 { - margin-left: 4.16667%; } - .el-col-xs-pull-1 { - position: relative; - right: 4.16667%; } - .el-col-xs-push-1 { - position: relative; - left: 4.16667%; } - .el-col-xs-2 { - width: 8.33333%; } - .el-col-xs-offset-2 { - margin-left: 8.33333%; } - .el-col-xs-pull-2 { - position: relative; - right: 8.33333%; } - .el-col-xs-push-2 { - position: relative; - left: 8.33333%; } - .el-col-xs-3 { - width: 12.5%; } - .el-col-xs-offset-3 { - margin-left: 12.5%; } - .el-col-xs-pull-3 { - position: relative; - right: 12.5%; } - .el-col-xs-push-3 { - position: relative; - left: 12.5%; } - .el-col-xs-4 { - width: 16.66667%; } - .el-col-xs-offset-4 { - margin-left: 16.66667%; } - .el-col-xs-pull-4 { - position: relative; - right: 16.66667%; } - .el-col-xs-push-4 { - position: relative; - left: 16.66667%; } - .el-col-xs-5 { - width: 20.83333%; } - .el-col-xs-offset-5 { - margin-left: 20.83333%; } - .el-col-xs-pull-5 { - position: relative; - right: 20.83333%; } - .el-col-xs-push-5 { - position: relative; - left: 20.83333%; } - .el-col-xs-6 { - width: 25%; } - .el-col-xs-offset-6 { - margin-left: 25%; } - .el-col-xs-pull-6 { - position: relative; - right: 25%; } - .el-col-xs-push-6 { - position: relative; - left: 25%; } - .el-col-xs-7 { - width: 29.16667%; } - .el-col-xs-offset-7 { - margin-left: 29.16667%; } - .el-col-xs-pull-7 { - position: relative; - right: 29.16667%; } - .el-col-xs-push-7 { - position: relative; - left: 29.16667%; } - .el-col-xs-8 { - width: 33.33333%; } - .el-col-xs-offset-8 { - margin-left: 33.33333%; } - .el-col-xs-pull-8 { - position: relative; - right: 33.33333%; } - .el-col-xs-push-8 { - position: relative; - left: 33.33333%; } - .el-col-xs-9 { - width: 37.5%; } - .el-col-xs-offset-9 { - margin-left: 37.5%; } - .el-col-xs-pull-9 { - position: relative; - right: 37.5%; } - .el-col-xs-push-9 { - position: relative; - left: 37.5%; } - .el-col-xs-10 { - width: 41.66667%; } - .el-col-xs-offset-10 { - margin-left: 41.66667%; } - .el-col-xs-pull-10 { - position: relative; - right: 41.66667%; } - .el-col-xs-push-10 { - position: relative; - left: 41.66667%; } - .el-col-xs-11 { - width: 45.83333%; } - .el-col-xs-offset-11 { - margin-left: 45.83333%; } - .el-col-xs-pull-11 { - position: relative; - right: 45.83333%; } - .el-col-xs-push-11 { - position: relative; - left: 45.83333%; } - .el-col-xs-12 { - width: 50%; } - .el-col-xs-offset-12 { - margin-left: 50%; } - .el-col-xs-pull-12 { - position: relative; - right: 50%; } - .el-col-xs-push-12 { - position: relative; - left: 50%; } - .el-col-xs-13 { - width: 54.16667%; } - .el-col-xs-offset-13 { - margin-left: 54.16667%; } - .el-col-xs-pull-13 { - position: relative; - right: 54.16667%; } - .el-col-xs-push-13 { - position: relative; - left: 54.16667%; } - .el-col-xs-14 { - width: 58.33333%; } - .el-col-xs-offset-14 { - margin-left: 58.33333%; } - .el-col-xs-pull-14 { - position: relative; - right: 58.33333%; } - .el-col-xs-push-14 { - position: relative; - left: 58.33333%; } - .el-col-xs-15 { - width: 62.5%; } - .el-col-xs-offset-15 { - margin-left: 62.5%; } - .el-col-xs-pull-15 { - position: relative; - right: 62.5%; } - .el-col-xs-push-15 { - position: relative; - left: 62.5%; } - .el-col-xs-16 { - width: 66.66667%; } - .el-col-xs-offset-16 { - margin-left: 66.66667%; } - .el-col-xs-pull-16 { - position: relative; - right: 66.66667%; } - .el-col-xs-push-16 { - position: relative; - left: 66.66667%; } - .el-col-xs-17 { - width: 70.83333%; } - .el-col-xs-offset-17 { - margin-left: 70.83333%; } - .el-col-xs-pull-17 { - position: relative; - right: 70.83333%; } - .el-col-xs-push-17 { - position: relative; - left: 70.83333%; } - .el-col-xs-18 { - width: 75%; } - .el-col-xs-offset-18 { - margin-left: 75%; } - .el-col-xs-pull-18 { - position: relative; - right: 75%; } - .el-col-xs-push-18 { - position: relative; - left: 75%; } - .el-col-xs-19 { - width: 79.16667%; } - .el-col-xs-offset-19 { - margin-left: 79.16667%; } - .el-col-xs-pull-19 { - position: relative; - right: 79.16667%; } - .el-col-xs-push-19 { - position: relative; - left: 79.16667%; } - .el-col-xs-20 { - width: 83.33333%; } - .el-col-xs-offset-20 { - margin-left: 83.33333%; } - .el-col-xs-pull-20 { - position: relative; - right: 83.33333%; } - .el-col-xs-push-20 { - position: relative; - left: 83.33333%; } - .el-col-xs-21 { - width: 87.5%; } - .el-col-xs-offset-21 { - margin-left: 87.5%; } - .el-col-xs-pull-21 { - position: relative; - right: 87.5%; } - .el-col-xs-push-21 { - position: relative; - left: 87.5%; } - .el-col-xs-22 { - width: 91.66667%; } - .el-col-xs-offset-22 { - margin-left: 91.66667%; } - .el-col-xs-pull-22 { - position: relative; - right: 91.66667%; } - .el-col-xs-push-22 { - position: relative; - left: 91.66667%; } - .el-col-xs-23 { - width: 95.83333%; } - .el-col-xs-offset-23 { - margin-left: 95.83333%; } - .el-col-xs-pull-23 { - position: relative; - right: 95.83333%; } - .el-col-xs-push-23 { - position: relative; - left: 95.83333%; } - .el-col-xs-24 { - width: 100%; } - .el-col-xs-offset-24 { - margin-left: 100%; } - .el-col-xs-pull-24 { - position: relative; - right: 100%; } - .el-col-xs-push-24 { - position: relative; - left: 100%; } } - -@media only screen and (min-width: 768px) { - .el-col-sm-0 { - display: none; } - .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.16667%; } - .el-col-sm-offset-1 { - margin-left: 4.16667%; } - .el-col-sm-pull-1 { - position: relative; - right: 4.16667%; } - .el-col-sm-push-1 { - position: relative; - left: 4.16667%; } - .el-col-sm-2 { - width: 8.33333%; } - .el-col-sm-offset-2 { - margin-left: 8.33333%; } - .el-col-sm-pull-2 { - position: relative; - right: 8.33333%; } - .el-col-sm-push-2 { - position: relative; - left: 8.33333%; } - .el-col-sm-3 { - width: 12.5%; } - .el-col-sm-offset-3 { - margin-left: 12.5%; } - .el-col-sm-pull-3 { - position: relative; - right: 12.5%; } - .el-col-sm-push-3 { - position: relative; - left: 12.5%; } - .el-col-sm-4 { - width: 16.66667%; } - .el-col-sm-offset-4 { - margin-left: 16.66667%; } - .el-col-sm-pull-4 { - position: relative; - right: 16.66667%; } - .el-col-sm-push-4 { - position: relative; - left: 16.66667%; } - .el-col-sm-5 { - width: 20.83333%; } - .el-col-sm-offset-5 { - margin-left: 20.83333%; } - .el-col-sm-pull-5 { - position: relative; - right: 20.83333%; } - .el-col-sm-push-5 { - position: relative; - left: 20.83333%; } - .el-col-sm-6 { - width: 25%; } - .el-col-sm-offset-6 { - margin-left: 25%; } - .el-col-sm-pull-6 { - position: relative; - right: 25%; } - .el-col-sm-push-6 { - position: relative; - left: 25%; } - .el-col-sm-7 { - width: 29.16667%; } - .el-col-sm-offset-7 { - margin-left: 29.16667%; } - .el-col-sm-pull-7 { - position: relative; - right: 29.16667%; } - .el-col-sm-push-7 { - position: relative; - left: 29.16667%; } - .el-col-sm-8 { - width: 33.33333%; } - .el-col-sm-offset-8 { - margin-left: 33.33333%; } - .el-col-sm-pull-8 { - position: relative; - right: 33.33333%; } - .el-col-sm-push-8 { - position: relative; - left: 33.33333%; } - .el-col-sm-9 { - width: 37.5%; } - .el-col-sm-offset-9 { - margin-left: 37.5%; } - .el-col-sm-pull-9 { - position: relative; - right: 37.5%; } - .el-col-sm-push-9 { - position: relative; - left: 37.5%; } - .el-col-sm-10 { - width: 41.66667%; } - .el-col-sm-offset-10 { - margin-left: 41.66667%; } - .el-col-sm-pull-10 { - position: relative; - right: 41.66667%; } - .el-col-sm-push-10 { - position: relative; - left: 41.66667%; } - .el-col-sm-11 { - width: 45.83333%; } - .el-col-sm-offset-11 { - margin-left: 45.83333%; } - .el-col-sm-pull-11 { - position: relative; - right: 45.83333%; } - .el-col-sm-push-11 { - position: relative; - left: 45.83333%; } - .el-col-sm-12 { - width: 50%; } - .el-col-sm-offset-12 { - margin-left: 50%; } - .el-col-sm-pull-12 { - position: relative; - right: 50%; } - .el-col-sm-push-12 { - position: relative; - left: 50%; } - .el-col-sm-13 { - width: 54.16667%; } - .el-col-sm-offset-13 { - margin-left: 54.16667%; } - .el-col-sm-pull-13 { - position: relative; - right: 54.16667%; } - .el-col-sm-push-13 { - position: relative; - left: 54.16667%; } - .el-col-sm-14 { - width: 58.33333%; } - .el-col-sm-offset-14 { - margin-left: 58.33333%; } - .el-col-sm-pull-14 { - position: relative; - right: 58.33333%; } - .el-col-sm-push-14 { - position: relative; - left: 58.33333%; } - .el-col-sm-15 { - width: 62.5%; } - .el-col-sm-offset-15 { - margin-left: 62.5%; } - .el-col-sm-pull-15 { - position: relative; - right: 62.5%; } - .el-col-sm-push-15 { - position: relative; - left: 62.5%; } - .el-col-sm-16 { - width: 66.66667%; } - .el-col-sm-offset-16 { - margin-left: 66.66667%; } - .el-col-sm-pull-16 { - position: relative; - right: 66.66667%; } - .el-col-sm-push-16 { - position: relative; - left: 66.66667%; } - .el-col-sm-17 { - width: 70.83333%; } - .el-col-sm-offset-17 { - margin-left: 70.83333%; } - .el-col-sm-pull-17 { - position: relative; - right: 70.83333%; } - .el-col-sm-push-17 { - position: relative; - left: 70.83333%; } - .el-col-sm-18 { - width: 75%; } - .el-col-sm-offset-18 { - margin-left: 75%; } - .el-col-sm-pull-18 { - position: relative; - right: 75%; } - .el-col-sm-push-18 { - position: relative; - left: 75%; } - .el-col-sm-19 { - width: 79.16667%; } - .el-col-sm-offset-19 { - margin-left: 79.16667%; } - .el-col-sm-pull-19 { - position: relative; - right: 79.16667%; } - .el-col-sm-push-19 { - position: relative; - left: 79.16667%; } - .el-col-sm-20 { - width: 83.33333%; } - .el-col-sm-offset-20 { - margin-left: 83.33333%; } - .el-col-sm-pull-20 { - position: relative; - right: 83.33333%; } - .el-col-sm-push-20 { - position: relative; - left: 83.33333%; } - .el-col-sm-21 { - width: 87.5%; } - .el-col-sm-offset-21 { - margin-left: 87.5%; } - .el-col-sm-pull-21 { - position: relative; - right: 87.5%; } - .el-col-sm-push-21 { - position: relative; - left: 87.5%; } - .el-col-sm-22 { - width: 91.66667%; } - .el-col-sm-offset-22 { - margin-left: 91.66667%; } - .el-col-sm-pull-22 { - position: relative; - right: 91.66667%; } - .el-col-sm-push-22 { - position: relative; - left: 91.66667%; } - .el-col-sm-23 { - width: 95.83333%; } - .el-col-sm-offset-23 { - margin-left: 95.83333%; } - .el-col-sm-pull-23 { - position: relative; - right: 95.83333%; } - .el-col-sm-push-23 { - position: relative; - left: 95.83333%; } - .el-col-sm-24 { - width: 100%; } - .el-col-sm-offset-24 { - margin-left: 100%; } - .el-col-sm-pull-24 { - position: relative; - right: 100%; } - .el-col-sm-push-24 { - position: relative; - left: 100%; } } - -@media only screen and (min-width: 992px) { - .el-col-md-0 { - display: none; } - .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.16667%; } - .el-col-md-offset-1 { - margin-left: 4.16667%; } - .el-col-md-pull-1 { - position: relative; - right: 4.16667%; } - .el-col-md-push-1 { - position: relative; - left: 4.16667%; } - .el-col-md-2 { - width: 8.33333%; } - .el-col-md-offset-2 { - margin-left: 8.33333%; } - .el-col-md-pull-2 { - position: relative; - right: 8.33333%; } - .el-col-md-push-2 { - position: relative; - left: 8.33333%; } - .el-col-md-3 { - width: 12.5%; } - .el-col-md-offset-3 { - margin-left: 12.5%; } - .el-col-md-pull-3 { - position: relative; - right: 12.5%; } - .el-col-md-push-3 { - position: relative; - left: 12.5%; } - .el-col-md-4 { - width: 16.66667%; } - .el-col-md-offset-4 { - margin-left: 16.66667%; } - .el-col-md-pull-4 { - position: relative; - right: 16.66667%; } - .el-col-md-push-4 { - position: relative; - left: 16.66667%; } - .el-col-md-5 { - width: 20.83333%; } - .el-col-md-offset-5 { - margin-left: 20.83333%; } - .el-col-md-pull-5 { - position: relative; - right: 20.83333%; } - .el-col-md-push-5 { - position: relative; - left: 20.83333%; } - .el-col-md-6 { - width: 25%; } - .el-col-md-offset-6 { - margin-left: 25%; } - .el-col-md-pull-6 { - position: relative; - right: 25%; } - .el-col-md-push-6 { - position: relative; - left: 25%; } - .el-col-md-7 { - width: 29.16667%; } - .el-col-md-offset-7 { - margin-left: 29.16667%; } - .el-col-md-pull-7 { - position: relative; - right: 29.16667%; } - .el-col-md-push-7 { - position: relative; - left: 29.16667%; } - .el-col-md-8 { - width: 33.33333%; } - .el-col-md-offset-8 { - margin-left: 33.33333%; } - .el-col-md-pull-8 { - position: relative; - right: 33.33333%; } - .el-col-md-push-8 { - position: relative; - left: 33.33333%; } - .el-col-md-9 { - width: 37.5%; } - .el-col-md-offset-9 { - margin-left: 37.5%; } - .el-col-md-pull-9 { - position: relative; - right: 37.5%; } - .el-col-md-push-9 { - position: relative; - left: 37.5%; } - .el-col-md-10 { - width: 41.66667%; } - .el-col-md-offset-10 { - margin-left: 41.66667%; } - .el-col-md-pull-10 { - position: relative; - right: 41.66667%; } - .el-col-md-push-10 { - position: relative; - left: 41.66667%; } - .el-col-md-11 { - width: 45.83333%; } - .el-col-md-offset-11 { - margin-left: 45.83333%; } - .el-col-md-pull-11 { - position: relative; - right: 45.83333%; } - .el-col-md-push-11 { - position: relative; - left: 45.83333%; } - .el-col-md-12 { - width: 50%; } - .el-col-md-offset-12 { - margin-left: 50%; } - .el-col-md-pull-12 { - position: relative; - right: 50%; } - .el-col-md-push-12 { - position: relative; - left: 50%; } - .el-col-md-13 { - width: 54.16667%; } - .el-col-md-offset-13 { - margin-left: 54.16667%; } - .el-col-md-pull-13 { - position: relative; - right: 54.16667%; } - .el-col-md-push-13 { - position: relative; - left: 54.16667%; } - .el-col-md-14 { - width: 58.33333%; } - .el-col-md-offset-14 { - margin-left: 58.33333%; } - .el-col-md-pull-14 { - position: relative; - right: 58.33333%; } - .el-col-md-push-14 { - position: relative; - left: 58.33333%; } - .el-col-md-15 { - width: 62.5%; } - .el-col-md-offset-15 { - margin-left: 62.5%; } - .el-col-md-pull-15 { - position: relative; - right: 62.5%; } - .el-col-md-push-15 { - position: relative; - left: 62.5%; } - .el-col-md-16 { - width: 66.66667%; } - .el-col-md-offset-16 { - margin-left: 66.66667%; } - .el-col-md-pull-16 { - position: relative; - right: 66.66667%; } - .el-col-md-push-16 { - position: relative; - left: 66.66667%; } - .el-col-md-17 { - width: 70.83333%; } - .el-col-md-offset-17 { - margin-left: 70.83333%; } - .el-col-md-pull-17 { - position: relative; - right: 70.83333%; } - .el-col-md-push-17 { - position: relative; - left: 70.83333%; } - .el-col-md-18 { - width: 75%; } - .el-col-md-offset-18 { - margin-left: 75%; } - .el-col-md-pull-18 { - position: relative; - right: 75%; } - .el-col-md-push-18 { - position: relative; - left: 75%; } - .el-col-md-19 { - width: 79.16667%; } - .el-col-md-offset-19 { - margin-left: 79.16667%; } - .el-col-md-pull-19 { - position: relative; - right: 79.16667%; } - .el-col-md-push-19 { - position: relative; - left: 79.16667%; } - .el-col-md-20 { - width: 83.33333%; } - .el-col-md-offset-20 { - margin-left: 83.33333%; } - .el-col-md-pull-20 { - position: relative; - right: 83.33333%; } - .el-col-md-push-20 { - position: relative; - left: 83.33333%; } - .el-col-md-21 { - width: 87.5%; } - .el-col-md-offset-21 { - margin-left: 87.5%; } - .el-col-md-pull-21 { - position: relative; - right: 87.5%; } - .el-col-md-push-21 { - position: relative; - left: 87.5%; } - .el-col-md-22 { - width: 91.66667%; } - .el-col-md-offset-22 { - margin-left: 91.66667%; } - .el-col-md-pull-22 { - position: relative; - right: 91.66667%; } - .el-col-md-push-22 { - position: relative; - left: 91.66667%; } - .el-col-md-23 { - width: 95.83333%; } - .el-col-md-offset-23 { - margin-left: 95.83333%; } - .el-col-md-pull-23 { - position: relative; - right: 95.83333%; } - .el-col-md-push-23 { - position: relative; - left: 95.83333%; } - .el-col-md-24 { - width: 100%; } - .el-col-md-offset-24 { - margin-left: 100%; } - .el-col-md-pull-24 { - position: relative; - right: 100%; } - .el-col-md-push-24 { - position: relative; - left: 100%; } } - -@media only screen and (min-width: 1200px) { - .el-col-lg-0 { - display: none; } - .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.16667%; } - .el-col-lg-offset-1 { - margin-left: 4.16667%; } - .el-col-lg-pull-1 { - position: relative; - right: 4.16667%; } - .el-col-lg-push-1 { - position: relative; - left: 4.16667%; } - .el-col-lg-2 { - width: 8.33333%; } - .el-col-lg-offset-2 { - margin-left: 8.33333%; } - .el-col-lg-pull-2 { - position: relative; - right: 8.33333%; } - .el-col-lg-push-2 { - position: relative; - left: 8.33333%; } - .el-col-lg-3 { - width: 12.5%; } - .el-col-lg-offset-3 { - margin-left: 12.5%; } - .el-col-lg-pull-3 { - position: relative; - right: 12.5%; } - .el-col-lg-push-3 { - position: relative; - left: 12.5%; } - .el-col-lg-4 { - width: 16.66667%; } - .el-col-lg-offset-4 { - margin-left: 16.66667%; } - .el-col-lg-pull-4 { - position: relative; - right: 16.66667%; } - .el-col-lg-push-4 { - position: relative; - left: 16.66667%; } - .el-col-lg-5 { - width: 20.83333%; } - .el-col-lg-offset-5 { - margin-left: 20.83333%; } - .el-col-lg-pull-5 { - position: relative; - right: 20.83333%; } - .el-col-lg-push-5 { - position: relative; - left: 20.83333%; } - .el-col-lg-6 { - width: 25%; } - .el-col-lg-offset-6 { - margin-left: 25%; } - .el-col-lg-pull-6 { - position: relative; - right: 25%; } - .el-col-lg-push-6 { - position: relative; - left: 25%; } - .el-col-lg-7 { - width: 29.16667%; } - .el-col-lg-offset-7 { - margin-left: 29.16667%; } - .el-col-lg-pull-7 { - position: relative; - right: 29.16667%; } - .el-col-lg-push-7 { - position: relative; - left: 29.16667%; } - .el-col-lg-8 { - width: 33.33333%; } - .el-col-lg-offset-8 { - margin-left: 33.33333%; } - .el-col-lg-pull-8 { - position: relative; - right: 33.33333%; } - .el-col-lg-push-8 { - position: relative; - left: 33.33333%; } - .el-col-lg-9 { - width: 37.5%; } - .el-col-lg-offset-9 { - margin-left: 37.5%; } - .el-col-lg-pull-9 { - position: relative; - right: 37.5%; } - .el-col-lg-push-9 { - position: relative; - left: 37.5%; } - .el-col-lg-10 { - width: 41.66667%; } - .el-col-lg-offset-10 { - margin-left: 41.66667%; } - .el-col-lg-pull-10 { - position: relative; - right: 41.66667%; } - .el-col-lg-push-10 { - position: relative; - left: 41.66667%; } - .el-col-lg-11 { - width: 45.83333%; } - .el-col-lg-offset-11 { - margin-left: 45.83333%; } - .el-col-lg-pull-11 { - position: relative; - right: 45.83333%; } - .el-col-lg-push-11 { - position: relative; - left: 45.83333%; } - .el-col-lg-12 { - width: 50%; } - .el-col-lg-offset-12 { - margin-left: 50%; } - .el-col-lg-pull-12 { - position: relative; - right: 50%; } - .el-col-lg-push-12 { - position: relative; - left: 50%; } - .el-col-lg-13 { - width: 54.16667%; } - .el-col-lg-offset-13 { - margin-left: 54.16667%; } - .el-col-lg-pull-13 { - position: relative; - right: 54.16667%; } - .el-col-lg-push-13 { - position: relative; - left: 54.16667%; } - .el-col-lg-14 { - width: 58.33333%; } - .el-col-lg-offset-14 { - margin-left: 58.33333%; } - .el-col-lg-pull-14 { - position: relative; - right: 58.33333%; } - .el-col-lg-push-14 { - position: relative; - left: 58.33333%; } - .el-col-lg-15 { - width: 62.5%; } - .el-col-lg-offset-15 { - margin-left: 62.5%; } - .el-col-lg-pull-15 { - position: relative; - right: 62.5%; } - .el-col-lg-push-15 { - position: relative; - left: 62.5%; } - .el-col-lg-16 { - width: 66.66667%; } - .el-col-lg-offset-16 { - margin-left: 66.66667%; } - .el-col-lg-pull-16 { - position: relative; - right: 66.66667%; } - .el-col-lg-push-16 { - position: relative; - left: 66.66667%; } - .el-col-lg-17 { - width: 70.83333%; } - .el-col-lg-offset-17 { - margin-left: 70.83333%; } - .el-col-lg-pull-17 { - position: relative; - right: 70.83333%; } - .el-col-lg-push-17 { - position: relative; - left: 70.83333%; } - .el-col-lg-18 { - width: 75%; } - .el-col-lg-offset-18 { - margin-left: 75%; } - .el-col-lg-pull-18 { - position: relative; - right: 75%; } - .el-col-lg-push-18 { - position: relative; - left: 75%; } - .el-col-lg-19 { - width: 79.16667%; } - .el-col-lg-offset-19 { - margin-left: 79.16667%; } - .el-col-lg-pull-19 { - position: relative; - right: 79.16667%; } - .el-col-lg-push-19 { - position: relative; - left: 79.16667%; } - .el-col-lg-20 { - width: 83.33333%; } - .el-col-lg-offset-20 { - margin-left: 83.33333%; } - .el-col-lg-pull-20 { - position: relative; - right: 83.33333%; } - .el-col-lg-push-20 { - position: relative; - left: 83.33333%; } - .el-col-lg-21 { - width: 87.5%; } - .el-col-lg-offset-21 { - margin-left: 87.5%; } - .el-col-lg-pull-21 { - position: relative; - right: 87.5%; } - .el-col-lg-push-21 { - position: relative; - left: 87.5%; } - .el-col-lg-22 { - width: 91.66667%; } - .el-col-lg-offset-22 { - margin-left: 91.66667%; } - .el-col-lg-pull-22 { - position: relative; - right: 91.66667%; } - .el-col-lg-push-22 { - position: relative; - left: 91.66667%; } - .el-col-lg-23 { - width: 95.83333%; } - .el-col-lg-offset-23 { - margin-left: 95.83333%; } - .el-col-lg-pull-23 { - position: relative; - right: 95.83333%; } - .el-col-lg-push-23 { - position: relative; - left: 95.83333%; } - .el-col-lg-24 { - width: 100%; } - .el-col-lg-offset-24 { - margin-left: 100%; } - .el-col-lg-pull-24 { - position: relative; - right: 100%; } - .el-col-lg-push-24 { - position: relative; - left: 100%; } } - -@media only screen and (min-width: 1920px) { - .el-col-xl-0 { - display: none; } - .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.16667%; } - .el-col-xl-offset-1 { - margin-left: 4.16667%; } - .el-col-xl-pull-1 { - position: relative; - right: 4.16667%; } - .el-col-xl-push-1 { - position: relative; - left: 4.16667%; } - .el-col-xl-2 { - width: 8.33333%; } - .el-col-xl-offset-2 { - margin-left: 8.33333%; } - .el-col-xl-pull-2 { - position: relative; - right: 8.33333%; } - .el-col-xl-push-2 { - position: relative; - left: 8.33333%; } - .el-col-xl-3 { - width: 12.5%; } - .el-col-xl-offset-3 { - margin-left: 12.5%; } - .el-col-xl-pull-3 { - position: relative; - right: 12.5%; } - .el-col-xl-push-3 { - position: relative; - left: 12.5%; } - .el-col-xl-4 { - width: 16.66667%; } - .el-col-xl-offset-4 { - margin-left: 16.66667%; } - .el-col-xl-pull-4 { - position: relative; - right: 16.66667%; } - .el-col-xl-push-4 { - position: relative; - left: 16.66667%; } - .el-col-xl-5 { - width: 20.83333%; } - .el-col-xl-offset-5 { - margin-left: 20.83333%; } - .el-col-xl-pull-5 { - position: relative; - right: 20.83333%; } - .el-col-xl-push-5 { - position: relative; - left: 20.83333%; } - .el-col-xl-6 { - width: 25%; } - .el-col-xl-offset-6 { - margin-left: 25%; } - .el-col-xl-pull-6 { - position: relative; - right: 25%; } - .el-col-xl-push-6 { - position: relative; - left: 25%; } - .el-col-xl-7 { - width: 29.16667%; } - .el-col-xl-offset-7 { - margin-left: 29.16667%; } - .el-col-xl-pull-7 { - position: relative; - right: 29.16667%; } - .el-col-xl-push-7 { - position: relative; - left: 29.16667%; } - .el-col-xl-8 { - width: 33.33333%; } - .el-col-xl-offset-8 { - margin-left: 33.33333%; } - .el-col-xl-pull-8 { - position: relative; - right: 33.33333%; } - .el-col-xl-push-8 { - position: relative; - left: 33.33333%; } - .el-col-xl-9 { - width: 37.5%; } - .el-col-xl-offset-9 { - margin-left: 37.5%; } - .el-col-xl-pull-9 { - position: relative; - right: 37.5%; } - .el-col-xl-push-9 { - position: relative; - left: 37.5%; } - .el-col-xl-10 { - width: 41.66667%; } - .el-col-xl-offset-10 { - margin-left: 41.66667%; } - .el-col-xl-pull-10 { - position: relative; - right: 41.66667%; } - .el-col-xl-push-10 { - position: relative; - left: 41.66667%; } - .el-col-xl-11 { - width: 45.83333%; } - .el-col-xl-offset-11 { - margin-left: 45.83333%; } - .el-col-xl-pull-11 { - position: relative; - right: 45.83333%; } - .el-col-xl-push-11 { - position: relative; - left: 45.83333%; } - .el-col-xl-12 { - width: 50%; } - .el-col-xl-offset-12 { - margin-left: 50%; } - .el-col-xl-pull-12 { - position: relative; - right: 50%; } - .el-col-xl-push-12 { - position: relative; - left: 50%; } - .el-col-xl-13 { - width: 54.16667%; } - .el-col-xl-offset-13 { - margin-left: 54.16667%; } - .el-col-xl-pull-13 { - position: relative; - right: 54.16667%; } - .el-col-xl-push-13 { - position: relative; - left: 54.16667%; } - .el-col-xl-14 { - width: 58.33333%; } - .el-col-xl-offset-14 { - margin-left: 58.33333%; } - .el-col-xl-pull-14 { - position: relative; - right: 58.33333%; } - .el-col-xl-push-14 { - position: relative; - left: 58.33333%; } - .el-col-xl-15 { - width: 62.5%; } - .el-col-xl-offset-15 { - margin-left: 62.5%; } - .el-col-xl-pull-15 { - position: relative; - right: 62.5%; } - .el-col-xl-push-15 { - position: relative; - left: 62.5%; } - .el-col-xl-16 { - width: 66.66667%; } - .el-col-xl-offset-16 { - margin-left: 66.66667%; } - .el-col-xl-pull-16 { - position: relative; - right: 66.66667%; } - .el-col-xl-push-16 { - position: relative; - left: 66.66667%; } - .el-col-xl-17 { - width: 70.83333%; } - .el-col-xl-offset-17 { - margin-left: 70.83333%; } - .el-col-xl-pull-17 { - position: relative; - right: 70.83333%; } - .el-col-xl-push-17 { - position: relative; - left: 70.83333%; } - .el-col-xl-18 { - width: 75%; } - .el-col-xl-offset-18 { - margin-left: 75%; } - .el-col-xl-pull-18 { - position: relative; - right: 75%; } - .el-col-xl-push-18 { - position: relative; - left: 75%; } - .el-col-xl-19 { - width: 79.16667%; } - .el-col-xl-offset-19 { - margin-left: 79.16667%; } - .el-col-xl-pull-19 { - position: relative; - right: 79.16667%; } - .el-col-xl-push-19 { - position: relative; - left: 79.16667%; } - .el-col-xl-20 { - width: 83.33333%; } - .el-col-xl-offset-20 { - margin-left: 83.33333%; } - .el-col-xl-pull-20 { - position: relative; - right: 83.33333%; } - .el-col-xl-push-20 { - position: relative; - left: 83.33333%; } - .el-col-xl-21 { - width: 87.5%; } - .el-col-xl-offset-21 { - margin-left: 87.5%; } - .el-col-xl-pull-21 { - position: relative; - right: 87.5%; } - .el-col-xl-push-21 { - position: relative; - left: 87.5%; } - .el-col-xl-22 { - width: 91.66667%; } - .el-col-xl-offset-22 { - margin-left: 91.66667%; } - .el-col-xl-pull-22 { - position: relative; - right: 91.66667%; } - .el-col-xl-push-22 { - position: relative; - left: 91.66667%; } - .el-col-xl-23 { - width: 95.83333%; } - .el-col-xl-offset-23 { - margin-left: 95.83333%; } - .el-col-xl-pull-23 { - position: relative; - right: 95.83333%; } - .el-col-xl-push-23 { - position: relative; - left: 95.83333%; } - .el-col-xl-24 { - width: 100%; } - .el-col-xl-offset-24 { - margin-left: 100%; } - .el-col-xl-pull-24 { - position: relative; - right: 100%; } - .el-col-xl-push-24 { - position: relative; - left: 100%; } } diff --git a/images/orange-demo-activiti-web/src/assets/theme/collapse-item.css b/images/orange-demo-activiti-web/src/assets/theme/collapse-item.css deleted file mode 100644 index e69de29b..00000000 diff --git a/images/orange-demo-activiti-web/src/assets/theme/collapse.css b/images/orange-demo-activiti-web/src/assets/theme/collapse.css deleted file mode 100644 index 2a9cd5eb..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/collapse.css +++ /dev/null @@ -1,543 +0,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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 #EBEEF5; - border-bottom: 1px solid #EBEEF5; } - -.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 #EBEEF5; - font-size: 13px; - font-weight: 500; - -webkit-transition: border-bottom-color .3s; - transition: border-bottom-color .3s; - outline: none; } - .el-collapse-item__arrow { - margin: 0 8px 0 auto; - -webkit-transition: -webkit-transform .3s; - transition: -webkit-transform .3s; - transition: transform .3s; - transition: transform .3s, -webkit-transform .3s; - font-weight: 300; } - .el-collapse-item__arrow.is-active { - -webkit-transform: rotate(90deg); - transform: rotate(90deg); } - .el-collapse-item__header.focusing:focus:not(:hover) { - color: #409EFF; } - .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 #EBEEF5; } - -.el-collapse-item__content { - padding-bottom: 25px; - font-size: 13px; - color: #303133; - line-height: 1.769230769230769; } - -.el-collapse-item:last-child { - margin-bottom: -1px; } diff --git a/images/orange-demo-activiti-web/src/assets/theme/color-picker.css b/images/orange-demo-activiti-web/src/assets/theme/color-picker.css deleted file mode 100644 index f7490856..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/color-picker.css +++ /dev/null @@ -1,545 +0,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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 #409EFF; - box-shadow: 0 0 3px 2px #409EFF; } - .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(white)); - background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 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(white)); - background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 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: #409EFF; - border-color: #409EFF; } - .el-color-dropdown__link-btn { - cursor: pointer; - color: #409EFF; - text-decoration: none; - padding: 15px; - font-size: 12px; } - .el-color-dropdown__link-btn:hover { - color: tint(#409EFF, 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 #EBEEF5; - 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); } diff --git a/images/orange-demo-activiti-web/src/assets/theme/container.css b/images/orange-demo-activiti-web/src/assets/theme/container.css deleted file mode 100644 index d6418086..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/container.css +++ /dev/null @@ -1,151 +0,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 ---------------------------*/ -/* 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; } diff --git a/images/orange-demo-activiti-web/src/assets/theme/date-picker.css b/images/orange-demo-activiti-web/src/assets/theme/date-picker.css deleted file mode 100644 index e9c086c1..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/date-picker.css +++ /dev/null @@ -1,3698 +0,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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #409EFF; - 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: #409EFF; } - .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: #409EFF; } - .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: #409EFF; } - .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: #409EFF; - 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 #EBEEF5; } - -/* Element Chalk Variables */ -/* Transition --------------------------- */ -/* Color --------------------------- */ -/* 53a8ff */ -/* 66b1ff */ -/* 79bbff */ -/* 8cc5ff */ -/* a0cfff */ -/* b3d8ff */ -/* c6e2ff */ -/* d9ecff */ -/* ecf5ff */ -/* Link --------------------------- */ -/* Border --------------------------- */ -/* Fill --------------------------- */ -/* Typography --------------------------- */ -/* Size --------------------------- */ -/* z-index --------------------------- */ -/* Disable base --------------------------- */ -/* Icon --------------------------- */ -/* Checkbox --------------------------- */ -/* Radio --------------------------- */ -/* Select --------------------------- */ -/* Alert --------------------------- */ -/* MessageBox --------------------------- */ -/* Message --------------------------- */ -/* Notification --------------------------- */ -/* Input --------------------------- */ -/* Cascader --------------------------- */ -/* Group --------------------------- */ -/* Tab --------------------------- */ -/* Button --------------------------- */ -/* cascader --------------------------- */ -/* Switch --------------------------- */ -/* Dialog --------------------------- */ -/* Table --------------------------- */ -/* Pagination --------------------------- */ -/* Popup --------------------------- */ -/* Popover --------------------------- */ -/* Tooltip --------------------------- */ -/* Tag --------------------------- */ -/* Tree --------------------------- */ -/* Dropdown --------------------------- */ -/* Badge --------------------------- */ -/* Card ---------------------------*/ -/* Slider ---------------------------*/ -/* Steps ---------------------------*/ -/* Menu ---------------------------*/ -/* Rate ---------------------------*/ -/* DatePicker ---------------------------*/ -/* Loading ---------------------------*/ -/* Scrollbar ---------------------------*/ -/* Carousel ---------------------------*/ -/* Collapse ---------------------------*/ -/* Transfer ---------------------------*/ -/* Header - --------------------------*/ -/* Footer ---------------------------*/ -/* Main ---------------------------*/ -/* Timeline ---------------------------*/ -/* Backtop ---------------------------*/ -/* Link ---------------------------*/ -/* Calendar ---------------------------*/ -/* Form --------------------------- */ -/* Avatar ---------------------------*/ -/* 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: #409EFF; - 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: #409EFF; } - .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: #409EFF; } - .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: #409EFF; } - -/* Element Chalk Variables */ -/* Transition --------------------------- */ -/* Color --------------------------- */ -/* 53a8ff */ -/* 66b1ff */ -/* 79bbff */ -/* 8cc5ff */ -/* a0cfff */ -/* b3d8ff */ -/* c6e2ff */ -/* d9ecff */ -/* ecf5ff */ -/* Link --------------------------- */ -/* Border --------------------------- */ -/* Fill --------------------------- */ -/* Typography --------------------------- */ -/* Size --------------------------- */ -/* z-index --------------------------- */ -/* Disable base --------------------------- */ -/* Icon --------------------------- */ -/* Checkbox --------------------------- */ -/* Radio --------------------------- */ -/* Select --------------------------- */ -/* Alert --------------------------- */ -/* MessageBox --------------------------- */ -/* Message --------------------------- */ -/* Notification --------------------------- */ -/* Input --------------------------- */ -/* Cascader --------------------------- */ -/* Group --------------------------- */ -/* Tab --------------------------- */ -/* Button --------------------------- */ -/* cascader --------------------------- */ -/* Switch --------------------------- */ -/* Dialog --------------------------- */ -/* Table --------------------------- */ -/* Pagination --------------------------- */ -/* Popup --------------------------- */ -/* Popover --------------------------- */ -/* Tooltip --------------------------- */ -/* Tag --------------------------- */ -/* Tree --------------------------- */ -/* Dropdown --------------------------- */ -/* Badge --------------------------- */ -/* Card ---------------------------*/ -/* Slider ---------------------------*/ -/* Steps ---------------------------*/ -/* Menu ---------------------------*/ -/* Rate ---------------------------*/ -/* DatePicker ---------------------------*/ -/* Loading ---------------------------*/ -/* Scrollbar ---------------------------*/ -/* Carousel ---------------------------*/ -/* Collapse ---------------------------*/ -/* Transfer ---------------------------*/ -/* Header - --------------------------*/ -/* Footer ---------------------------*/ -/* Main ---------------------------*/ -/* Timeline ---------------------------*/ -/* Backtop ---------------------------*/ -/* Link ---------------------------*/ -/* Calendar ---------------------------*/ -/* Form --------------------------- */ -/* Avatar ---------------------------*/ -/* 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: #409EFF; - 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: #409EFF; } - .el-year-table td.current:not(.disabled) .cell { - color: #409EFF; } - -/* Element Chalk Variables */ -/* Transition --------------------------- */ -/* Color --------------------------- */ -/* 53a8ff */ -/* 66b1ff */ -/* 79bbff */ -/* 8cc5ff */ -/* a0cfff */ -/* b3d8ff */ -/* c6e2ff */ -/* d9ecff */ -/* ecf5ff */ -/* Link --------------------------- */ -/* Border --------------------------- */ -/* Fill --------------------------- */ -/* Typography --------------------------- */ -/* Size --------------------------- */ -/* z-index --------------------------- */ -/* Disable base --------------------------- */ -/* Icon --------------------------- */ -/* Checkbox --------------------------- */ -/* Radio --------------------------- */ -/* Select --------------------------- */ -/* Alert --------------------------- */ -/* MessageBox --------------------------- */ -/* Message --------------------------- */ -/* Notification --------------------------- */ -/* Input --------------------------- */ -/* Cascader --------------------------- */ -/* Group --------------------------- */ -/* Tab --------------------------- */ -/* Button --------------------------- */ -/* cascader --------------------------- */ -/* Switch --------------------------- */ -/* Dialog --------------------------- */ -/* Table --------------------------- */ -/* Pagination --------------------------- */ -/* Popup --------------------------- */ -/* Popover --------------------------- */ -/* Tooltip --------------------------- */ -/* Tag --------------------------- */ -/* Tree --------------------------- */ -/* Dropdown --------------------------- */ -/* Badge --------------------------- */ -/* Card ---------------------------*/ -/* Slider ---------------------------*/ -/* Steps ---------------------------*/ -/* Menu ---------------------------*/ -/* Rate ---------------------------*/ -/* DatePicker ---------------------------*/ -/* Loading ---------------------------*/ -/* Scrollbar ---------------------------*/ -/* Carousel ---------------------------*/ -/* Collapse ---------------------------*/ -/* Transfer ---------------------------*/ -/* Header - --------------------------*/ -/* Footer ---------------------------*/ -/* Main ---------------------------*/ -/* Timeline ---------------------------*/ -/* Backtop ---------------------------*/ -/* Link ---------------------------*/ -/* Calendar ---------------------------*/ -/* Form --------------------------- */ -/* Avatar ---------------------------*/ -/* 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: #409EFF; } - .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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::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: #409EFF; } - .el-range-editor.is-active:hover { - border-color: #409EFF; } - -.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: #E4E7ED; - color: #C0C4CC; - cursor: not-allowed; } - .el-range-editor.is-disabled:hover, .el-range-editor.is-disabled:focus { - border-color: #E4E7ED; } - .el-range-editor.is-disabled input { - background-color: #F5F7FA; - color: #C0C4CC; - cursor: not-allowed; } - .el-range-editor.is-disabled input::-webkit-input-placeholder { - color: #C0C4CC; } - .el-range-editor.is-disabled input::-moz-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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* Break-point ---------------------------*/ -.el-picker-panel { - color: #606266; - border: 1px solid #E4E7ED; - -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: #409EFF; } - .el-picker-panel__shortcut.active { - background-color: #e6f1fe; - color: #409EFF; } - .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: #409EFF; } - .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 #EBEEF5; } - .el-date-picker__header--bordered + .el-picker-panel__content { - margin-top: 0; } - .el-date-picker__header-label { - font-size: 16px; - font-weight: 500; - padding: 0 5px; - line-height: 22px; - text-align: center; - cursor: pointer; - color: #606266; } - .el-date-picker__header-label:hover { - color: #409EFF; } - .el-date-picker__header-label.active { - color: #409EFF; } - .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 #E4E7ED; } - -/* Element Chalk Variables */ -/* Transition --------------------------- */ -/* Color --------------------------- */ -/* 53a8ff */ -/* 66b1ff */ -/* 79bbff */ -/* 8cc5ff */ -/* a0cfff */ -/* b3d8ff */ -/* c6e2ff */ -/* d9ecff */ -/* ecf5ff */ -/* Link --------------------------- */ -/* Border --------------------------- */ -/* Fill --------------------------- */ -/* Typography --------------------------- */ -/* Size --------------------------- */ -/* z-index --------------------------- */ -/* Disable base --------------------------- */ -/* Icon --------------------------- */ -/* Checkbox --------------------------- */ -/* Radio --------------------------- */ -/* Select --------------------------- */ -/* Alert --------------------------- */ -/* MessageBox --------------------------- */ -/* Message --------------------------- */ -/* Notification --------------------------- */ -/* Input --------------------------- */ -/* Cascader --------------------------- */ -/* Group --------------------------- */ -/* Tab --------------------------- */ -/* Button --------------------------- */ -/* cascader --------------------------- */ -/* Switch --------------------------- */ -/* Dialog --------------------------- */ -/* Table --------------------------- */ -/* Pagination --------------------------- */ -/* Popup --------------------------- */ -/* Popover --------------------------- */ -/* Tooltip --------------------------- */ -/* Tag --------------------------- */ -/* Tree --------------------------- */ -/* Dropdown --------------------------- */ -/* Badge --------------------------- */ -/* Card ---------------------------*/ -/* Slider ---------------------------*/ -/* Steps ---------------------------*/ -/* Menu ---------------------------*/ -/* Rate ---------------------------*/ -/* DatePicker ---------------------------*/ -/* Loading ---------------------------*/ -/* Scrollbar ---------------------------*/ -/* Carousel ---------------------------*/ -/* Collapse ---------------------------*/ -/* Transfer ---------------------------*/ -/* Header - --------------------------*/ -/* Footer ---------------------------*/ -/* Main ---------------------------*/ -/* Timeline ---------------------------*/ -/* Backtop ---------------------------*/ -/* Link ---------------------------*/ -/* Calendar ---------------------------*/ -/* Form --------------------------- */ -/* Avatar ---------------------------*/ -/* Break-point ---------------------------*/ -.el-time-panel { - margin: 5px 0; - border: solid 1px #E4E7ED; - 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 #E4E7ED; - border-bottom: 1px solid #E4E7ED; } - .el-time-panel__content::after { - left: 50%; - margin-left: 12%; - margin-right: 12%; } - .el-time-panel__content::before { - padding-left: 50%; - margin-right: 12%; - margin-left: 12%; } - .el-time-panel__content.has-seconds::after { - left: calc(100% / 3 * 2); } - .el-time-panel__content.has-seconds::before { - padding-left: calc(100% / 3); } - .el-time-panel__footer { - border-top: 1px solid #e4e4e4; - padding: 4px; - height: 36px; - line-height: 25px; - text-align: right; - -webkit-box-sizing: border-box; - box-sizing: border-box; } - .el-time-panel__btn { - border: none; - line-height: 28px; - padding: 0 5px; - margin: 0 5px; - cursor: pointer; - background-color: transparent; - outline: none; - font-size: 12px; - color: #303133; } - .el-time-panel__btn.confirm { - font-weight: 800; - color: #409EFF; } - -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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::placeholder { - color: #C0C4CC; } - .el-textarea__inner:hover { - border-color: #C0C4CC; } - .el-textarea__inner:focus { - outline: none; - border-color: #409EFF; } - .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: #E4E7ED; - color: #C0C4CC; - cursor: not-allowed; } - .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { - color: #C0C4CC; } - .el-textarea.is-disabled .el-textarea__inner::-moz-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: #F56C6C; } - .el-textarea.is-exceed .el-input__count { - color: #F56C6C; } - -.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::-webkit-input-placeholder { - color: #C0C4CC; } - .el-input__inner::-moz-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: #409EFF; } - .el-input__suffix { - position: absolute; - height: 100%; - right: 5px; - top: 0; - text-align: center; - color: #C0C4CC; - -webkit-transition: all .3s; - transition: all .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 .3s; - transition: all .3s; } - .el-input__icon { - height: 100%; - width: 25px; - text-align: center; - -webkit-transition: all .3s; - transition: all .3s; - line-height: 40px; } - .el-input__icon:after { - content: ''; - height: 100%; - width: 0; - display: inline-block; - vertical-align: middle; } - .el-input__validateIcon { - pointer-events: none; } - .el-input.is-active .el-input__inner { - outline: none; - border-color: #409EFF; } - .el-input.is-disabled .el-input__inner { - background-color: #F5F7FA; - border-color: #E4E7ED; - color: #C0C4CC; - cursor: not-allowed; } - .el-input.is-disabled .el-input__inner::-webkit-input-placeholder { - color: #C0C4CC; } - .el-input.is-disabled .el-input__inner::-moz-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: #F56C6C; } - .el-input.is-exceed .el-input__suffix .el-input__count { - color: #F56C6C; } - .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: .3s background-color; - transition: .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #EBEEF5; - 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: #EBEEF5; } - .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: #EBEEF5; - 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: #EBEEF5; } - .el-popper[x-placement^="left"] .popper__arrow::after { - right: 1px; - bottom: -6px; - margin-left: -6px; - border-right-width: 0; - border-left-color: #FFFFFF; } diff --git a/images/orange-demo-activiti-web/src/assets/theme/dialog.css b/images/orange-demo-activiti-web/src/assets/theme/dialog.css deleted file mode 100644 index 56697226..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/dialog.css +++ /dev/null @@ -1,651 +0,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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* Break-point ---------------------------*/ -/* Break-points - -------------------------- */ -/* Scrollbar - -------------------------- */ -/* Placeholder - -------------------------- */ -/* BEM - -------------------------- */ -.v-modal-enter { - -webkit-animation: v-modal-in .2s ease; - animation: v-modal-in .2s ease; } - -.v-modal-leave { - -webkit-animation: v-modal-out .2s ease forwards; - animation: v-modal-out .2s ease forwards; } - -@-webkit-keyframes v-modal-in { - 0% { - opacity: 0; } - 100% { } } - -@keyframes v-modal-in { - 0% { - opacity: 0; } - 100% { } } - -@-webkit-keyframes v-modal-out { - 0% { } - 100% { - opacity: 0; } } - -@keyframes v-modal-out { - 0% { } - 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: #409EFF; } - .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 .3s; - animation: dialog-fade-in .3s; } - -.dialog-fade-leave-active { - -webkit-animation: dialog-fade-out .3s; - animation: dialog-fade-out .3s; } - -@-webkit-keyframes dialog-fade-in { - 0% { - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); - opacity: 0; } - 100% { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - opacity: 1; } } - -@keyframes dialog-fade-in { - 0% { - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); - opacity: 0; } - 100% { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - opacity: 1; } } - -@-webkit-keyframes dialog-fade-out { - 0% { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - opacity: 1; } - 100% { - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); - opacity: 0; } } - -@keyframes dialog-fade-out { - 0% { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - opacity: 1; } - 100% { - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); - opacity: 0; } } diff --git a/images/orange-demo-activiti-web/src/assets/theme/display.css b/images/orange-demo-activiti-web/src/assets/theme/display.css deleted file mode 100644 index fdd5fa97..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/display.css +++ /dev/null @@ -1,293 +0,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 ---------------------------*/ -/* 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 ---------------------------*/ -/* Break-point ---------------------------*/ -/* Break-points - -------------------------- */ -/* Scrollbar - -------------------------- */ -/* Placeholder - -------------------------- */ -/* BEM - -------------------------- */ -@media only screen and (max-width: 767px) { - .hidden-xs-only { - display: none !important; } } - -@media only screen and (min-width: 768px) { - .hidden-sm-and-up { - display: none !important; } } - -@media only screen and (min-width: 768px) and (max-width: 991px) { - .hidden-sm-only { - display: none !important; } } - -@media only screen and (max-width: 991px) { - .hidden-sm-and-down { - display: none !important; } } - -@media only screen and (min-width: 992px) { - .hidden-md-and-up { - display: none !important; } } - -@media only screen and (min-width: 992px) and (max-width: 1199px) { - .hidden-md-only { - display: none !important; } } - -@media only screen and (max-width: 1199px) { - .hidden-md-and-down { - display: none !important; } } - -@media only screen and (min-width: 1200px) { - .hidden-lg-and-up { - display: none !important; } } - -@media only screen and (min-width: 1200px) and (max-width: 1919px) { - .hidden-lg-only { - display: none !important; } } - -@media only screen and (max-width: 1919px) { - .hidden-lg-and-down { - display: none !important; } } - -@media only screen and (min-width: 1920px) { - .hidden-xl-only { - display: none !important; } } diff --git a/images/orange-demo-activiti-web/src/assets/theme/divider.css b/images/orange-demo-activiti-web/src/assets/theme/divider.css deleted file mode 100644 index 1896251b..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/divider.css +++ /dev/null @@ -1,284 +0,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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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%); } diff --git a/images/orange-demo-activiti-web/src/assets/theme/drawer.css b/images/orange-demo-activiti-web/src/assets/theme/drawer.css deleted file mode 100644 index da742d4c..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/drawer.css +++ /dev/null @@ -1,503 +0,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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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; } - .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: #72767b; - 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; } - .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 .3s; - animation: el-drawer-fade-in .3s; } - -.el-drawer-fade-leave-active { - animation: el-drawer-fade-in .3s reverse; } diff --git a/images/orange-demo-activiti-web/src/assets/theme/dropdown-item.css b/images/orange-demo-activiti-web/src/assets/theme/dropdown-item.css deleted file mode 100644 index e69de29b..00000000 diff --git a/images/orange-demo-activiti-web/src/assets/theme/dropdown-menu.css b/images/orange-demo-activiti-web/src/assets/theme/dropdown-menu.css deleted file mode 100644 index e69de29b..00000000 diff --git a/images/orange-demo-activiti-web/src/assets/theme/dropdown.css b/images/orange-demo-activiti-web/src/assets/theme/dropdown.css deleted file mode 100644 index 74aecbef..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/dropdown.css +++ /dev/null @@ -1,1451 +0,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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: .1s; - transition: .1s; - font-weight: 500; - -moz-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; - padding: 12px 20px; - font-size: 14px; - border-radius: 4px; } - .el-button + .el-button { - margin-left: 10px; } - .el-button.is-round { - padding: 12px 20px; } - .el-button:hover, .el-button:focus { - color: #409EFF; - border-color: #c6e2ff; - background-color: #ecf5ff; } - .el-button:active { - color: #3a8ee6; - border-color: #3a8ee6; - 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: #409EFF; - color: #409EFF; } - .el-button.is-plain:active { - background: #FFFFFF; - border-color: #3a8ee6; - color: #3a8ee6; - outline: none; } - .el-button.is-active { - color: #3a8ee6; - border-color: #3a8ee6; } - .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: #EBEEF5; } - .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: #EBEEF5; - color: #C0C4CC; } - .el-button.is-loading { - position: relative; - pointer-events: none; } - .el-button.is-loading:before { - pointer-events: none; - content: ''; - position: absolute; - left: -1px; - top: -1px; - right: -1px; - bottom: -1px; - border-radius: inherit; - background-color: rgba(255, 255, 255, 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: #409EFF; - border-color: #409EFF; } - .el-button--primary:hover, .el-button--primary:focus { - background: #66b1ff; - border-color: #66b1ff; - color: #FFFFFF; } - .el-button--primary:active { - background: #3a8ee6; - border-color: #3a8ee6; - color: #FFFFFF; - outline: none; } - .el-button--primary.is-active { - background: #3a8ee6; - border-color: #3a8ee6; - 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: #a0cfff; - border-color: #a0cfff; } - .el-button--primary.is-plain { - color: #409EFF; - background: #ecf5ff; - border-color: #b3d8ff; } - .el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus { - background: #409EFF; - border-color: #409EFF; - color: #FFFFFF; } - .el-button--primary.is-plain:active { - background: #3a8ee6; - border-color: #3a8ee6; - 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: #8cc5ff; - background-color: #ecf5ff; - border-color: #d9ecff; } - .el-button--success { - color: #FFFFFF; - background-color: #67C23A; - border-color: #67C23A; } - .el-button--success:hover, .el-button--success:focus { - background: #85ce61; - border-color: #85ce61; - color: #FFFFFF; } - .el-button--success:active { - background: #5daf34; - border-color: #5daf34; - color: #FFFFFF; - outline: none; } - .el-button--success.is-active { - background: #5daf34; - border-color: #5daf34; - 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: #b3e19d; - border-color: #b3e19d; } - .el-button--success.is-plain { - color: #67C23A; - background: #f0f9eb; - border-color: #c2e7b0; } - .el-button--success.is-plain:hover, .el-button--success.is-plain:focus { - background: #67C23A; - border-color: #67C23A; - color: #FFFFFF; } - .el-button--success.is-plain:active { - background: #5daf34; - border-color: #5daf34; - 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: #a4da89; - background-color: #f0f9eb; - border-color: #e1f3d8; } - .el-button--warning { - color: #FFFFFF; - background-color: #E6A23C; - border-color: #E6A23C; } - .el-button--warning:hover, .el-button--warning:focus { - background: #ebb563; - border-color: #ebb563; - color: #FFFFFF; } - .el-button--warning:active { - background: #cf9236; - border-color: #cf9236; - color: #FFFFFF; - outline: none; } - .el-button--warning.is-active { - background: #cf9236; - border-color: #cf9236; - 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: #f3d19e; - border-color: #f3d19e; } - .el-button--warning.is-plain { - color: #E6A23C; - background: #fdf6ec; - border-color: #f5dab1; } - .el-button--warning.is-plain:hover, .el-button--warning.is-plain:focus { - background: #E6A23C; - border-color: #E6A23C; - color: #FFFFFF; } - .el-button--warning.is-plain:active { - background: #cf9236; - border-color: #cf9236; - 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: #f0c78a; - background-color: #fdf6ec; - border-color: #faecd8; } - .el-button--danger { - color: #FFFFFF; - background-color: #F56C6C; - border-color: #F56C6C; } - .el-button--danger:hover, .el-button--danger:focus { - background: #f78989; - border-color: #f78989; - color: #FFFFFF; } - .el-button--danger:active { - background: #dd6161; - border-color: #dd6161; - color: #FFFFFF; - outline: none; } - .el-button--danger.is-active { - background: #dd6161; - border-color: #dd6161; - 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: #fab6b6; - border-color: #fab6b6; } - .el-button--danger.is-plain { - color: #F56C6C; - background: #fef0f0; - border-color: #fbc4c4; } - .el-button--danger.is-plain:hover, .el-button--danger.is-plain:focus { - background: #F56C6C; - border-color: #F56C6C; - color: #FFFFFF; } - .el-button--danger.is-plain:active { - background: #dd6161; - border-color: #dd6161; - 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: #f9a7a7; - background-color: #fef0f0; - border-color: #fde2e2; } - .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: #409EFF; - background: transparent; - padding-left: 0; - padding-right: 0; } - .el-button--text:hover, .el-button--text:focus { - color: #66b1ff; - border-color: transparent; - background-color: transparent; } - .el-button--text:active { - color: #3a8ee6; - 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:hover, .el-button-group > .el-button:focus, .el-button-group > .el-button: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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #EBEEF5; - 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: #EBEEF5; } - .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: #EBEEF5; - 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: #EBEEF5; } - .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::before { - top: 0; - bottom: 0; } - .el-dropdown .el-dropdown__caret-button .el-dropdown__icon { - padding-left: 0; } - .el-dropdown__icon { - font-size: 12px; - margin: 0 3px; } - .el-dropdown .el-dropdown-selfdefine:focus:active, .el-dropdown .el-dropdown-selfdefine:focus:not(.focusing) { - outline-width: 0; } - -.el-dropdown-menu { - position: absolute; - top: 0; - left: 0; - z-index: 10; - padding: 10px 0; - margin: 5px 0; - background-color: #FFFFFF; - border: 1px solid #EBEEF5; - 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: #ecf5ff; - color: #66b1ff; } - .el-dropdown-menu__item i { - margin-right: 5px; } - .el-dropdown-menu__item--divided { - position: relative; - margin-top: 6px; - border-top: 1px solid #EBEEF5; } - .el-dropdown-menu__item--divided:before { - content: ''; - height: 6px; - display: block; - margin: 0 -20px; - background-color: #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; } diff --git a/images/orange-demo-activiti-web/src/assets/theme/element-variables-blue.css b/images/orange-demo-activiti-web/src/assets/theme/element-variables-blue.css deleted file mode 100644 index c38c578c..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/element-variables-blue.css +++ /dev/null @@ -1,120 +0,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 ---------------------------*/ -/* Break-point ---------------------------*/ diff --git a/images/orange-demo-activiti-web/src/assets/theme/element-variables-dark.css b/images/orange-demo-activiti-web/src/assets/theme/element-variables-dark.css deleted file mode 100644 index c38c578c..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/element-variables-dark.css +++ /dev/null @@ -1,120 +0,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 ---------------------------*/ -/* Break-point ---------------------------*/ diff --git a/images/orange-demo-activiti-web/src/assets/theme/element-variables-green.css b/images/orange-demo-activiti-web/src/assets/theme/element-variables-green.css deleted file mode 100644 index c38c578c..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/element-variables-green.css +++ /dev/null @@ -1,120 +0,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 ---------------------------*/ -/* Break-point ---------------------------*/ diff --git a/images/orange-demo-activiti-web/src/assets/theme/element-variables-light.css b/images/orange-demo-activiti-web/src/assets/theme/element-variables-light.css deleted file mode 100644 index c38c578c..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/element-variables-light.css +++ /dev/null @@ -1,120 +0,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 ---------------------------*/ -/* Break-point ---------------------------*/ diff --git a/images/orange-demo-activiti-web/src/assets/theme/element-variables-orange.css b/images/orange-demo-activiti-web/src/assets/theme/element-variables-orange.css deleted file mode 100644 index c38c578c..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/element-variables-orange.css +++ /dev/null @@ -1,120 +0,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 ---------------------------*/ -/* Break-point ---------------------------*/ diff --git a/images/orange-demo-activiti-web/src/assets/theme/element-variables.css b/images/orange-demo-activiti-web/src/assets/theme/element-variables.css deleted file mode 100644 index c38c578c..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/element-variables.css +++ /dev/null @@ -1,120 +0,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 ---------------------------*/ -/* Break-point ---------------------------*/ diff --git a/images/orange-demo-activiti-web/src/assets/theme/fonts/element-icons.ttf b/images/orange-demo-activiti-web/src/assets/theme/fonts/element-icons.ttf deleted file mode 100644 index 91b74de3..00000000 Binary files a/images/orange-demo-activiti-web/src/assets/theme/fonts/element-icons.ttf and /dev/null differ diff --git a/images/orange-demo-activiti-web/src/assets/theme/fonts/element-icons.woff b/images/orange-demo-activiti-web/src/assets/theme/fonts/element-icons.woff deleted file mode 100644 index 02b9a253..00000000 Binary files a/images/orange-demo-activiti-web/src/assets/theme/fonts/element-icons.woff and /dev/null differ diff --git a/images/orange-demo-activiti-web/src/assets/theme/footer.css b/images/orange-demo-activiti-web/src/assets/theme/footer.css deleted file mode 100644 index 36cf5cf8..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/footer.css +++ /dev/null @@ -1,256 +0,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 ---------------------------*/ -/* 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 ---------------------------*/ -/* Break-point ---------------------------*/ -.el-footer { - padding: 0 20px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -ms-flex-negative: 0; - flex-shrink: 0; } diff --git a/images/orange-demo-activiti-web/src/assets/theme/form-item.css b/images/orange-demo-activiti-web/src/assets/theme/form-item.css deleted file mode 100644 index e69de29b..00000000 diff --git a/images/orange-demo-activiti-web/src/assets/theme/form.css b/images/orange-demo-activiti-web/src/assets/theme/form.css deleted file mode 100644 index 8644193c..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/form.css +++ /dev/null @@ -1,364 +0,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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #F56C6C; - font-size: 12px; - line-height: 1; - padding-top: 4px; - position: absolute; - top: 100%; - left: 0; } - .el-form-item__error--inline { - position: relative; - top: auto; - left: auto; - display: inline-block; - margin-left: 10px; } - .el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before, - .el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap > .el-form-item__label:before { - content: '*'; - color: #F56C6C; - margin-right: 4px; } - .el-form-item.is-error .el-input__inner, .el-form-item.is-error .el-input__inner:focus, - .el-form-item.is-error .el-textarea__inner, - .el-form-item.is-error .el-textarea__inner:focus { - border-color: #F56C6C; } - .el-form-item.is-error .el-input-group__append .el-input__inner, - .el-form-item.is-error .el-input-group__prepend .el-input__inner { - border-color: transparent; } - .el-form-item.is-error .el-input__validateIcon { - color: #F56C6C; } - .el-form-item--feedback .el-input__validateIcon { - display: inline-block; } diff --git a/images/orange-demo-activiti-web/src/assets/theme/header.css b/images/orange-demo-activiti-web/src/assets/theme/header.css deleted file mode 100644 index ec740ca6..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/header.css +++ /dev/null @@ -1,256 +0,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 ---------------------------*/ -/* 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 ---------------------------*/ -/* Break-point ---------------------------*/ -.el-header { - padding: 0 20px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -ms-flex-negative: 0; - flex-shrink: 0; } diff --git a/images/orange-demo-activiti-web/src/assets/theme/icon.css b/images/orange-demo-activiti-web/src/assets/theme/icon.css deleted file mode 100644 index 8bc8c6b5..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/icon.css +++ /dev/null @@ -1,1008 +0,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 ---------------------------*/ -/* Break-point ---------------------------*/ -@font-face { - font-family: 'element-icons'; - src: url("fonts/element-icons.woff") format("woff"), url("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); } } diff --git a/images/orange-demo-activiti-web/src/assets/theme/image.css b/images/orange-demo-activiti-web/src/assets/theme/image.css deleted file mode 100644 index 80973022..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/image.css +++ /dev/null @@ -1,443 +0,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 ---------------------------*/ -/* 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 ---------------------------*/ -/* Break-point ---------------------------*/ -.el-image__inner, .el-image__placeholder, .el-image__error { - 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: .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: 40px; } - -.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: .5; - background: #000; } - -.viewer-fade-enter-active { - -webkit-animation: viewer-fade-in .3s; - animation: viewer-fade-in .3s; } - -.viewer-fade-leave-active { - -webkit-animation: viewer-fade-out .3s; - animation: viewer-fade-out .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; } } diff --git a/images/orange-demo-activiti-web/src/assets/theme/index.css b/images/orange-demo-activiti-web/src/assets/theme/index.css deleted file mode 100644 index d9dac33d..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/index.css +++ /dev/null @@ -1,57046 +0,0 @@ -@charset "UTF-8"; -/* Element Chalk Variables */ -/* Transition --------------------------- */ -/* Color --------------------------- */ -/* 53a8ff */ -/* 66b1ff */ -/* 79bbff */ -/* 8cc5ff */ -/* a0cfff */ -/* b3d8ff */ -/* c6e2ff */ -/* d9ecff */ -/* ecf5ff */ -/* Link --------------------------- */ -/* Border --------------------------- */ -/* Fill --------------------------- */ -/* Typography --------------------------- */ -/* Size --------------------------- */ -/* z-index --------------------------- */ -/* Disable base --------------------------- */ -/* Icon --------------------------- */ -/* Checkbox --------------------------- */ -/* Radio --------------------------- */ -/* Select --------------------------- */ -/* Alert --------------------------- */ -/* MessageBox --------------------------- */ -/* Message --------------------------- */ -/* Notification --------------------------- */ -/* Input --------------------------- */ -/* Cascader --------------------------- */ -/* Group --------------------------- */ -/* Tab --------------------------- */ -/* Button --------------------------- */ -/* cascader --------------------------- */ -/* Switch --------------------------- */ -/* Dialog --------------------------- */ -/* Table --------------------------- */ -/* Pagination --------------------------- */ -/* Popup --------------------------- */ -/* Popover --------------------------- */ -/* Tooltip --------------------------- */ -/* Tag --------------------------- */ -/* Tree --------------------------- */ -/* Dropdown --------------------------- */ -/* Badge --------------------------- */ -/* Card ---------------------------*/ -/* Slider ---------------------------*/ -/* Steps ---------------------------*/ -/* Menu ---------------------------*/ -/* Rate ---------------------------*/ -/* DatePicker ---------------------------*/ -/* Loading ---------------------------*/ -/* Scrollbar ---------------------------*/ -/* Carousel ---------------------------*/ -/* Collapse ---------------------------*/ -/* Transfer ---------------------------*/ -/* Header - --------------------------*/ -/* Footer ---------------------------*/ -/* Main ---------------------------*/ -/* Timeline ---------------------------*/ -/* Backtop ---------------------------*/ -/* Link ---------------------------*/ -/* Calendar ---------------------------*/ -/* Form --------------------------- */ -/* Avatar ---------------------------*/ -/* 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 ---------------------------*/ -/* Break-point ---------------------------*/ -@font-face { - font-family: 'element-icons'; - src: url("fonts/element-icons.woff") format("woff"), url("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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #EBEEF5; - 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: #EBEEF5; } - .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: #EBEEF5; - 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: #EBEEF5; } - .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 #E4E7ED; - 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.selected { - color: #409EFF; - 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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::placeholder { - color: #C0C4CC; } - .el-textarea__inner:hover { - border-color: #C0C4CC; } - .el-textarea__inner:focus { - outline: none; - border-color: #409EFF; } - .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: #E4E7ED; - color: #C0C4CC; - cursor: not-allowed; } - .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { - color: #C0C4CC; } - .el-textarea.is-disabled .el-textarea__inner::-moz-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: #F56C6C; } - .el-textarea.is-exceed .el-input__count { - color: #F56C6C; } - -.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::-webkit-input-placeholder { - color: #C0C4CC; } - .el-input__inner::-moz-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: #409EFF; } - .el-input__suffix { - position: absolute; - height: 100%; - right: 5px; - top: 0; - text-align: center; - color: #C0C4CC; - -webkit-transition: all .3s; - transition: all .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 .3s; - transition: all .3s; } - .el-input__icon { - height: 100%; - width: 25px; - text-align: center; - -webkit-transition: all .3s; - transition: all .3s; - line-height: 40px; } - .el-input__icon:after { - content: ''; - height: 100%; - width: 0; - display: inline-block; - vertical-align: middle; } - .el-input__validateIcon { - pointer-events: none; } - .el-input.is-active .el-input__inner { - outline: none; - border-color: #409EFF; } - .el-input.is-disabled .el-input__inner { - background-color: #F5F7FA; - border-color: #E4E7ED; - color: #C0C4CC; - cursor: not-allowed; } - .el-input.is-disabled .el-input__inner::-webkit-input-placeholder { - color: #C0C4CC; } - .el-input.is-disabled .el-input__inner::-moz-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: #F56C6C; } - .el-input.is-exceed .el-input__suffix .el-input__count { - color: #F56C6C; } - .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* Break-point ---------------------------*/ -.el-tag { - background-color: #ecf5ff; - border-color: #d9ecff; - color: #409eff; - display: inline-block; - height: 32px; - padding: 0 10px; - line-height: 30px; - font-size: 12px; - color: #409EFF; - 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: #409EFF; } - .el-tag .el-tag__close { - color: #409eff; } - .el-tag .el-tag__close:hover { - color: #FFFFFF; - background-color: #409eff; } - .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: #f0f9eb; - border-color: #e1f3d8; - color: #67c23a; } - .el-tag.el-tag--success.is-hit { - border-color: #67C23A; } - .el-tag.el-tag--success .el-tag__close { - color: #67c23a; } - .el-tag.el-tag--success .el-tag__close:hover { - color: #FFFFFF; - background-color: #67c23a; } - .el-tag.el-tag--warning { - background-color: #fdf6ec; - border-color: #faecd8; - color: #e6a23c; } - .el-tag.el-tag--warning.is-hit { - border-color: #E6A23C; } - .el-tag.el-tag--warning .el-tag__close { - color: #e6a23c; } - .el-tag.el-tag--warning .el-tag__close:hover { - color: #FFFFFF; - background-color: #e6a23c; } - .el-tag.el-tag--danger { - background-color: #fef0f0; - border-color: #fde2e2; - color: #f56c6c; } - .el-tag.el-tag--danger.is-hit { - border-color: #F56C6C; } - .el-tag.el-tag--danger .el-tag__close { - color: #f56c6c; } - .el-tag.el-tag--danger .el-tag__close:hover { - color: #FFFFFF; - background-color: #f56c6c; } - .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: #409eff; - border-color: #409eff; - color: white; } - .el-tag--dark.is-hit { - border-color: #409EFF; } - .el-tag--dark .el-tag__close { - color: white; } - .el-tag--dark .el-tag__close:hover { - color: #FFFFFF; - background-color: #66b1ff; } - .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: #67c23a; - border-color: #67c23a; - color: white; } - .el-tag--dark.el-tag--success.is-hit { - border-color: #67C23A; } - .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: #85ce61; } - .el-tag--dark.el-tag--warning { - background-color: #e6a23c; - border-color: #e6a23c; - color: white; } - .el-tag--dark.el-tag--warning.is-hit { - border-color: #E6A23C; } - .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: #ebb563; } - .el-tag--dark.el-tag--danger { - background-color: #f56c6c; - border-color: #f56c6c; - color: white; } - .el-tag--dark.el-tag--danger.is-hit { - border-color: #F56C6C; } - .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: #f78989; } - .el-tag--plain { - background-color: white; - border-color: #b3d8ff; - color: #409eff; } - .el-tag--plain.is-hit { - border-color: #409EFF; } - .el-tag--plain .el-tag__close { - color: #409eff; } - .el-tag--plain .el-tag__close:hover { - color: #FFFFFF; - background-color: #409eff; } - .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: #c2e7b0; - color: #67c23a; } - .el-tag--plain.el-tag--success.is-hit { - border-color: #67C23A; } - .el-tag--plain.el-tag--success .el-tag__close { - color: #67c23a; } - .el-tag--plain.el-tag--success .el-tag__close:hover { - color: #FFFFFF; - background-color: #67c23a; } - .el-tag--plain.el-tag--warning { - background-color: white; - border-color: #f5dab1; - color: #e6a23c; } - .el-tag--plain.el-tag--warning.is-hit { - border-color: #E6A23C; } - .el-tag--plain.el-tag--warning .el-tag__close { - color: #e6a23c; } - .el-tag--plain.el-tag--warning .el-tag__close:hover { - color: #FFFFFF; - background-color: #e6a23c; } - .el-tag--plain.el-tag--danger { - background-color: white; - border-color: #fbc4c4; - color: #f56c6c; } - .el-tag--plain.el-tag--danger.is-hit { - border-color: #F56C6C; } - .el-tag--plain.el-tag--danger .el-tag__close { - color: #f56c6c; } - .el-tag--plain.el-tag--danger .el-tag__close:hover { - color: #FFFFFF; - background-color: #f56c6c; } - .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #409EFF; - 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #E4E7ED; } - .el-select-group__title { - padding-left: 20px; - font-size: 12px; - color: #909399; - line-height: 30px; } - .el-select-group .el-select-dropdown__item { - padding-left: 20px; } - -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: .3s background-color; - transition: .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: #409EFF; } - .el-select .el-input .el-select__caret { - color: #C0C4CC; - font-size: 14px; - -webkit-transition: -webkit-transform .3s; - transition: -webkit-transform .3s; - transition: transform .3s; - transition: transform .3s, -webkit-transform .3s; - -webkit-transform: rotateZ(180deg); - transform: rotateZ(180deg); - cursor: pointer; } - .el-select .el-input .el-select__caret.is-reverse { - -webkit-transform: rotateZ(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: #E4E7ED; } - .el-select .el-input.is-focus .el-input__inner { - border-color: #409EFF; } - .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 .el-tag__close { - margin-top: -2px; } - .el-select .el-tag { - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-color: transparent; - margin: 2px 0 2px 6px; - background-color: #f0f2f5; } - .el-select .el-tag__close.el-icon-close { - background-color: #C0C4CC; - right: -7px; - top: 0; - color: #FFFFFF; } - .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: #409EFF; } - .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: #409EFF; } - .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: #409EFF; } - .el-pagination.is-background .el-pager li:not(.disabled).active { - background-color: #409EFF; - 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: #409EFF; } - .el-pager li.active { - color: #409EFF; - 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* Break-point ---------------------------*/ -/* Break-points - -------------------------- */ -/* Scrollbar - -------------------------- */ -/* Placeholder - -------------------------- */ -/* BEM - -------------------------- */ -.v-modal-enter { - -webkit-animation: v-modal-in .2s ease; - animation: v-modal-in .2s ease; } - -.v-modal-leave { - -webkit-animation: v-modal-out .2s ease forwards; - animation: v-modal-out .2s ease forwards; } - -@-webkit-keyframes v-modal-in { - 0% { - opacity: 0; } - 100% { } } - -@keyframes v-modal-in { - 0% { - opacity: 0; } - 100% { } } - -@-webkit-keyframes v-modal-out { - 0% { } - 100% { - opacity: 0; } } - -@keyframes v-modal-out { - 0% { } - 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: #409EFF; } - .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 .3s; - animation: dialog-fade-in .3s; } - -.dialog-fade-leave-active { - -webkit-animation: dialog-fade-out .3s; - animation: dialog-fade-out .3s; } - -@-webkit-keyframes dialog-fade-in { - 0% { - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); - opacity: 0; } - 100% { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - opacity: 1; } } - -@keyframes dialog-fade-in { - 0% { - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); - opacity: 0; } - 100% { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - opacity: 1; } } - -@-webkit-keyframes dialog-fade-out { - 0% { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - opacity: 1; } - 100% { - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); - opacity: 0; } } - -@keyframes dialog-fade-out { - 0% { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - opacity: 1; } - 100% { - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); - opacity: 0; } } - -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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::placeholder { - color: #C0C4CC; } - .el-textarea__inner:hover { - border-color: #C0C4CC; } - .el-textarea__inner:focus { - outline: none; - border-color: #409EFF; } - .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: #E4E7ED; - color: #C0C4CC; - cursor: not-allowed; } - .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { - color: #C0C4CC; } - .el-textarea.is-disabled .el-textarea__inner::-moz-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: #F56C6C; } - .el-textarea.is-exceed .el-input__count { - color: #F56C6C; } - -.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::-webkit-input-placeholder { - color: #C0C4CC; } - .el-input__inner::-moz-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: #409EFF; } - .el-input__suffix { - position: absolute; - height: 100%; - right: 5px; - top: 0; - text-align: center; - color: #C0C4CC; - -webkit-transition: all .3s; - transition: all .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 .3s; - transition: all .3s; } - .el-input__icon { - height: 100%; - width: 25px; - text-align: center; - -webkit-transition: all .3s; - transition: all .3s; - line-height: 40px; } - .el-input__icon:after { - content: ''; - height: 100%; - width: 0; - display: inline-block; - vertical-align: middle; } - .el-input__validateIcon { - pointer-events: none; } - .el-input.is-active .el-input__inner { - outline: none; - border-color: #409EFF; } - .el-input.is-disabled .el-input__inner { - background-color: #F5F7FA; - border-color: #E4E7ED; - color: #C0C4CC; - cursor: not-allowed; } - .el-input.is-disabled .el-input__inner::-webkit-input-placeholder { - color: #C0C4CC; } - .el-input.is-disabled .el-input__inner::-moz-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: #F56C6C; } - .el-input.is-exceed .el-input__suffix .el-input__count { - color: #F56C6C; } - .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: .3s background-color; - transition: .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #EBEEF5; - 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: #EBEEF5; } - .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: #EBEEF5; - 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: #EBEEF5; } - .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 #E4E7ED; - -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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: .1s; - transition: .1s; - font-weight: 500; - -moz-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; - padding: 12px 20px; - font-size: 14px; - border-radius: 4px; } - .el-button + .el-button { - margin-left: 10px; } - .el-button.is-round { - padding: 12px 20px; } - .el-button:hover, .el-button:focus { - color: #409EFF; - border-color: #c6e2ff; - background-color: #ecf5ff; } - .el-button:active { - color: #3a8ee6; - border-color: #3a8ee6; - 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: #409EFF; - color: #409EFF; } - .el-button.is-plain:active { - background: #FFFFFF; - border-color: #3a8ee6; - color: #3a8ee6; - outline: none; } - .el-button.is-active { - color: #3a8ee6; - border-color: #3a8ee6; } - .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: #EBEEF5; } - .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: #EBEEF5; - color: #C0C4CC; } - .el-button.is-loading { - position: relative; - pointer-events: none; } - .el-button.is-loading:before { - pointer-events: none; - content: ''; - position: absolute; - left: -1px; - top: -1px; - right: -1px; - bottom: -1px; - border-radius: inherit; - background-color: rgba(255, 255, 255, 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: #409EFF; - border-color: #409EFF; } - .el-button--primary:hover, .el-button--primary:focus { - background: #66b1ff; - border-color: #66b1ff; - color: #FFFFFF; } - .el-button--primary:active { - background: #3a8ee6; - border-color: #3a8ee6; - color: #FFFFFF; - outline: none; } - .el-button--primary.is-active { - background: #3a8ee6; - border-color: #3a8ee6; - 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: #a0cfff; - border-color: #a0cfff; } - .el-button--primary.is-plain { - color: #409EFF; - background: #ecf5ff; - border-color: #b3d8ff; } - .el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus { - background: #409EFF; - border-color: #409EFF; - color: #FFFFFF; } - .el-button--primary.is-plain:active { - background: #3a8ee6; - border-color: #3a8ee6; - 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: #8cc5ff; - background-color: #ecf5ff; - border-color: #d9ecff; } - .el-button--success { - color: #FFFFFF; - background-color: #67C23A; - border-color: #67C23A; } - .el-button--success:hover, .el-button--success:focus { - background: #85ce61; - border-color: #85ce61; - color: #FFFFFF; } - .el-button--success:active { - background: #5daf34; - border-color: #5daf34; - color: #FFFFFF; - outline: none; } - .el-button--success.is-active { - background: #5daf34; - border-color: #5daf34; - 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: #b3e19d; - border-color: #b3e19d; } - .el-button--success.is-plain { - color: #67C23A; - background: #f0f9eb; - border-color: #c2e7b0; } - .el-button--success.is-plain:hover, .el-button--success.is-plain:focus { - background: #67C23A; - border-color: #67C23A; - color: #FFFFFF; } - .el-button--success.is-plain:active { - background: #5daf34; - border-color: #5daf34; - 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: #a4da89; - background-color: #f0f9eb; - border-color: #e1f3d8; } - .el-button--warning { - color: #FFFFFF; - background-color: #E6A23C; - border-color: #E6A23C; } - .el-button--warning:hover, .el-button--warning:focus { - background: #ebb563; - border-color: #ebb563; - color: #FFFFFF; } - .el-button--warning:active { - background: #cf9236; - border-color: #cf9236; - color: #FFFFFF; - outline: none; } - .el-button--warning.is-active { - background: #cf9236; - border-color: #cf9236; - 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: #f3d19e; - border-color: #f3d19e; } - .el-button--warning.is-plain { - color: #E6A23C; - background: #fdf6ec; - border-color: #f5dab1; } - .el-button--warning.is-plain:hover, .el-button--warning.is-plain:focus { - background: #E6A23C; - border-color: #E6A23C; - color: #FFFFFF; } - .el-button--warning.is-plain:active { - background: #cf9236; - border-color: #cf9236; - 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: #f0c78a; - background-color: #fdf6ec; - border-color: #faecd8; } - .el-button--danger { - color: #FFFFFF; - background-color: #F56C6C; - border-color: #F56C6C; } - .el-button--danger:hover, .el-button--danger:focus { - background: #f78989; - border-color: #f78989; - color: #FFFFFF; } - .el-button--danger:active { - background: #dd6161; - border-color: #dd6161; - color: #FFFFFF; - outline: none; } - .el-button--danger.is-active { - background: #dd6161; - border-color: #dd6161; - 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: #fab6b6; - border-color: #fab6b6; } - .el-button--danger.is-plain { - color: #F56C6C; - background: #fef0f0; - border-color: #fbc4c4; } - .el-button--danger.is-plain:hover, .el-button--danger.is-plain:focus { - background: #F56C6C; - border-color: #F56C6C; - color: #FFFFFF; } - .el-button--danger.is-plain:active { - background: #dd6161; - border-color: #dd6161; - 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: #f9a7a7; - background-color: #fef0f0; - border-color: #fde2e2; } - .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: #409EFF; - background: transparent; - padding-left: 0; - padding-right: 0; } - .el-button--text:hover, .el-button--text:focus { - color: #66b1ff; - border-color: transparent; - background-color: transparent; } - .el-button--text:active { - color: #3a8ee6; - 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:hover, .el-button-group > .el-button:focus, .el-button-group > .el-button: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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #EBEEF5; - 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: #EBEEF5; } - .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: #EBEEF5; - 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: #EBEEF5; } - .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::before { - top: 0; - bottom: 0; } - .el-dropdown .el-dropdown__caret-button .el-dropdown__icon { - padding-left: 0; } - .el-dropdown__icon { - font-size: 12px; - margin: 0 3px; } - .el-dropdown .el-dropdown-selfdefine:focus:active, .el-dropdown .el-dropdown-selfdefine:focus:not(.focusing) { - outline-width: 0; } - -.el-dropdown-menu { - position: absolute; - top: 0; - left: 0; - z-index: 10; - padding: 10px 0; - margin: 5px 0; - background-color: #FFFFFF; - border: 1px solid #EBEEF5; - 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: #ecf5ff; - color: #66b1ff; } - .el-dropdown-menu__item i { - margin-right: 5px; } - .el-dropdown-menu__item--divided { - position: relative; - margin-top: 6px; - border-top: 1px solid #EBEEF5; } - .el-dropdown-menu__item--divided:before { - content: ''; - height: 6px; - display: block; - margin: 0 -20px; - background-color: #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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 #409EFF; - 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 #409EFF; - 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 #E4E7ED; - 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 .3s, background-color .3s, color .3s; - transition: border-color .3s, background-color .3s, color .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: #ecf5ff; } - .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: #409EFF; } - .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 .3s, background-color .3s, color .3s; - transition: border-color .3s, background-color .3s, color .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: #ecf5ff; } - .el-submenu__title.is-disabled { - opacity: 0.25; - cursor: not-allowed; - background: none !important; } - .el-submenu__title:hover { - background-color: #ecf5ff; } - .el-submenu .el-menu { - border: none; } - .el-submenu .el-menu-item { - height: 50px; - line-height: 50px; - padding: 0 45px; - min-width: 200px; } - .el-submenu__icon-arrow { - position: absolute; - top: 50%; - right: 20px; - margin-top: -7px; - -webkit-transition: -webkit-transform .3s; - transition: -webkit-transform .3s; - transition: transform .3s; - transition: transform .3s, -webkit-transform .3s; - font-size: 12px; } - .el-submenu.is-active .el-submenu__title { - border-bottom-color: #409EFF; } - .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: .2s; - transition: .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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::placeholder { - color: #C0C4CC; } - .el-textarea__inner:hover { - border-color: #C0C4CC; } - .el-textarea__inner:focus { - outline: none; - border-color: #409EFF; } - .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: #E4E7ED; - color: #C0C4CC; - cursor: not-allowed; } - .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { - color: #C0C4CC; } - .el-textarea.is-disabled .el-textarea__inner::-moz-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: #F56C6C; } - .el-textarea.is-exceed .el-input__count { - color: #F56C6C; } - -.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::-webkit-input-placeholder { - color: #C0C4CC; } - .el-input__inner::-moz-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: #409EFF; } - .el-input__suffix { - position: absolute; - height: 100%; - right: 5px; - top: 0; - text-align: center; - color: #C0C4CC; - -webkit-transition: all .3s; - transition: all .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 .3s; - transition: all .3s; } - .el-input__icon { - height: 100%; - width: 25px; - text-align: center; - -webkit-transition: all .3s; - transition: all .3s; - line-height: 40px; } - .el-input__icon:after { - content: ''; - height: 100%; - width: 0; - display: inline-block; - vertical-align: middle; } - .el-input__validateIcon { - pointer-events: none; } - .el-input.is-active .el-input__inner { - outline: none; - border-color: #409EFF; } - .el-input.is-disabled .el-input__inner { - background-color: #F5F7FA; - border-color: #E4E7ED; - color: #C0C4CC; - cursor: not-allowed; } - .el-input.is-disabled .el-input__inner::-webkit-input-placeholder { - color: #C0C4CC; } - .el-input.is-disabled .el-input__inner::-moz-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: #F56C6C; } - .el-input.is-exceed .el-input__suffix .el-input__count { - color: #F56C6C; } - .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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::placeholder { - color: #C0C4CC; } - .el-textarea__inner:hover { - border-color: #C0C4CC; } - .el-textarea__inner:focus { - outline: none; - border-color: #409EFF; } - .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: #E4E7ED; - color: #C0C4CC; - cursor: not-allowed; } - .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { - color: #C0C4CC; } - .el-textarea.is-disabled .el-textarea__inner::-moz-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: #F56C6C; } - .el-textarea.is-exceed .el-input__count { - color: #F56C6C; } - -.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::-webkit-input-placeholder { - color: #C0C4CC; } - .el-input__inner::-moz-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: #409EFF; } - .el-input__suffix { - position: absolute; - height: 100%; - right: 5px; - top: 0; - text-align: center; - color: #C0C4CC; - -webkit-transition: all .3s; - transition: all .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 .3s; - transition: all .3s; } - .el-input__icon { - height: 100%; - width: 25px; - text-align: center; - -webkit-transition: all .3s; - transition: all .3s; - line-height: 40px; } - .el-input__icon:after { - content: ''; - height: 100%; - width: 0; - display: inline-block; - vertical-align: middle; } - .el-input__validateIcon { - pointer-events: none; } - .el-input.is-active .el-input__inner { - outline: none; - border-color: #409EFF; } - .el-input.is-disabled .el-input__inner { - background-color: #F5F7FA; - border-color: #E4E7ED; - color: #C0C4CC; - cursor: not-allowed; } - .el-input.is-disabled .el-input__inner::-webkit-input-placeholder { - color: #C0C4CC; } - .el-input.is-disabled .el-input__inner::-moz-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: #F56C6C; } - .el-input.is-exceed .el-input__suffix .el-input__count { - color: #F56C6C; } - .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: #409EFF; } - .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: #409EFF; } - .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: #E4E7ED; - color: #E4E7ED; } - .el-input-number.is-disabled .el-input-number__increase:hover, .el-input-number.is-disabled .el-input-number__decrease:hover { - color: #E4E7ED; - 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #409EFF; } - .el-radio.is-bordered.is-disabled { - cursor: not-allowed; - border-color: #EBEEF5; } - .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: #E4E7ED; - 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: #E4E7ED; } - .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: #409EFF; - background: #409EFF; } - .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: #409EFF; } - .el-radio__input.is-focus .el-radio__inner { - border-color: #409EFF; } - .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: #409EFF; } - .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 .15s ease-in; - transition: -webkit-transform .15s ease-in; - transition: transform .15s ease-in; - transition: transform .15s ease-in, -webkit-transform .15s ease-in; } - .el-radio__original { - opacity: 0; - outline: 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 #409EFF; - box-shadow: 0 0 2px 2px #409EFF; } - .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: 500; - 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: #409EFF; } - .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: #409EFF; - border-color: #409EFF; - -webkit-box-shadow: -1px 0 0 0 #409EFF; - box-shadow: -1px 0 0 0 #409EFF; } - .el-radio-button__orig-radio:disabled + .el-radio-button__inner { - color: #C0C4CC; - cursor: not-allowed; - background-image: none; - background-color: #FFFFFF; - border-color: #EBEEF5; - -webkit-box-shadow: none; - box-shadow: none; } - .el-radio-button__orig-radio:disabled:checked + .el-radio-button__inner { - background-color: #F2F6FC; } - .el-radio-button:last-child .el-radio-button__inner { - border-radius: 0 4px 4px 0; } - .el-radio-button:first-child:last-child .el-radio-button__inner { - border-radius: 4px; } - .el-radio-button--medium .el-radio-button__inner { - padding: 10px 20px; - font-size: 14px; - border-radius: 0; } - .el-radio-button--medium .el-radio-button__inner.is-round { - padding: 10px 20px; } - .el-radio-button--small .el-radio-button__inner { - padding: 9px 15px; - font-size: 12px; - border-radius: 0; } - .el-radio-button--small .el-radio-button__inner.is-round { - padding: 9px 15px; } - .el-radio-button--mini .el-radio-button__inner { - padding: 7px 15px; - font-size: 12px; - border-radius: 0; } - .el-radio-button--mini .el-radio-button__inner.is-round { - padding: 7px 15px; } - .el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled) { - /*获得焦点时 样式提醒*/ - -webkit-box-shadow: 0 0 2px 2px #409EFF; - box-shadow: 0 0 2px 2px #409EFF; } - -/* Element Chalk Variables */ -/* Transition --------------------------- */ -/* Color --------------------------- */ -/* 53a8ff */ -/* 66b1ff */ -/* 79bbff */ -/* 8cc5ff */ -/* a0cfff */ -/* b3d8ff */ -/* c6e2ff */ -/* d9ecff */ -/* ecf5ff */ -/* Link --------------------------- */ -/* Border --------------------------- */ -/* Fill --------------------------- */ -/* Typography --------------------------- */ -/* Size --------------------------- */ -/* z-index --------------------------- */ -/* Disable base --------------------------- */ -/* Icon --------------------------- */ -/* Checkbox --------------------------- */ -/* Radio --------------------------- */ -/* Select --------------------------- */ -/* Alert --------------------------- */ -/* MessageBox --------------------------- */ -/* Message --------------------------- */ -/* Notification --------------------------- */ -/* Input --------------------------- */ -/* Cascader --------------------------- */ -/* Group --------------------------- */ -/* Tab --------------------------- */ -/* Button --------------------------- */ -/* cascader --------------------------- */ -/* Switch --------------------------- */ -/* Dialog --------------------------- */ -/* Table --------------------------- */ -/* Pagination --------------------------- */ -/* Popup --------------------------- */ -/* Popover --------------------------- */ -/* Tooltip --------------------------- */ -/* Tag --------------------------- */ -/* Tree --------------------------- */ -/* Dropdown --------------------------- */ -/* Badge --------------------------- */ -/* Card ---------------------------*/ -/* Slider ---------------------------*/ -/* Steps ---------------------------*/ -/* Menu ---------------------------*/ -/* Rate ---------------------------*/ -/* DatePicker ---------------------------*/ -/* Loading ---------------------------*/ -/* Scrollbar ---------------------------*/ -/* Carousel ---------------------------*/ -/* Collapse ---------------------------*/ -/* Transfer ---------------------------*/ -/* Header - --------------------------*/ -/* Footer ---------------------------*/ -/* Main ---------------------------*/ -/* Timeline ---------------------------*/ -/* Backtop ---------------------------*/ -/* Link ---------------------------*/ -/* Calendar ---------------------------*/ -/* Form --------------------------- */ -/* Avatar ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #409EFF; } - .el-checkbox.is-bordered.is-disabled { - border-color: #EBEEF5; - cursor: not-allowed; } - .el-checkbox.is-bordered + .el-checkbox.is-bordered { - margin-left: 10px; } - .el-checkbox.is-bordered.el-checkbox--medium { - padding: 7px 20px 7px 10px; - border-radius: 4px; - height: 36px; } - .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label { - line-height: 17px; - font-size: 14px; } - .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner { - height: 14px; - width: 14px; } - .el-checkbox.is-bordered.el-checkbox--small { - padding: 5px 15px 5px 10px; - border-radius: 3px; - height: 32px; } - .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label { - line-height: 15px; - font-size: 12px; } - .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner { - height: 12px; - width: 12px; } - .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after { - height: 6px; - width: 2px; } - .el-checkbox.is-bordered.el-checkbox--mini { - padding: 3px 15px 3px 10px; - border-radius: 3px; - height: 28px; } - .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label { - line-height: 12px; - font-size: 12px; } - .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner { - height: 12px; - width: 12px; } - .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after { - height: 6px; - width: 2px; } - .el-checkbox__input { - white-space: nowrap; - cursor: pointer; - outline: 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: #409EFF; - border-color: #409EFF; } - .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: #409EFF; } - .el-checkbox__input.is-focus { - /*focus时 视觉上区分*/ } - .el-checkbox__input.is-focus .el-checkbox__inner { - border-color: #409EFF; } - .el-checkbox__input.is-indeterminate .el-checkbox__inner { - background-color: #409EFF; - border-color: #409EFF; } - .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: #409EFF; } - .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 .15s ease-in .05s; - transition: -webkit-transform .15s ease-in .05s; - transition: transform .15s ease-in .05s; - transition: transform .15s ease-in .05s, -webkit-transform .15s ease-in .05s; - -webkit-transform-origin: center; - transform-origin: center; } - .el-checkbox__original { - opacity: 0; - outline: 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: #409EFF; } - .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: #409EFF; - border-color: #409EFF; - -webkit-box-shadow: -1px 0 0 0 #8cc5ff; - box-shadow: -1px 0 0 0 #8cc5ff; } - .el-checkbox-button.is-checked:first-child .el-checkbox-button__inner { - border-left-color: #409EFF; } - .el-checkbox-button.is-disabled .el-checkbox-button__inner { - color: #C0C4CC; - cursor: not-allowed; - background-image: none; - background-color: #FFFFFF; - border-color: #EBEEF5; - -webkit-box-shadow: none; - box-shadow: none; } - .el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner { - border-left-color: #EBEEF5; } - .el-checkbox-button:first-child .el-checkbox-button__inner { - border-left: 1px solid #DCDFE6; - border-radius: 4px 0 0 4px; - -webkit-box-shadow: none !important; - box-shadow: none !important; } - .el-checkbox-button.is-focus .el-checkbox-button__inner { - border-color: #409EFF; } - .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: .2s; - transition: .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: #409EFF; } - .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 .3s, background-color .3s; - transition: border-color .3s, background-color .3s; - vertical-align: middle; } - .el-switch__core:after { - content: ""; - position: absolute; - top: 1px; - left: 1px; - border-radius: 100%; - -webkit-transition: all .3s; - transition: all .3s; - width: 16px; - height: 16px; - background-color: #FFFFFF; } - .el-switch.is-checked .el-switch__core { - border-color: #409EFF; - background-color: #409EFF; } - .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #EBEEF5; - 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: #EBEEF5; } - .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: #EBEEF5; - 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: #EBEEF5; } - .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 #E4E7ED; - 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.selected { - color: #409EFF; - 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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::placeholder { - color: #C0C4CC; } - .el-textarea__inner:hover { - border-color: #C0C4CC; } - .el-textarea__inner:focus { - outline: none; - border-color: #409EFF; } - .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: #E4E7ED; - color: #C0C4CC; - cursor: not-allowed; } - .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { - color: #C0C4CC; } - .el-textarea.is-disabled .el-textarea__inner::-moz-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: #F56C6C; } - .el-textarea.is-exceed .el-input__count { - color: #F56C6C; } - -.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::-webkit-input-placeholder { - color: #C0C4CC; } - .el-input__inner::-moz-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: #409EFF; } - .el-input__suffix { - position: absolute; - height: 100%; - right: 5px; - top: 0; - text-align: center; - color: #C0C4CC; - -webkit-transition: all .3s; - transition: all .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 .3s; - transition: all .3s; } - .el-input__icon { - height: 100%; - width: 25px; - text-align: center; - -webkit-transition: all .3s; - transition: all .3s; - line-height: 40px; } - .el-input__icon:after { - content: ''; - height: 100%; - width: 0; - display: inline-block; - vertical-align: middle; } - .el-input__validateIcon { - pointer-events: none; } - .el-input.is-active .el-input__inner { - outline: none; - border-color: #409EFF; } - .el-input.is-disabled .el-input__inner { - background-color: #F5F7FA; - border-color: #E4E7ED; - color: #C0C4CC; - cursor: not-allowed; } - .el-input.is-disabled .el-input__inner::-webkit-input-placeholder { - color: #C0C4CC; } - .el-input.is-disabled .el-input__inner::-moz-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: #F56C6C; } - .el-input.is-exceed .el-input__suffix .el-input__count { - color: #F56C6C; } - .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* Break-point ---------------------------*/ -.el-tag { - background-color: #ecf5ff; - border-color: #d9ecff; - color: #409eff; - display: inline-block; - height: 32px; - padding: 0 10px; - line-height: 30px; - font-size: 12px; - color: #409EFF; - 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: #409EFF; } - .el-tag .el-tag__close { - color: #409eff; } - .el-tag .el-tag__close:hover { - color: #FFFFFF; - background-color: #409eff; } - .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: #f0f9eb; - border-color: #e1f3d8; - color: #67c23a; } - .el-tag.el-tag--success.is-hit { - border-color: #67C23A; } - .el-tag.el-tag--success .el-tag__close { - color: #67c23a; } - .el-tag.el-tag--success .el-tag__close:hover { - color: #FFFFFF; - background-color: #67c23a; } - .el-tag.el-tag--warning { - background-color: #fdf6ec; - border-color: #faecd8; - color: #e6a23c; } - .el-tag.el-tag--warning.is-hit { - border-color: #E6A23C; } - .el-tag.el-tag--warning .el-tag__close { - color: #e6a23c; } - .el-tag.el-tag--warning .el-tag__close:hover { - color: #FFFFFF; - background-color: #e6a23c; } - .el-tag.el-tag--danger { - background-color: #fef0f0; - border-color: #fde2e2; - color: #f56c6c; } - .el-tag.el-tag--danger.is-hit { - border-color: #F56C6C; } - .el-tag.el-tag--danger .el-tag__close { - color: #f56c6c; } - .el-tag.el-tag--danger .el-tag__close:hover { - color: #FFFFFF; - background-color: #f56c6c; } - .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: #409eff; - border-color: #409eff; - color: white; } - .el-tag--dark.is-hit { - border-color: #409EFF; } - .el-tag--dark .el-tag__close { - color: white; } - .el-tag--dark .el-tag__close:hover { - color: #FFFFFF; - background-color: #66b1ff; } - .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: #67c23a; - border-color: #67c23a; - color: white; } - .el-tag--dark.el-tag--success.is-hit { - border-color: #67C23A; } - .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: #85ce61; } - .el-tag--dark.el-tag--warning { - background-color: #e6a23c; - border-color: #e6a23c; - color: white; } - .el-tag--dark.el-tag--warning.is-hit { - border-color: #E6A23C; } - .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: #ebb563; } - .el-tag--dark.el-tag--danger { - background-color: #f56c6c; - border-color: #f56c6c; - color: white; } - .el-tag--dark.el-tag--danger.is-hit { - border-color: #F56C6C; } - .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: #f78989; } - .el-tag--plain { - background-color: white; - border-color: #b3d8ff; - color: #409eff; } - .el-tag--plain.is-hit { - border-color: #409EFF; } - .el-tag--plain .el-tag__close { - color: #409eff; } - .el-tag--plain .el-tag__close:hover { - color: #FFFFFF; - background-color: #409eff; } - .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: #c2e7b0; - color: #67c23a; } - .el-tag--plain.el-tag--success.is-hit { - border-color: #67C23A; } - .el-tag--plain.el-tag--success .el-tag__close { - color: #67c23a; } - .el-tag--plain.el-tag--success .el-tag__close:hover { - color: #FFFFFF; - background-color: #67c23a; } - .el-tag--plain.el-tag--warning { - background-color: white; - border-color: #f5dab1; - color: #e6a23c; } - .el-tag--plain.el-tag--warning.is-hit { - border-color: #E6A23C; } - .el-tag--plain.el-tag--warning .el-tag__close { - color: #e6a23c; } - .el-tag--plain.el-tag--warning .el-tag__close:hover { - color: #FFFFFF; - background-color: #e6a23c; } - .el-tag--plain.el-tag--danger { - background-color: white; - border-color: #fbc4c4; - color: #f56c6c; } - .el-tag--plain.el-tag--danger.is-hit { - border-color: #F56C6C; } - .el-tag--plain.el-tag--danger .el-tag__close { - color: #f56c6c; } - .el-tag--plain.el-tag--danger .el-tag__close:hover { - color: #FFFFFF; - background-color: #f56c6c; } - .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #409EFF; - 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #E4E7ED; } - .el-select-group__title { - padding-left: 20px; - font-size: 12px; - color: #909399; - line-height: 30px; } - .el-select-group .el-select-dropdown__item { - padding-left: 20px; } - -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: .3s background-color; - transition: .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: #409EFF; } - .el-select .el-input .el-select__caret { - color: #C0C4CC; - font-size: 14px; - -webkit-transition: -webkit-transform .3s; - transition: -webkit-transform .3s; - transition: transform .3s; - transition: transform .3s, -webkit-transform .3s; - -webkit-transform: rotateZ(180deg); - transform: rotateZ(180deg); - cursor: pointer; } - .el-select .el-input .el-select__caret.is-reverse { - -webkit-transform: rotateZ(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: #E4E7ED; } - .el-select .el-input.is-focus .el-input__inner { - border-color: #409EFF; } - .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 .el-tag__close { - margin-top: -2px; } - .el-select .el-tag { - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-color: transparent; - margin: 2px 0 2px 6px; - background-color: #f0f2f5; } - .el-select .el-tag__close.el-icon-close { - background-color: #C0C4CC; - right: -7px; - top: 0; - color: #FFFFFF; } - .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: .1s; - transition: .1s; - font-weight: 500; - -moz-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; - padding: 12px 20px; - font-size: 14px; - border-radius: 4px; } - .el-button + .el-button { - margin-left: 10px; } - .el-button.is-round { - padding: 12px 20px; } - .el-button:hover, .el-button:focus { - color: #409EFF; - border-color: #c6e2ff; - background-color: #ecf5ff; } - .el-button:active { - color: #3a8ee6; - border-color: #3a8ee6; - 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: #409EFF; - color: #409EFF; } - .el-button.is-plain:active { - background: #FFFFFF; - border-color: #3a8ee6; - color: #3a8ee6; - outline: none; } - .el-button.is-active { - color: #3a8ee6; - border-color: #3a8ee6; } - .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: #EBEEF5; } - .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: #EBEEF5; - color: #C0C4CC; } - .el-button.is-loading { - position: relative; - pointer-events: none; } - .el-button.is-loading:before { - pointer-events: none; - content: ''; - position: absolute; - left: -1px; - top: -1px; - right: -1px; - bottom: -1px; - border-radius: inherit; - background-color: rgba(255, 255, 255, 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: #409EFF; - border-color: #409EFF; } - .el-button--primary:hover, .el-button--primary:focus { - background: #66b1ff; - border-color: #66b1ff; - color: #FFFFFF; } - .el-button--primary:active { - background: #3a8ee6; - border-color: #3a8ee6; - color: #FFFFFF; - outline: none; } - .el-button--primary.is-active { - background: #3a8ee6; - border-color: #3a8ee6; - 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: #a0cfff; - border-color: #a0cfff; } - .el-button--primary.is-plain { - color: #409EFF; - background: #ecf5ff; - border-color: #b3d8ff; } - .el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus { - background: #409EFF; - border-color: #409EFF; - color: #FFFFFF; } - .el-button--primary.is-plain:active { - background: #3a8ee6; - border-color: #3a8ee6; - 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: #8cc5ff; - background-color: #ecf5ff; - border-color: #d9ecff; } - .el-button--success { - color: #FFFFFF; - background-color: #67C23A; - border-color: #67C23A; } - .el-button--success:hover, .el-button--success:focus { - background: #85ce61; - border-color: #85ce61; - color: #FFFFFF; } - .el-button--success:active { - background: #5daf34; - border-color: #5daf34; - color: #FFFFFF; - outline: none; } - .el-button--success.is-active { - background: #5daf34; - border-color: #5daf34; - 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: #b3e19d; - border-color: #b3e19d; } - .el-button--success.is-plain { - color: #67C23A; - background: #f0f9eb; - border-color: #c2e7b0; } - .el-button--success.is-plain:hover, .el-button--success.is-plain:focus { - background: #67C23A; - border-color: #67C23A; - color: #FFFFFF; } - .el-button--success.is-plain:active { - background: #5daf34; - border-color: #5daf34; - 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: #a4da89; - background-color: #f0f9eb; - border-color: #e1f3d8; } - .el-button--warning { - color: #FFFFFF; - background-color: #E6A23C; - border-color: #E6A23C; } - .el-button--warning:hover, .el-button--warning:focus { - background: #ebb563; - border-color: #ebb563; - color: #FFFFFF; } - .el-button--warning:active { - background: #cf9236; - border-color: #cf9236; - color: #FFFFFF; - outline: none; } - .el-button--warning.is-active { - background: #cf9236; - border-color: #cf9236; - 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: #f3d19e; - border-color: #f3d19e; } - .el-button--warning.is-plain { - color: #E6A23C; - background: #fdf6ec; - border-color: #f5dab1; } - .el-button--warning.is-plain:hover, .el-button--warning.is-plain:focus { - background: #E6A23C; - border-color: #E6A23C; - color: #FFFFFF; } - .el-button--warning.is-plain:active { - background: #cf9236; - border-color: #cf9236; - 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: #f0c78a; - background-color: #fdf6ec; - border-color: #faecd8; } - .el-button--danger { - color: #FFFFFF; - background-color: #F56C6C; - border-color: #F56C6C; } - .el-button--danger:hover, .el-button--danger:focus { - background: #f78989; - border-color: #f78989; - color: #FFFFFF; } - .el-button--danger:active { - background: #dd6161; - border-color: #dd6161; - color: #FFFFFF; - outline: none; } - .el-button--danger.is-active { - background: #dd6161; - border-color: #dd6161; - 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: #fab6b6; - border-color: #fab6b6; } - .el-button--danger.is-plain { - color: #F56C6C; - background: #fef0f0; - border-color: #fbc4c4; } - .el-button--danger.is-plain:hover, .el-button--danger.is-plain:focus { - background: #F56C6C; - border-color: #F56C6C; - color: #FFFFFF; } - .el-button--danger.is-plain:active { - background: #dd6161; - border-color: #dd6161; - 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: #f9a7a7; - background-color: #fef0f0; - border-color: #fde2e2; } - .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: #409EFF; - background: transparent; - padding-left: 0; - padding-right: 0; } - .el-button--text:hover, .el-button--text:focus { - color: #66b1ff; - border-color: transparent; - background-color: transparent; } - .el-button--text:active { - color: #3a8ee6; - 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:hover, .el-button-group > .el-button:focus, .el-button-group > .el-button: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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #409EFF; } - .el-checkbox.is-bordered.is-disabled { - border-color: #EBEEF5; - cursor: not-allowed; } - .el-checkbox.is-bordered + .el-checkbox.is-bordered { - margin-left: 10px; } - .el-checkbox.is-bordered.el-checkbox--medium { - padding: 7px 20px 7px 10px; - border-radius: 4px; - height: 36px; } - .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label { - line-height: 17px; - font-size: 14px; } - .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner { - height: 14px; - width: 14px; } - .el-checkbox.is-bordered.el-checkbox--small { - padding: 5px 15px 5px 10px; - border-radius: 3px; - height: 32px; } - .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label { - line-height: 15px; - font-size: 12px; } - .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner { - height: 12px; - width: 12px; } - .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after { - height: 6px; - width: 2px; } - .el-checkbox.is-bordered.el-checkbox--mini { - padding: 3px 15px 3px 10px; - border-radius: 3px; - height: 28px; } - .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label { - line-height: 12px; - font-size: 12px; } - .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner { - height: 12px; - width: 12px; } - .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after { - height: 6px; - width: 2px; } - .el-checkbox__input { - white-space: nowrap; - cursor: pointer; - outline: 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: #409EFF; - border-color: #409EFF; } - .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: #409EFF; } - .el-checkbox__input.is-focus { - /*focus时 视觉上区分*/ } - .el-checkbox__input.is-focus .el-checkbox__inner { - border-color: #409EFF; } - .el-checkbox__input.is-indeterminate .el-checkbox__inner { - background-color: #409EFF; - border-color: #409EFF; } - .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: #409EFF; } - .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 .15s ease-in .05s; - transition: -webkit-transform .15s ease-in .05s; - transition: transform .15s ease-in .05s; - transition: transform .15s ease-in .05s, -webkit-transform .15s ease-in .05s; - -webkit-transform-origin: center; - transform-origin: center; } - .el-checkbox__original { - opacity: 0; - outline: 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: #409EFF; } - .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: #409EFF; - border-color: #409EFF; - -webkit-box-shadow: -1px 0 0 0 #8cc5ff; - box-shadow: -1px 0 0 0 #8cc5ff; } - .el-checkbox-button.is-checked:first-child .el-checkbox-button__inner { - border-left-color: #409EFF; } - .el-checkbox-button.is-disabled .el-checkbox-button__inner { - color: #C0C4CC; - cursor: not-allowed; - background-image: none; - background-color: #FFFFFF; - border-color: #EBEEF5; - -webkit-box-shadow: none; - box-shadow: none; } - .el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner { - border-left-color: #EBEEF5; } - .el-checkbox-button:first-child .el-checkbox-button__inner { - border-left: 1px solid #DCDFE6; - border-radius: 4px 0 0 4px; - -webkit-box-shadow: none !important; - box-shadow: none !important; } - .el-checkbox-button.is-focus .el-checkbox-button__inner { - border-color: #409EFF; } - .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* Break-point ---------------------------*/ -.el-tag { - background-color: #ecf5ff; - border-color: #d9ecff; - color: #409eff; - display: inline-block; - height: 32px; - padding: 0 10px; - line-height: 30px; - font-size: 12px; - color: #409EFF; - 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: #409EFF; } - .el-tag .el-tag__close { - color: #409eff; } - .el-tag .el-tag__close:hover { - color: #FFFFFF; - background-color: #409eff; } - .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: #f0f9eb; - border-color: #e1f3d8; - color: #67c23a; } - .el-tag.el-tag--success.is-hit { - border-color: #67C23A; } - .el-tag.el-tag--success .el-tag__close { - color: #67c23a; } - .el-tag.el-tag--success .el-tag__close:hover { - color: #FFFFFF; - background-color: #67c23a; } - .el-tag.el-tag--warning { - background-color: #fdf6ec; - border-color: #faecd8; - color: #e6a23c; } - .el-tag.el-tag--warning.is-hit { - border-color: #E6A23C; } - .el-tag.el-tag--warning .el-tag__close { - color: #e6a23c; } - .el-tag.el-tag--warning .el-tag__close:hover { - color: #FFFFFF; - background-color: #e6a23c; } - .el-tag.el-tag--danger { - background-color: #fef0f0; - border-color: #fde2e2; - color: #f56c6c; } - .el-tag.el-tag--danger.is-hit { - border-color: #F56C6C; } - .el-tag.el-tag--danger .el-tag__close { - color: #f56c6c; } - .el-tag.el-tag--danger .el-tag__close:hover { - color: #FFFFFF; - background-color: #f56c6c; } - .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: #409eff; - border-color: #409eff; - color: white; } - .el-tag--dark.is-hit { - border-color: #409EFF; } - .el-tag--dark .el-tag__close { - color: white; } - .el-tag--dark .el-tag__close:hover { - color: #FFFFFF; - background-color: #66b1ff; } - .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: #67c23a; - border-color: #67c23a; - color: white; } - .el-tag--dark.el-tag--success.is-hit { - border-color: #67C23A; } - .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: #85ce61; } - .el-tag--dark.el-tag--warning { - background-color: #e6a23c; - border-color: #e6a23c; - color: white; } - .el-tag--dark.el-tag--warning.is-hit { - border-color: #E6A23C; } - .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: #ebb563; } - .el-tag--dark.el-tag--danger { - background-color: #f56c6c; - border-color: #f56c6c; - color: white; } - .el-tag--dark.el-tag--danger.is-hit { - border-color: #F56C6C; } - .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: #f78989; } - .el-tag--plain { - background-color: white; - border-color: #b3d8ff; - color: #409eff; } - .el-tag--plain.is-hit { - border-color: #409EFF; } - .el-tag--plain .el-tag__close { - color: #409eff; } - .el-tag--plain .el-tag__close:hover { - color: #FFFFFF; - background-color: #409eff; } - .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: #c2e7b0; - color: #67c23a; } - .el-tag--plain.el-tag--success.is-hit { - border-color: #67C23A; } - .el-tag--plain.el-tag--success .el-tag__close { - color: #67c23a; } - .el-tag--plain.el-tag--success .el-tag__close:hover { - color: #FFFFFF; - background-color: #67c23a; } - .el-tag--plain.el-tag--warning { - background-color: white; - border-color: #f5dab1; - color: #e6a23c; } - .el-tag--plain.el-tag--warning.is-hit { - border-color: #E6A23C; } - .el-tag--plain.el-tag--warning .el-tag__close { - color: #e6a23c; } - .el-tag--plain.el-tag--warning .el-tag__close:hover { - color: #FFFFFF; - background-color: #e6a23c; } - .el-tag--plain.el-tag--danger { - background-color: white; - border-color: #fbc4c4; - color: #f56c6c; } - .el-tag--plain.el-tag--danger.is-hit { - border-color: #F56C6C; } - .el-tag--plain.el-tag--danger .el-tag__close { - color: #f56c6c; } - .el-tag--plain.el-tag--danger .el-tag__close:hover { - color: #FFFFFF; - background-color: #f56c6c; } - .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 th.gutter, .el-table--fit td.gutter { - border-right-width: 1px; } - .el-table--scrollable-x .el-table__body-wrapper { - overflow-x: auto; } - .el-table--scrollable-y .el-table__body-wrapper { - overflow-y: auto; } - .el-table thead { - color: #909399; - font-weight: 500; } - .el-table thead.is-group th { - background: #F5F7FA; } - .el-table th, .el-table td { - 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 th.is-center, .el-table td.is-center { - text-align: center; } - .el-table th.is-right, .el-table td.is-right { - text-align: right; } - .el-table th.gutter, .el-table td.gutter { - width: 15px; - border-right-width: 0; - border-bottom-width: 0; - padding: 0; } - .el-table th.is-hidden > *, .el-table td.is-hidden > * { - visibility: hidden; } - .el-table--medium th, .el-table--medium td { - padding: 10px 0; } - .el-table--small { - font-size: 12px; } - .el-table--small th, .el-table--small td { - padding: 8px 0; } - .el-table--mini { - font-size: 12px; } - .el-table--mini th, .el-table--mini td { - padding: 6px 0; } - .el-table tr { - background-color: #FFFFFF; } - .el-table tr input[type="checkbox"] { - margin: 0; } - .el-table th.is-leaf, .el-table td { - border-bottom: 1px solid #EBEEF5; } - .el-table th.is-sortable { - cursor: pointer; } - .el-table th { - overflow: hidden; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - background-color: #FFFFFF; } - .el-table th > .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 > .cell.highlight { - color: #409EFF; } - .el-table th.required > div::before { - display: inline-block; - content: ""; - width: 8px; - height: 8px; - border-radius: 50%; - background: #ff4d51; - margin-right: 5px; - vertical-align: middle; } - .el-table td div { - -webkit-box-sizing: border-box; - box-sizing: border-box; } - .el-table td.gutter { - width: 0; } - .el-table .cell { - -webkit-box-sizing: border-box; - box-sizing: border-box; - 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 #EBEEF5; } - .el-table--group::after, .el-table--border::after, .el-table::before { - content: ''; - position: absolute; - background-color: #EBEEF5; - 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 th, .el-table--border td { - border-right: 1px solid #EBEEF5; } - .el-table--border th:first-child .cell, .el-table--border td:first-child .cell { - padding-left: 10px; } - .el-table--border th.gutter:last-of-type { - border-bottom: 1px solid #EBEEF5; - border-bottom-width: 1px; } - .el-table--border th { - border-bottom: 1px solid #EBEEF5; } - .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: #EBEEF5; - z-index: 4; } - .el-table__fixed-right-patch { - position: absolute; - top: -1px; - right: 0; - background-color: #FFFFFF; - border-bottom: 1px solid #EBEEF5; } - .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 { - border-top: 1px solid #EBEEF5; - background-color: #F5F7FA; - color: #606266; } - .el-table__fixed-body-wrapper { - position: absolute; - left: 0; - top: 37px; - overflow: hidden; - z-index: 3; } - .el-table__header-wrapper, .el-table__body-wrapper, .el-table__footer-wrapper { - width: 100%; } - .el-table__footer-wrapper { - margin-top: -1px; } - .el-table__footer-wrapper td { - border-top: 1px solid #EBEEF5; } - .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__footer-wrapper tbody td { - 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 #EBEEF5; } - .el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed { - border-right: 1px solid #EBEEF5; } - .el-table .caret-wrapper { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - height: 34px; - width: 24px; - vertical-align: middle; - cursor: pointer; - overflow: initial; - position: relative; } - .el-table .sort-caret { - width: 0; - height: 0; - border: 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: #409EFF; } - .el-table .descending .sort-caret.descending { - border-top-color: #409EFF; } - .el-table .hidden-columns { - visibility: hidden; - position: absolute; - z-index: -1; } - .el-table--striped .el-table__body tr.el-table__row--striped td { - background: #FAFAFA; } - .el-table--striped .el-table__body tr.el-table__row--striped.current-row td { - background-color: #ecf5ff; } - .el-table__body tr.hover-row > td, .el-table__body tr.hover-row.current-row > td, .el-table__body tr.hover-row.el-table__row--striped > td, .el-table__body tr.hover-row.el-table__row--striped.current-row > td { - background-color: #F5F7FA; } - .el-table__body tr.current-row > td { - background-color: #ecf5ff; } - .el-table__column-resize-proxy { - position: absolute; - left: 200px; - top: 0; - bottom: 0; - width: 0; - border-left: 1px solid #EBEEF5; - z-index: 10; } - .el-table__column-filter-trigger { - display: inline-block; - line-height: 34px; - cursor: pointer; } - .el-table__column-filter-trigger i { - color: #909399; - font-size: 12px; - -webkit-transform: scale(0.75); - transform: scale(0.75); } - .el-table--enable-row-transition .el-table__body td { - -webkit-transition: background-color .25s ease; - transition: background-color .25s ease; } - .el-table--enable-row-hover .el-table__body tr:hover > td { - background-color: #F5F7FA; } - .el-table--fluid-height .el-table__fixed, - .el-table--fluid-height .el-table__fixed-right { - bottom: 0; - overflow: hidden; } - .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #409EFF; } - .el-checkbox.is-bordered.is-disabled { - border-color: #EBEEF5; - cursor: not-allowed; } - .el-checkbox.is-bordered + .el-checkbox.is-bordered { - margin-left: 10px; } - .el-checkbox.is-bordered.el-checkbox--medium { - padding: 7px 20px 7px 10px; - border-radius: 4px; - height: 36px; } - .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label { - line-height: 17px; - font-size: 14px; } - .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner { - height: 14px; - width: 14px; } - .el-checkbox.is-bordered.el-checkbox--small { - padding: 5px 15px 5px 10px; - border-radius: 3px; - height: 32px; } - .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label { - line-height: 15px; - font-size: 12px; } - .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner { - height: 12px; - width: 12px; } - .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after { - height: 6px; - width: 2px; } - .el-checkbox.is-bordered.el-checkbox--mini { - padding: 3px 15px 3px 10px; - border-radius: 3px; - height: 28px; } - .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label { - line-height: 12px; - font-size: 12px; } - .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner { - height: 12px; - width: 12px; } - .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after { - height: 6px; - width: 2px; } - .el-checkbox__input { - white-space: nowrap; - cursor: pointer; - outline: 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: #409EFF; - border-color: #409EFF; } - .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: #409EFF; } - .el-checkbox__input.is-focus { - /*focus时 视觉上区分*/ } - .el-checkbox__input.is-focus .el-checkbox__inner { - border-color: #409EFF; } - .el-checkbox__input.is-indeterminate .el-checkbox__inner { - background-color: #409EFF; - border-color: #409EFF; } - .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: #409EFF; } - .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 .15s ease-in .05s; - transition: -webkit-transform .15s ease-in .05s; - transition: transform .15s ease-in .05s; - transition: transform .15s ease-in .05s, -webkit-transform .15s ease-in .05s; - -webkit-transform-origin: center; - transform-origin: center; } - .el-checkbox__original { - opacity: 0; - outline: 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: #409EFF; } - .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: #409EFF; - border-color: #409EFF; - -webkit-box-shadow: -1px 0 0 0 #8cc5ff; - box-shadow: -1px 0 0 0 #8cc5ff; } - .el-checkbox-button.is-checked:first-child .el-checkbox-button__inner { - border-left-color: #409EFF; } - .el-checkbox-button.is-disabled .el-checkbox-button__inner { - color: #C0C4CC; - cursor: not-allowed; - background-image: none; - background-color: #FFFFFF; - border-color: #EBEEF5; - -webkit-box-shadow: none; - box-shadow: none; } - .el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner { - border-left-color: #EBEEF5; } - .el-checkbox-button:first-child .el-checkbox-button__inner { - border-left: 1px solid #DCDFE6; - border-radius: 4px 0 0 4px; - -webkit-box-shadow: none !important; - box-shadow: none !important; } - .el-checkbox-button.is-focus .el-checkbox-button__inner { - border-color: #409EFF; } - .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* Break-point ---------------------------*/ -.el-tag { - background-color: #ecf5ff; - border-color: #d9ecff; - color: #409eff; - display: inline-block; - height: 32px; - padding: 0 10px; - line-height: 30px; - font-size: 12px; - color: #409EFF; - 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: #409EFF; } - .el-tag .el-tag__close { - color: #409eff; } - .el-tag .el-tag__close:hover { - color: #FFFFFF; - background-color: #409eff; } - .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: #f0f9eb; - border-color: #e1f3d8; - color: #67c23a; } - .el-tag.el-tag--success.is-hit { - border-color: #67C23A; } - .el-tag.el-tag--success .el-tag__close { - color: #67c23a; } - .el-tag.el-tag--success .el-tag__close:hover { - color: #FFFFFF; - background-color: #67c23a; } - .el-tag.el-tag--warning { - background-color: #fdf6ec; - border-color: #faecd8; - color: #e6a23c; } - .el-tag.el-tag--warning.is-hit { - border-color: #E6A23C; } - .el-tag.el-tag--warning .el-tag__close { - color: #e6a23c; } - .el-tag.el-tag--warning .el-tag__close:hover { - color: #FFFFFF; - background-color: #e6a23c; } - .el-tag.el-tag--danger { - background-color: #fef0f0; - border-color: #fde2e2; - color: #f56c6c; } - .el-tag.el-tag--danger.is-hit { - border-color: #F56C6C; } - .el-tag.el-tag--danger .el-tag__close { - color: #f56c6c; } - .el-tag.el-tag--danger .el-tag__close:hover { - color: #FFFFFF; - background-color: #f56c6c; } - .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: #409eff; - border-color: #409eff; - color: white; } - .el-tag--dark.is-hit { - border-color: #409EFF; } - .el-tag--dark .el-tag__close { - color: white; } - .el-tag--dark .el-tag__close:hover { - color: #FFFFFF; - background-color: #66b1ff; } - .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: #67c23a; - border-color: #67c23a; - color: white; } - .el-tag--dark.el-tag--success.is-hit { - border-color: #67C23A; } - .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: #85ce61; } - .el-tag--dark.el-tag--warning { - background-color: #e6a23c; - border-color: #e6a23c; - color: white; } - .el-tag--dark.el-tag--warning.is-hit { - border-color: #E6A23C; } - .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: #ebb563; } - .el-tag--dark.el-tag--danger { - background-color: #f56c6c; - border-color: #f56c6c; - color: white; } - .el-tag--dark.el-tag--danger.is-hit { - border-color: #F56C6C; } - .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: #f78989; } - .el-tag--plain { - background-color: white; - border-color: #b3d8ff; - color: #409eff; } - .el-tag--plain.is-hit { - border-color: #409EFF; } - .el-tag--plain .el-tag__close { - color: #409eff; } - .el-tag--plain .el-tag__close:hover { - color: #FFFFFF; - background-color: #409eff; } - .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: #c2e7b0; - color: #67c23a; } - .el-tag--plain.el-tag--success.is-hit { - border-color: #67C23A; } - .el-tag--plain.el-tag--success .el-tag__close { - color: #67c23a; } - .el-tag--plain.el-tag--success .el-tag__close:hover { - color: #FFFFFF; - background-color: #67c23a; } - .el-tag--plain.el-tag--warning { - background-color: white; - border-color: #f5dab1; - color: #e6a23c; } - .el-tag--plain.el-tag--warning.is-hit { - border-color: #E6A23C; } - .el-tag--plain.el-tag--warning .el-tag__close { - color: #e6a23c; } - .el-tag--plain.el-tag--warning .el-tag__close:hover { - color: #FFFFFF; - background-color: #e6a23c; } - .el-tag--plain.el-tag--danger { - background-color: white; - border-color: #fbc4c4; - color: #f56c6c; } - .el-tag--plain.el-tag--danger.is-hit { - border-color: #F56C6C; } - .el-tag--plain.el-tag--danger .el-tag__close { - color: #f56c6c; } - .el-tag--plain.el-tag--danger .el-tag__close:hover { - color: #FFFFFF; - background-color: #f56c6c; } - .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 ---------------------------*/ -/* Break-point ---------------------------*/ -.el-table-column--selection .cell { - padding-left: 14px; - padding-right: 14px; } - -.el-table-filter { - border: solid 1px #EBEEF5; - 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: #ecf5ff; - color: #66b1ff; } - .el-table-filter__list-item.is-active { - background-color: #409EFF; - color: #FFFFFF; } - .el-table-filter__content { - min-width: 100px; } - .el-table-filter__bottom { - border-top: 1px solid #EBEEF5; - 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: #409EFF; } - .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #409EFF; - 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: #409EFF; } - .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: #409EFF; } - .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: #409EFF; } - .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: #409EFF; - 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 #EBEEF5; } - -/* Element Chalk Variables */ -/* Transition --------------------------- */ -/* Color --------------------------- */ -/* 53a8ff */ -/* 66b1ff */ -/* 79bbff */ -/* 8cc5ff */ -/* a0cfff */ -/* b3d8ff */ -/* c6e2ff */ -/* d9ecff */ -/* ecf5ff */ -/* Link --------------------------- */ -/* Border --------------------------- */ -/* Fill --------------------------- */ -/* Typography --------------------------- */ -/* Size --------------------------- */ -/* z-index --------------------------- */ -/* Disable base --------------------------- */ -/* Icon --------------------------- */ -/* Checkbox --------------------------- */ -/* Radio --------------------------- */ -/* Select --------------------------- */ -/* Alert --------------------------- */ -/* MessageBox --------------------------- */ -/* Message --------------------------- */ -/* Notification --------------------------- */ -/* Input --------------------------- */ -/* Cascader --------------------------- */ -/* Group --------------------------- */ -/* Tab --------------------------- */ -/* Button --------------------------- */ -/* cascader --------------------------- */ -/* Switch --------------------------- */ -/* Dialog --------------------------- */ -/* Table --------------------------- */ -/* Pagination --------------------------- */ -/* Popup --------------------------- */ -/* Popover --------------------------- */ -/* Tooltip --------------------------- */ -/* Tag --------------------------- */ -/* Tree --------------------------- */ -/* Dropdown --------------------------- */ -/* Badge --------------------------- */ -/* Card ---------------------------*/ -/* Slider ---------------------------*/ -/* Steps ---------------------------*/ -/* Menu ---------------------------*/ -/* Rate ---------------------------*/ -/* DatePicker ---------------------------*/ -/* Loading ---------------------------*/ -/* Scrollbar ---------------------------*/ -/* Carousel ---------------------------*/ -/* Collapse ---------------------------*/ -/* Transfer ---------------------------*/ -/* Header - --------------------------*/ -/* Footer ---------------------------*/ -/* Main ---------------------------*/ -/* Timeline ---------------------------*/ -/* Backtop ---------------------------*/ -/* Link ---------------------------*/ -/* Calendar ---------------------------*/ -/* Form --------------------------- */ -/* Avatar ---------------------------*/ -/* 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: #409EFF; - 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: #409EFF; } - .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: #409EFF; } - .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: #409EFF; } - -/* Element Chalk Variables */ -/* Transition --------------------------- */ -/* Color --------------------------- */ -/* 53a8ff */ -/* 66b1ff */ -/* 79bbff */ -/* 8cc5ff */ -/* a0cfff */ -/* b3d8ff */ -/* c6e2ff */ -/* d9ecff */ -/* ecf5ff */ -/* Link --------------------------- */ -/* Border --------------------------- */ -/* Fill --------------------------- */ -/* Typography --------------------------- */ -/* Size --------------------------- */ -/* z-index --------------------------- */ -/* Disable base --------------------------- */ -/* Icon --------------------------- */ -/* Checkbox --------------------------- */ -/* Radio --------------------------- */ -/* Select --------------------------- */ -/* Alert --------------------------- */ -/* MessageBox --------------------------- */ -/* Message --------------------------- */ -/* Notification --------------------------- */ -/* Input --------------------------- */ -/* Cascader --------------------------- */ -/* Group --------------------------- */ -/* Tab --------------------------- */ -/* Button --------------------------- */ -/* cascader --------------------------- */ -/* Switch --------------------------- */ -/* Dialog --------------------------- */ -/* Table --------------------------- */ -/* Pagination --------------------------- */ -/* Popup --------------------------- */ -/* Popover --------------------------- */ -/* Tooltip --------------------------- */ -/* Tag --------------------------- */ -/* Tree --------------------------- */ -/* Dropdown --------------------------- */ -/* Badge --------------------------- */ -/* Card ---------------------------*/ -/* Slider ---------------------------*/ -/* Steps ---------------------------*/ -/* Menu ---------------------------*/ -/* Rate ---------------------------*/ -/* DatePicker ---------------------------*/ -/* Loading ---------------------------*/ -/* Scrollbar ---------------------------*/ -/* Carousel ---------------------------*/ -/* Collapse ---------------------------*/ -/* Transfer ---------------------------*/ -/* Header - --------------------------*/ -/* Footer ---------------------------*/ -/* Main ---------------------------*/ -/* Timeline ---------------------------*/ -/* Backtop ---------------------------*/ -/* Link ---------------------------*/ -/* Calendar ---------------------------*/ -/* Form --------------------------- */ -/* Avatar ---------------------------*/ -/* 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: #409EFF; - 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: #409EFF; } - .el-year-table td.current:not(.disabled) .cell { - color: #409EFF; } - -/* Element Chalk Variables */ -/* Transition --------------------------- */ -/* Color --------------------------- */ -/* 53a8ff */ -/* 66b1ff */ -/* 79bbff */ -/* 8cc5ff */ -/* a0cfff */ -/* b3d8ff */ -/* c6e2ff */ -/* d9ecff */ -/* ecf5ff */ -/* Link --------------------------- */ -/* Border --------------------------- */ -/* Fill --------------------------- */ -/* Typography --------------------------- */ -/* Size --------------------------- */ -/* z-index --------------------------- */ -/* Disable base --------------------------- */ -/* Icon --------------------------- */ -/* Checkbox --------------------------- */ -/* Radio --------------------------- */ -/* Select --------------------------- */ -/* Alert --------------------------- */ -/* MessageBox --------------------------- */ -/* Message --------------------------- */ -/* Notification --------------------------- */ -/* Input --------------------------- */ -/* Cascader --------------------------- */ -/* Group --------------------------- */ -/* Tab --------------------------- */ -/* Button --------------------------- */ -/* cascader --------------------------- */ -/* Switch --------------------------- */ -/* Dialog --------------------------- */ -/* Table --------------------------- */ -/* Pagination --------------------------- */ -/* Popup --------------------------- */ -/* Popover --------------------------- */ -/* Tooltip --------------------------- */ -/* Tag --------------------------- */ -/* Tree --------------------------- */ -/* Dropdown --------------------------- */ -/* Badge --------------------------- */ -/* Card ---------------------------*/ -/* Slider ---------------------------*/ -/* Steps ---------------------------*/ -/* Menu ---------------------------*/ -/* Rate ---------------------------*/ -/* DatePicker ---------------------------*/ -/* Loading ---------------------------*/ -/* Scrollbar ---------------------------*/ -/* Carousel ---------------------------*/ -/* Collapse ---------------------------*/ -/* Transfer ---------------------------*/ -/* Header - --------------------------*/ -/* Footer ---------------------------*/ -/* Main ---------------------------*/ -/* Timeline ---------------------------*/ -/* Backtop ---------------------------*/ -/* Link ---------------------------*/ -/* Calendar ---------------------------*/ -/* Form --------------------------- */ -/* Avatar ---------------------------*/ -/* 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: #409EFF; } - .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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::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: #409EFF; } - .el-range-editor.is-active:hover { - border-color: #409EFF; } - -.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: #E4E7ED; - color: #C0C4CC; - cursor: not-allowed; } - .el-range-editor.is-disabled:hover, .el-range-editor.is-disabled:focus { - border-color: #E4E7ED; } - .el-range-editor.is-disabled input { - background-color: #F5F7FA; - color: #C0C4CC; - cursor: not-allowed; } - .el-range-editor.is-disabled input::-webkit-input-placeholder { - color: #C0C4CC; } - .el-range-editor.is-disabled input::-moz-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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* Break-point ---------------------------*/ -.el-picker-panel { - color: #606266; - border: 1px solid #E4E7ED; - -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: #409EFF; } - .el-picker-panel__shortcut.active { - background-color: #e6f1fe; - color: #409EFF; } - .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: #409EFF; } - .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 #EBEEF5; } - .el-date-picker__header--bordered + .el-picker-panel__content { - margin-top: 0; } - .el-date-picker__header-label { - font-size: 16px; - font-weight: 500; - padding: 0 5px; - line-height: 22px; - text-align: center; - cursor: pointer; - color: #606266; } - .el-date-picker__header-label:hover { - color: #409EFF; } - .el-date-picker__header-label.active { - color: #409EFF; } - .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 #E4E7ED; } - -/* Element Chalk Variables */ -/* Transition --------------------------- */ -/* Color --------------------------- */ -/* 53a8ff */ -/* 66b1ff */ -/* 79bbff */ -/* 8cc5ff */ -/* a0cfff */ -/* b3d8ff */ -/* c6e2ff */ -/* d9ecff */ -/* ecf5ff */ -/* Link --------------------------- */ -/* Border --------------------------- */ -/* Fill --------------------------- */ -/* Typography --------------------------- */ -/* Size --------------------------- */ -/* z-index --------------------------- */ -/* Disable base --------------------------- */ -/* Icon --------------------------- */ -/* Checkbox --------------------------- */ -/* Radio --------------------------- */ -/* Select --------------------------- */ -/* Alert --------------------------- */ -/* MessageBox --------------------------- */ -/* Message --------------------------- */ -/* Notification --------------------------- */ -/* Input --------------------------- */ -/* Cascader --------------------------- */ -/* Group --------------------------- */ -/* Tab --------------------------- */ -/* Button --------------------------- */ -/* cascader --------------------------- */ -/* Switch --------------------------- */ -/* Dialog --------------------------- */ -/* Table --------------------------- */ -/* Pagination --------------------------- */ -/* Popup --------------------------- */ -/* Popover --------------------------- */ -/* Tooltip --------------------------- */ -/* Tag --------------------------- */ -/* Tree --------------------------- */ -/* Dropdown --------------------------- */ -/* Badge --------------------------- */ -/* Card ---------------------------*/ -/* Slider ---------------------------*/ -/* Steps ---------------------------*/ -/* Menu ---------------------------*/ -/* Rate ---------------------------*/ -/* DatePicker ---------------------------*/ -/* Loading ---------------------------*/ -/* Scrollbar ---------------------------*/ -/* Carousel ---------------------------*/ -/* Collapse ---------------------------*/ -/* Transfer ---------------------------*/ -/* Header - --------------------------*/ -/* Footer ---------------------------*/ -/* Main ---------------------------*/ -/* Timeline ---------------------------*/ -/* Backtop ---------------------------*/ -/* Link ---------------------------*/ -/* Calendar ---------------------------*/ -/* Form --------------------------- */ -/* Avatar ---------------------------*/ -/* Break-point ---------------------------*/ -.el-time-panel { - margin: 5px 0; - border: solid 1px #E4E7ED; - 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 #E4E7ED; - border-bottom: 1px solid #E4E7ED; } - .el-time-panel__content::after { - left: 50%; - margin-left: 12%; - margin-right: 12%; } - .el-time-panel__content::before { - padding-left: 50%; - margin-right: 12%; - margin-left: 12%; } - .el-time-panel__content.has-seconds::after { - left: calc(100% / 3 * 2); } - .el-time-panel__content.has-seconds::before { - padding-left: calc(100% / 3); } - .el-time-panel__footer { - border-top: 1px solid #e4e4e4; - padding: 4px; - height: 36px; - line-height: 25px; - text-align: right; - -webkit-box-sizing: border-box; - box-sizing: border-box; } - .el-time-panel__btn { - border: none; - line-height: 28px; - padding: 0 5px; - margin: 0 5px; - cursor: pointer; - background-color: transparent; - outline: none; - font-size: 12px; - color: #303133; } - .el-time-panel__btn.confirm { - font-weight: 800; - color: #409EFF; } - -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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::placeholder { - color: #C0C4CC; } - .el-textarea__inner:hover { - border-color: #C0C4CC; } - .el-textarea__inner:focus { - outline: none; - border-color: #409EFF; } - .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: #E4E7ED; - color: #C0C4CC; - cursor: not-allowed; } - .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { - color: #C0C4CC; } - .el-textarea.is-disabled .el-textarea__inner::-moz-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: #F56C6C; } - .el-textarea.is-exceed .el-input__count { - color: #F56C6C; } - -.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::-webkit-input-placeholder { - color: #C0C4CC; } - .el-input__inner::-moz-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: #409EFF; } - .el-input__suffix { - position: absolute; - height: 100%; - right: 5px; - top: 0; - text-align: center; - color: #C0C4CC; - -webkit-transition: all .3s; - transition: all .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 .3s; - transition: all .3s; } - .el-input__icon { - height: 100%; - width: 25px; - text-align: center; - -webkit-transition: all .3s; - transition: all .3s; - line-height: 40px; } - .el-input__icon:after { - content: ''; - height: 100%; - width: 0; - display: inline-block; - vertical-align: middle; } - .el-input__validateIcon { - pointer-events: none; } - .el-input.is-active .el-input__inner { - outline: none; - border-color: #409EFF; } - .el-input.is-disabled .el-input__inner { - background-color: #F5F7FA; - border-color: #E4E7ED; - color: #C0C4CC; - cursor: not-allowed; } - .el-input.is-disabled .el-input__inner::-webkit-input-placeholder { - color: #C0C4CC; } - .el-input.is-disabled .el-input__inner::-moz-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: #F56C6C; } - .el-input.is-exceed .el-input__suffix .el-input__count { - color: #F56C6C; } - .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: .3s background-color; - transition: .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #EBEEF5; - 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: #EBEEF5; } - .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: #EBEEF5; - 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: #EBEEF5; } - .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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::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: #409EFF; } - .el-range-editor.is-active:hover { - border-color: #409EFF; } - -.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: #E4E7ED; - color: #C0C4CC; - cursor: not-allowed; } - .el-range-editor.is-disabled:hover, .el-range-editor.is-disabled:focus { - border-color: #E4E7ED; } - .el-range-editor.is-disabled input { - background-color: #F5F7FA; - color: #C0C4CC; - cursor: not-allowed; } - .el-range-editor.is-disabled input::-webkit-input-placeholder { - color: #C0C4CC; } - .el-range-editor.is-disabled input::-moz-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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* Break-point ---------------------------*/ -.el-picker-panel { - color: #606266; - border: 1px solid #E4E7ED; - -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: #409EFF; } - .el-picker-panel__shortcut.active { - background-color: #e6f1fe; - color: #409EFF; } - .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: #409EFF; } - .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 #EBEEF5; } - .el-date-picker__header--bordered + .el-picker-panel__content { - margin-top: 0; } - .el-date-picker__header-label { - font-size: 16px; - font-weight: 500; - padding: 0 5px; - line-height: 22px; - text-align: center; - cursor: pointer; - color: #606266; } - .el-date-picker__header-label:hover { - color: #409EFF; } - .el-date-picker__header-label.active { - color: #409EFF; } - .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: .3s background-color; - transition: .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #EBEEF5; - 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: #EBEEF5; } - .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: #EBEEF5; - 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: #EBEEF5; } - .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: #409EFF; - font-weight: bold; } - -.time-select-item.disabled { - color: #E4E7ED; - 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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::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: #409EFF; } - .el-range-editor.is-active:hover { - border-color: #409EFF; } - -.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: #E4E7ED; - color: #C0C4CC; - cursor: not-allowed; } - .el-range-editor.is-disabled:hover, .el-range-editor.is-disabled:focus { - border-color: #E4E7ED; } - .el-range-editor.is-disabled input { - background-color: #F5F7FA; - color: #C0C4CC; - cursor: not-allowed; } - .el-range-editor.is-disabled input::-webkit-input-placeholder { - color: #C0C4CC; } - .el-range-editor.is-disabled input::-moz-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 ---------------------------*/ -/* Break-point ---------------------------*/ -.el-picker-panel { - color: #606266; - border: 1px solid #E4E7ED; - -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: #409EFF; } - .el-picker-panel__shortcut.active { - background-color: #e6f1fe; - color: #409EFF; } - .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: #409EFF; } - .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 ---------------------------*/ -/* 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: #409EFF; } - .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 ---------------------------*/ -/* Break-point ---------------------------*/ -.el-time-panel { - margin: 5px 0; - border: solid 1px #E4E7ED; - 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 #E4E7ED; - border-bottom: 1px solid #E4E7ED; } - .el-time-panel__content::after { - left: 50%; - margin-left: 12%; - margin-right: 12%; } - .el-time-panel__content::before { - padding-left: 50%; - margin-right: 12%; - margin-left: 12%; } - .el-time-panel__content.has-seconds::after { - left: calc(100% / 3 * 2); } - .el-time-panel__content.has-seconds::before { - padding-left: calc(100% / 3); } - .el-time-panel__footer { - border-top: 1px solid #e4e4e4; - padding: 4px; - height: 36px; - line-height: 25px; - text-align: right; - -webkit-box-sizing: border-box; - box-sizing: border-box; } - .el-time-panel__btn { - border: none; - line-height: 28px; - padding: 0 5px; - margin: 0 5px; - cursor: pointer; - background-color: transparent; - outline: none; - font-size: 12px; - color: #303133; } - .el-time-panel__btn.confirm { - font-weight: 800; - color: #409EFF; } - -/* Element Chalk Variables */ -/* Transition --------------------------- */ -/* Color --------------------------- */ -/* 53a8ff */ -/* 66b1ff */ -/* 79bbff */ -/* 8cc5ff */ -/* a0cfff */ -/* b3d8ff */ -/* c6e2ff */ -/* d9ecff */ -/* ecf5ff */ -/* Link --------------------------- */ -/* Border --------------------------- */ -/* Fill --------------------------- */ -/* Typography --------------------------- */ -/* Size --------------------------- */ -/* z-index --------------------------- */ -/* Disable base --------------------------- */ -/* Icon --------------------------- */ -/* Checkbox --------------------------- */ -/* Radio --------------------------- */ -/* Select --------------------------- */ -/* Alert --------------------------- */ -/* MessageBox --------------------------- */ -/* Message --------------------------- */ -/* Notification --------------------------- */ -/* Input --------------------------- */ -/* Cascader --------------------------- */ -/* Group --------------------------- */ -/* Tab --------------------------- */ -/* Button --------------------------- */ -/* cascader --------------------------- */ -/* Switch --------------------------- */ -/* Dialog --------------------------- */ -/* Table --------------------------- */ -/* Pagination --------------------------- */ -/* Popup --------------------------- */ -/* Popover --------------------------- */ -/* Tooltip --------------------------- */ -/* Tag --------------------------- */ -/* Tree --------------------------- */ -/* Dropdown --------------------------- */ -/* Badge --------------------------- */ -/* Card ---------------------------*/ -/* Slider ---------------------------*/ -/* Steps ---------------------------*/ -/* Menu ---------------------------*/ -/* Rate ---------------------------*/ -/* DatePicker ---------------------------*/ -/* Loading ---------------------------*/ -/* Scrollbar ---------------------------*/ -/* Carousel ---------------------------*/ -/* Collapse ---------------------------*/ -/* Transfer ---------------------------*/ -/* Header - --------------------------*/ -/* Footer ---------------------------*/ -/* Main ---------------------------*/ -/* Timeline ---------------------------*/ -/* Backtop ---------------------------*/ -/* Link ---------------------------*/ -/* Calendar ---------------------------*/ -/* Form --------------------------- */ -/* Avatar ---------------------------*/ -/* 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 #E4E7ED; } - -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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::placeholder { - color: #C0C4CC; } - .el-textarea__inner:hover { - border-color: #C0C4CC; } - .el-textarea__inner:focus { - outline: none; - border-color: #409EFF; } - .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: #E4E7ED; - color: #C0C4CC; - cursor: not-allowed; } - .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { - color: #C0C4CC; } - .el-textarea.is-disabled .el-textarea__inner::-moz-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: #F56C6C; } - .el-textarea.is-exceed .el-input__count { - color: #F56C6C; } - -.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::-webkit-input-placeholder { - color: #C0C4CC; } - .el-input__inner::-moz-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: #409EFF; } - .el-input__suffix { - position: absolute; - height: 100%; - right: 5px; - top: 0; - text-align: center; - color: #C0C4CC; - -webkit-transition: all .3s; - transition: all .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 .3s; - transition: all .3s; } - .el-input__icon { - height: 100%; - width: 25px; - text-align: center; - -webkit-transition: all .3s; - transition: all .3s; - line-height: 40px; } - .el-input__icon:after { - content: ''; - height: 100%; - width: 0; - display: inline-block; - vertical-align: middle; } - .el-input__validateIcon { - pointer-events: none; } - .el-input.is-active .el-input__inner { - outline: none; - border-color: #409EFF; } - .el-input.is-disabled .el-input__inner { - background-color: #F5F7FA; - border-color: #E4E7ED; - color: #C0C4CC; - cursor: not-allowed; } - .el-input.is-disabled .el-input__inner::-webkit-input-placeholder { - color: #C0C4CC; } - .el-input.is-disabled .el-input__inner::-moz-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: #F56C6C; } - .el-input.is-exceed .el-input__suffix .el-input__count { - color: #F56C6C; } - .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: .3s background-color; - transition: .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #EBEEF5; - 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: #EBEEF5; } - .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: #EBEEF5; - 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: #EBEEF5; } - .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #EBEEF5; - 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: #EBEEF5; } - .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: #EBEEF5; - 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: #EBEEF5; } - .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 #EBEEF5; - padding: 12px; - z-index: 2000; - color: #606266; - line-height: 1.4; - text-align: justify; - font-size: 14px; - -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* Break-point ---------------------------*/ -/* Break-points - -------------------------- */ -/* Scrollbar - -------------------------- */ -/* Placeholder - -------------------------- */ -/* BEM - -------------------------- */ -.v-modal-enter { - -webkit-animation: v-modal-in .2s ease; - animation: v-modal-in .2s ease; } - -.v-modal-leave { - -webkit-animation: v-modal-out .2s ease forwards; - animation: v-modal-out .2s ease forwards; } - -@keyframes v-modal-in { - 0% { - opacity: 0; } - 100% { } } - -@keyframes v-modal-out { - 0% { } - 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: .1s; - transition: .1s; - font-weight: 500; - -moz-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; - padding: 12px 20px; - font-size: 14px; - border-radius: 4px; } - .el-button + .el-button { - margin-left: 10px; } - .el-button.is-round { - padding: 12px 20px; } - .el-button:hover, .el-button:focus { - color: #409EFF; - border-color: #c6e2ff; - background-color: #ecf5ff; } - .el-button:active { - color: #3a8ee6; - border-color: #3a8ee6; - 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: #409EFF; - color: #409EFF; } - .el-button.is-plain:active { - background: #FFFFFF; - border-color: #3a8ee6; - color: #3a8ee6; - outline: none; } - .el-button.is-active { - color: #3a8ee6; - border-color: #3a8ee6; } - .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: #EBEEF5; } - .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: #EBEEF5; - color: #C0C4CC; } - .el-button.is-loading { - position: relative; - pointer-events: none; } - .el-button.is-loading:before { - pointer-events: none; - content: ''; - position: absolute; - left: -1px; - top: -1px; - right: -1px; - bottom: -1px; - border-radius: inherit; - background-color: rgba(255, 255, 255, 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: #409EFF; - border-color: #409EFF; } - .el-button--primary:hover, .el-button--primary:focus { - background: #66b1ff; - border-color: #66b1ff; - color: #FFFFFF; } - .el-button--primary:active { - background: #3a8ee6; - border-color: #3a8ee6; - color: #FFFFFF; - outline: none; } - .el-button--primary.is-active { - background: #3a8ee6; - border-color: #3a8ee6; - 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: #a0cfff; - border-color: #a0cfff; } - .el-button--primary.is-plain { - color: #409EFF; - background: #ecf5ff; - border-color: #b3d8ff; } - .el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus { - background: #409EFF; - border-color: #409EFF; - color: #FFFFFF; } - .el-button--primary.is-plain:active { - background: #3a8ee6; - border-color: #3a8ee6; - 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: #8cc5ff; - background-color: #ecf5ff; - border-color: #d9ecff; } - .el-button--success { - color: #FFFFFF; - background-color: #67C23A; - border-color: #67C23A; } - .el-button--success:hover, .el-button--success:focus { - background: #85ce61; - border-color: #85ce61; - color: #FFFFFF; } - .el-button--success:active { - background: #5daf34; - border-color: #5daf34; - color: #FFFFFF; - outline: none; } - .el-button--success.is-active { - background: #5daf34; - border-color: #5daf34; - 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: #b3e19d; - border-color: #b3e19d; } - .el-button--success.is-plain { - color: #67C23A; - background: #f0f9eb; - border-color: #c2e7b0; } - .el-button--success.is-plain:hover, .el-button--success.is-plain:focus { - background: #67C23A; - border-color: #67C23A; - color: #FFFFFF; } - .el-button--success.is-plain:active { - background: #5daf34; - border-color: #5daf34; - 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: #a4da89; - background-color: #f0f9eb; - border-color: #e1f3d8; } - .el-button--warning { - color: #FFFFFF; - background-color: #E6A23C; - border-color: #E6A23C; } - .el-button--warning:hover, .el-button--warning:focus { - background: #ebb563; - border-color: #ebb563; - color: #FFFFFF; } - .el-button--warning:active { - background: #cf9236; - border-color: #cf9236; - color: #FFFFFF; - outline: none; } - .el-button--warning.is-active { - background: #cf9236; - border-color: #cf9236; - 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: #f3d19e; - border-color: #f3d19e; } - .el-button--warning.is-plain { - color: #E6A23C; - background: #fdf6ec; - border-color: #f5dab1; } - .el-button--warning.is-plain:hover, .el-button--warning.is-plain:focus { - background: #E6A23C; - border-color: #E6A23C; - color: #FFFFFF; } - .el-button--warning.is-plain:active { - background: #cf9236; - border-color: #cf9236; - 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: #f0c78a; - background-color: #fdf6ec; - border-color: #faecd8; } - .el-button--danger { - color: #FFFFFF; - background-color: #F56C6C; - border-color: #F56C6C; } - .el-button--danger:hover, .el-button--danger:focus { - background: #f78989; - border-color: #f78989; - color: #FFFFFF; } - .el-button--danger:active { - background: #dd6161; - border-color: #dd6161; - color: #FFFFFF; - outline: none; } - .el-button--danger.is-active { - background: #dd6161; - border-color: #dd6161; - 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: #fab6b6; - border-color: #fab6b6; } - .el-button--danger.is-plain { - color: #F56C6C; - background: #fef0f0; - border-color: #fbc4c4; } - .el-button--danger.is-plain:hover, .el-button--danger.is-plain:focus { - background: #F56C6C; - border-color: #F56C6C; - color: #FFFFFF; } - .el-button--danger.is-plain:active { - background: #dd6161; - border-color: #dd6161; - 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: #f9a7a7; - background-color: #fef0f0; - border-color: #fde2e2; } - .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: #409EFF; - background: transparent; - padding-left: 0; - padding-right: 0; } - .el-button--text:hover, .el-button--text:focus { - color: #66b1ff; - border-color: transparent; - background-color: transparent; } - .el-button--text:active { - color: #3a8ee6; - 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:hover, .el-button-group > .el-button:focus, .el-button-group > .el-button: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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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::placeholder { - color: #C0C4CC; } - .el-textarea__inner:hover { - border-color: #C0C4CC; } - .el-textarea__inner:focus { - outline: none; - border-color: #409EFF; } - .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: #E4E7ED; - color: #C0C4CC; - cursor: not-allowed; } - .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { - color: #C0C4CC; } - .el-textarea.is-disabled .el-textarea__inner::-moz-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: #F56C6C; } - .el-textarea.is-exceed .el-input__count { - color: #F56C6C; } - -.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::-webkit-input-placeholder { - color: #C0C4CC; } - .el-input__inner::-moz-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: #409EFF; } - .el-input__suffix { - position: absolute; - height: 100%; - right: 5px; - top: 0; - text-align: center; - color: #C0C4CC; - -webkit-transition: all .3s; - transition: all .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 .3s; - transition: all .3s; } - .el-input__icon { - height: 100%; - width: 25px; - text-align: center; - -webkit-transition: all .3s; - transition: all .3s; - line-height: 40px; } - .el-input__icon:after { - content: ''; - height: 100%; - width: 0; - display: inline-block; - vertical-align: middle; } - .el-input__validateIcon { - pointer-events: none; } - .el-input.is-active .el-input__inner { - outline: none; - border-color: #409EFF; } - .el-input.is-disabled .el-input__inner { - background-color: #F5F7FA; - border-color: #E4E7ED; - color: #C0C4CC; - cursor: not-allowed; } - .el-input.is-disabled .el-input__inner::-webkit-input-placeholder { - color: #C0C4CC; } - .el-input.is-disabled .el-input__inner::-moz-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: #F56C6C; } - .el-input.is-exceed .el-input__suffix .el-input__count { - color: #F56C6C; } - .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 #EBEEF5; - 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: #409EFF; } - .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: #F56C6C; } - .el-message-box__input input.invalid:focus { - border-color: #F56C6C; } - .el-message-box__status { - position: absolute; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - font-size: 24px !important; } - .el-message-box__status::before { - padding-left: 1px; } - .el-message-box__status + .el-message-box__message { - padding-left: 36px; - padding-right: 12px; } - .el-message-box__status.el-icon-success { - color: #67C23A; } - .el-message-box__status.el-icon-info { - color: #909399; } - .el-message-box__status.el-icon-warning { - color: #E6A23C; } - .el-message-box__status.el-icon-error { - color: #F56C6C; } - .el-message-box__message { - margin: 0; } - .el-message-box__message p { - margin: 0; - line-height: 24px; } - .el-message-box__errormsg { - color: #F56C6C; - font-size: 12px; - min-height: 18px; - margin-top: 2px; } - .el-message-box__btns { - padding: 5px 15px 0; - text-align: right; } - .el-message-box__btns button:nth-child(2) { - margin-left: 10px; } - .el-message-box__btns-reverse { - -webkit-box-orient: horizontal; - -webkit-box-direction: reverse; - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; } - .el-message-box--center { - padding-bottom: 30px; } - .el-message-box--center .el-message-box__header { - padding-top: 30px; } - .el-message-box--center .el-message-box__title { - position: relative; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; } - .el-message-box--center .el-message-box__status { - position: relative; - top: auto; - padding-right: 5px; - text-align: center; - -webkit-transform: translateY(-1px); - transform: translateY(-1px); } - .el-message-box--center .el-message-box__message { - margin-left: 0; } - .el-message-box--center .el-message-box__btns, .el-message-box--center .el-message-box__content { - text-align: center; } - .el-message-box--center .el-message-box__content { - padding-left: 27px; - padding-right: 27px; } - -.msgbox-fade-enter-active { - -webkit-animation: msgbox-fade-in .3s; - animation: msgbox-fade-in .3s; } - -.msgbox-fade-leave-active { - -webkit-animation: msgbox-fade-out .3s; - animation: msgbox-fade-out .3s; } - -@-webkit-keyframes msgbox-fade-in { - 0% { - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); - opacity: 0; } - 100% { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - opacity: 1; } } - -@keyframes msgbox-fade-in { - 0% { - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); - opacity: 0; } - 100% { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - opacity: 1; } } - -@-webkit-keyframes msgbox-fade-out { - 0% { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - opacity: 1; } - 100% { - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); - opacity: 0; } } - -@keyframes msgbox-fade-out { - 0% { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - opacity: 1; } - 100% { - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); - opacity: 0; } } - -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #409EFF; - 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #F56C6C; - font-size: 12px; - line-height: 1; - padding-top: 4px; - position: absolute; - top: 100%; - left: 0; } - .el-form-item__error--inline { - position: relative; - top: auto; - left: auto; - display: inline-block; - margin-left: 10px; } - .el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before, - .el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap > .el-form-item__label:before { - content: '*'; - color: #F56C6C; - margin-right: 4px; } - .el-form-item.is-error .el-input__inner, .el-form-item.is-error .el-input__inner:focus, - .el-form-item.is-error .el-textarea__inner, - .el-form-item.is-error .el-textarea__inner:focus { - border-color: #F56C6C; } - .el-form-item.is-error .el-input-group__append .el-input__inner, - .el-form-item.is-error .el-input-group__prepend .el-input__inner { - border-color: transparent; } - .el-form-item.is-error .el-input__validateIcon { - color: #F56C6C; } - .el-form-item--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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #409EFF; - 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 .15s; - transition: all .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: #409EFF; } - -.el-tabs__nav-wrap { - overflow: hidden; - margin-bottom: -1px; - position: relative; } - .el-tabs__nav-wrap::after { - content: ""; - position: absolute; - left: 0; - bottom: 0; - width: 100%; - height: 2px; - background-color: #E4E7ED; - z-index: 1; } - .el-tabs__nav-wrap.is-scrollable { - padding: 0 20px; - -webkit-box-sizing: border-box; - box-sizing: border-box; } - -.el-tabs__nav-scroll { - overflow: hidden; } - -.el-tabs__nav-next, .el-tabs__nav-prev { - position: absolute; - cursor: pointer; - line-height: 44px; - font-size: 12px; - color: #909399; } - -.el-tabs__nav-next { - right: 0; } - -.el-tabs__nav-prev { - left: 0; } - -.el-tabs__nav { - white-space: nowrap; - position: relative; - -webkit-transition: -webkit-transform .3s; - transition: -webkit-transform .3s; - transition: transform .3s; - transition: transform .3s, -webkit-transform .3s; - float: left; - z-index: 2; } - .el-tabs__nav.is-stretch { - min-width: 100%; - display: -webkit-box; - display: -ms-flexbox; - display: flex; } - .el-tabs__nav.is-stretch > * { - -webkit-box-flex: 1; - -ms-flex: 1; - flex: 1; - text-align: center; } - -.el-tabs__item { - padding: 0 20px; - height: 40px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - line-height: 40px; - display: inline-block; - list-style: none; - font-size: 14px; - font-weight: 500; - color: #303133; - position: relative; } - .el-tabs__item:focus, .el-tabs__item:focus:active { - outline: none; } - .el-tabs__item:focus.is-active.is-focus:not(:active) { - -webkit-box-shadow: 0 0 2px 2px #409EFF inset; - box-shadow: 0 0 2px 2px #409EFF 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: #409EFF; } - .el-tabs__item:hover { - color: #409EFF; - cursor: pointer; } - .el-tabs__item.is-disabled { - color: #C0C4CC; - cursor: default; } - -.el-tabs__content { - overflow: hidden; - position: relative; } - -.el-tabs--card > .el-tabs__header { - border-bottom: 1px solid #E4E7ED; } - -.el-tabs--card > .el-tabs__header .el-tabs__nav-wrap::after { - content: none; } - -.el-tabs--card > .el-tabs__header .el-tabs__nav { - border: 1px solid #E4E7ED; - border-bottom: none; - border-radius: 4px 4px 0 0; - -webkit-box-sizing: border-box; - box-sizing: border-box; } - -.el-tabs--card > .el-tabs__header .el-tabs__active-bar { - display: none; } - -.el-tabs--card > .el-tabs__header .el-tabs__item .el-icon-close { - position: relative; - font-size: 12px; - width: 0; - height: 14px; - vertical-align: middle; - line-height: 15px; - overflow: hidden; - top: -1px; - right: -2px; - -webkit-transform-origin: 100% 50%; - transform-origin: 100% 50%; } - -.el-tabs--card > .el-tabs__header .el-tabs__item { - border-bottom: 1px solid transparent; - border-left: 1px solid #E4E7ED; - -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 #E4E7ED; - 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: #409EFF; - 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: #409EFF; } - .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 #E4E7ED; - border-bottom: none; - border-top: 1px solid #E4E7ED; - text-align: left; } - -.el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child { - border-right: 1px solid #E4E7ED; - border-top: none; } - -.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active { - border: 1px solid #E4E7ED; - border-right-color: #fff; - border-left: none; - border-bottom: none; } - .el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child { - border-top: none; } - .el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child { - border-bottom: none; } - -.el-tabs--left.el-tabs--card .el-tabs__nav { - border-radius: 4px 0 0 4px; - border-bottom: 1px solid #E4E7ED; - border-right: none; } - -.el-tabs--left.el-tabs--card .el-tabs__new-tab { - float: none; } - -.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left { - border-right: 1px solid #dfe4ed; } - -.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left { - border: 1px solid transparent; - margin: -1px 0 -1px -1px; } - .el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active { - border-color: transparent; - border-top-color: #d1dbe5; - border-bottom-color: #d1dbe5; } - -.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 #E4E7ED; } - -.el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child { - border-left: 1px solid #E4E7ED; - border-top: none; } - -.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active { - border: 1px solid #E4E7ED; - border-left-color: #fff; - border-right: none; - border-bottom: none; } - .el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child { - border-top: none; } - .el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child { - border-bottom: none; } - -.el-tabs--right.el-tabs--card .el-tabs__nav { - border-radius: 0 4px 4px 0; - border-bottom: 1px solid #E4E7ED; - border-left: none; } - -.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right { - border-left: 1px solid #dfe4ed; } - -.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right { - border: 1px solid transparent; - margin: -1px -1px -1px 0; } - .el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active { - border-color: transparent; - border-top-color: #d1dbe5; - border-bottom-color: #d1dbe5; } - -.slideInRight-transition, -.slideInLeft-transition { - display: inline-block; } - -.slideInRight-enter { - -webkit-animation: slideInRight-enter .3s; - animation: slideInRight-enter .3s; } - -.slideInRight-leave { - position: absolute; - left: 0; - right: 0; - -webkit-animation: slideInRight-leave .3s; - animation: slideInRight-leave .3s; } - -.slideInLeft-enter { - -webkit-animation: slideInLeft-enter .3s; - animation: slideInLeft-enter .3s; } - -.slideInLeft-leave { - position: absolute; - left: 0; - right: 0; - -webkit-animation: slideInLeft-leave .3s; - animation: slideInLeft-leave .3s; } - -@-webkit-keyframes slideInRight-enter { - 0% { - opacity: 0; - -webkit-transform-origin: 0 0; - transform-origin: 0 0; - -webkit-transform: translateX(100%); - transform: translateX(100%); } - to { - opacity: 1; - -webkit-transform-origin: 0 0; - transform-origin: 0 0; - -webkit-transform: translateX(0); - transform: translateX(0); } } - -@keyframes slideInRight-enter { - 0% { - opacity: 0; - -webkit-transform-origin: 0 0; - transform-origin: 0 0; - -webkit-transform: translateX(100%); - transform: translateX(100%); } - to { - opacity: 1; - -webkit-transform-origin: 0 0; - transform-origin: 0 0; - -webkit-transform: translateX(0); - transform: translateX(0); } } - -@-webkit-keyframes slideInRight-leave { - 0% { - -webkit-transform-origin: 0 0; - transform-origin: 0 0; - -webkit-transform: translateX(0); - transform: translateX(0); - opacity: 1; } - 100% { - -webkit-transform-origin: 0 0; - transform-origin: 0 0; - -webkit-transform: translateX(100%); - transform: translateX(100%); - opacity: 0; } } - -@keyframes slideInRight-leave { - 0% { - -webkit-transform-origin: 0 0; - transform-origin: 0 0; - -webkit-transform: translateX(0); - transform: translateX(0); - opacity: 1; } - 100% { - -webkit-transform-origin: 0 0; - transform-origin: 0 0; - -webkit-transform: translateX(100%); - transform: translateX(100%); - opacity: 0; } } - -@-webkit-keyframes slideInLeft-enter { - 0% { - opacity: 0; - -webkit-transform-origin: 0 0; - transform-origin: 0 0; - -webkit-transform: translateX(-100%); - transform: translateX(-100%); } - to { - opacity: 1; - -webkit-transform-origin: 0 0; - transform-origin: 0 0; - -webkit-transform: translateX(0); - transform: translateX(0); } } - -@keyframes slideInLeft-enter { - 0% { - opacity: 0; - -webkit-transform-origin: 0 0; - transform-origin: 0 0; - -webkit-transform: translateX(-100%); - transform: translateX(-100%); } - to { - opacity: 1; - -webkit-transform-origin: 0 0; - transform-origin: 0 0; - -webkit-transform: translateX(0); - transform: translateX(0); } } - -@-webkit-keyframes slideInLeft-leave { - 0% { - -webkit-transform-origin: 0 0; - transform-origin: 0 0; - -webkit-transform: translateX(0); - transform: translateX(0); - opacity: 1; } - 100% { - -webkit-transform-origin: 0 0; - transform-origin: 0 0; - -webkit-transform: translateX(-100%); - transform: translateX(-100%); - opacity: 0; } } - -@keyframes slideInLeft-leave { - 0% { - -webkit-transform-origin: 0 0; - transform-origin: 0 0; - -webkit-transform: translateX(0); - transform: translateX(0); - opacity: 1; } - 100% { - -webkit-transform-origin: 0 0; - transform-origin: 0 0; - -webkit-transform: translateX(-100%); - transform: translateX(-100%); - opacity: 0; } } - -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* Break-point ---------------------------*/ -.el-tag { - background-color: #ecf5ff; - border-color: #d9ecff; - color: #409eff; - display: inline-block; - height: 32px; - padding: 0 10px; - line-height: 30px; - font-size: 12px; - color: #409EFF; - 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: #409EFF; } - .el-tag .el-tag__close { - color: #409eff; } - .el-tag .el-tag__close:hover { - color: #FFFFFF; - background-color: #409eff; } - .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: #f0f9eb; - border-color: #e1f3d8; - color: #67c23a; } - .el-tag.el-tag--success.is-hit { - border-color: #67C23A; } - .el-tag.el-tag--success .el-tag__close { - color: #67c23a; } - .el-tag.el-tag--success .el-tag__close:hover { - color: #FFFFFF; - background-color: #67c23a; } - .el-tag.el-tag--warning { - background-color: #fdf6ec; - border-color: #faecd8; - color: #e6a23c; } - .el-tag.el-tag--warning.is-hit { - border-color: #E6A23C; } - .el-tag.el-tag--warning .el-tag__close { - color: #e6a23c; } - .el-tag.el-tag--warning .el-tag__close:hover { - color: #FFFFFF; - background-color: #e6a23c; } - .el-tag.el-tag--danger { - background-color: #fef0f0; - border-color: #fde2e2; - color: #f56c6c; } - .el-tag.el-tag--danger.is-hit { - border-color: #F56C6C; } - .el-tag.el-tag--danger .el-tag__close { - color: #f56c6c; } - .el-tag.el-tag--danger .el-tag__close:hover { - color: #FFFFFF; - background-color: #f56c6c; } - .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: #409eff; - border-color: #409eff; - color: white; } - .el-tag--dark.is-hit { - border-color: #409EFF; } - .el-tag--dark .el-tag__close { - color: white; } - .el-tag--dark .el-tag__close:hover { - color: #FFFFFF; - background-color: #66b1ff; } - .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: #67c23a; - border-color: #67c23a; - color: white; } - .el-tag--dark.el-tag--success.is-hit { - border-color: #67C23A; } - .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: #85ce61; } - .el-tag--dark.el-tag--warning { - background-color: #e6a23c; - border-color: #e6a23c; - color: white; } - .el-tag--dark.el-tag--warning.is-hit { - border-color: #E6A23C; } - .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: #ebb563; } - .el-tag--dark.el-tag--danger { - background-color: #f56c6c; - border-color: #f56c6c; - color: white; } - .el-tag--dark.el-tag--danger.is-hit { - border-color: #F56C6C; } - .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: #f78989; } - .el-tag--plain { - background-color: white; - border-color: #b3d8ff; - color: #409eff; } - .el-tag--plain.is-hit { - border-color: #409EFF; } - .el-tag--plain .el-tag__close { - color: #409eff; } - .el-tag--plain .el-tag__close:hover { - color: #FFFFFF; - background-color: #409eff; } - .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: #c2e7b0; - color: #67c23a; } - .el-tag--plain.el-tag--success.is-hit { - border-color: #67C23A; } - .el-tag--plain.el-tag--success .el-tag__close { - color: #67c23a; } - .el-tag--plain.el-tag--success .el-tag__close:hover { - color: #FFFFFF; - background-color: #67c23a; } - .el-tag--plain.el-tag--warning { - background-color: white; - border-color: #f5dab1; - color: #e6a23c; } - .el-tag--plain.el-tag--warning.is-hit { - border-color: #E6A23C; } - .el-tag--plain.el-tag--warning .el-tag__close { - color: #e6a23c; } - .el-tag--plain.el-tag--warning .el-tag__close:hover { - color: #FFFFFF; - background-color: #e6a23c; } - .el-tag--plain.el-tag--danger { - background-color: white; - border-color: #fbc4c4; - color: #f56c6c; } - .el-tag--plain.el-tag--danger.is-hit { - border-color: #F56C6C; } - .el-tag--plain.el-tag--danger .el-tag__close { - color: #f56c6c; } - .el-tag--plain.el-tag--danger .el-tag__close:hover { - color: #FFFFFF; - background-color: #f56c6c; } - .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #409EFF; } - .el-checkbox.is-bordered.is-disabled { - border-color: #EBEEF5; - cursor: not-allowed; } - .el-checkbox.is-bordered + .el-checkbox.is-bordered { - margin-left: 10px; } - .el-checkbox.is-bordered.el-checkbox--medium { - padding: 7px 20px 7px 10px; - border-radius: 4px; - height: 36px; } - .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label { - line-height: 17px; - font-size: 14px; } - .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner { - height: 14px; - width: 14px; } - .el-checkbox.is-bordered.el-checkbox--small { - padding: 5px 15px 5px 10px; - border-radius: 3px; - height: 32px; } - .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label { - line-height: 15px; - font-size: 12px; } - .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner { - height: 12px; - width: 12px; } - .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after { - height: 6px; - width: 2px; } - .el-checkbox.is-bordered.el-checkbox--mini { - padding: 3px 15px 3px 10px; - border-radius: 3px; - height: 28px; } - .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label { - line-height: 12px; - font-size: 12px; } - .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner { - height: 12px; - width: 12px; } - .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after { - height: 6px; - width: 2px; } - .el-checkbox__input { - white-space: nowrap; - cursor: pointer; - outline: 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: #409EFF; - border-color: #409EFF; } - .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: #409EFF; } - .el-checkbox__input.is-focus { - /*focus时 视觉上区分*/ } - .el-checkbox__input.is-focus .el-checkbox__inner { - border-color: #409EFF; } - .el-checkbox__input.is-indeterminate .el-checkbox__inner { - background-color: #409EFF; - border-color: #409EFF; } - .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: #409EFF; } - .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 .15s ease-in .05s; - transition: -webkit-transform .15s ease-in .05s; - transition: transform .15s ease-in .05s; - transition: transform .15s ease-in .05s, -webkit-transform .15s ease-in .05s; - -webkit-transform-origin: center; - transform-origin: center; } - .el-checkbox__original { - opacity: 0; - outline: 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: #409EFF; } - .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: #409EFF; - border-color: #409EFF; - -webkit-box-shadow: -1px 0 0 0 #8cc5ff; - box-shadow: -1px 0 0 0 #8cc5ff; } - .el-checkbox-button.is-checked:first-child .el-checkbox-button__inner { - border-left-color: #409EFF; } - .el-checkbox-button.is-disabled .el-checkbox-button__inner { - color: #C0C4CC; - cursor: not-allowed; - background-image: none; - background-color: #FFFFFF; - border-color: #EBEEF5; - -webkit-box-shadow: none; - box-shadow: none; } - .el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner { - border-left-color: #EBEEF5; } - .el-checkbox-button:first-child .el-checkbox-button__inner { - border-left: 1px solid #DCDFE6; - border-radius: 4px 0 0 4px; - -webkit-box-shadow: none !important; - box-shadow: none !important; } - .el-checkbox-button.is-focus .el-checkbox-button__inner { - border-color: #409EFF; } - .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: #409EFF; } - -.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: #409EFF; - 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: #f0f7ff; } - -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 .2s; - transition: opacity .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: #f0f9eb; - color: #67C23A; } - .el-alert--success.is-light .el-alert__description { - color: #67C23A; } - .el-alert--success.is-dark { - background-color: #67C23A; - 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: #fdf6ec; - color: #E6A23C; } - .el-alert--warning.is-light .el-alert__description { - color: #E6A23C; } - .el-alert--warning.is-dark { - background-color: #E6A23C; - color: #FFFFFF; } - .el-alert--error.is-light { - background-color: #fef0f0; - color: #F56C6C; } - .el-alert--error.is-light .el-alert__description { - color: #F56C6C; } - .el-alert--error.is-dark { - background-color: #F56C6C; - 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 #EBEEF5; - 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 .3s, left .3s, right .3s, top 0.4s, bottom .3s, -webkit-transform .3s; - transition: opacity .3s, left .3s, right .3s, top 0.4s, bottom .3s, -webkit-transform .3s; - transition: opacity .3s, transform .3s, left .3s, right .3s, top 0.4s, bottom .3s; - transition: opacity .3s, transform .3s, left .3s, right .3s, top 0.4s, bottom .3s, -webkit-transform .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: #67C23A; } - .el-notification .el-icon-error { - color: #F56C6C; } - .el-notification .el-icon-info { - color: #909399; } - .el-notification .el-icon-warning { - color: #E6A23C; } - -.el-notification-fade-enter.right { - right: 0; - -webkit-transform: translateX(100%); - transform: translateX(100%); } - -.el-notification-fade-enter.left { - left: 0; - -webkit-transform: translateX(-100%); - transform: translateX(-100%); } - -.el-notification-fade-leave-active { - opacity: 0; } - -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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::placeholder { - color: #C0C4CC; } - .el-textarea__inner:hover { - border-color: #C0C4CC; } - .el-textarea__inner:focus { - outline: none; - border-color: #409EFF; } - .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: #E4E7ED; - color: #C0C4CC; - cursor: not-allowed; } - .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { - color: #C0C4CC; } - .el-textarea.is-disabled .el-textarea__inner::-moz-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: #F56C6C; } - .el-textarea.is-exceed .el-input__count { - color: #F56C6C; } - -.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::-webkit-input-placeholder { - color: #C0C4CC; } - .el-input__inner::-moz-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: #409EFF; } - .el-input__suffix { - position: absolute; - height: 100%; - right: 5px; - top: 0; - text-align: center; - color: #C0C4CC; - -webkit-transition: all .3s; - transition: all .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 .3s; - transition: all .3s; } - .el-input__icon { - height: 100%; - width: 25px; - text-align: center; - -webkit-transition: all .3s; - transition: all .3s; - line-height: 40px; } - .el-input__icon:after { - content: ''; - height: 100%; - width: 0; - display: inline-block; - vertical-align: middle; } - .el-input__validateIcon { - pointer-events: none; } - .el-input.is-active .el-input__inner { - outline: none; - border-color: #409EFF; } - .el-input.is-disabled .el-input__inner { - background-color: #F5F7FA; - border-color: #E4E7ED; - color: #C0C4CC; - cursor: not-allowed; } - .el-input.is-disabled .el-input__inner::-webkit-input-placeholder { - color: #C0C4CC; } - .el-input.is-disabled .el-input__inner::-moz-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: #F56C6C; } - .el-input.is-exceed .el-input__suffix .el-input__count { - color: #F56C6C; } - .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: #409EFF; } - .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: #409EFF; } - .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: #E4E7ED; - color: #E4E7ED; } - .el-input-number.is-disabled .el-input-number__increase:hover, .el-input-number.is-disabled .el-input-number__decrease:hover { - color: #E4E7ED; - 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #E4E7ED; - border-radius: 3px; - position: relative; - cursor: pointer; - vertical-align: middle; } - .el-slider__runway.show-input { - margin-right: 160px; - width: auto; } - .el-slider__runway.disabled { - cursor: default; } - .el-slider__runway.disabled .el-slider__bar { - background-color: #C0C4CC; } - .el-slider__runway.disabled .el-slider__button { - border-color: #C0C4CC; } - .el-slider__runway.disabled .el-slider__button-wrapper: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: #409EFF; - 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 #409EFF; - background-color: #FFFFFF; - border-radius: 50%; - -webkit-transition: .2s; - transition: .2s; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - .el-slider__button: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: #409EFF; } - .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #409EFF; - 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: #409EFF; - stroke-linecap: round; } - .el-loading-spinner i { - color: #409EFF; } - -.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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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-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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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.16667%; } - -.el-col-offset-1 { - margin-left: 4.16667%; } - -.el-col-pull-1 { - position: relative; - right: 4.16667%; } - -.el-col-push-1 { - position: relative; - left: 4.16667%; } - -.el-col-2 { - width: 8.33333%; } - -.el-col-offset-2 { - margin-left: 8.33333%; } - -.el-col-pull-2 { - position: relative; - right: 8.33333%; } - -.el-col-push-2 { - position: relative; - left: 8.33333%; } - -.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.66667%; } - -.el-col-offset-4 { - margin-left: 16.66667%; } - -.el-col-pull-4 { - position: relative; - right: 16.66667%; } - -.el-col-push-4 { - position: relative; - left: 16.66667%; } - -.el-col-5 { - width: 20.83333%; } - -.el-col-offset-5 { - margin-left: 20.83333%; } - -.el-col-pull-5 { - position: relative; - right: 20.83333%; } - -.el-col-push-5 { - position: relative; - left: 20.83333%; } - -.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.16667%; } - -.el-col-offset-7 { - margin-left: 29.16667%; } - -.el-col-pull-7 { - position: relative; - right: 29.16667%; } - -.el-col-push-7 { - position: relative; - left: 29.16667%; } - -.el-col-8 { - width: 33.33333%; } - -.el-col-offset-8 { - margin-left: 33.33333%; } - -.el-col-pull-8 { - position: relative; - right: 33.33333%; } - -.el-col-push-8 { - position: relative; - left: 33.33333%; } - -.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.66667%; } - -.el-col-offset-10 { - margin-left: 41.66667%; } - -.el-col-pull-10 { - position: relative; - right: 41.66667%; } - -.el-col-push-10 { - position: relative; - left: 41.66667%; } - -.el-col-11 { - width: 45.83333%; } - -.el-col-offset-11 { - margin-left: 45.83333%; } - -.el-col-pull-11 { - position: relative; - right: 45.83333%; } - -.el-col-push-11 { - position: relative; - left: 45.83333%; } - -.el-col-12 { - width: 50%; } - -.el-col-offset-12 { - margin-left: 50%; } - -.el-col-pull-12 { - position: relative; - right: 50%; } - -.el-col-push-12 { - position: relative; - left: 50%; } - -.el-col-13 { - width: 54.16667%; } - -.el-col-offset-13 { - margin-left: 54.16667%; } - -.el-col-pull-13 { - position: relative; - right: 54.16667%; } - -.el-col-push-13 { - position: relative; - left: 54.16667%; } - -.el-col-14 { - width: 58.33333%; } - -.el-col-offset-14 { - margin-left: 58.33333%; } - -.el-col-pull-14 { - position: relative; - right: 58.33333%; } - -.el-col-push-14 { - position: relative; - left: 58.33333%; } - -.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.66667%; } - -.el-col-offset-16 { - margin-left: 66.66667%; } - -.el-col-pull-16 { - position: relative; - right: 66.66667%; } - -.el-col-push-16 { - position: relative; - left: 66.66667%; } - -.el-col-17 { - width: 70.83333%; } - -.el-col-offset-17 { - margin-left: 70.83333%; } - -.el-col-pull-17 { - position: relative; - right: 70.83333%; } - -.el-col-push-17 { - position: relative; - left: 70.83333%; } - -.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.16667%; } - -.el-col-offset-19 { - margin-left: 79.16667%; } - -.el-col-pull-19 { - position: relative; - right: 79.16667%; } - -.el-col-push-19 { - position: relative; - left: 79.16667%; } - -.el-col-20 { - width: 83.33333%; } - -.el-col-offset-20 { - margin-left: 83.33333%; } - -.el-col-pull-20 { - position: relative; - right: 83.33333%; } - -.el-col-push-20 { - position: relative; - left: 83.33333%; } - -.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.66667%; } - -.el-col-offset-22 { - margin-left: 91.66667%; } - -.el-col-pull-22 { - position: relative; - right: 91.66667%; } - -.el-col-push-22 { - position: relative; - left: 91.66667%; } - -.el-col-23 { - width: 95.83333%; } - -.el-col-offset-23 { - margin-left: 95.83333%; } - -.el-col-pull-23 { - position: relative; - right: 95.83333%; } - -.el-col-push-23 { - position: relative; - left: 95.83333%; } - -.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.16667%; } - .el-col-xs-offset-1 { - margin-left: 4.16667%; } - .el-col-xs-pull-1 { - position: relative; - right: 4.16667%; } - .el-col-xs-push-1 { - position: relative; - left: 4.16667%; } - .el-col-xs-2 { - width: 8.33333%; } - .el-col-xs-offset-2 { - margin-left: 8.33333%; } - .el-col-xs-pull-2 { - position: relative; - right: 8.33333%; } - .el-col-xs-push-2 { - position: relative; - left: 8.33333%; } - .el-col-xs-3 { - width: 12.5%; } - .el-col-xs-offset-3 { - margin-left: 12.5%; } - .el-col-xs-pull-3 { - position: relative; - right: 12.5%; } - .el-col-xs-push-3 { - position: relative; - left: 12.5%; } - .el-col-xs-4 { - width: 16.66667%; } - .el-col-xs-offset-4 { - margin-left: 16.66667%; } - .el-col-xs-pull-4 { - position: relative; - right: 16.66667%; } - .el-col-xs-push-4 { - position: relative; - left: 16.66667%; } - .el-col-xs-5 { - width: 20.83333%; } - .el-col-xs-offset-5 { - margin-left: 20.83333%; } - .el-col-xs-pull-5 { - position: relative; - right: 20.83333%; } - .el-col-xs-push-5 { - position: relative; - left: 20.83333%; } - .el-col-xs-6 { - width: 25%; } - .el-col-xs-offset-6 { - margin-left: 25%; } - .el-col-xs-pull-6 { - position: relative; - right: 25%; } - .el-col-xs-push-6 { - position: relative; - left: 25%; } - .el-col-xs-7 { - width: 29.16667%; } - .el-col-xs-offset-7 { - margin-left: 29.16667%; } - .el-col-xs-pull-7 { - position: relative; - right: 29.16667%; } - .el-col-xs-push-7 { - position: relative; - left: 29.16667%; } - .el-col-xs-8 { - width: 33.33333%; } - .el-col-xs-offset-8 { - margin-left: 33.33333%; } - .el-col-xs-pull-8 { - position: relative; - right: 33.33333%; } - .el-col-xs-push-8 { - position: relative; - left: 33.33333%; } - .el-col-xs-9 { - width: 37.5%; } - .el-col-xs-offset-9 { - margin-left: 37.5%; } - .el-col-xs-pull-9 { - position: relative; - right: 37.5%; } - .el-col-xs-push-9 { - position: relative; - left: 37.5%; } - .el-col-xs-10 { - width: 41.66667%; } - .el-col-xs-offset-10 { - margin-left: 41.66667%; } - .el-col-xs-pull-10 { - position: relative; - right: 41.66667%; } - .el-col-xs-push-10 { - position: relative; - left: 41.66667%; } - .el-col-xs-11 { - width: 45.83333%; } - .el-col-xs-offset-11 { - margin-left: 45.83333%; } - .el-col-xs-pull-11 { - position: relative; - right: 45.83333%; } - .el-col-xs-push-11 { - position: relative; - left: 45.83333%; } - .el-col-xs-12 { - width: 50%; } - .el-col-xs-offset-12 { - margin-left: 50%; } - .el-col-xs-pull-12 { - position: relative; - right: 50%; } - .el-col-xs-push-12 { - position: relative; - left: 50%; } - .el-col-xs-13 { - width: 54.16667%; } - .el-col-xs-offset-13 { - margin-left: 54.16667%; } - .el-col-xs-pull-13 { - position: relative; - right: 54.16667%; } - .el-col-xs-push-13 { - position: relative; - left: 54.16667%; } - .el-col-xs-14 { - width: 58.33333%; } - .el-col-xs-offset-14 { - margin-left: 58.33333%; } - .el-col-xs-pull-14 { - position: relative; - right: 58.33333%; } - .el-col-xs-push-14 { - position: relative; - left: 58.33333%; } - .el-col-xs-15 { - width: 62.5%; } - .el-col-xs-offset-15 { - margin-left: 62.5%; } - .el-col-xs-pull-15 { - position: relative; - right: 62.5%; } - .el-col-xs-push-15 { - position: relative; - left: 62.5%; } - .el-col-xs-16 { - width: 66.66667%; } - .el-col-xs-offset-16 { - margin-left: 66.66667%; } - .el-col-xs-pull-16 { - position: relative; - right: 66.66667%; } - .el-col-xs-push-16 { - position: relative; - left: 66.66667%; } - .el-col-xs-17 { - width: 70.83333%; } - .el-col-xs-offset-17 { - margin-left: 70.83333%; } - .el-col-xs-pull-17 { - position: relative; - right: 70.83333%; } - .el-col-xs-push-17 { - position: relative; - left: 70.83333%; } - .el-col-xs-18 { - width: 75%; } - .el-col-xs-offset-18 { - margin-left: 75%; } - .el-col-xs-pull-18 { - position: relative; - right: 75%; } - .el-col-xs-push-18 { - position: relative; - left: 75%; } - .el-col-xs-19 { - width: 79.16667%; } - .el-col-xs-offset-19 { - margin-left: 79.16667%; } - .el-col-xs-pull-19 { - position: relative; - right: 79.16667%; } - .el-col-xs-push-19 { - position: relative; - left: 79.16667%; } - .el-col-xs-20 { - width: 83.33333%; } - .el-col-xs-offset-20 { - margin-left: 83.33333%; } - .el-col-xs-pull-20 { - position: relative; - right: 83.33333%; } - .el-col-xs-push-20 { - position: relative; - left: 83.33333%; } - .el-col-xs-21 { - width: 87.5%; } - .el-col-xs-offset-21 { - margin-left: 87.5%; } - .el-col-xs-pull-21 { - position: relative; - right: 87.5%; } - .el-col-xs-push-21 { - position: relative; - left: 87.5%; } - .el-col-xs-22 { - width: 91.66667%; } - .el-col-xs-offset-22 { - margin-left: 91.66667%; } - .el-col-xs-pull-22 { - position: relative; - right: 91.66667%; } - .el-col-xs-push-22 { - position: relative; - left: 91.66667%; } - .el-col-xs-23 { - width: 95.83333%; } - .el-col-xs-offset-23 { - margin-left: 95.83333%; } - .el-col-xs-pull-23 { - position: relative; - right: 95.83333%; } - .el-col-xs-push-23 { - position: relative; - left: 95.83333%; } - .el-col-xs-24 { - width: 100%; } - .el-col-xs-offset-24 { - margin-left: 100%; } - .el-col-xs-pull-24 { - position: relative; - right: 100%; } - .el-col-xs-push-24 { - position: relative; - left: 100%; } } - -@media only screen and (min-width: 768px) { - .el-col-sm-0 { - display: none; } - .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.16667%; } - .el-col-sm-offset-1 { - margin-left: 4.16667%; } - .el-col-sm-pull-1 { - position: relative; - right: 4.16667%; } - .el-col-sm-push-1 { - position: relative; - left: 4.16667%; } - .el-col-sm-2 { - width: 8.33333%; } - .el-col-sm-offset-2 { - margin-left: 8.33333%; } - .el-col-sm-pull-2 { - position: relative; - right: 8.33333%; } - .el-col-sm-push-2 { - position: relative; - left: 8.33333%; } - .el-col-sm-3 { - width: 12.5%; } - .el-col-sm-offset-3 { - margin-left: 12.5%; } - .el-col-sm-pull-3 { - position: relative; - right: 12.5%; } - .el-col-sm-push-3 { - position: relative; - left: 12.5%; } - .el-col-sm-4 { - width: 16.66667%; } - .el-col-sm-offset-4 { - margin-left: 16.66667%; } - .el-col-sm-pull-4 { - position: relative; - right: 16.66667%; } - .el-col-sm-push-4 { - position: relative; - left: 16.66667%; } - .el-col-sm-5 { - width: 20.83333%; } - .el-col-sm-offset-5 { - margin-left: 20.83333%; } - .el-col-sm-pull-5 { - position: relative; - right: 20.83333%; } - .el-col-sm-push-5 { - position: relative; - left: 20.83333%; } - .el-col-sm-6 { - width: 25%; } - .el-col-sm-offset-6 { - margin-left: 25%; } - .el-col-sm-pull-6 { - position: relative; - right: 25%; } - .el-col-sm-push-6 { - position: relative; - left: 25%; } - .el-col-sm-7 { - width: 29.16667%; } - .el-col-sm-offset-7 { - margin-left: 29.16667%; } - .el-col-sm-pull-7 { - position: relative; - right: 29.16667%; } - .el-col-sm-push-7 { - position: relative; - left: 29.16667%; } - .el-col-sm-8 { - width: 33.33333%; } - .el-col-sm-offset-8 { - margin-left: 33.33333%; } - .el-col-sm-pull-8 { - position: relative; - right: 33.33333%; } - .el-col-sm-push-8 { - position: relative; - left: 33.33333%; } - .el-col-sm-9 { - width: 37.5%; } - .el-col-sm-offset-9 { - margin-left: 37.5%; } - .el-col-sm-pull-9 { - position: relative; - right: 37.5%; } - .el-col-sm-push-9 { - position: relative; - left: 37.5%; } - .el-col-sm-10 { - width: 41.66667%; } - .el-col-sm-offset-10 { - margin-left: 41.66667%; } - .el-col-sm-pull-10 { - position: relative; - right: 41.66667%; } - .el-col-sm-push-10 { - position: relative; - left: 41.66667%; } - .el-col-sm-11 { - width: 45.83333%; } - .el-col-sm-offset-11 { - margin-left: 45.83333%; } - .el-col-sm-pull-11 { - position: relative; - right: 45.83333%; } - .el-col-sm-push-11 { - position: relative; - left: 45.83333%; } - .el-col-sm-12 { - width: 50%; } - .el-col-sm-offset-12 { - margin-left: 50%; } - .el-col-sm-pull-12 { - position: relative; - right: 50%; } - .el-col-sm-push-12 { - position: relative; - left: 50%; } - .el-col-sm-13 { - width: 54.16667%; } - .el-col-sm-offset-13 { - margin-left: 54.16667%; } - .el-col-sm-pull-13 { - position: relative; - right: 54.16667%; } - .el-col-sm-push-13 { - position: relative; - left: 54.16667%; } - .el-col-sm-14 { - width: 58.33333%; } - .el-col-sm-offset-14 { - margin-left: 58.33333%; } - .el-col-sm-pull-14 { - position: relative; - right: 58.33333%; } - .el-col-sm-push-14 { - position: relative; - left: 58.33333%; } - .el-col-sm-15 { - width: 62.5%; } - .el-col-sm-offset-15 { - margin-left: 62.5%; } - .el-col-sm-pull-15 { - position: relative; - right: 62.5%; } - .el-col-sm-push-15 { - position: relative; - left: 62.5%; } - .el-col-sm-16 { - width: 66.66667%; } - .el-col-sm-offset-16 { - margin-left: 66.66667%; } - .el-col-sm-pull-16 { - position: relative; - right: 66.66667%; } - .el-col-sm-push-16 { - position: relative; - left: 66.66667%; } - .el-col-sm-17 { - width: 70.83333%; } - .el-col-sm-offset-17 { - margin-left: 70.83333%; } - .el-col-sm-pull-17 { - position: relative; - right: 70.83333%; } - .el-col-sm-push-17 { - position: relative; - left: 70.83333%; } - .el-col-sm-18 { - width: 75%; } - .el-col-sm-offset-18 { - margin-left: 75%; } - .el-col-sm-pull-18 { - position: relative; - right: 75%; } - .el-col-sm-push-18 { - position: relative; - left: 75%; } - .el-col-sm-19 { - width: 79.16667%; } - .el-col-sm-offset-19 { - margin-left: 79.16667%; } - .el-col-sm-pull-19 { - position: relative; - right: 79.16667%; } - .el-col-sm-push-19 { - position: relative; - left: 79.16667%; } - .el-col-sm-20 { - width: 83.33333%; } - .el-col-sm-offset-20 { - margin-left: 83.33333%; } - .el-col-sm-pull-20 { - position: relative; - right: 83.33333%; } - .el-col-sm-push-20 { - position: relative; - left: 83.33333%; } - .el-col-sm-21 { - width: 87.5%; } - .el-col-sm-offset-21 { - margin-left: 87.5%; } - .el-col-sm-pull-21 { - position: relative; - right: 87.5%; } - .el-col-sm-push-21 { - position: relative; - left: 87.5%; } - .el-col-sm-22 { - width: 91.66667%; } - .el-col-sm-offset-22 { - margin-left: 91.66667%; } - .el-col-sm-pull-22 { - position: relative; - right: 91.66667%; } - .el-col-sm-push-22 { - position: relative; - left: 91.66667%; } - .el-col-sm-23 { - width: 95.83333%; } - .el-col-sm-offset-23 { - margin-left: 95.83333%; } - .el-col-sm-pull-23 { - position: relative; - right: 95.83333%; } - .el-col-sm-push-23 { - position: relative; - left: 95.83333%; } - .el-col-sm-24 { - width: 100%; } - .el-col-sm-offset-24 { - margin-left: 100%; } - .el-col-sm-pull-24 { - position: relative; - right: 100%; } - .el-col-sm-push-24 { - position: relative; - left: 100%; } } - -@media only screen and (min-width: 992px) { - .el-col-md-0 { - display: none; } - .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.16667%; } - .el-col-md-offset-1 { - margin-left: 4.16667%; } - .el-col-md-pull-1 { - position: relative; - right: 4.16667%; } - .el-col-md-push-1 { - position: relative; - left: 4.16667%; } - .el-col-md-2 { - width: 8.33333%; } - .el-col-md-offset-2 { - margin-left: 8.33333%; } - .el-col-md-pull-2 { - position: relative; - right: 8.33333%; } - .el-col-md-push-2 { - position: relative; - left: 8.33333%; } - .el-col-md-3 { - width: 12.5%; } - .el-col-md-offset-3 { - margin-left: 12.5%; } - .el-col-md-pull-3 { - position: relative; - right: 12.5%; } - .el-col-md-push-3 { - position: relative; - left: 12.5%; } - .el-col-md-4 { - width: 16.66667%; } - .el-col-md-offset-4 { - margin-left: 16.66667%; } - .el-col-md-pull-4 { - position: relative; - right: 16.66667%; } - .el-col-md-push-4 { - position: relative; - left: 16.66667%; } - .el-col-md-5 { - width: 20.83333%; } - .el-col-md-offset-5 { - margin-left: 20.83333%; } - .el-col-md-pull-5 { - position: relative; - right: 20.83333%; } - .el-col-md-push-5 { - position: relative; - left: 20.83333%; } - .el-col-md-6 { - width: 25%; } - .el-col-md-offset-6 { - margin-left: 25%; } - .el-col-md-pull-6 { - position: relative; - right: 25%; } - .el-col-md-push-6 { - position: relative; - left: 25%; } - .el-col-md-7 { - width: 29.16667%; } - .el-col-md-offset-7 { - margin-left: 29.16667%; } - .el-col-md-pull-7 { - position: relative; - right: 29.16667%; } - .el-col-md-push-7 { - position: relative; - left: 29.16667%; } - .el-col-md-8 { - width: 33.33333%; } - .el-col-md-offset-8 { - margin-left: 33.33333%; } - .el-col-md-pull-8 { - position: relative; - right: 33.33333%; } - .el-col-md-push-8 { - position: relative; - left: 33.33333%; } - .el-col-md-9 { - width: 37.5%; } - .el-col-md-offset-9 { - margin-left: 37.5%; } - .el-col-md-pull-9 { - position: relative; - right: 37.5%; } - .el-col-md-push-9 { - position: relative; - left: 37.5%; } - .el-col-md-10 { - width: 41.66667%; } - .el-col-md-offset-10 { - margin-left: 41.66667%; } - .el-col-md-pull-10 { - position: relative; - right: 41.66667%; } - .el-col-md-push-10 { - position: relative; - left: 41.66667%; } - .el-col-md-11 { - width: 45.83333%; } - .el-col-md-offset-11 { - margin-left: 45.83333%; } - .el-col-md-pull-11 { - position: relative; - right: 45.83333%; } - .el-col-md-push-11 { - position: relative; - left: 45.83333%; } - .el-col-md-12 { - width: 50%; } - .el-col-md-offset-12 { - margin-left: 50%; } - .el-col-md-pull-12 { - position: relative; - right: 50%; } - .el-col-md-push-12 { - position: relative; - left: 50%; } - .el-col-md-13 { - width: 54.16667%; } - .el-col-md-offset-13 { - margin-left: 54.16667%; } - .el-col-md-pull-13 { - position: relative; - right: 54.16667%; } - .el-col-md-push-13 { - position: relative; - left: 54.16667%; } - .el-col-md-14 { - width: 58.33333%; } - .el-col-md-offset-14 { - margin-left: 58.33333%; } - .el-col-md-pull-14 { - position: relative; - right: 58.33333%; } - .el-col-md-push-14 { - position: relative; - left: 58.33333%; } - .el-col-md-15 { - width: 62.5%; } - .el-col-md-offset-15 { - margin-left: 62.5%; } - .el-col-md-pull-15 { - position: relative; - right: 62.5%; } - .el-col-md-push-15 { - position: relative; - left: 62.5%; } - .el-col-md-16 { - width: 66.66667%; } - .el-col-md-offset-16 { - margin-left: 66.66667%; } - .el-col-md-pull-16 { - position: relative; - right: 66.66667%; } - .el-col-md-push-16 { - position: relative; - left: 66.66667%; } - .el-col-md-17 { - width: 70.83333%; } - .el-col-md-offset-17 { - margin-left: 70.83333%; } - .el-col-md-pull-17 { - position: relative; - right: 70.83333%; } - .el-col-md-push-17 { - position: relative; - left: 70.83333%; } - .el-col-md-18 { - width: 75%; } - .el-col-md-offset-18 { - margin-left: 75%; } - .el-col-md-pull-18 { - position: relative; - right: 75%; } - .el-col-md-push-18 { - position: relative; - left: 75%; } - .el-col-md-19 { - width: 79.16667%; } - .el-col-md-offset-19 { - margin-left: 79.16667%; } - .el-col-md-pull-19 { - position: relative; - right: 79.16667%; } - .el-col-md-push-19 { - position: relative; - left: 79.16667%; } - .el-col-md-20 { - width: 83.33333%; } - .el-col-md-offset-20 { - margin-left: 83.33333%; } - .el-col-md-pull-20 { - position: relative; - right: 83.33333%; } - .el-col-md-push-20 { - position: relative; - left: 83.33333%; } - .el-col-md-21 { - width: 87.5%; } - .el-col-md-offset-21 { - margin-left: 87.5%; } - .el-col-md-pull-21 { - position: relative; - right: 87.5%; } - .el-col-md-push-21 { - position: relative; - left: 87.5%; } - .el-col-md-22 { - width: 91.66667%; } - .el-col-md-offset-22 { - margin-left: 91.66667%; } - .el-col-md-pull-22 { - position: relative; - right: 91.66667%; } - .el-col-md-push-22 { - position: relative; - left: 91.66667%; } - .el-col-md-23 { - width: 95.83333%; } - .el-col-md-offset-23 { - margin-left: 95.83333%; } - .el-col-md-pull-23 { - position: relative; - right: 95.83333%; } - .el-col-md-push-23 { - position: relative; - left: 95.83333%; } - .el-col-md-24 { - width: 100%; } - .el-col-md-offset-24 { - margin-left: 100%; } - .el-col-md-pull-24 { - position: relative; - right: 100%; } - .el-col-md-push-24 { - position: relative; - left: 100%; } } - -@media only screen and (min-width: 1200px) { - .el-col-lg-0 { - display: none; } - .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.16667%; } - .el-col-lg-offset-1 { - margin-left: 4.16667%; } - .el-col-lg-pull-1 { - position: relative; - right: 4.16667%; } - .el-col-lg-push-1 { - position: relative; - left: 4.16667%; } - .el-col-lg-2 { - width: 8.33333%; } - .el-col-lg-offset-2 { - margin-left: 8.33333%; } - .el-col-lg-pull-2 { - position: relative; - right: 8.33333%; } - .el-col-lg-push-2 { - position: relative; - left: 8.33333%; } - .el-col-lg-3 { - width: 12.5%; } - .el-col-lg-offset-3 { - margin-left: 12.5%; } - .el-col-lg-pull-3 { - position: relative; - right: 12.5%; } - .el-col-lg-push-3 { - position: relative; - left: 12.5%; } - .el-col-lg-4 { - width: 16.66667%; } - .el-col-lg-offset-4 { - margin-left: 16.66667%; } - .el-col-lg-pull-4 { - position: relative; - right: 16.66667%; } - .el-col-lg-push-4 { - position: relative; - left: 16.66667%; } - .el-col-lg-5 { - width: 20.83333%; } - .el-col-lg-offset-5 { - margin-left: 20.83333%; } - .el-col-lg-pull-5 { - position: relative; - right: 20.83333%; } - .el-col-lg-push-5 { - position: relative; - left: 20.83333%; } - .el-col-lg-6 { - width: 25%; } - .el-col-lg-offset-6 { - margin-left: 25%; } - .el-col-lg-pull-6 { - position: relative; - right: 25%; } - .el-col-lg-push-6 { - position: relative; - left: 25%; } - .el-col-lg-7 { - width: 29.16667%; } - .el-col-lg-offset-7 { - margin-left: 29.16667%; } - .el-col-lg-pull-7 { - position: relative; - right: 29.16667%; } - .el-col-lg-push-7 { - position: relative; - left: 29.16667%; } - .el-col-lg-8 { - width: 33.33333%; } - .el-col-lg-offset-8 { - margin-left: 33.33333%; } - .el-col-lg-pull-8 { - position: relative; - right: 33.33333%; } - .el-col-lg-push-8 { - position: relative; - left: 33.33333%; } - .el-col-lg-9 { - width: 37.5%; } - .el-col-lg-offset-9 { - margin-left: 37.5%; } - .el-col-lg-pull-9 { - position: relative; - right: 37.5%; } - .el-col-lg-push-9 { - position: relative; - left: 37.5%; } - .el-col-lg-10 { - width: 41.66667%; } - .el-col-lg-offset-10 { - margin-left: 41.66667%; } - .el-col-lg-pull-10 { - position: relative; - right: 41.66667%; } - .el-col-lg-push-10 { - position: relative; - left: 41.66667%; } - .el-col-lg-11 { - width: 45.83333%; } - .el-col-lg-offset-11 { - margin-left: 45.83333%; } - .el-col-lg-pull-11 { - position: relative; - right: 45.83333%; } - .el-col-lg-push-11 { - position: relative; - left: 45.83333%; } - .el-col-lg-12 { - width: 50%; } - .el-col-lg-offset-12 { - margin-left: 50%; } - .el-col-lg-pull-12 { - position: relative; - right: 50%; } - .el-col-lg-push-12 { - position: relative; - left: 50%; } - .el-col-lg-13 { - width: 54.16667%; } - .el-col-lg-offset-13 { - margin-left: 54.16667%; } - .el-col-lg-pull-13 { - position: relative; - right: 54.16667%; } - .el-col-lg-push-13 { - position: relative; - left: 54.16667%; } - .el-col-lg-14 { - width: 58.33333%; } - .el-col-lg-offset-14 { - margin-left: 58.33333%; } - .el-col-lg-pull-14 { - position: relative; - right: 58.33333%; } - .el-col-lg-push-14 { - position: relative; - left: 58.33333%; } - .el-col-lg-15 { - width: 62.5%; } - .el-col-lg-offset-15 { - margin-left: 62.5%; } - .el-col-lg-pull-15 { - position: relative; - right: 62.5%; } - .el-col-lg-push-15 { - position: relative; - left: 62.5%; } - .el-col-lg-16 { - width: 66.66667%; } - .el-col-lg-offset-16 { - margin-left: 66.66667%; } - .el-col-lg-pull-16 { - position: relative; - right: 66.66667%; } - .el-col-lg-push-16 { - position: relative; - left: 66.66667%; } - .el-col-lg-17 { - width: 70.83333%; } - .el-col-lg-offset-17 { - margin-left: 70.83333%; } - .el-col-lg-pull-17 { - position: relative; - right: 70.83333%; } - .el-col-lg-push-17 { - position: relative; - left: 70.83333%; } - .el-col-lg-18 { - width: 75%; } - .el-col-lg-offset-18 { - margin-left: 75%; } - .el-col-lg-pull-18 { - position: relative; - right: 75%; } - .el-col-lg-push-18 { - position: relative; - left: 75%; } - .el-col-lg-19 { - width: 79.16667%; } - .el-col-lg-offset-19 { - margin-left: 79.16667%; } - .el-col-lg-pull-19 { - position: relative; - right: 79.16667%; } - .el-col-lg-push-19 { - position: relative; - left: 79.16667%; } - .el-col-lg-20 { - width: 83.33333%; } - .el-col-lg-offset-20 { - margin-left: 83.33333%; } - .el-col-lg-pull-20 { - position: relative; - right: 83.33333%; } - .el-col-lg-push-20 { - position: relative; - left: 83.33333%; } - .el-col-lg-21 { - width: 87.5%; } - .el-col-lg-offset-21 { - margin-left: 87.5%; } - .el-col-lg-pull-21 { - position: relative; - right: 87.5%; } - .el-col-lg-push-21 { - position: relative; - left: 87.5%; } - .el-col-lg-22 { - width: 91.66667%; } - .el-col-lg-offset-22 { - margin-left: 91.66667%; } - .el-col-lg-pull-22 { - position: relative; - right: 91.66667%; } - .el-col-lg-push-22 { - position: relative; - left: 91.66667%; } - .el-col-lg-23 { - width: 95.83333%; } - .el-col-lg-offset-23 { - margin-left: 95.83333%; } - .el-col-lg-pull-23 { - position: relative; - right: 95.83333%; } - .el-col-lg-push-23 { - position: relative; - left: 95.83333%; } - .el-col-lg-24 { - width: 100%; } - .el-col-lg-offset-24 { - margin-left: 100%; } - .el-col-lg-pull-24 { - position: relative; - right: 100%; } - .el-col-lg-push-24 { - position: relative; - left: 100%; } } - -@media only screen and (min-width: 1920px) { - .el-col-xl-0 { - display: none; } - .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.16667%; } - .el-col-xl-offset-1 { - margin-left: 4.16667%; } - .el-col-xl-pull-1 { - position: relative; - right: 4.16667%; } - .el-col-xl-push-1 { - position: relative; - left: 4.16667%; } - .el-col-xl-2 { - width: 8.33333%; } - .el-col-xl-offset-2 { - margin-left: 8.33333%; } - .el-col-xl-pull-2 { - position: relative; - right: 8.33333%; } - .el-col-xl-push-2 { - position: relative; - left: 8.33333%; } - .el-col-xl-3 { - width: 12.5%; } - .el-col-xl-offset-3 { - margin-left: 12.5%; } - .el-col-xl-pull-3 { - position: relative; - right: 12.5%; } - .el-col-xl-push-3 { - position: relative; - left: 12.5%; } - .el-col-xl-4 { - width: 16.66667%; } - .el-col-xl-offset-4 { - margin-left: 16.66667%; } - .el-col-xl-pull-4 { - position: relative; - right: 16.66667%; } - .el-col-xl-push-4 { - position: relative; - left: 16.66667%; } - .el-col-xl-5 { - width: 20.83333%; } - .el-col-xl-offset-5 { - margin-left: 20.83333%; } - .el-col-xl-pull-5 { - position: relative; - right: 20.83333%; } - .el-col-xl-push-5 { - position: relative; - left: 20.83333%; } - .el-col-xl-6 { - width: 25%; } - .el-col-xl-offset-6 { - margin-left: 25%; } - .el-col-xl-pull-6 { - position: relative; - right: 25%; } - .el-col-xl-push-6 { - position: relative; - left: 25%; } - .el-col-xl-7 { - width: 29.16667%; } - .el-col-xl-offset-7 { - margin-left: 29.16667%; } - .el-col-xl-pull-7 { - position: relative; - right: 29.16667%; } - .el-col-xl-push-7 { - position: relative; - left: 29.16667%; } - .el-col-xl-8 { - width: 33.33333%; } - .el-col-xl-offset-8 { - margin-left: 33.33333%; } - .el-col-xl-pull-8 { - position: relative; - right: 33.33333%; } - .el-col-xl-push-8 { - position: relative; - left: 33.33333%; } - .el-col-xl-9 { - width: 37.5%; } - .el-col-xl-offset-9 { - margin-left: 37.5%; } - .el-col-xl-pull-9 { - position: relative; - right: 37.5%; } - .el-col-xl-push-9 { - position: relative; - left: 37.5%; } - .el-col-xl-10 { - width: 41.66667%; } - .el-col-xl-offset-10 { - margin-left: 41.66667%; } - .el-col-xl-pull-10 { - position: relative; - right: 41.66667%; } - .el-col-xl-push-10 { - position: relative; - left: 41.66667%; } - .el-col-xl-11 { - width: 45.83333%; } - .el-col-xl-offset-11 { - margin-left: 45.83333%; } - .el-col-xl-pull-11 { - position: relative; - right: 45.83333%; } - .el-col-xl-push-11 { - position: relative; - left: 45.83333%; } - .el-col-xl-12 { - width: 50%; } - .el-col-xl-offset-12 { - margin-left: 50%; } - .el-col-xl-pull-12 { - position: relative; - right: 50%; } - .el-col-xl-push-12 { - position: relative; - left: 50%; } - .el-col-xl-13 { - width: 54.16667%; } - .el-col-xl-offset-13 { - margin-left: 54.16667%; } - .el-col-xl-pull-13 { - position: relative; - right: 54.16667%; } - .el-col-xl-push-13 { - position: relative; - left: 54.16667%; } - .el-col-xl-14 { - width: 58.33333%; } - .el-col-xl-offset-14 { - margin-left: 58.33333%; } - .el-col-xl-pull-14 { - position: relative; - right: 58.33333%; } - .el-col-xl-push-14 { - position: relative; - left: 58.33333%; } - .el-col-xl-15 { - width: 62.5%; } - .el-col-xl-offset-15 { - margin-left: 62.5%; } - .el-col-xl-pull-15 { - position: relative; - right: 62.5%; } - .el-col-xl-push-15 { - position: relative; - left: 62.5%; } - .el-col-xl-16 { - width: 66.66667%; } - .el-col-xl-offset-16 { - margin-left: 66.66667%; } - .el-col-xl-pull-16 { - position: relative; - right: 66.66667%; } - .el-col-xl-push-16 { - position: relative; - left: 66.66667%; } - .el-col-xl-17 { - width: 70.83333%; } - .el-col-xl-offset-17 { - margin-left: 70.83333%; } - .el-col-xl-pull-17 { - position: relative; - right: 70.83333%; } - .el-col-xl-push-17 { - position: relative; - left: 70.83333%; } - .el-col-xl-18 { - width: 75%; } - .el-col-xl-offset-18 { - margin-left: 75%; } - .el-col-xl-pull-18 { - position: relative; - right: 75%; } - .el-col-xl-push-18 { - position: relative; - left: 75%; } - .el-col-xl-19 { - width: 79.16667%; } - .el-col-xl-offset-19 { - margin-left: 79.16667%; } - .el-col-xl-pull-19 { - position: relative; - right: 79.16667%; } - .el-col-xl-push-19 { - position: relative; - left: 79.16667%; } - .el-col-xl-20 { - width: 83.33333%; } - .el-col-xl-offset-20 { - margin-left: 83.33333%; } - .el-col-xl-pull-20 { - position: relative; - right: 83.33333%; } - .el-col-xl-push-20 { - position: relative; - left: 83.33333%; } - .el-col-xl-21 { - width: 87.5%; } - .el-col-xl-offset-21 { - margin-left: 87.5%; } - .el-col-xl-pull-21 { - position: relative; - right: 87.5%; } - .el-col-xl-push-21 { - position: relative; - left: 87.5%; } - .el-col-xl-22 { - width: 91.66667%; } - .el-col-xl-offset-22 { - margin-left: 91.66667%; } - .el-col-xl-pull-22 { - position: relative; - right: 91.66667%; } - .el-col-xl-push-22 { - position: relative; - left: 91.66667%; } - .el-col-xl-23 { - width: 95.83333%; } - .el-col-xl-offset-23 { - margin-left: 95.83333%; } - .el-col-xl-pull-23 { - position: relative; - right: 95.83333%; } - .el-col-xl-push-23 { - position: relative; - left: 95.83333%; } - .el-col-xl-24 { - width: 100%; } - .el-col-xl-offset-24 { - margin-left: 100%; } - .el-col-xl-pull-24 { - position: relative; - right: 100%; } - .el-col-xl-push-24 { - position: relative; - left: 100%; } } - -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #67C23A; } - .el-progress.is-success .el-progress__text { - color: #67C23A; } - .el-progress.is-warning .el-progress-bar__inner { - background-color: #E6A23C; } - .el-progress.is-warning .el-progress__text { - color: #E6A23C; } - .el-progress.is-exception .el-progress-bar__inner { - background-color: #F56C6C; } - .el-progress.is-exception .el-progress__text { - color: #F56C6C; } - -.el-progress-bar { - padding-right: 50px; - display: inline-block; - vertical-align: middle; - width: 100%; - margin-right: -55px; - -webkit-box-sizing: border-box; - box-sizing: border-box; } - .el-progress-bar__outer { - height: 6px; - border-radius: 100px; - background-color: #EBEEF5; - overflow: hidden; - position: relative; - vertical-align: middle; } - .el-progress-bar__inner { - position: absolute; - left: 0; - top: 0; - height: 100%; - background-color: #409EFF; - 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 ---------------------------*/ -/* 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: #409EFF; - color: #409EFF; } - .el-upload:focus { - border-color: #409EFF; - color: #409EFF; } - .el-upload:focus .el-upload-dragger { - border-color: #409EFF; } - -.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: #409EFF; - font-style: normal; } - .el-upload-dragger:hover { - border-color: #409EFF; } - .el-upload-dragger.is-dragover { - background-color: rgba(32, 159, 255, 0.06); - border: 2px dashed #409EFF; } - -.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: #67C23A; } - .el-upload-list__item .el-icon-close { - display: none; - position: absolute; - top: 5px; - right: 5px; - cursor: pointer; - opacity: .75; - color: #606266; } - .el-upload-list__item .el-icon-close:hover { - opacity: 1; } - .el-upload-list__item .el-icon-close-tip { - display: none; - position: absolute; - top: 5px; - right: 5px; - font-size: 12px; - cursor: pointer; - opacity: 1; - color: #409EFF; } - .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: #409EFF; - 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 .3s; - transition: color .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: #409EFF; } - .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 .3s; - transition: opacity .3s; } - .el-upload-list--picture-card .el-upload-list__item-actions::after { - display: inline-block; - content: ""; - height: 100%; - vertical-align: middle; } - .el-upload-list--picture-card .el-upload-list__item-actions span { - display: none; - cursor: pointer; } - .el-upload-list--picture-card .el-upload-list__item-actions span + span { - margin-left: 15px; } - .el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete { - position: static; - font-size: inherit; - color: inherit; } - .el-upload-list--picture-card .el-upload-list__item-actions:hover { - opacity: 1; } - .el-upload-list--picture-card .el-upload-list__item-actions:hover span { - display: inline-block; } - .el-upload-list--picture-card .el-progress { - top: 50%; - left: 50%; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - bottom: auto; - width: 126px; } - .el-upload-list--picture-card .el-progress .el-progress__text { - top: 50%; } - .el-upload-list--picture .el-upload-list__item { - overflow: hidden; - z-index: 0; - background-color: #fff; - border: 1px solid #c0ccda; - border-radius: 6px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - margin-top: 10px; - padding: 10px 10px 10px 90px; - height: 92px; } - .el-upload-list--picture .el-upload-list__item .el-icon-check, - .el-upload-list--picture .el-upload-list__item .el-icon-circle-check { - color: #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 .15s linear; - transition: opacity .15s linear; } - .el-upload-cover__interact .btn:not(:first-child) { - margin-left: 35px; } - .el-upload-cover__interact .btn:hover { - -webkit-transform: translateY(-13px); - transform: translateY(-13px); } - .el-upload-cover__interact .btn:hover span { - opacity: 1; } - .el-upload-cover__interact .btn i { - color: #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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #67C23A; } - .el-progress.is-success .el-progress__text { - color: #67C23A; } - .el-progress.is-warning .el-progress-bar__inner { - background-color: #E6A23C; } - .el-progress.is-warning .el-progress__text { - color: #E6A23C; } - .el-progress.is-exception .el-progress-bar__inner { - background-color: #F56C6C; } - .el-progress.is-exception .el-progress__text { - color: #F56C6C; } - -.el-progress-bar { - padding-right: 50px; - display: inline-block; - vertical-align: middle; - width: 100%; - margin-right: -55px; - -webkit-box-sizing: border-box; - box-sizing: border-box; } - .el-progress-bar__outer { - height: 6px; - border-radius: 100px; - background-color: #EBEEF5; - overflow: hidden; - position: relative; - vertical-align: middle; } - .el-progress-bar__inner { - position: absolute; - left: 0; - top: 0; - height: 100%; - background-color: #409EFF; - 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #EBEEF5; - 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 .4s; - transition: opacity 0.3s, top 0.4s, -webkit-transform .4s; - transition: opacity 0.3s, transform .4s, top 0.4s; - transition: opacity 0.3s, transform .4s, top 0.4s, -webkit-transform .4s; - overflow: hidden; - padding: 15px 15px 15px 20px; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; } - .el-message.is-center { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; } - .el-message.is-closable .el-message__content { - padding-right: 16px; } - .el-message p { - margin: 0; } - .el-message--info .el-message__content { - color: #909399; } - .el-message--success { - background-color: #f0f9eb; - border-color: #e1f3d8; } - .el-message--success .el-message__content { - color: #67C23A; } - .el-message--warning { - background-color: #fdf6ec; - border-color: #faecd8; } - .el-message--warning .el-message__content { - color: #E6A23C; } - .el-message--error { - background-color: #fef0f0; - border-color: #fde2e2; } - .el-message--error .el-message__content { - color: #F56C6C; } - .el-message__icon { - margin-right: 10px; } - .el-message__content { - padding: 0; - font-size: 14px; - line-height: 1; } - .el-message__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: #67C23A; } - .el-message .el-icon-error { - color: #F56C6C; } - .el-message .el-icon-info { - color: #909399; } - .el-message .el-icon-warning { - color: #E6A23C; } - -.el-message-fade-enter, -.el-message-fade-leave-active { - opacity: 0; - -webkit-transform: translate(-50%, -100%); - transform: translate(-50%, -100%); } - -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* Break-point ---------------------------*/ -.el-badge { - position: relative; - vertical-align: middle; - display: inline-block; } - .el-badge__content { - background-color: #F56C6C; - 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: #409EFF; } - .el-badge__content--success { - background-color: #67C23A; } - .el-badge__content--warning { - background-color: #E6A23C; } - .el-badge__content--info { - background-color: #909399; } - .el-badge__content--danger { - background-color: #F56C6C; } - -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* Break-point ---------------------------*/ -.el-card { - border-radius: 4px; - border: 1px solid #EBEEF5; - 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 #EBEEF5; - -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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: .3s; - transition: .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #67C23A; - border-color: #67C23A; } - .el-step__head.is-error { - color: #F56C6C; - border-color: #F56C6C; } - .el-step__head.is-finish { - color: #409EFF; - border-color: #409EFF; } - .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: .15s ease-out; - transition: .15s ease-out; } - .el-step__icon.is-text { - border-radius: 50%; - border: 2px solid; - border-color: inherit; } - .el-step__icon.is-icon { - width: 40px; } - .el-step__icon-inner { - display: inline-block; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - text-align: center; - font-weight: 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: .15s ease-out; - transition: .15s ease-out; - -webkit-box-sizing: border-box; - box-sizing: border-box; - width: 0; - height: 0; } - .el-step__main { - white-space: normal; - text-align: left; } - .el-step__title { - font-size: 16px; - line-height: 38px; } - .el-step__title.is-process { - font-weight: bold; - color: #303133; } - .el-step__title.is-wait { - color: #C0C4CC; } - .el-step__title.is-success { - color: #67C23A; } - .el-step__title.is-error { - color: #F56C6C; } - .el-step__title.is-finish { - color: #409EFF; } - .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: #67C23A; } - .el-step__description.is-error { - color: #F56C6C; } - .el-step__description.is-finish { - color: #409EFF; } - .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: .3s; - transition: .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: .3s; - transition: .3s; } - -.carousel-arrow-left-enter, -.carousel-arrow-left-leave-active { - -webkit-transform: translateY(-50%) translateX(-10px); - transform: translateY(-50%) translateX(-10px); - opacity: 0; } - -.carousel-arrow-right-enter, -.carousel-arrow-right-leave-active { - -webkit-transform: translateY(-50%) translateX(10px); - transform: translateY(-50%) translateX(10px); - opacity: 0; } - -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: .3s background-color; - transition: .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 .4s ease-in-out; - transition: -webkit-transform .4s ease-in-out; - transition: transform .4s ease-in-out; - transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out; } - .el-carousel__item--card { - width: 50%; - -webkit-transition: -webkit-transform .4s ease-in-out; - transition: -webkit-transform .4s ease-in-out; - transition: transform .4s ease-in-out; - transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out; } - .el-carousel__item--card.is-in-stage { - cursor: pointer; - z-index: 1; } - .el-carousel__item--card.is-in-stage: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: .2s; - transition: .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 #EBEEF5; - border-bottom: 1px solid #EBEEF5; } - -.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 #EBEEF5; - font-size: 13px; - font-weight: 500; - -webkit-transition: border-bottom-color .3s; - transition: border-bottom-color .3s; - outline: none; } - .el-collapse-item__arrow { - margin: 0 8px 0 auto; - -webkit-transition: -webkit-transform .3s; - transition: -webkit-transform .3s; - transition: transform .3s; - transition: transform .3s, -webkit-transform .3s; - font-weight: 300; } - .el-collapse-item__arrow.is-active { - -webkit-transform: rotate(90deg); - transform: rotate(90deg); } - .el-collapse-item__header.focusing:focus:not(:hover) { - color: #409EFF; } - .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 #EBEEF5; } - -.el-collapse-item__content { - padding-bottom: 25px; - font-size: 13px; - color: #303133; - line-height: 1.769230769230769; } - -.el-collapse-item:last-child { - margin-bottom: -1px; } - -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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::placeholder { - color: #C0C4CC; } - .el-textarea__inner:hover { - border-color: #C0C4CC; } - .el-textarea__inner:focus { - outline: none; - border-color: #409EFF; } - .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: #E4E7ED; - color: #C0C4CC; - cursor: not-allowed; } - .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { - color: #C0C4CC; } - .el-textarea.is-disabled .el-textarea__inner::-moz-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: #F56C6C; } - .el-textarea.is-exceed .el-input__count { - color: #F56C6C; } - -.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::-webkit-input-placeholder { - color: #C0C4CC; } - .el-input__inner::-moz-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: #409EFF; } - .el-input__suffix { - position: absolute; - height: 100%; - right: 5px; - top: 0; - text-align: center; - color: #C0C4CC; - -webkit-transition: all .3s; - transition: all .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 .3s; - transition: all .3s; } - .el-input__icon { - height: 100%; - width: 25px; - text-align: center; - -webkit-transition: all .3s; - transition: all .3s; - line-height: 40px; } - .el-input__icon:after { - content: ''; - height: 100%; - width: 0; - display: inline-block; - vertical-align: middle; } - .el-input__validateIcon { - pointer-events: none; } - .el-input.is-active .el-input__inner { - outline: none; - border-color: #409EFF; } - .el-input.is-disabled .el-input__inner { - background-color: #F5F7FA; - border-color: #E4E7ED; - color: #C0C4CC; - cursor: not-allowed; } - .el-input.is-disabled .el-input__inner::-webkit-input-placeholder { - color: #C0C4CC; } - .el-input.is-disabled .el-input__inner::-moz-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: #F56C6C; } - .el-input.is-exceed .el-input__suffix .el-input__count { - color: #F56C6C; } - .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #EBEEF5; - 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: #EBEEF5; } - .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: #EBEEF5; - 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: #EBEEF5; } - .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* Break-point ---------------------------*/ -.el-tag { - background-color: #ecf5ff; - border-color: #d9ecff; - color: #409eff; - display: inline-block; - height: 32px; - padding: 0 10px; - line-height: 30px; - font-size: 12px; - color: #409EFF; - 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: #409EFF; } - .el-tag .el-tag__close { - color: #409eff; } - .el-tag .el-tag__close:hover { - color: #FFFFFF; - background-color: #409eff; } - .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: #f0f9eb; - border-color: #e1f3d8; - color: #67c23a; } - .el-tag.el-tag--success.is-hit { - border-color: #67C23A; } - .el-tag.el-tag--success .el-tag__close { - color: #67c23a; } - .el-tag.el-tag--success .el-tag__close:hover { - color: #FFFFFF; - background-color: #67c23a; } - .el-tag.el-tag--warning { - background-color: #fdf6ec; - border-color: #faecd8; - color: #e6a23c; } - .el-tag.el-tag--warning.is-hit { - border-color: #E6A23C; } - .el-tag.el-tag--warning .el-tag__close { - color: #e6a23c; } - .el-tag.el-tag--warning .el-tag__close:hover { - color: #FFFFFF; - background-color: #e6a23c; } - .el-tag.el-tag--danger { - background-color: #fef0f0; - border-color: #fde2e2; - color: #f56c6c; } - .el-tag.el-tag--danger.is-hit { - border-color: #F56C6C; } - .el-tag.el-tag--danger .el-tag__close { - color: #f56c6c; } - .el-tag.el-tag--danger .el-tag__close:hover { - color: #FFFFFF; - background-color: #f56c6c; } - .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: #409eff; - border-color: #409eff; - color: white; } - .el-tag--dark.is-hit { - border-color: #409EFF; } - .el-tag--dark .el-tag__close { - color: white; } - .el-tag--dark .el-tag__close:hover { - color: #FFFFFF; - background-color: #66b1ff; } - .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: #67c23a; - border-color: #67c23a; - color: white; } - .el-tag--dark.el-tag--success.is-hit { - border-color: #67C23A; } - .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: #85ce61; } - .el-tag--dark.el-tag--warning { - background-color: #e6a23c; - border-color: #e6a23c; - color: white; } - .el-tag--dark.el-tag--warning.is-hit { - border-color: #E6A23C; } - .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: #ebb563; } - .el-tag--dark.el-tag--danger { - background-color: #f56c6c; - border-color: #f56c6c; - color: white; } - .el-tag--dark.el-tag--danger.is-hit { - border-color: #F56C6C; } - .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: #f78989; } - .el-tag--plain { - background-color: white; - border-color: #b3d8ff; - color: #409eff; } - .el-tag--plain.is-hit { - border-color: #409EFF; } - .el-tag--plain .el-tag__close { - color: #409eff; } - .el-tag--plain .el-tag__close:hover { - color: #FFFFFF; - background-color: #409eff; } - .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: #c2e7b0; - color: #67c23a; } - .el-tag--plain.el-tag--success.is-hit { - border-color: #67C23A; } - .el-tag--plain.el-tag--success .el-tag__close { - color: #67c23a; } - .el-tag--plain.el-tag--success .el-tag__close:hover { - color: #FFFFFF; - background-color: #67c23a; } - .el-tag--plain.el-tag--warning { - background-color: white; - border-color: #f5dab1; - color: #e6a23c; } - .el-tag--plain.el-tag--warning.is-hit { - border-color: #E6A23C; } - .el-tag--plain.el-tag--warning .el-tag__close { - color: #e6a23c; } - .el-tag--plain.el-tag--warning .el-tag__close:hover { - color: #FFFFFF; - background-color: #e6a23c; } - .el-tag--plain.el-tag--danger { - background-color: white; - border-color: #fbc4c4; - color: #f56c6c; } - .el-tag--plain.el-tag--danger.is-hit { - border-color: #F56C6C; } - .el-tag--plain.el-tag--danger .el-tag__close { - color: #f56c6c; } - .el-tag--plain.el-tag--danger .el-tag__close:hover { - color: #FFFFFF; - background-color: #f56c6c; } - .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #409EFF; } - .el-checkbox.is-bordered.is-disabled { - border-color: #EBEEF5; - cursor: not-allowed; } - .el-checkbox.is-bordered + .el-checkbox.is-bordered { - margin-left: 10px; } - .el-checkbox.is-bordered.el-checkbox--medium { - padding: 7px 20px 7px 10px; - border-radius: 4px; - height: 36px; } - .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label { - line-height: 17px; - font-size: 14px; } - .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner { - height: 14px; - width: 14px; } - .el-checkbox.is-bordered.el-checkbox--small { - padding: 5px 15px 5px 10px; - border-radius: 3px; - height: 32px; } - .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label { - line-height: 15px; - font-size: 12px; } - .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner { - height: 12px; - width: 12px; } - .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after { - height: 6px; - width: 2px; } - .el-checkbox.is-bordered.el-checkbox--mini { - padding: 3px 15px 3px 10px; - border-radius: 3px; - height: 28px; } - .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label { - line-height: 12px; - font-size: 12px; } - .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner { - height: 12px; - width: 12px; } - .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after { - height: 6px; - width: 2px; } - .el-checkbox__input { - white-space: nowrap; - cursor: pointer; - outline: 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: #409EFF; - border-color: #409EFF; } - .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: #409EFF; } - .el-checkbox__input.is-focus { - /*focus时 视觉上区分*/ } - .el-checkbox__input.is-focus .el-checkbox__inner { - border-color: #409EFF; } - .el-checkbox__input.is-indeterminate .el-checkbox__inner { - background-color: #409EFF; - border-color: #409EFF; } - .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: #409EFF; } - .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 .15s ease-in .05s; - transition: -webkit-transform .15s ease-in .05s; - transition: transform .15s ease-in .05s; - transition: transform .15s ease-in .05s, -webkit-transform .15s ease-in .05s; - -webkit-transform-origin: center; - transform-origin: center; } - .el-checkbox__original { - opacity: 0; - outline: 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: #409EFF; } - .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: #409EFF; - border-color: #409EFF; - -webkit-box-shadow: -1px 0 0 0 #8cc5ff; - box-shadow: -1px 0 0 0 #8cc5ff; } - .el-checkbox-button.is-checked:first-child .el-checkbox-button__inner { - border-left-color: #409EFF; } - .el-checkbox-button.is-disabled .el-checkbox-button__inner { - color: #C0C4CC; - cursor: not-allowed; - background-image: none; - background-color: #FFFFFF; - border-color: #EBEEF5; - -webkit-box-shadow: none; - box-shadow: none; } - .el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner { - border-left-color: #EBEEF5; } - .el-checkbox-button:first-child .el-checkbox-button__inner { - border-left: 1px solid #DCDFE6; - border-radius: 4px 0 0 4px; - -webkit-box-shadow: none !important; - box-shadow: none !important; } - .el-checkbox-button.is-focus .el-checkbox-button__inner { - border-color: #409EFF; } - .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #409EFF; } - .el-radio.is-bordered.is-disabled { - cursor: not-allowed; - border-color: #EBEEF5; } - .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: #E4E7ED; - 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: #E4E7ED; } - .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: #409EFF; - background: #409EFF; } - .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: #409EFF; } - .el-radio__input.is-focus .el-radio__inner { - border-color: #409EFF; } - .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: #409EFF; } - .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 .15s ease-in; - transition: -webkit-transform .15s ease-in; - transition: transform .15s ease-in; - transition: transform .15s ease-in, -webkit-transform .15s ease-in; } - .el-radio__original { - opacity: 0; - outline: 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 #409EFF; - box-shadow: 0 0 2px 2px #409EFF; } - .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: .3s background-color; - transition: .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 #E4E7ED; - border-radius: 4px; } - -.el-cascader-menu { - min-width: 180px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - color: #606266; - border-right: solid 1px #E4E7ED; } - .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: #409EFF; - 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: #409EFF; } - .el-cascader .el-input .el-icon-arrow-down { - -webkit-transition: -webkit-transform .3s; - transition: -webkit-transform .3s; - transition: transform .3s; - transition: transform .3s, -webkit-transform .3s; - font-size: 14px; } - .el-cascader .el-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: #409EFF; } - .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 #E4E7ED; - 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: #409EFF; - 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::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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 #409EFF; - box-shadow: 0 0 3px 2px #409EFF; } - .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(white)); - background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 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(white)); - background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 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: #409EFF; - border-color: #409EFF; } - .el-color-dropdown__link-btn { - cursor: pointer; - color: #409EFF; - text-decoration: none; - padding: 15px; - font-size: 12px; } - .el-color-dropdown__link-btn:hover { - color: tint(#409EFF, 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 #EBEEF5; - 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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::placeholder { - color: #C0C4CC; } - .el-textarea__inner:hover { - border-color: #C0C4CC; } - .el-textarea__inner:focus { - outline: none; - border-color: #409EFF; } - .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: #E4E7ED; - color: #C0C4CC; - cursor: not-allowed; } - .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { - color: #C0C4CC; } - .el-textarea.is-disabled .el-textarea__inner::-moz-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: #F56C6C; } - .el-textarea.is-exceed .el-input__count { - color: #F56C6C; } - -.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::-webkit-input-placeholder { - color: #C0C4CC; } - .el-input__inner::-moz-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: #409EFF; } - .el-input__suffix { - position: absolute; - height: 100%; - right: 5px; - top: 0; - text-align: center; - color: #C0C4CC; - -webkit-transition: all .3s; - transition: all .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 .3s; - transition: all .3s; } - .el-input__icon { - height: 100%; - width: 25px; - text-align: center; - -webkit-transition: all .3s; - transition: all .3s; - line-height: 40px; } - .el-input__icon:after { - content: ''; - height: 100%; - width: 0; - display: inline-block; - vertical-align: middle; } - .el-input__validateIcon { - pointer-events: none; } - .el-input.is-active .el-input__inner { - outline: none; - border-color: #409EFF; } - .el-input.is-disabled .el-input__inner { - background-color: #F5F7FA; - border-color: #E4E7ED; - color: #C0C4CC; - cursor: not-allowed; } - .el-input.is-disabled .el-input__inner::-webkit-input-placeholder { - color: #C0C4CC; } - .el-input.is-disabled .el-input__inner::-moz-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: #F56C6C; } - .el-input.is-exceed .el-input__suffix .el-input__count { - color: #F56C6C; } - .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: .1s; - transition: .1s; - font-weight: 500; - -moz-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; - padding: 12px 20px; - font-size: 14px; - border-radius: 4px; } - .el-button + .el-button { - margin-left: 10px; } - .el-button.is-round { - padding: 12px 20px; } - .el-button:hover, .el-button:focus { - color: #409EFF; - border-color: #c6e2ff; - background-color: #ecf5ff; } - .el-button:active { - color: #3a8ee6; - border-color: #3a8ee6; - 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: #409EFF; - color: #409EFF; } - .el-button.is-plain:active { - background: #FFFFFF; - border-color: #3a8ee6; - color: #3a8ee6; - outline: none; } - .el-button.is-active { - color: #3a8ee6; - border-color: #3a8ee6; } - .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: #EBEEF5; } - .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: #EBEEF5; - color: #C0C4CC; } - .el-button.is-loading { - position: relative; - pointer-events: none; } - .el-button.is-loading:before { - pointer-events: none; - content: ''; - position: absolute; - left: -1px; - top: -1px; - right: -1px; - bottom: -1px; - border-radius: inherit; - background-color: rgba(255, 255, 255, 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: #409EFF; - border-color: #409EFF; } - .el-button--primary:hover, .el-button--primary:focus { - background: #66b1ff; - border-color: #66b1ff; - color: #FFFFFF; } - .el-button--primary:active { - background: #3a8ee6; - border-color: #3a8ee6; - color: #FFFFFF; - outline: none; } - .el-button--primary.is-active { - background: #3a8ee6; - border-color: #3a8ee6; - 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: #a0cfff; - border-color: #a0cfff; } - .el-button--primary.is-plain { - color: #409EFF; - background: #ecf5ff; - border-color: #b3d8ff; } - .el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus { - background: #409EFF; - border-color: #409EFF; - color: #FFFFFF; } - .el-button--primary.is-plain:active { - background: #3a8ee6; - border-color: #3a8ee6; - 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: #8cc5ff; - background-color: #ecf5ff; - border-color: #d9ecff; } - .el-button--success { - color: #FFFFFF; - background-color: #67C23A; - border-color: #67C23A; } - .el-button--success:hover, .el-button--success:focus { - background: #85ce61; - border-color: #85ce61; - color: #FFFFFF; } - .el-button--success:active { - background: #5daf34; - border-color: #5daf34; - color: #FFFFFF; - outline: none; } - .el-button--success.is-active { - background: #5daf34; - border-color: #5daf34; - 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: #b3e19d; - border-color: #b3e19d; } - .el-button--success.is-plain { - color: #67C23A; - background: #f0f9eb; - border-color: #c2e7b0; } - .el-button--success.is-plain:hover, .el-button--success.is-plain:focus { - background: #67C23A; - border-color: #67C23A; - color: #FFFFFF; } - .el-button--success.is-plain:active { - background: #5daf34; - border-color: #5daf34; - 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: #a4da89; - background-color: #f0f9eb; - border-color: #e1f3d8; } - .el-button--warning { - color: #FFFFFF; - background-color: #E6A23C; - border-color: #E6A23C; } - .el-button--warning:hover, .el-button--warning:focus { - background: #ebb563; - border-color: #ebb563; - color: #FFFFFF; } - .el-button--warning:active { - background: #cf9236; - border-color: #cf9236; - color: #FFFFFF; - outline: none; } - .el-button--warning.is-active { - background: #cf9236; - border-color: #cf9236; - 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: #f3d19e; - border-color: #f3d19e; } - .el-button--warning.is-plain { - color: #E6A23C; - background: #fdf6ec; - border-color: #f5dab1; } - .el-button--warning.is-plain:hover, .el-button--warning.is-plain:focus { - background: #E6A23C; - border-color: #E6A23C; - color: #FFFFFF; } - .el-button--warning.is-plain:active { - background: #cf9236; - border-color: #cf9236; - 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: #f0c78a; - background-color: #fdf6ec; - border-color: #faecd8; } - .el-button--danger { - color: #FFFFFF; - background-color: #F56C6C; - border-color: #F56C6C; } - .el-button--danger:hover, .el-button--danger:focus { - background: #f78989; - border-color: #f78989; - color: #FFFFFF; } - .el-button--danger:active { - background: #dd6161; - border-color: #dd6161; - color: #FFFFFF; - outline: none; } - .el-button--danger.is-active { - background: #dd6161; - border-color: #dd6161; - 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: #fab6b6; - border-color: #fab6b6; } - .el-button--danger.is-plain { - color: #F56C6C; - background: #fef0f0; - border-color: #fbc4c4; } - .el-button--danger.is-plain:hover, .el-button--danger.is-plain:focus { - background: #F56C6C; - border-color: #F56C6C; - color: #FFFFFF; } - .el-button--danger.is-plain:active { - background: #dd6161; - border-color: #dd6161; - 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: #f9a7a7; - background-color: #fef0f0; - border-color: #fde2e2; } - .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: #409EFF; - background: transparent; - padding-left: 0; - padding-right: 0; } - .el-button--text:hover, .el-button--text:focus { - color: #66b1ff; - border-color: transparent; - background-color: transparent; } - .el-button--text:active { - color: #3a8ee6; - 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:hover, .el-button-group > .el-button:focus, .el-button-group > .el-button: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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #409EFF; } - .el-checkbox.is-bordered.is-disabled { - border-color: #EBEEF5; - cursor: not-allowed; } - .el-checkbox.is-bordered + .el-checkbox.is-bordered { - margin-left: 10px; } - .el-checkbox.is-bordered.el-checkbox--medium { - padding: 7px 20px 7px 10px; - border-radius: 4px; - height: 36px; } - .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label { - line-height: 17px; - font-size: 14px; } - .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner { - height: 14px; - width: 14px; } - .el-checkbox.is-bordered.el-checkbox--small { - padding: 5px 15px 5px 10px; - border-radius: 3px; - height: 32px; } - .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label { - line-height: 15px; - font-size: 12px; } - .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner { - height: 12px; - width: 12px; } - .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after { - height: 6px; - width: 2px; } - .el-checkbox.is-bordered.el-checkbox--mini { - padding: 3px 15px 3px 10px; - border-radius: 3px; - height: 28px; } - .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label { - line-height: 12px; - font-size: 12px; } - .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner { - height: 12px; - width: 12px; } - .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after { - height: 6px; - width: 2px; } - .el-checkbox__input { - white-space: nowrap; - cursor: pointer; - outline: 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: #409EFF; - border-color: #409EFF; } - .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: #409EFF; } - .el-checkbox__input.is-focus { - /*focus时 视觉上区分*/ } - .el-checkbox__input.is-focus .el-checkbox__inner { - border-color: #409EFF; } - .el-checkbox__input.is-indeterminate .el-checkbox__inner { - background-color: #409EFF; - border-color: #409EFF; } - .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: #409EFF; } - .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 .15s ease-in .05s; - transition: -webkit-transform .15s ease-in .05s; - transition: transform .15s ease-in .05s; - transition: transform .15s ease-in .05s, -webkit-transform .15s ease-in .05s; - -webkit-transform-origin: center; - transform-origin: center; } - .el-checkbox__original { - opacity: 0; - outline: 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: #409EFF; } - .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: #409EFF; - border-color: #409EFF; - -webkit-box-shadow: -1px 0 0 0 #8cc5ff; - box-shadow: -1px 0 0 0 #8cc5ff; } - .el-checkbox-button.is-checked:first-child .el-checkbox-button__inner { - border-left-color: #409EFF; } - .el-checkbox-button.is-disabled .el-checkbox-button__inner { - color: #C0C4CC; - cursor: not-allowed; - background-image: none; - background-color: #FFFFFF; - border-color: #EBEEF5; - -webkit-box-shadow: none; - box-shadow: none; } - .el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner { - border-left-color: #EBEEF5; } - .el-checkbox-button:first-child .el-checkbox-button__inner { - border-left: 1px solid #DCDFE6; - border-radius: 4px 0 0 4px; - -webkit-box-shadow: none !important; - box-shadow: none !important; } - .el-checkbox-button.is-focus .el-checkbox-button__inner { - border-color: #409EFF; } - .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: #409EFF; - 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 #EBEEF5; - 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: #409EFF; } - .el-transfer-panel__item.el-checkbox .el-checkbox__label { - width: 100%; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - display: block; - -webkit-box-sizing: border-box; - box-sizing: border-box; - padding-left: 24px; - line-height: 30px; } - .el-transfer-panel__item .el-checkbox__input { - position: absolute; - top: 8px; } - .el-transfer-panel__filter { - text-align: center; - margin: 15px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - display: block; - width: auto; } - .el-transfer-panel__filter .el-input__inner { - height: 32px; - width: 100%; - font-size: 12px; - display: inline-block; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 16px; - padding-right: 10px; - padding-left: 30px; } - .el-transfer-panel__filter .el-input__icon { - margin-left: 5px; } - .el-transfer-panel__filter .el-icon-circle-close { - cursor: pointer; } - .el-transfer-panel .el-transfer-panel__header { - height: 40px; - line-height: 40px; - background: #F5F7FA; - margin: 0; - padding-left: 15px; - border-bottom: 1px solid #EBEEF5; - -webkit-box-sizing: border-box; - box-sizing: border-box; - color: #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 #EBEEF5; - position: absolute; - bottom: 0; - left: 0; - width: 100%; - z-index: 1; } - .el-transfer-panel .el-transfer-panel__footer::after { - display: inline-block; - content: ""; - height: 100%; - vertical-align: middle; } - .el-transfer-panel .el-transfer-panel__footer .el-checkbox { - padding-left: 20px; - color: #606266; } - .el-transfer-panel .el-transfer-panel__empty { - margin: 0; - height: 30px; - line-height: 30px; - padding: 6px 15px 0; - color: #909399; - text-align: center; } - .el-transfer-panel .el-checkbox__label { - padding-left: 8px; } - .el-transfer-panel .el-checkbox__inner { - height: 14px; - width: 14px; - border-radius: 3px; } - .el-transfer-panel .el-checkbox__inner::after { - height: 6px; - width: 3px; - left: 4px; } - -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 #E4E7ED; } - .el-timeline-item__icon { - color: #FFFFFF; - font-size: 13px; } - .el-timeline-item__node { - position: absolute; - background-color: #E4E7ED; - 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: #409EFF; } - .el-timeline-item__node--success { - background-color: #67C23A; } - .el-timeline-item__node--warning { - background-color: #E6A23C; } - .el-timeline-item__node--danger { - background-color: #F56C6C; } - .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 #409EFF; } - .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: #409EFF; } - .el-link.el-link--default:after { - border-color: #409EFF; } - .el-link.el-link--default.is-disabled { - color: #C0C4CC; } - .el-link.el-link--primary { - color: #409EFF; } - .el-link.el-link--primary:hover { - color: #66b1ff; } - .el-link.el-link--primary:after { - border-color: #409EFF; } - .el-link.el-link--primary.is-disabled { - color: #a0cfff; } - .el-link.el-link--primary.is-underline:hover:after { - border-color: #409EFF; } - .el-link.el-link--danger { - color: #F56C6C; } - .el-link.el-link--danger:hover { - color: #f78989; } - .el-link.el-link--danger:after { - border-color: #F56C6C; } - .el-link.el-link--danger.is-disabled { - color: #fab6b6; } - .el-link.el-link--danger.is-underline:hover:after { - border-color: #F56C6C; } - .el-link.el-link--success { - color: #67C23A; } - .el-link.el-link--success:hover { - color: #85ce61; } - .el-link.el-link--success:after { - border-color: #67C23A; } - .el-link.el-link--success.is-disabled { - color: #b3e19d; } - .el-link.el-link--success.is-underline:hover:after { - border-color: #67C23A; } - .el-link.el-link--warning { - color: #E6A23C; } - .el-link.el-link--warning:hover { - color: #ebb563; } - .el-link.el-link--warning:after { - border-color: #E6A23C; } - .el-link.el-link--warning.is-disabled { - color: #f3d19e; } - .el-link.el-link--warning.is-underline:hover:after { - border-color: #E6A23C; } - .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* Break-point ---------------------------*/ -.el-image__inner, .el-image__placeholder, .el-image__error { - 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: .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: 40px; } - -.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: .5; - background: #000; } - -.viewer-fade-enter-active { - -webkit-animation: viewer-fade-in .3s; - animation: viewer-fade-in .3s; } - -.viewer-fade-leave-active { - -webkit-animation: viewer-fade-out .3s; - animation: viewer-fade-out .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: .1s; - transition: .1s; - font-weight: 500; - -moz-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; - padding: 12px 20px; - font-size: 14px; - border-radius: 4px; } - .el-button + .el-button { - margin-left: 10px; } - .el-button.is-round { - padding: 12px 20px; } - .el-button:hover, .el-button:focus { - color: #409EFF; - border-color: #c6e2ff; - background-color: #ecf5ff; } - .el-button:active { - color: #3a8ee6; - border-color: #3a8ee6; - 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: #409EFF; - color: #409EFF; } - .el-button.is-plain:active { - background: #FFFFFF; - border-color: #3a8ee6; - color: #3a8ee6; - outline: none; } - .el-button.is-active { - color: #3a8ee6; - border-color: #3a8ee6; } - .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: #EBEEF5; } - .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: #EBEEF5; - color: #C0C4CC; } - .el-button.is-loading { - position: relative; - pointer-events: none; } - .el-button.is-loading:before { - pointer-events: none; - content: ''; - position: absolute; - left: -1px; - top: -1px; - right: -1px; - bottom: -1px; - border-radius: inherit; - background-color: rgba(255, 255, 255, 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: #409EFF; - border-color: #409EFF; } - .el-button--primary:hover, .el-button--primary:focus { - background: #66b1ff; - border-color: #66b1ff; - color: #FFFFFF; } - .el-button--primary:active { - background: #3a8ee6; - border-color: #3a8ee6; - color: #FFFFFF; - outline: none; } - .el-button--primary.is-active { - background: #3a8ee6; - border-color: #3a8ee6; - 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: #a0cfff; - border-color: #a0cfff; } - .el-button--primary.is-plain { - color: #409EFF; - background: #ecf5ff; - border-color: #b3d8ff; } - .el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus { - background: #409EFF; - border-color: #409EFF; - color: #FFFFFF; } - .el-button--primary.is-plain:active { - background: #3a8ee6; - border-color: #3a8ee6; - 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: #8cc5ff; - background-color: #ecf5ff; - border-color: #d9ecff; } - .el-button--success { - color: #FFFFFF; - background-color: #67C23A; - border-color: #67C23A; } - .el-button--success:hover, .el-button--success:focus { - background: #85ce61; - border-color: #85ce61; - color: #FFFFFF; } - .el-button--success:active { - background: #5daf34; - border-color: #5daf34; - color: #FFFFFF; - outline: none; } - .el-button--success.is-active { - background: #5daf34; - border-color: #5daf34; - 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: #b3e19d; - border-color: #b3e19d; } - .el-button--success.is-plain { - color: #67C23A; - background: #f0f9eb; - border-color: #c2e7b0; } - .el-button--success.is-plain:hover, .el-button--success.is-plain:focus { - background: #67C23A; - border-color: #67C23A; - color: #FFFFFF; } - .el-button--success.is-plain:active { - background: #5daf34; - border-color: #5daf34; - 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: #a4da89; - background-color: #f0f9eb; - border-color: #e1f3d8; } - .el-button--warning { - color: #FFFFFF; - background-color: #E6A23C; - border-color: #E6A23C; } - .el-button--warning:hover, .el-button--warning:focus { - background: #ebb563; - border-color: #ebb563; - color: #FFFFFF; } - .el-button--warning:active { - background: #cf9236; - border-color: #cf9236; - color: #FFFFFF; - outline: none; } - .el-button--warning.is-active { - background: #cf9236; - border-color: #cf9236; - 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: #f3d19e; - border-color: #f3d19e; } - .el-button--warning.is-plain { - color: #E6A23C; - background: #fdf6ec; - border-color: #f5dab1; } - .el-button--warning.is-plain:hover, .el-button--warning.is-plain:focus { - background: #E6A23C; - border-color: #E6A23C; - color: #FFFFFF; } - .el-button--warning.is-plain:active { - background: #cf9236; - border-color: #cf9236; - 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: #f0c78a; - background-color: #fdf6ec; - border-color: #faecd8; } - .el-button--danger { - color: #FFFFFF; - background-color: #F56C6C; - border-color: #F56C6C; } - .el-button--danger:hover, .el-button--danger:focus { - background: #f78989; - border-color: #f78989; - color: #FFFFFF; } - .el-button--danger:active { - background: #dd6161; - border-color: #dd6161; - color: #FFFFFF; - outline: none; } - .el-button--danger.is-active { - background: #dd6161; - border-color: #dd6161; - 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: #fab6b6; - border-color: #fab6b6; } - .el-button--danger.is-plain { - color: #F56C6C; - background: #fef0f0; - border-color: #fbc4c4; } - .el-button--danger.is-plain:hover, .el-button--danger.is-plain:focus { - background: #F56C6C; - border-color: #F56C6C; - color: #FFFFFF; } - .el-button--danger.is-plain:active { - background: #dd6161; - border-color: #dd6161; - 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: #f9a7a7; - background-color: #fef0f0; - border-color: #fde2e2; } - .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: #409EFF; - background: transparent; - padding-left: 0; - padding-right: 0; } - .el-button--text:hover, .el-button--text:focus { - color: #66b1ff; - border-color: transparent; - background-color: transparent; } - .el-button--text:active { - color: #3a8ee6; - 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:hover, .el-button-group > .el-button:focus, .el-button-group > .el-button: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 #EBEEF5; } - .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 #EBEEF5; - border-right: 1px solid #EBEEF5; - 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: #409EFF; } - .el-calendar-table tr:first-child td { - border-top: 1px solid #EBEEF5; } - .el-calendar-table tr td:first-child { - border-left: 1px solid #EBEEF5; } - .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* Break-point ---------------------------*/ -.el-backtop { - position: fixed; - background-color: #FFFFFF; - width: 40px; - height: 40px; - border-radius: 50%; - color: #409EFF; - 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #409EFF; } - .el-checkbox.is-bordered.is-disabled { - border-color: #EBEEF5; - cursor: not-allowed; } - .el-checkbox.is-bordered + .el-checkbox.is-bordered { - margin-left: 10px; } - .el-checkbox.is-bordered.el-checkbox--medium { - padding: 7px 20px 7px 10px; - border-radius: 4px; - height: 36px; } - .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label { - line-height: 17px; - font-size: 14px; } - .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner { - height: 14px; - width: 14px; } - .el-checkbox.is-bordered.el-checkbox--small { - padding: 5px 15px 5px 10px; - border-radius: 3px; - height: 32px; } - .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label { - line-height: 15px; - font-size: 12px; } - .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner { - height: 12px; - width: 12px; } - .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after { - height: 6px; - width: 2px; } - .el-checkbox.is-bordered.el-checkbox--mini { - padding: 3px 15px 3px 10px; - border-radius: 3px; - height: 28px; } - .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label { - line-height: 12px; - font-size: 12px; } - .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner { - height: 12px; - width: 12px; } - .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after { - height: 6px; - width: 2px; } - .el-checkbox__input { - white-space: nowrap; - cursor: pointer; - outline: 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: #409EFF; - border-color: #409EFF; } - .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: #409EFF; } - .el-checkbox__input.is-focus { - /*focus时 视觉上区分*/ } - .el-checkbox__input.is-focus .el-checkbox__inner { - border-color: #409EFF; } - .el-checkbox__input.is-indeterminate .el-checkbox__inner { - background-color: #409EFF; - border-color: #409EFF; } - .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: #409EFF; } - .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 .15s ease-in .05s; - transition: -webkit-transform .15s ease-in .05s; - transition: transform .15s ease-in .05s; - transition: transform .15s ease-in .05s, -webkit-transform .15s ease-in .05s; - -webkit-transform-origin: center; - transform-origin: center; } - .el-checkbox__original { - opacity: 0; - outline: 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: #409EFF; } - .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: #409EFF; - border-color: #409EFF; - -webkit-box-shadow: -1px 0 0 0 #8cc5ff; - box-shadow: -1px 0 0 0 #8cc5ff; } - .el-checkbox-button.is-checked:first-child .el-checkbox-button__inner { - border-left-color: #409EFF; } - .el-checkbox-button.is-disabled .el-checkbox-button__inner { - color: #C0C4CC; - cursor: not-allowed; - background-image: none; - background-color: #FFFFFF; - border-color: #EBEEF5; - -webkit-box-shadow: none; - box-shadow: none; } - .el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner { - border-left-color: #EBEEF5; } - .el-checkbox-button:first-child .el-checkbox-button__inner { - border-left: 1px solid #DCDFE6; - border-radius: 4px 0 0 4px; - -webkit-box-shadow: none !important; - box-shadow: none !important; } - .el-checkbox-button.is-focus .el-checkbox-button__inner { - border-color: #409EFF; } - .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #409EFF; } - .el-radio.is-bordered.is-disabled { - cursor: not-allowed; - border-color: #EBEEF5; } - .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: #E4E7ED; - 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: #E4E7ED; } - .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: #409EFF; - background: #409EFF; } - .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: #409EFF; } - .el-radio__input.is-focus .el-radio__inner { - border-color: #409EFF; } - .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: #409EFF; } - .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 .15s ease-in; - transition: -webkit-transform .15s ease-in; - transition: transform .15s ease-in; - transition: transform .15s ease-in, -webkit-transform .15s ease-in; } - .el-radio__original { - opacity: 0; - outline: 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 #409EFF; - box-shadow: 0 0 2px 2px #409EFF; } - .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: .3s background-color; - transition: .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 #E4E7ED; - border-radius: 4px; } - -.el-cascader-menu { - min-width: 180px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - color: #606266; - border-right: solid 1px #E4E7ED; } - .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: #409EFF; - 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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; } - .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: #72767b; - 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; } - .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 .3s; - animation: el-drawer-fade-in .3s; } - -.el-drawer-fade-leave-active { - animation: el-drawer-fade-in .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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; } diff --git a/images/orange-demo-activiti-web/src/assets/theme/infinite-scroll.css b/images/orange-demo-activiti-web/src/assets/theme/infinite-scroll.css deleted file mode 100644 index e69de29b..00000000 diff --git a/images/orange-demo-activiti-web/src/assets/theme/infiniteScroll.css b/images/orange-demo-activiti-web/src/assets/theme/infiniteScroll.css deleted file mode 100644 index e69de29b..00000000 diff --git a/images/orange-demo-activiti-web/src/assets/theme/input-number.css b/images/orange-demo-activiti-web/src/assets/theme/input-number.css deleted file mode 100644 index fc3fd524..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/input-number.css +++ /dev/null @@ -1,891 +0,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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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::placeholder { - color: #C0C4CC; } - .el-textarea__inner:hover { - border-color: #C0C4CC; } - .el-textarea__inner:focus { - outline: none; - border-color: #409EFF; } - .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: #E4E7ED; - color: #C0C4CC; - cursor: not-allowed; } - .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { - color: #C0C4CC; } - .el-textarea.is-disabled .el-textarea__inner::-moz-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: #F56C6C; } - .el-textarea.is-exceed .el-input__count { - color: #F56C6C; } - -.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::-webkit-input-placeholder { - color: #C0C4CC; } - .el-input__inner::-moz-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: #409EFF; } - .el-input__suffix { - position: absolute; - height: 100%; - right: 5px; - top: 0; - text-align: center; - color: #C0C4CC; - -webkit-transition: all .3s; - transition: all .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 .3s; - transition: all .3s; } - .el-input__icon { - height: 100%; - width: 25px; - text-align: center; - -webkit-transition: all .3s; - transition: all .3s; - line-height: 40px; } - .el-input__icon:after { - content: ''; - height: 100%; - width: 0; - display: inline-block; - vertical-align: middle; } - .el-input__validateIcon { - pointer-events: none; } - .el-input.is-active .el-input__inner { - outline: none; - border-color: #409EFF; } - .el-input.is-disabled .el-input__inner { - background-color: #F5F7FA; - border-color: #E4E7ED; - color: #C0C4CC; - cursor: not-allowed; } - .el-input.is-disabled .el-input__inner::-webkit-input-placeholder { - color: #C0C4CC; } - .el-input.is-disabled .el-input__inner::-moz-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: #F56C6C; } - .el-input.is-exceed .el-input__suffix .el-input__count { - color: #F56C6C; } - .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: #409EFF; } - .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: #409EFF; } - .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: #E4E7ED; - color: #E4E7ED; } - .el-input-number.is-disabled .el-input-number__increase:hover, .el-input-number.is-disabled .el-input-number__decrease:hover { - color: #E4E7ED; - 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; } diff --git a/images/orange-demo-activiti-web/src/assets/theme/input.css b/images/orange-demo-activiti-web/src/assets/theme/input.css deleted file mode 100644 index 70bc38f3..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/input.css +++ /dev/null @@ -1,534 +0,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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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::placeholder { - color: #C0C4CC; } - .el-textarea__inner:hover { - border-color: #C0C4CC; } - .el-textarea__inner:focus { - outline: none; - border-color: #409EFF; } - .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: #E4E7ED; - color: #C0C4CC; - cursor: not-allowed; } - .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { - color: #C0C4CC; } - .el-textarea.is-disabled .el-textarea__inner::-moz-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: #F56C6C; } - .el-textarea.is-exceed .el-input__count { - color: #F56C6C; } - -.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::-webkit-input-placeholder { - color: #C0C4CC; } - .el-input__inner::-moz-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: #409EFF; } - .el-input__suffix { - position: absolute; - height: 100%; - right: 5px; - top: 0; - text-align: center; - color: #C0C4CC; - -webkit-transition: all .3s; - transition: all .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 .3s; - transition: all .3s; } - .el-input__icon { - height: 100%; - width: 25px; - text-align: center; - -webkit-transition: all .3s; - transition: all .3s; - line-height: 40px; } - .el-input__icon:after { - content: ''; - height: 100%; - width: 0; - display: inline-block; - vertical-align: middle; } - .el-input__validateIcon { - pointer-events: none; } - .el-input.is-active .el-input__inner { - outline: none; - border-color: #409EFF; } - .el-input.is-disabled .el-input__inner { - background-color: #F5F7FA; - border-color: #E4E7ED; - color: #C0C4CC; - cursor: not-allowed; } - .el-input.is-disabled .el-input__inner::-webkit-input-placeholder { - color: #C0C4CC; } - .el-input.is-disabled .el-input__inner::-moz-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: #F56C6C; } - .el-input.is-exceed .el-input__suffix .el-input__count { - color: #F56C6C; } - .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; } diff --git a/images/orange-demo-activiti-web/src/assets/theme/link.css b/images/orange-demo-activiti-web/src/assets/theme/link.css deleted file mode 100644 index 2e69c87c..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/link.css +++ /dev/null @@ -1,342 +0,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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 #409EFF; } - .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: #409EFF; } - .el-link.el-link--default:after { - border-color: #409EFF; } - .el-link.el-link--default.is-disabled { - color: #C0C4CC; } - .el-link.el-link--primary { - color: #409EFF; } - .el-link.el-link--primary:hover { - color: #66b1ff; } - .el-link.el-link--primary:after { - border-color: #409EFF; } - .el-link.el-link--primary.is-disabled { - color: #a0cfff; } - .el-link.el-link--primary.is-underline:hover:after { - border-color: #409EFF; } - .el-link.el-link--danger { - color: #F56C6C; } - .el-link.el-link--danger:hover { - color: #f78989; } - .el-link.el-link--danger:after { - border-color: #F56C6C; } - .el-link.el-link--danger.is-disabled { - color: #fab6b6; } - .el-link.el-link--danger.is-underline:hover:after { - border-color: #F56C6C; } - .el-link.el-link--success { - color: #67C23A; } - .el-link.el-link--success:hover { - color: #85ce61; } - .el-link.el-link--success:after { - border-color: #67C23A; } - .el-link.el-link--success.is-disabled { - color: #b3e19d; } - .el-link.el-link--success.is-underline:hover:after { - border-color: #67C23A; } - .el-link.el-link--warning { - color: #E6A23C; } - .el-link.el-link--warning:hover { - color: #ebb563; } - .el-link.el-link--warning:after { - border-color: #E6A23C; } - .el-link.el-link--warning.is-disabled { - color: #f3d19e; } - .el-link.el-link--warning.is-underline:hover:after { - border-color: #E6A23C; } - .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; } diff --git a/images/orange-demo-activiti-web/src/assets/theme/loading.css b/images/orange-demo-activiti-web/src/assets/theme/loading.css deleted file mode 100644 index 5d4f9dae..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/loading.css +++ /dev/null @@ -1,336 +0,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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #409EFF; - 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: #409EFF; - stroke-linecap: round; } - .el-loading-spinner i { - color: #409EFF; } - -.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; } } diff --git a/images/orange-demo-activiti-web/src/assets/theme/main.css b/images/orange-demo-activiti-web/src/assets/theme/main.css deleted file mode 100644 index c792e5aa..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/main.css +++ /dev/null @@ -1,261 +0,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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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; } diff --git a/images/orange-demo-activiti-web/src/assets/theme/menu-item-group.css b/images/orange-demo-activiti-web/src/assets/theme/menu-item-group.css deleted file mode 100644 index e69de29b..00000000 diff --git a/images/orange-demo-activiti-web/src/assets/theme/menu-item.css b/images/orange-demo-activiti-web/src/assets/theme/menu-item.css deleted file mode 100644 index e69de29b..00000000 diff --git a/images/orange-demo-activiti-web/src/assets/theme/menu.css b/images/orange-demo-activiti-web/src/assets/theme/menu.css deleted file mode 100644 index f43f172f..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/menu.css +++ /dev/null @@ -1,719 +0,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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 #409EFF; - 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 #409EFF; - 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 #E4E7ED; - 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 .3s, background-color .3s, color .3s; - transition: border-color .3s, background-color .3s, color .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: #ecf5ff; } - .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: #409EFF; } - .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 .3s, background-color .3s, color .3s; - transition: border-color .3s, background-color .3s, color .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: #ecf5ff; } - .el-submenu__title.is-disabled { - opacity: 0.25; - cursor: not-allowed; - background: none !important; } - .el-submenu__title:hover { - background-color: #ecf5ff; } - .el-submenu .el-menu { - border: none; } - .el-submenu .el-menu-item { - height: 50px; - line-height: 50px; - padding: 0 45px; - min-width: 200px; } - .el-submenu__icon-arrow { - position: absolute; - top: 50%; - right: 20px; - margin-top: -7px; - -webkit-transition: -webkit-transform .3s; - transition: -webkit-transform .3s; - transition: transform .3s; - transition: transform .3s, -webkit-transform .3s; - font-size: 12px; } - .el-submenu.is-active .el-submenu__title { - border-bottom-color: #409EFF; } - .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: .2s; - transition: .2s; - opacity: 0; } diff --git a/images/orange-demo-activiti-web/src/assets/theme/message-box.css b/images/orange-demo-activiti-web/src/assets/theme/message-box.css deleted file mode 100644 index 65b237d3..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/message-box.css +++ /dev/null @@ -1,2018 +0,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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* Break-point ---------------------------*/ -/* Break-points - -------------------------- */ -/* Scrollbar - -------------------------- */ -/* Placeholder - -------------------------- */ -/* BEM - -------------------------- */ -.v-modal-enter { - -webkit-animation: v-modal-in .2s ease; - animation: v-modal-in .2s ease; } - -.v-modal-leave { - -webkit-animation: v-modal-out .2s ease forwards; - animation: v-modal-out .2s ease forwards; } - -@-webkit-keyframes v-modal-in { - 0% { - opacity: 0; } - 100% { } } - -@keyframes v-modal-in { - 0% { - opacity: 0; } - 100% { } } - -@-webkit-keyframes v-modal-out { - 0% { } - 100% { - opacity: 0; } } - -@keyframes v-modal-out { - 0% { } - 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: .1s; - transition: .1s; - font-weight: 500; - -moz-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; - padding: 12px 20px; - font-size: 14px; - border-radius: 4px; } - .el-button + .el-button { - margin-left: 10px; } - .el-button.is-round { - padding: 12px 20px; } - .el-button:hover, .el-button:focus { - color: #409EFF; - border-color: #c6e2ff; - background-color: #ecf5ff; } - .el-button:active { - color: #3a8ee6; - border-color: #3a8ee6; - 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: #409EFF; - color: #409EFF; } - .el-button.is-plain:active { - background: #FFFFFF; - border-color: #3a8ee6; - color: #3a8ee6; - outline: none; } - .el-button.is-active { - color: #3a8ee6; - border-color: #3a8ee6; } - .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: #EBEEF5; } - .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: #EBEEF5; - color: #C0C4CC; } - .el-button.is-loading { - position: relative; - pointer-events: none; } - .el-button.is-loading:before { - pointer-events: none; - content: ''; - position: absolute; - left: -1px; - top: -1px; - right: -1px; - bottom: -1px; - border-radius: inherit; - background-color: rgba(255, 255, 255, 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: #409EFF; - border-color: #409EFF; } - .el-button--primary:hover, .el-button--primary:focus { - background: #66b1ff; - border-color: #66b1ff; - color: #FFFFFF; } - .el-button--primary:active { - background: #3a8ee6; - border-color: #3a8ee6; - color: #FFFFFF; - outline: none; } - .el-button--primary.is-active { - background: #3a8ee6; - border-color: #3a8ee6; - 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: #a0cfff; - border-color: #a0cfff; } - .el-button--primary.is-plain { - color: #409EFF; - background: #ecf5ff; - border-color: #b3d8ff; } - .el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus { - background: #409EFF; - border-color: #409EFF; - color: #FFFFFF; } - .el-button--primary.is-plain:active { - background: #3a8ee6; - border-color: #3a8ee6; - 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: #8cc5ff; - background-color: #ecf5ff; - border-color: #d9ecff; } - .el-button--success { - color: #FFFFFF; - background-color: #67C23A; - border-color: #67C23A; } - .el-button--success:hover, .el-button--success:focus { - background: #85ce61; - border-color: #85ce61; - color: #FFFFFF; } - .el-button--success:active { - background: #5daf34; - border-color: #5daf34; - color: #FFFFFF; - outline: none; } - .el-button--success.is-active { - background: #5daf34; - border-color: #5daf34; - 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: #b3e19d; - border-color: #b3e19d; } - .el-button--success.is-plain { - color: #67C23A; - background: #f0f9eb; - border-color: #c2e7b0; } - .el-button--success.is-plain:hover, .el-button--success.is-plain:focus { - background: #67C23A; - border-color: #67C23A; - color: #FFFFFF; } - .el-button--success.is-plain:active { - background: #5daf34; - border-color: #5daf34; - 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: #a4da89; - background-color: #f0f9eb; - border-color: #e1f3d8; } - .el-button--warning { - color: #FFFFFF; - background-color: #E6A23C; - border-color: #E6A23C; } - .el-button--warning:hover, .el-button--warning:focus { - background: #ebb563; - border-color: #ebb563; - color: #FFFFFF; } - .el-button--warning:active { - background: #cf9236; - border-color: #cf9236; - color: #FFFFFF; - outline: none; } - .el-button--warning.is-active { - background: #cf9236; - border-color: #cf9236; - 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: #f3d19e; - border-color: #f3d19e; } - .el-button--warning.is-plain { - color: #E6A23C; - background: #fdf6ec; - border-color: #f5dab1; } - .el-button--warning.is-plain:hover, .el-button--warning.is-plain:focus { - background: #E6A23C; - border-color: #E6A23C; - color: #FFFFFF; } - .el-button--warning.is-plain:active { - background: #cf9236; - border-color: #cf9236; - 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: #f0c78a; - background-color: #fdf6ec; - border-color: #faecd8; } - .el-button--danger { - color: #FFFFFF; - background-color: #F56C6C; - border-color: #F56C6C; } - .el-button--danger:hover, .el-button--danger:focus { - background: #f78989; - border-color: #f78989; - color: #FFFFFF; } - .el-button--danger:active { - background: #dd6161; - border-color: #dd6161; - color: #FFFFFF; - outline: none; } - .el-button--danger.is-active { - background: #dd6161; - border-color: #dd6161; - 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: #fab6b6; - border-color: #fab6b6; } - .el-button--danger.is-plain { - color: #F56C6C; - background: #fef0f0; - border-color: #fbc4c4; } - .el-button--danger.is-plain:hover, .el-button--danger.is-plain:focus { - background: #F56C6C; - border-color: #F56C6C; - color: #FFFFFF; } - .el-button--danger.is-plain:active { - background: #dd6161; - border-color: #dd6161; - 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: #f9a7a7; - background-color: #fef0f0; - border-color: #fde2e2; } - .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: #409EFF; - background: transparent; - padding-left: 0; - padding-right: 0; } - .el-button--text:hover, .el-button--text:focus { - color: #66b1ff; - border-color: transparent; - background-color: transparent; } - .el-button--text:active { - color: #3a8ee6; - 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:hover, .el-button-group > .el-button:focus, .el-button-group > .el-button: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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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::placeholder { - color: #C0C4CC; } - .el-textarea__inner:hover { - border-color: #C0C4CC; } - .el-textarea__inner:focus { - outline: none; - border-color: #409EFF; } - .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: #E4E7ED; - color: #C0C4CC; - cursor: not-allowed; } - .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { - color: #C0C4CC; } - .el-textarea.is-disabled .el-textarea__inner::-moz-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: #F56C6C; } - .el-textarea.is-exceed .el-input__count { - color: #F56C6C; } - -.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::-webkit-input-placeholder { - color: #C0C4CC; } - .el-input__inner::-moz-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: #409EFF; } - .el-input__suffix { - position: absolute; - height: 100%; - right: 5px; - top: 0; - text-align: center; - color: #C0C4CC; - -webkit-transition: all .3s; - transition: all .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 .3s; - transition: all .3s; } - .el-input__icon { - height: 100%; - width: 25px; - text-align: center; - -webkit-transition: all .3s; - transition: all .3s; - line-height: 40px; } - .el-input__icon:after { - content: ''; - height: 100%; - width: 0; - display: inline-block; - vertical-align: middle; } - .el-input__validateIcon { - pointer-events: none; } - .el-input.is-active .el-input__inner { - outline: none; - border-color: #409EFF; } - .el-input.is-disabled .el-input__inner { - background-color: #F5F7FA; - border-color: #E4E7ED; - color: #C0C4CC; - cursor: not-allowed; } - .el-input.is-disabled .el-input__inner::-webkit-input-placeholder { - color: #C0C4CC; } - .el-input.is-disabled .el-input__inner::-moz-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: #F56C6C; } - .el-input.is-exceed .el-input__suffix .el-input__count { - color: #F56C6C; } - .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 #EBEEF5; - 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: #409EFF; } - .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: #F56C6C; } - .el-message-box__input input.invalid:focus { - border-color: #F56C6C; } - .el-message-box__status { - position: absolute; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - font-size: 24px !important; } - .el-message-box__status::before { - padding-left: 1px; } - .el-message-box__status + .el-message-box__message { - padding-left: 36px; - padding-right: 12px; } - .el-message-box__status.el-icon-success { - color: #67C23A; } - .el-message-box__status.el-icon-info { - color: #909399; } - .el-message-box__status.el-icon-warning { - color: #E6A23C; } - .el-message-box__status.el-icon-error { - color: #F56C6C; } - .el-message-box__message { - margin: 0; } - .el-message-box__message p { - margin: 0; - line-height: 24px; } - .el-message-box__errormsg { - color: #F56C6C; - font-size: 12px; - min-height: 18px; - margin-top: 2px; } - .el-message-box__btns { - padding: 5px 15px 0; - text-align: right; } - .el-message-box__btns button:nth-child(2) { - margin-left: 10px; } - .el-message-box__btns-reverse { - -webkit-box-orient: horizontal; - -webkit-box-direction: reverse; - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; } - .el-message-box--center { - padding-bottom: 30px; } - .el-message-box--center .el-message-box__header { - padding-top: 30px; } - .el-message-box--center .el-message-box__title { - position: relative; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; } - .el-message-box--center .el-message-box__status { - position: relative; - top: auto; - padding-right: 5px; - text-align: center; - -webkit-transform: translateY(-1px); - transform: translateY(-1px); } - .el-message-box--center .el-message-box__message { - margin-left: 0; } - .el-message-box--center .el-message-box__btns, .el-message-box--center .el-message-box__content { - text-align: center; } - .el-message-box--center .el-message-box__content { - padding-left: 27px; - padding-right: 27px; } - -.msgbox-fade-enter-active { - -webkit-animation: msgbox-fade-in .3s; - animation: msgbox-fade-in .3s; } - -.msgbox-fade-leave-active { - -webkit-animation: msgbox-fade-out .3s; - animation: msgbox-fade-out .3s; } - -@-webkit-keyframes msgbox-fade-in { - 0% { - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); - opacity: 0; } - 100% { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - opacity: 1; } } - -@keyframes msgbox-fade-in { - 0% { - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); - opacity: 0; } - 100% { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - opacity: 1; } } - -@-webkit-keyframes msgbox-fade-out { - 0% { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - opacity: 1; } - 100% { - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); - opacity: 0; } } - -@keyframes msgbox-fade-out { - 0% { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - opacity: 1; } - 100% { - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); - opacity: 0; } } diff --git a/images/orange-demo-activiti-web/src/assets/theme/message.css b/images/orange-demo-activiti-web/src/assets/theme/message.css deleted file mode 100644 index 184ec4a3..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/message.css +++ /dev/null @@ -1,336 +0,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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #EBEEF5; - 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 .4s; - transition: opacity 0.3s, top 0.4s, -webkit-transform .4s; - transition: opacity 0.3s, transform .4s, top 0.4s; - transition: opacity 0.3s, transform .4s, top 0.4s, -webkit-transform .4s; - overflow: hidden; - padding: 15px 15px 15px 20px; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; } - .el-message.is-center { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; } - .el-message.is-closable .el-message__content { - padding-right: 16px; } - .el-message p { - margin: 0; } - .el-message--info .el-message__content { - color: #909399; } - .el-message--success { - background-color: #f0f9eb; - border-color: #e1f3d8; } - .el-message--success .el-message__content { - color: #67C23A; } - .el-message--warning { - background-color: #fdf6ec; - border-color: #faecd8; } - .el-message--warning .el-message__content { - color: #E6A23C; } - .el-message--error { - background-color: #fef0f0; - border-color: #fde2e2; } - .el-message--error .el-message__content { - color: #F56C6C; } - .el-message__icon { - margin-right: 10px; } - .el-message__content { - padding: 0; - font-size: 14px; - line-height: 1; } - .el-message__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: #67C23A; } - .el-message .el-icon-error { - color: #F56C6C; } - .el-message .el-icon-info { - color: #909399; } - .el-message .el-icon-warning { - color: #E6A23C; } - -.el-message-fade-enter, -.el-message-fade-leave-active { - opacity: 0; - -webkit-transform: translate(-50%, -100%); - transform: translate(-50%, -100%); } diff --git a/images/orange-demo-activiti-web/src/assets/theme/notification.css b/images/orange-demo-activiti-web/src/assets/theme/notification.css deleted file mode 100644 index eb914e4d..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/notification.css +++ /dev/null @@ -1,323 +0,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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 #EBEEF5; - 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 .3s, left .3s, right .3s, top 0.4s, bottom .3s, -webkit-transform .3s; - transition: opacity .3s, left .3s, right .3s, top 0.4s, bottom .3s, -webkit-transform .3s; - transition: opacity .3s, transform .3s, left .3s, right .3s, top 0.4s, bottom .3s; - transition: opacity .3s, transform .3s, left .3s, right .3s, top 0.4s, bottom .3s, -webkit-transform .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: #67C23A; } - .el-notification .el-icon-error { - color: #F56C6C; } - .el-notification .el-icon-info { - color: #909399; } - .el-notification .el-icon-warning { - color: #E6A23C; } - -.el-notification-fade-enter.right { - right: 0; - -webkit-transform: translateX(100%); - transform: translateX(100%); } - -.el-notification-fade-enter.left { - left: 0; - -webkit-transform: translateX(-100%); - transform: translateX(-100%); } - -.el-notification-fade-leave-active { - opacity: 0; } diff --git a/images/orange-demo-activiti-web/src/assets/theme/option-group.css b/images/orange-demo-activiti-web/src/assets/theme/option-group.css deleted file mode 100644 index ebbe7d4c..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/option-group.css +++ /dev/null @@ -1,276 +0,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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #E4E7ED; } - .el-select-group__title { - padding-left: 20px; - font-size: 12px; - color: #909399; - line-height: 30px; } - .el-select-group .el-select-dropdown__item { - padding-left: 20px; } diff --git a/images/orange-demo-activiti-web/src/assets/theme/option.css b/images/orange-demo-activiti-web/src/assets/theme/option.css deleted file mode 100644 index 7ea10207..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/option.css +++ /dev/null @@ -1,273 +0,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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #409EFF; - font-weight: bold; } diff --git a/images/orange-demo-activiti-web/src/assets/theme/page-header.css b/images/orange-demo-activiti-web/src/assets/theme/page-header.css deleted file mode 100644 index f73ce3da..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/page-header.css +++ /dev/null @@ -1,283 +0,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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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; } diff --git a/images/orange-demo-activiti-web/src/assets/theme/pagination.css b/images/orange-demo-activiti-web/src/assets/theme/pagination.css deleted file mode 100644 index 2c612471..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/pagination.css +++ /dev/null @@ -1,3275 +0,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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #EBEEF5; - 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: #EBEEF5; } - .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: #EBEEF5; - 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: #EBEEF5; } - .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 #E4E7ED; - 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.selected { - color: #409EFF; - 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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::placeholder { - color: #C0C4CC; } - .el-textarea__inner:hover { - border-color: #C0C4CC; } - .el-textarea__inner:focus { - outline: none; - border-color: #409EFF; } - .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: #E4E7ED; - color: #C0C4CC; - cursor: not-allowed; } - .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { - color: #C0C4CC; } - .el-textarea.is-disabled .el-textarea__inner::-moz-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: #F56C6C; } - .el-textarea.is-exceed .el-input__count { - color: #F56C6C; } - -.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::-webkit-input-placeholder { - color: #C0C4CC; } - .el-input__inner::-moz-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: #409EFF; } - .el-input__suffix { - position: absolute; - height: 100%; - right: 5px; - top: 0; - text-align: center; - color: #C0C4CC; - -webkit-transition: all .3s; - transition: all .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 .3s; - transition: all .3s; } - .el-input__icon { - height: 100%; - width: 25px; - text-align: center; - -webkit-transition: all .3s; - transition: all .3s; - line-height: 40px; } - .el-input__icon:after { - content: ''; - height: 100%; - width: 0; - display: inline-block; - vertical-align: middle; } - .el-input__validateIcon { - pointer-events: none; } - .el-input.is-active .el-input__inner { - outline: none; - border-color: #409EFF; } - .el-input.is-disabled .el-input__inner { - background-color: #F5F7FA; - border-color: #E4E7ED; - color: #C0C4CC; - cursor: not-allowed; } - .el-input.is-disabled .el-input__inner::-webkit-input-placeholder { - color: #C0C4CC; } - .el-input.is-disabled .el-input__inner::-moz-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: #F56C6C; } - .el-input.is-exceed .el-input__suffix .el-input__count { - color: #F56C6C; } - .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* Break-point ---------------------------*/ -.el-tag { - background-color: #ecf5ff; - border-color: #d9ecff; - color: #409eff; - display: inline-block; - height: 32px; - padding: 0 10px; - line-height: 30px; - font-size: 12px; - color: #409EFF; - 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: #409EFF; } - .el-tag .el-tag__close { - color: #409eff; } - .el-tag .el-tag__close:hover { - color: #FFFFFF; - background-color: #409eff; } - .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: #f0f9eb; - border-color: #e1f3d8; - color: #67c23a; } - .el-tag.el-tag--success.is-hit { - border-color: #67C23A; } - .el-tag.el-tag--success .el-tag__close { - color: #67c23a; } - .el-tag.el-tag--success .el-tag__close:hover { - color: #FFFFFF; - background-color: #67c23a; } - .el-tag.el-tag--warning { - background-color: #fdf6ec; - border-color: #faecd8; - color: #e6a23c; } - .el-tag.el-tag--warning.is-hit { - border-color: #E6A23C; } - .el-tag.el-tag--warning .el-tag__close { - color: #e6a23c; } - .el-tag.el-tag--warning .el-tag__close:hover { - color: #FFFFFF; - background-color: #e6a23c; } - .el-tag.el-tag--danger { - background-color: #fef0f0; - border-color: #fde2e2; - color: #f56c6c; } - .el-tag.el-tag--danger.is-hit { - border-color: #F56C6C; } - .el-tag.el-tag--danger .el-tag__close { - color: #f56c6c; } - .el-tag.el-tag--danger .el-tag__close:hover { - color: #FFFFFF; - background-color: #f56c6c; } - .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: #409eff; - border-color: #409eff; - color: white; } - .el-tag--dark.is-hit { - border-color: #409EFF; } - .el-tag--dark .el-tag__close { - color: white; } - .el-tag--dark .el-tag__close:hover { - color: #FFFFFF; - background-color: #66b1ff; } - .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: #67c23a; - border-color: #67c23a; - color: white; } - .el-tag--dark.el-tag--success.is-hit { - border-color: #67C23A; } - .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: #85ce61; } - .el-tag--dark.el-tag--warning { - background-color: #e6a23c; - border-color: #e6a23c; - color: white; } - .el-tag--dark.el-tag--warning.is-hit { - border-color: #E6A23C; } - .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: #ebb563; } - .el-tag--dark.el-tag--danger { - background-color: #f56c6c; - border-color: #f56c6c; - color: white; } - .el-tag--dark.el-tag--danger.is-hit { - border-color: #F56C6C; } - .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: #f78989; } - .el-tag--plain { - background-color: white; - border-color: #b3d8ff; - color: #409eff; } - .el-tag--plain.is-hit { - border-color: #409EFF; } - .el-tag--plain .el-tag__close { - color: #409eff; } - .el-tag--plain .el-tag__close:hover { - color: #FFFFFF; - background-color: #409eff; } - .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: #c2e7b0; - color: #67c23a; } - .el-tag--plain.el-tag--success.is-hit { - border-color: #67C23A; } - .el-tag--plain.el-tag--success .el-tag__close { - color: #67c23a; } - .el-tag--plain.el-tag--success .el-tag__close:hover { - color: #FFFFFF; - background-color: #67c23a; } - .el-tag--plain.el-tag--warning { - background-color: white; - border-color: #f5dab1; - color: #e6a23c; } - .el-tag--plain.el-tag--warning.is-hit { - border-color: #E6A23C; } - .el-tag--plain.el-tag--warning .el-tag__close { - color: #e6a23c; } - .el-tag--plain.el-tag--warning .el-tag__close:hover { - color: #FFFFFF; - background-color: #e6a23c; } - .el-tag--plain.el-tag--danger { - background-color: white; - border-color: #fbc4c4; - color: #f56c6c; } - .el-tag--plain.el-tag--danger.is-hit { - border-color: #F56C6C; } - .el-tag--plain.el-tag--danger .el-tag__close { - color: #f56c6c; } - .el-tag--plain.el-tag--danger .el-tag__close:hover { - color: #FFFFFF; - background-color: #f56c6c; } - .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #409EFF; - 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #E4E7ED; } - .el-select-group__title { - padding-left: 20px; - font-size: 12px; - color: #909399; - line-height: 30px; } - .el-select-group .el-select-dropdown__item { - padding-left: 20px; } - -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: .3s background-color; - transition: .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: #409EFF; } - .el-select .el-input .el-select__caret { - color: #C0C4CC; - font-size: 14px; - -webkit-transition: -webkit-transform .3s; - transition: -webkit-transform .3s; - transition: transform .3s; - transition: transform .3s, -webkit-transform .3s; - -webkit-transform: rotateZ(180deg); - transform: rotateZ(180deg); - cursor: pointer; } - .el-select .el-input .el-select__caret.is-reverse { - -webkit-transform: rotateZ(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: #E4E7ED; } - .el-select .el-input.is-focus .el-input__inner { - border-color: #409EFF; } - .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 .el-tag__close { - margin-top: -2px; } - .el-select .el-tag { - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-color: transparent; - margin: 2px 0 2px 6px; - background-color: #f0f2f5; } - .el-select .el-tag__close.el-icon-close { - background-color: #C0C4CC; - right: -7px; - top: 0; - color: #FFFFFF; } - .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: #409EFF; } - .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: #409EFF; } - .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: #409EFF; } - .el-pagination.is-background .el-pager li:not(.disabled).active { - background-color: #409EFF; - 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: #409EFF; } - .el-pager li.active { - color: #409EFF; - cursor: default; } diff --git a/images/orange-demo-activiti-web/src/assets/theme/popconfirm.css b/images/orange-demo-activiti-web/src/assets/theme/popconfirm.css deleted file mode 100644 index 709445cd..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/popconfirm.css +++ /dev/null @@ -1,264 +0,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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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; } diff --git a/images/orange-demo-activiti-web/src/assets/theme/popover.css b/images/orange-demo-activiti-web/src/assets/theme/popover.css deleted file mode 100644 index 75610a0a..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/popover.css +++ /dev/null @@ -1,605 +0,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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #EBEEF5; - 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: #EBEEF5; } - .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: #EBEEF5; - 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: #EBEEF5; } - .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 #EBEEF5; - padding: 12px; - z-index: 2000; - color: #606266; - line-height: 1.4; - text-align: justify; - font-size: 14px; - -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 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; } diff --git a/images/orange-demo-activiti-web/src/assets/theme/popper.css b/images/orange-demo-activiti-web/src/assets/theme/popper.css deleted file mode 100644 index 52a7e32f..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/popper.css +++ /dev/null @@ -1,328 +0,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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #EBEEF5; - 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: #EBEEF5; } - .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: #EBEEF5; - 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: #EBEEF5; } - .el-popper[x-placement^="left"] .popper__arrow::after { - right: 1px; - bottom: -6px; - margin-left: -6px; - border-right-width: 0; - border-left-color: #FFFFFF; } diff --git a/images/orange-demo-activiti-web/src/assets/theme/progress.css b/images/orange-demo-activiti-web/src/assets/theme/progress.css deleted file mode 100644 index 18649262..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/progress.css +++ /dev/null @@ -1,349 +0,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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #67C23A; } - .el-progress.is-success .el-progress__text { - color: #67C23A; } - .el-progress.is-warning .el-progress-bar__inner { - background-color: #E6A23C; } - .el-progress.is-warning .el-progress__text { - color: #E6A23C; } - .el-progress.is-exception .el-progress-bar__inner { - background-color: #F56C6C; } - .el-progress.is-exception .el-progress__text { - color: #F56C6C; } - -.el-progress-bar { - padding-right: 50px; - display: inline-block; - vertical-align: middle; - width: 100%; - margin-right: -55px; - -webkit-box-sizing: border-box; - box-sizing: border-box; } - .el-progress-bar__outer { - height: 6px; - border-radius: 100px; - background-color: #EBEEF5; - overflow: hidden; - position: relative; - vertical-align: middle; } - .el-progress-bar__inner { - position: absolute; - left: 0; - top: 0; - height: 100%; - background-color: #409EFF; - 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; } } diff --git a/images/orange-demo-activiti-web/src/assets/theme/radio-button.css b/images/orange-demo-activiti-web/src/assets/theme/radio-button.css deleted file mode 100644 index 26afe478..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/radio-button.css +++ /dev/null @@ -1,458 +0,0 @@ -@charset "UTF-8"; -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: 500; - 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: #409EFF; } - .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: #409EFF; - border-color: #409EFF; - -webkit-box-shadow: -1px 0 0 0 #409EFF; - box-shadow: -1px 0 0 0 #409EFF; } - .el-radio-button__orig-radio:disabled + .el-radio-button__inner { - color: #C0C4CC; - cursor: not-allowed; - background-image: none; - background-color: #FFFFFF; - border-color: #EBEEF5; - -webkit-box-shadow: none; - box-shadow: none; } - .el-radio-button__orig-radio:disabled:checked + .el-radio-button__inner { - background-color: #F2F6FC; } - .el-radio-button:last-child .el-radio-button__inner { - border-radius: 0 4px 4px 0; } - .el-radio-button:first-child:last-child .el-radio-button__inner { - border-radius: 4px; } - .el-radio-button--medium .el-radio-button__inner { - padding: 10px 20px; - font-size: 14px; - border-radius: 0; } - .el-radio-button--medium .el-radio-button__inner.is-round { - padding: 10px 20px; } - .el-radio-button--small .el-radio-button__inner { - padding: 9px 15px; - font-size: 12px; - border-radius: 0; } - .el-radio-button--small .el-radio-button__inner.is-round { - padding: 9px 15px; } - .el-radio-button--mini .el-radio-button__inner { - padding: 7px 15px; - font-size: 12px; - border-radius: 0; } - .el-radio-button--mini .el-radio-button__inner.is-round { - padding: 7px 15px; } - .el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled) { - /*获得焦点时 样式提醒*/ - -webkit-box-shadow: 0 0 2px 2px #409EFF; - box-shadow: 0 0 2px 2px #409EFF; } diff --git a/images/orange-demo-activiti-web/src/assets/theme/radio-group.css b/images/orange-demo-activiti-web/src/assets/theme/radio-group.css deleted file mode 100644 index f492eac0..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/radio-group.css +++ /dev/null @@ -1,255 +0,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 ---------------------------*/ -/* 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 ---------------------------*/ -/* Break-point ---------------------------*/ -.el-radio-group { - display: inline-block; - line-height: 1; - vertical-align: middle; - font-size: 0; } diff --git a/images/orange-demo-activiti-web/src/assets/theme/radio.css b/images/orange-demo-activiti-web/src/assets/theme/radio.css deleted file mode 100644 index 06fa228c..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/radio.css +++ /dev/null @@ -1,509 +0,0 @@ -@charset "UTF-8"; -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #409EFF; } - .el-radio.is-bordered.is-disabled { - cursor: not-allowed; - border-color: #EBEEF5; } - .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: #E4E7ED; - 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: #E4E7ED; } - .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: #409EFF; - background: #409EFF; } - .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: #409EFF; } - .el-radio__input.is-focus .el-radio__inner { - border-color: #409EFF; } - .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: #409EFF; } - .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 .15s ease-in; - transition: -webkit-transform .15s ease-in; - transition: transform .15s ease-in; - transition: transform .15s ease-in, -webkit-transform .15s ease-in; } - .el-radio__original { - opacity: 0; - outline: 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 #409EFF; - box-shadow: 0 0 2px 2px #409EFF; } - .el-radio__label { - font-size: 14px; - padding-left: 10px; } diff --git a/images/orange-demo-activiti-web/src/assets/theme/rate.css b/images/orange-demo-activiti-web/src/assets/theme/rate.css deleted file mode 100644 index 8129949b..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/rate.css +++ /dev/null @@ -1,284 +0,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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: .3s; - transition: .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; } diff --git a/images/orange-demo-activiti-web/src/assets/theme/reset.css b/images/orange-demo-activiti-web/src/assets/theme/reset.css deleted file mode 100644 index e3e1b15f..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/reset.css +++ /dev/null @@ -1,174 +0,0 @@ -@charset "UTF-8"; -/* Element Chalk Variables */ -/* Transition --------------------------- */ -/* Color --------------------------- */ -/* 53a8ff */ -/* 66b1ff */ -/* 79bbff */ -/* 8cc5ff */ -/* a0cfff */ -/* b3d8ff */ -/* c6e2ff */ -/* d9ecff */ -/* ecf5ff */ -/* Link --------------------------- */ -/* Border --------------------------- */ -/* Fill --------------------------- */ -/* Typography --------------------------- */ -/* Size --------------------------- */ -/* z-index --------------------------- */ -/* Disable base --------------------------- */ -/* Icon --------------------------- */ -/* Checkbox --------------------------- */ -/* Radio --------------------------- */ -/* Select --------------------------- */ -/* Alert --------------------------- */ -/* MessageBox --------------------------- */ -/* Message --------------------------- */ -/* Notification --------------------------- */ -/* Input --------------------------- */ -/* Cascader --------------------------- */ -/* Group --------------------------- */ -/* Tab --------------------------- */ -/* Button --------------------------- */ -/* cascader --------------------------- */ -/* Switch --------------------------- */ -/* Dialog --------------------------- */ -/* Table --------------------------- */ -/* Pagination --------------------------- */ -/* Popup --------------------------- */ -/* Popover --------------------------- */ -/* Tooltip --------------------------- */ -/* Tag --------------------------- */ -/* Tree --------------------------- */ -/* Dropdown --------------------------- */ -/* Badge --------------------------- */ -/* Card ---------------------------*/ -/* Slider ---------------------------*/ -/* Steps ---------------------------*/ -/* Menu ---------------------------*/ -/* Rate ---------------------------*/ -/* DatePicker ---------------------------*/ -/* Loading ---------------------------*/ -/* Scrollbar ---------------------------*/ -/* Carousel ---------------------------*/ -/* Collapse ---------------------------*/ -/* Transfer ---------------------------*/ -/* Header - --------------------------*/ -/* Footer ---------------------------*/ -/* Main ---------------------------*/ -/* Timeline ---------------------------*/ -/* Backtop ---------------------------*/ -/* Link ---------------------------*/ -/* Calendar ---------------------------*/ -/* Form --------------------------- */ -/* Avatar ---------------------------*/ -/* Break-point ---------------------------*/ -body { - font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif; - font-weight: 400; - font-size: 14px; - color: #000000; - -webkit-font-smoothing: antialiased; } - -a { - color: #409EFF; - text-decoration: none; } - a:hover, a:focus { - color: #66b1ff; } - a:active { - color: #3a8ee6; } - -h1, h2, h3, h4, h5, h6 { - color: #606266; - font-weight: inherit; } - h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { - margin-top: 0; } - h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child { - margin-bottom: 0; } - -h1 { - font-size: 20px; } - -h2 { - font-size: 18px; } - -h3 { - font-size: 16px; } - -h4, h5, h6, p { - font-size: inherit; } - -p { - line-height: 1.8; } - p:first-child { - margin-top: 0; } - p:last-child { - margin-bottom: 0; } - -sup, sub { - font-size: 13px; } - -small { - font-size: 12px; } - -hr { - margin-top: 20px; - margin-bottom: 20px; - border: 0; - border-top: 1px solid #eeeeee; } diff --git a/images/orange-demo-activiti-web/src/assets/theme/row.css b/images/orange-demo-activiti-web/src/assets/theme/row.css deleted file mode 100644 index 6818788b..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/row.css +++ /dev/null @@ -1,289 +0,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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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-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; } diff --git a/images/orange-demo-activiti-web/src/assets/theme/scrollbar.css b/images/orange-demo-activiti-web/src/assets/theme/scrollbar.css deleted file mode 100644 index f73b67ef..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/scrollbar.css +++ /dev/null @@ -1,296 +0,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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: .3s background-color; - transition: .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%; } diff --git a/images/orange-demo-activiti-web/src/assets/theme/select-dropdown.css b/images/orange-demo-activiti-web/src/assets/theme/select-dropdown.css deleted file mode 100644 index 50a907da..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/select-dropdown.css +++ /dev/null @@ -1,623 +0,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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #EBEEF5; - 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: #EBEEF5; } - .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: #EBEEF5; - 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: #EBEEF5; } - .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 #E4E7ED; - 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.selected { - color: #409EFF; - 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; } diff --git a/images/orange-demo-activiti-web/src/assets/theme/select.css b/images/orange-demo-activiti-web/src/assets/theme/select.css deleted file mode 100644 index 58a426d7..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/select.css +++ /dev/null @@ -1,2825 +0,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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #EBEEF5; - 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: #EBEEF5; } - .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: #EBEEF5; - 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: #EBEEF5; } - .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 #E4E7ED; - 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.selected { - color: #409EFF; - 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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::placeholder { - color: #C0C4CC; } - .el-textarea__inner:hover { - border-color: #C0C4CC; } - .el-textarea__inner:focus { - outline: none; - border-color: #409EFF; } - .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: #E4E7ED; - color: #C0C4CC; - cursor: not-allowed; } - .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { - color: #C0C4CC; } - .el-textarea.is-disabled .el-textarea__inner::-moz-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: #F56C6C; } - .el-textarea.is-exceed .el-input__count { - color: #F56C6C; } - -.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::-webkit-input-placeholder { - color: #C0C4CC; } - .el-input__inner::-moz-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: #409EFF; } - .el-input__suffix { - position: absolute; - height: 100%; - right: 5px; - top: 0; - text-align: center; - color: #C0C4CC; - -webkit-transition: all .3s; - transition: all .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 .3s; - transition: all .3s; } - .el-input__icon { - height: 100%; - width: 25px; - text-align: center; - -webkit-transition: all .3s; - transition: all .3s; - line-height: 40px; } - .el-input__icon:after { - content: ''; - height: 100%; - width: 0; - display: inline-block; - vertical-align: middle; } - .el-input__validateIcon { - pointer-events: none; } - .el-input.is-active .el-input__inner { - outline: none; - border-color: #409EFF; } - .el-input.is-disabled .el-input__inner { - background-color: #F5F7FA; - border-color: #E4E7ED; - color: #C0C4CC; - cursor: not-allowed; } - .el-input.is-disabled .el-input__inner::-webkit-input-placeholder { - color: #C0C4CC; } - .el-input.is-disabled .el-input__inner::-moz-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: #F56C6C; } - .el-input.is-exceed .el-input__suffix .el-input__count { - color: #F56C6C; } - .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* Break-point ---------------------------*/ -.el-tag { - background-color: #ecf5ff; - border-color: #d9ecff; - color: #409eff; - display: inline-block; - height: 32px; - padding: 0 10px; - line-height: 30px; - font-size: 12px; - color: #409EFF; - 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: #409EFF; } - .el-tag .el-tag__close { - color: #409eff; } - .el-tag .el-tag__close:hover { - color: #FFFFFF; - background-color: #409eff; } - .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: #f0f9eb; - border-color: #e1f3d8; - color: #67c23a; } - .el-tag.el-tag--success.is-hit { - border-color: #67C23A; } - .el-tag.el-tag--success .el-tag__close { - color: #67c23a; } - .el-tag.el-tag--success .el-tag__close:hover { - color: #FFFFFF; - background-color: #67c23a; } - .el-tag.el-tag--warning { - background-color: #fdf6ec; - border-color: #faecd8; - color: #e6a23c; } - .el-tag.el-tag--warning.is-hit { - border-color: #E6A23C; } - .el-tag.el-tag--warning .el-tag__close { - color: #e6a23c; } - .el-tag.el-tag--warning .el-tag__close:hover { - color: #FFFFFF; - background-color: #e6a23c; } - .el-tag.el-tag--danger { - background-color: #fef0f0; - border-color: #fde2e2; - color: #f56c6c; } - .el-tag.el-tag--danger.is-hit { - border-color: #F56C6C; } - .el-tag.el-tag--danger .el-tag__close { - color: #f56c6c; } - .el-tag.el-tag--danger .el-tag__close:hover { - color: #FFFFFF; - background-color: #f56c6c; } - .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: #409eff; - border-color: #409eff; - color: white; } - .el-tag--dark.is-hit { - border-color: #409EFF; } - .el-tag--dark .el-tag__close { - color: white; } - .el-tag--dark .el-tag__close:hover { - color: #FFFFFF; - background-color: #66b1ff; } - .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: #67c23a; - border-color: #67c23a; - color: white; } - .el-tag--dark.el-tag--success.is-hit { - border-color: #67C23A; } - .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: #85ce61; } - .el-tag--dark.el-tag--warning { - background-color: #e6a23c; - border-color: #e6a23c; - color: white; } - .el-tag--dark.el-tag--warning.is-hit { - border-color: #E6A23C; } - .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: #ebb563; } - .el-tag--dark.el-tag--danger { - background-color: #f56c6c; - border-color: #f56c6c; - color: white; } - .el-tag--dark.el-tag--danger.is-hit { - border-color: #F56C6C; } - .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: #f78989; } - .el-tag--plain { - background-color: white; - border-color: #b3d8ff; - color: #409eff; } - .el-tag--plain.is-hit { - border-color: #409EFF; } - .el-tag--plain .el-tag__close { - color: #409eff; } - .el-tag--plain .el-tag__close:hover { - color: #FFFFFF; - background-color: #409eff; } - .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: #c2e7b0; - color: #67c23a; } - .el-tag--plain.el-tag--success.is-hit { - border-color: #67C23A; } - .el-tag--plain.el-tag--success .el-tag__close { - color: #67c23a; } - .el-tag--plain.el-tag--success .el-tag__close:hover { - color: #FFFFFF; - background-color: #67c23a; } - .el-tag--plain.el-tag--warning { - background-color: white; - border-color: #f5dab1; - color: #e6a23c; } - .el-tag--plain.el-tag--warning.is-hit { - border-color: #E6A23C; } - .el-tag--plain.el-tag--warning .el-tag__close { - color: #e6a23c; } - .el-tag--plain.el-tag--warning .el-tag__close:hover { - color: #FFFFFF; - background-color: #e6a23c; } - .el-tag--plain.el-tag--danger { - background-color: white; - border-color: #fbc4c4; - color: #f56c6c; } - .el-tag--plain.el-tag--danger.is-hit { - border-color: #F56C6C; } - .el-tag--plain.el-tag--danger .el-tag__close { - color: #f56c6c; } - .el-tag--plain.el-tag--danger .el-tag__close:hover { - color: #FFFFFF; - background-color: #f56c6c; } - .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #409EFF; - 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #E4E7ED; } - .el-select-group__title { - padding-left: 20px; - font-size: 12px; - color: #909399; - line-height: 30px; } - .el-select-group .el-select-dropdown__item { - padding-left: 20px; } - -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: .3s background-color; - transition: .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: #409EFF; } - .el-select .el-input .el-select__caret { - color: #C0C4CC; - font-size: 14px; - -webkit-transition: -webkit-transform .3s; - transition: -webkit-transform .3s; - transition: transform .3s; - transition: transform .3s, -webkit-transform .3s; - -webkit-transform: rotateZ(180deg); - transform: rotateZ(180deg); - cursor: pointer; } - .el-select .el-input .el-select__caret.is-reverse { - -webkit-transform: rotateZ(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: #E4E7ED; } - .el-select .el-input.is-focus .el-input__inner { - border-color: #409EFF; } - .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 .el-tag__close { - margin-top: -2px; } - .el-select .el-tag { - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-color: transparent; - margin: 2px 0 2px 6px; - background-color: #f0f2f5; } - .el-select .el-tag__close.el-icon-close { - background-color: #C0C4CC; - right: -7px; - top: 0; - color: #FFFFFF; } - .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); } diff --git a/images/orange-demo-activiti-web/src/assets/theme/slider.css b/images/orange-demo-activiti-web/src/assets/theme/slider.css deleted file mode 100644 index 2f30e55a..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/slider.css +++ /dev/null @@ -1,1677 +0,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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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::placeholder { - color: #C0C4CC; } - .el-textarea__inner:hover { - border-color: #C0C4CC; } - .el-textarea__inner:focus { - outline: none; - border-color: #409EFF; } - .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: #E4E7ED; - color: #C0C4CC; - cursor: not-allowed; } - .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { - color: #C0C4CC; } - .el-textarea.is-disabled .el-textarea__inner::-moz-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: #F56C6C; } - .el-textarea.is-exceed .el-input__count { - color: #F56C6C; } - -.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::-webkit-input-placeholder { - color: #C0C4CC; } - .el-input__inner::-moz-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: #409EFF; } - .el-input__suffix { - position: absolute; - height: 100%; - right: 5px; - top: 0; - text-align: center; - color: #C0C4CC; - -webkit-transition: all .3s; - transition: all .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 .3s; - transition: all .3s; } - .el-input__icon { - height: 100%; - width: 25px; - text-align: center; - -webkit-transition: all .3s; - transition: all .3s; - line-height: 40px; } - .el-input__icon:after { - content: ''; - height: 100%; - width: 0; - display: inline-block; - vertical-align: middle; } - .el-input__validateIcon { - pointer-events: none; } - .el-input.is-active .el-input__inner { - outline: none; - border-color: #409EFF; } - .el-input.is-disabled .el-input__inner { - background-color: #F5F7FA; - border-color: #E4E7ED; - color: #C0C4CC; - cursor: not-allowed; } - .el-input.is-disabled .el-input__inner::-webkit-input-placeholder { - color: #C0C4CC; } - .el-input.is-disabled .el-input__inner::-moz-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: #F56C6C; } - .el-input.is-exceed .el-input__suffix .el-input__count { - color: #F56C6C; } - .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: #409EFF; } - .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: #409EFF; } - .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: #E4E7ED; - color: #E4E7ED; } - .el-input-number.is-disabled .el-input-number__increase:hover, .el-input-number.is-disabled .el-input-number__decrease:hover { - color: #E4E7ED; - 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #E4E7ED; - border-radius: 3px; - position: relative; - cursor: pointer; - vertical-align: middle; } - .el-slider__runway.show-input { - margin-right: 160px; - width: auto; } - .el-slider__runway.disabled { - cursor: default; } - .el-slider__runway.disabled .el-slider__bar { - background-color: #C0C4CC; } - .el-slider__runway.disabled .el-slider__button { - border-color: #C0C4CC; } - .el-slider__runway.disabled .el-slider__button-wrapper: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: #409EFF; - 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 #409EFF; - background-color: #FFFFFF; - border-radius: 50%; - -webkit-transition: .2s; - transition: .2s; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - .el-slider__button: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: #409EFF; } - .el-slider.is-vertical .el-slider__marks-text { - margin-top: 0; - left: 15px; - -webkit-transform: translateY(50%); - transform: translateY(50%); } diff --git a/images/orange-demo-activiti-web/src/assets/theme/spinner.css b/images/orange-demo-activiti-web/src/assets/theme/spinner.css deleted file mode 100644 index c8567104..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/spinner.css +++ /dev/null @@ -1,180 +0,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 ---------------------------*/ -/* 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; } } diff --git a/images/orange-demo-activiti-web/src/assets/theme/step.css b/images/orange-demo-activiti-web/src/assets/theme/step.css deleted file mode 100644 index c154e2f4..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/step.css +++ /dev/null @@ -1,485 +0,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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #67C23A; - border-color: #67C23A; } - .el-step__head.is-error { - color: #F56C6C; - border-color: #F56C6C; } - .el-step__head.is-finish { - color: #409EFF; - border-color: #409EFF; } - .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: .15s ease-out; - transition: .15s ease-out; } - .el-step__icon.is-text { - border-radius: 50%; - border: 2px solid; - border-color: inherit; } - .el-step__icon.is-icon { - width: 40px; } - .el-step__icon-inner { - display: inline-block; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - text-align: center; - font-weight: 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: .15s ease-out; - transition: .15s ease-out; - -webkit-box-sizing: border-box; - box-sizing: border-box; - width: 0; - height: 0; } - .el-step__main { - white-space: normal; - text-align: left; } - .el-step__title { - font-size: 16px; - line-height: 38px; } - .el-step__title.is-process { - font-weight: bold; - color: #303133; } - .el-step__title.is-wait { - color: #C0C4CC; } - .el-step__title.is-success { - color: #67C23A; } - .el-step__title.is-error { - color: #F56C6C; } - .el-step__title.is-finish { - color: #409EFF; } - .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: #67C23A; } - .el-step__description.is-error { - color: #F56C6C; } - .el-step__description.is-finish { - color: #409EFF; } - .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; } diff --git a/images/orange-demo-activiti-web/src/assets/theme/steps.css b/images/orange-demo-activiti-web/src/assets/theme/steps.css deleted file mode 100644 index 85c0bb55..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/steps.css +++ /dev/null @@ -1,146 +0,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 ---------------------------*/ -/* 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; } diff --git a/images/orange-demo-activiti-web/src/assets/theme/submenu.css b/images/orange-demo-activiti-web/src/assets/theme/submenu.css deleted file mode 100644 index e69de29b..00000000 diff --git a/images/orange-demo-activiti-web/src/assets/theme/switch.css b/images/orange-demo-activiti-web/src/assets/theme/switch.css deleted file mode 100644 index e52e42d5..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/switch.css +++ /dev/null @@ -1,333 +0,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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: .2s; - transition: .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: #409EFF; } - .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 .3s, background-color .3s; - transition: border-color .3s, background-color .3s; - vertical-align: middle; } - .el-switch__core:after { - content: ""; - position: absolute; - top: 1px; - left: 1px; - border-radius: 100%; - -webkit-transition: all .3s; - transition: all .3s; - width: 16px; - height: 16px; - background-color: #FFFFFF; } - .el-switch.is-checked .el-switch__core { - border-color: #409EFF; - background-color: #409EFF; } - .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; } diff --git a/images/orange-demo-activiti-web/src/assets/theme/tab-pane.css b/images/orange-demo-activiti-web/src/assets/theme/tab-pane.css deleted file mode 100644 index e69de29b..00000000 diff --git a/images/orange-demo-activiti-web/src/assets/theme/table-column.css b/images/orange-demo-activiti-web/src/assets/theme/table-column.css deleted file mode 100644 index de08606c..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/table-column.css +++ /dev/null @@ -1,1410 +0,0 @@ -@charset "UTF-8"; -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #409EFF; } - .el-checkbox.is-bordered.is-disabled { - border-color: #EBEEF5; - cursor: not-allowed; } - .el-checkbox.is-bordered + .el-checkbox.is-bordered { - margin-left: 10px; } - .el-checkbox.is-bordered.el-checkbox--medium { - padding: 7px 20px 7px 10px; - border-radius: 4px; - height: 36px; } - .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label { - line-height: 17px; - font-size: 14px; } - .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner { - height: 14px; - width: 14px; } - .el-checkbox.is-bordered.el-checkbox--small { - padding: 5px 15px 5px 10px; - border-radius: 3px; - height: 32px; } - .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label { - line-height: 15px; - font-size: 12px; } - .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner { - height: 12px; - width: 12px; } - .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after { - height: 6px; - width: 2px; } - .el-checkbox.is-bordered.el-checkbox--mini { - padding: 3px 15px 3px 10px; - border-radius: 3px; - height: 28px; } - .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label { - line-height: 12px; - font-size: 12px; } - .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner { - height: 12px; - width: 12px; } - .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after { - height: 6px; - width: 2px; } - .el-checkbox__input { - white-space: nowrap; - cursor: pointer; - outline: 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: #409EFF; - border-color: #409EFF; } - .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: #409EFF; } - .el-checkbox__input.is-focus { - /*focus时 视觉上区分*/ } - .el-checkbox__input.is-focus .el-checkbox__inner { - border-color: #409EFF; } - .el-checkbox__input.is-indeterminate .el-checkbox__inner { - background-color: #409EFF; - border-color: #409EFF; } - .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: #409EFF; } - .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 .15s ease-in .05s; - transition: -webkit-transform .15s ease-in .05s; - transition: transform .15s ease-in .05s; - transition: transform .15s ease-in .05s, -webkit-transform .15s ease-in .05s; - -webkit-transform-origin: center; - transform-origin: center; } - .el-checkbox__original { - opacity: 0; - outline: 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: #409EFF; } - .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: #409EFF; - border-color: #409EFF; - -webkit-box-shadow: -1px 0 0 0 #8cc5ff; - box-shadow: -1px 0 0 0 #8cc5ff; } - .el-checkbox-button.is-checked:first-child .el-checkbox-button__inner { - border-left-color: #409EFF; } - .el-checkbox-button.is-disabled .el-checkbox-button__inner { - color: #C0C4CC; - cursor: not-allowed; - background-image: none; - background-color: #FFFFFF; - border-color: #EBEEF5; - -webkit-box-shadow: none; - box-shadow: none; } - .el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner { - border-left-color: #EBEEF5; } - .el-checkbox-button:first-child .el-checkbox-button__inner { - border-left: 1px solid #DCDFE6; - border-radius: 4px 0 0 4px; - -webkit-box-shadow: none !important; - box-shadow: none !important; } - .el-checkbox-button.is-focus .el-checkbox-button__inner { - border-color: #409EFF; } - .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* Break-point ---------------------------*/ -.el-tag { - background-color: #ecf5ff; - border-color: #d9ecff; - color: #409eff; - display: inline-block; - height: 32px; - padding: 0 10px; - line-height: 30px; - font-size: 12px; - color: #409EFF; - 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: #409EFF; } - .el-tag .el-tag__close { - color: #409eff; } - .el-tag .el-tag__close:hover { - color: #FFFFFF; - background-color: #409eff; } - .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: #f0f9eb; - border-color: #e1f3d8; - color: #67c23a; } - .el-tag.el-tag--success.is-hit { - border-color: #67C23A; } - .el-tag.el-tag--success .el-tag__close { - color: #67c23a; } - .el-tag.el-tag--success .el-tag__close:hover { - color: #FFFFFF; - background-color: #67c23a; } - .el-tag.el-tag--warning { - background-color: #fdf6ec; - border-color: #faecd8; - color: #e6a23c; } - .el-tag.el-tag--warning.is-hit { - border-color: #E6A23C; } - .el-tag.el-tag--warning .el-tag__close { - color: #e6a23c; } - .el-tag.el-tag--warning .el-tag__close:hover { - color: #FFFFFF; - background-color: #e6a23c; } - .el-tag.el-tag--danger { - background-color: #fef0f0; - border-color: #fde2e2; - color: #f56c6c; } - .el-tag.el-tag--danger.is-hit { - border-color: #F56C6C; } - .el-tag.el-tag--danger .el-tag__close { - color: #f56c6c; } - .el-tag.el-tag--danger .el-tag__close:hover { - color: #FFFFFF; - background-color: #f56c6c; } - .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: #409eff; - border-color: #409eff; - color: white; } - .el-tag--dark.is-hit { - border-color: #409EFF; } - .el-tag--dark .el-tag__close { - color: white; } - .el-tag--dark .el-tag__close:hover { - color: #FFFFFF; - background-color: #66b1ff; } - .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: #67c23a; - border-color: #67c23a; - color: white; } - .el-tag--dark.el-tag--success.is-hit { - border-color: #67C23A; } - .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: #85ce61; } - .el-tag--dark.el-tag--warning { - background-color: #e6a23c; - border-color: #e6a23c; - color: white; } - .el-tag--dark.el-tag--warning.is-hit { - border-color: #E6A23C; } - .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: #ebb563; } - .el-tag--dark.el-tag--danger { - background-color: #f56c6c; - border-color: #f56c6c; - color: white; } - .el-tag--dark.el-tag--danger.is-hit { - border-color: #F56C6C; } - .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: #f78989; } - .el-tag--plain { - background-color: white; - border-color: #b3d8ff; - color: #409eff; } - .el-tag--plain.is-hit { - border-color: #409EFF; } - .el-tag--plain .el-tag__close { - color: #409eff; } - .el-tag--plain .el-tag__close:hover { - color: #FFFFFF; - background-color: #409eff; } - .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: #c2e7b0; - color: #67c23a; } - .el-tag--plain.el-tag--success.is-hit { - border-color: #67C23A; } - .el-tag--plain.el-tag--success .el-tag__close { - color: #67c23a; } - .el-tag--plain.el-tag--success .el-tag__close:hover { - color: #FFFFFF; - background-color: #67c23a; } - .el-tag--plain.el-tag--warning { - background-color: white; - border-color: #f5dab1; - color: #e6a23c; } - .el-tag--plain.el-tag--warning.is-hit { - border-color: #E6A23C; } - .el-tag--plain.el-tag--warning .el-tag__close { - color: #e6a23c; } - .el-tag--plain.el-tag--warning .el-tag__close:hover { - color: #FFFFFF; - background-color: #e6a23c; } - .el-tag--plain.el-tag--danger { - background-color: white; - border-color: #fbc4c4; - color: #f56c6c; } - .el-tag--plain.el-tag--danger.is-hit { - border-color: #F56C6C; } - .el-tag--plain.el-tag--danger .el-tag__close { - color: #f56c6c; } - .el-tag--plain.el-tag--danger .el-tag__close:hover { - color: #FFFFFF; - background-color: #f56c6c; } - .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 ---------------------------*/ -/* Break-point ---------------------------*/ -.el-table-column--selection .cell { - padding-left: 14px; - padding-right: 14px; } - -.el-table-filter { - border: solid 1px #EBEEF5; - 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: #ecf5ff; - color: #66b1ff; } - .el-table-filter__list-item.is-active { - background-color: #409EFF; - color: #FFFFFF; } - .el-table-filter__content { - min-width: 100px; } - .el-table-filter__bottom { - border-top: 1px solid #EBEEF5; - 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: #409EFF; } - .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; } diff --git a/images/orange-demo-activiti-web/src/assets/theme/table.css b/images/orange-demo-activiti-web/src/assets/theme/table.css deleted file mode 100644 index 71ca3219..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/table.css +++ /dev/null @@ -1,2047 +0,0 @@ -@charset "UTF-8"; -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #409EFF; } - .el-checkbox.is-bordered.is-disabled { - border-color: #EBEEF5; - cursor: not-allowed; } - .el-checkbox.is-bordered + .el-checkbox.is-bordered { - margin-left: 10px; } - .el-checkbox.is-bordered.el-checkbox--medium { - padding: 7px 20px 7px 10px; - border-radius: 4px; - height: 36px; } - .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label { - line-height: 17px; - font-size: 14px; } - .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner { - height: 14px; - width: 14px; } - .el-checkbox.is-bordered.el-checkbox--small { - padding: 5px 15px 5px 10px; - border-radius: 3px; - height: 32px; } - .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label { - line-height: 15px; - font-size: 12px; } - .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner { - height: 12px; - width: 12px; } - .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after { - height: 6px; - width: 2px; } - .el-checkbox.is-bordered.el-checkbox--mini { - padding: 3px 15px 3px 10px; - border-radius: 3px; - height: 28px; } - .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label { - line-height: 12px; - font-size: 12px; } - .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner { - height: 12px; - width: 12px; } - .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after { - height: 6px; - width: 2px; } - .el-checkbox__input { - white-space: nowrap; - cursor: pointer; - outline: 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: #409EFF; - border-color: #409EFF; } - .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: #409EFF; } - .el-checkbox__input.is-focus { - /*focus时 视觉上区分*/ } - .el-checkbox__input.is-focus .el-checkbox__inner { - border-color: #409EFF; } - .el-checkbox__input.is-indeterminate .el-checkbox__inner { - background-color: #409EFF; - border-color: #409EFF; } - .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: #409EFF; } - .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 .15s ease-in .05s; - transition: -webkit-transform .15s ease-in .05s; - transition: transform .15s ease-in .05s; - transition: transform .15s ease-in .05s, -webkit-transform .15s ease-in .05s; - -webkit-transform-origin: center; - transform-origin: center; } - .el-checkbox__original { - opacity: 0; - outline: 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: #409EFF; } - .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: #409EFF; - border-color: #409EFF; - -webkit-box-shadow: -1px 0 0 0 #8cc5ff; - box-shadow: -1px 0 0 0 #8cc5ff; } - .el-checkbox-button.is-checked:first-child .el-checkbox-button__inner { - border-left-color: #409EFF; } - .el-checkbox-button.is-disabled .el-checkbox-button__inner { - color: #C0C4CC; - cursor: not-allowed; - background-image: none; - background-color: #FFFFFF; - border-color: #EBEEF5; - -webkit-box-shadow: none; - box-shadow: none; } - .el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner { - border-left-color: #EBEEF5; } - .el-checkbox-button:first-child .el-checkbox-button__inner { - border-left: 1px solid #DCDFE6; - border-radius: 4px 0 0 4px; - -webkit-box-shadow: none !important; - box-shadow: none !important; } - .el-checkbox-button.is-focus .el-checkbox-button__inner { - border-color: #409EFF; } - .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* Break-point ---------------------------*/ -.el-tag { - background-color: #ecf5ff; - border-color: #d9ecff; - color: #409eff; - display: inline-block; - height: 32px; - padding: 0 10px; - line-height: 30px; - font-size: 12px; - color: #409EFF; - 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: #409EFF; } - .el-tag .el-tag__close { - color: #409eff; } - .el-tag .el-tag__close:hover { - color: #FFFFFF; - background-color: #409eff; } - .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: #f0f9eb; - border-color: #e1f3d8; - color: #67c23a; } - .el-tag.el-tag--success.is-hit { - border-color: #67C23A; } - .el-tag.el-tag--success .el-tag__close { - color: #67c23a; } - .el-tag.el-tag--success .el-tag__close:hover { - color: #FFFFFF; - background-color: #67c23a; } - .el-tag.el-tag--warning { - background-color: #fdf6ec; - border-color: #faecd8; - color: #e6a23c; } - .el-tag.el-tag--warning.is-hit { - border-color: #E6A23C; } - .el-tag.el-tag--warning .el-tag__close { - color: #e6a23c; } - .el-tag.el-tag--warning .el-tag__close:hover { - color: #FFFFFF; - background-color: #e6a23c; } - .el-tag.el-tag--danger { - background-color: #fef0f0; - border-color: #fde2e2; - color: #f56c6c; } - .el-tag.el-tag--danger.is-hit { - border-color: #F56C6C; } - .el-tag.el-tag--danger .el-tag__close { - color: #f56c6c; } - .el-tag.el-tag--danger .el-tag__close:hover { - color: #FFFFFF; - background-color: #f56c6c; } - .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: #409eff; - border-color: #409eff; - color: white; } - .el-tag--dark.is-hit { - border-color: #409EFF; } - .el-tag--dark .el-tag__close { - color: white; } - .el-tag--dark .el-tag__close:hover { - color: #FFFFFF; - background-color: #66b1ff; } - .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: #67c23a; - border-color: #67c23a; - color: white; } - .el-tag--dark.el-tag--success.is-hit { - border-color: #67C23A; } - .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: #85ce61; } - .el-tag--dark.el-tag--warning { - background-color: #e6a23c; - border-color: #e6a23c; - color: white; } - .el-tag--dark.el-tag--warning.is-hit { - border-color: #E6A23C; } - .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: #ebb563; } - .el-tag--dark.el-tag--danger { - background-color: #f56c6c; - border-color: #f56c6c; - color: white; } - .el-tag--dark.el-tag--danger.is-hit { - border-color: #F56C6C; } - .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: #f78989; } - .el-tag--plain { - background-color: white; - border-color: #b3d8ff; - color: #409eff; } - .el-tag--plain.is-hit { - border-color: #409EFF; } - .el-tag--plain .el-tag__close { - color: #409eff; } - .el-tag--plain .el-tag__close:hover { - color: #FFFFFF; - background-color: #409eff; } - .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: #c2e7b0; - color: #67c23a; } - .el-tag--plain.el-tag--success.is-hit { - border-color: #67C23A; } - .el-tag--plain.el-tag--success .el-tag__close { - color: #67c23a; } - .el-tag--plain.el-tag--success .el-tag__close:hover { - color: #FFFFFF; - background-color: #67c23a; } - .el-tag--plain.el-tag--warning { - background-color: white; - border-color: #f5dab1; - color: #e6a23c; } - .el-tag--plain.el-tag--warning.is-hit { - border-color: #E6A23C; } - .el-tag--plain.el-tag--warning .el-tag__close { - color: #e6a23c; } - .el-tag--plain.el-tag--warning .el-tag__close:hover { - color: #FFFFFF; - background-color: #e6a23c; } - .el-tag--plain.el-tag--danger { - background-color: white; - border-color: #fbc4c4; - color: #f56c6c; } - .el-tag--plain.el-tag--danger.is-hit { - border-color: #F56C6C; } - .el-tag--plain.el-tag--danger .el-tag__close { - color: #f56c6c; } - .el-tag--plain.el-tag--danger .el-tag__close:hover { - color: #FFFFFF; - background-color: #f56c6c; } - .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 th.gutter, .el-table--fit td.gutter { - border-right-width: 1px; } - .el-table--scrollable-x .el-table__body-wrapper { - overflow-x: auto; } - .el-table--scrollable-y .el-table__body-wrapper { - overflow-y: auto; } - .el-table thead { - color: #909399; - font-weight: 500; } - .el-table thead.is-group th { - background: #F5F7FA; } - .el-table th, .el-table td { - 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 th.is-center, .el-table td.is-center { - text-align: center; } - .el-table th.is-right, .el-table td.is-right { - text-align: right; } - .el-table th.gutter, .el-table td.gutter { - width: 15px; - border-right-width: 0; - border-bottom-width: 0; - padding: 0; } - .el-table th.is-hidden > *, .el-table td.is-hidden > * { - visibility: hidden; } - .el-table--medium th, .el-table--medium td { - padding: 10px 0; } - .el-table--small { - font-size: 12px; } - .el-table--small th, .el-table--small td { - padding: 8px 0; } - .el-table--mini { - font-size: 12px; } - .el-table--mini th, .el-table--mini td { - padding: 6px 0; } - .el-table tr { - background-color: #FFFFFF; } - .el-table tr input[type="checkbox"] { - margin: 0; } - .el-table th.is-leaf, .el-table td { - border-bottom: 1px solid #EBEEF5; } - .el-table th.is-sortable { - cursor: pointer; } - .el-table th { - overflow: hidden; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - background-color: #FFFFFF; } - .el-table th > .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 > .cell.highlight { - color: #409EFF; } - .el-table th.required > div::before { - display: inline-block; - content: ""; - width: 8px; - height: 8px; - border-radius: 50%; - background: #ff4d51; - margin-right: 5px; - vertical-align: middle; } - .el-table td div { - -webkit-box-sizing: border-box; - box-sizing: border-box; } - .el-table td.gutter { - width: 0; } - .el-table .cell { - -webkit-box-sizing: border-box; - box-sizing: border-box; - 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 #EBEEF5; } - .el-table--group::after, .el-table--border::after, .el-table::before { - content: ''; - position: absolute; - background-color: #EBEEF5; - 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 th, .el-table--border td { - border-right: 1px solid #EBEEF5; } - .el-table--border th:first-child .cell, .el-table--border td:first-child .cell { - padding-left: 10px; } - .el-table--border th.gutter:last-of-type { - border-bottom: 1px solid #EBEEF5; - border-bottom-width: 1px; } - .el-table--border th { - border-bottom: 1px solid #EBEEF5; } - .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: #EBEEF5; - z-index: 4; } - .el-table__fixed-right-patch { - position: absolute; - top: -1px; - right: 0; - background-color: #FFFFFF; - border-bottom: 1px solid #EBEEF5; } - .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 { - border-top: 1px solid #EBEEF5; - background-color: #F5F7FA; - color: #606266; } - .el-table__fixed-body-wrapper { - position: absolute; - left: 0; - top: 37px; - overflow: hidden; - z-index: 3; } - .el-table__header-wrapper, .el-table__body-wrapper, .el-table__footer-wrapper { - width: 100%; } - .el-table__footer-wrapper { - margin-top: -1px; } - .el-table__footer-wrapper td { - border-top: 1px solid #EBEEF5; } - .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__footer-wrapper tbody td { - 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 #EBEEF5; } - .el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed { - border-right: 1px solid #EBEEF5; } - .el-table .caret-wrapper { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - height: 34px; - width: 24px; - vertical-align: middle; - cursor: pointer; - overflow: initial; - position: relative; } - .el-table .sort-caret { - width: 0; - height: 0; - border: 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: #409EFF; } - .el-table .descending .sort-caret.descending { - border-top-color: #409EFF; } - .el-table .hidden-columns { - visibility: hidden; - position: absolute; - z-index: -1; } - .el-table--striped .el-table__body tr.el-table__row--striped td { - background: #FAFAFA; } - .el-table--striped .el-table__body tr.el-table__row--striped.current-row td { - background-color: #ecf5ff; } - .el-table__body tr.hover-row > td, .el-table__body tr.hover-row.current-row > td, .el-table__body tr.hover-row.el-table__row--striped > td, .el-table__body tr.hover-row.el-table__row--striped.current-row > td { - background-color: #F5F7FA; } - .el-table__body tr.current-row > td { - background-color: #ecf5ff; } - .el-table__column-resize-proxy { - position: absolute; - left: 200px; - top: 0; - bottom: 0; - width: 0; - border-left: 1px solid #EBEEF5; - z-index: 10; } - .el-table__column-filter-trigger { - display: inline-block; - line-height: 34px; - cursor: pointer; } - .el-table__column-filter-trigger i { - color: #909399; - font-size: 12px; - -webkit-transform: scale(0.75); - transform: scale(0.75); } - .el-table--enable-row-transition .el-table__body td { - -webkit-transition: background-color .25s ease; - transition: background-color .25s ease; } - .el-table--enable-row-hover .el-table__body tr:hover > td { - background-color: #F5F7FA; } - .el-table--fluid-height .el-table__fixed, - .el-table--fluid-height .el-table__fixed-right { - bottom: 0; - overflow: hidden; } - .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; } diff --git a/images/orange-demo-activiti-web/src/assets/theme/tabs.css b/images/orange-demo-activiti-web/src/assets/theme/tabs.css deleted file mode 100644 index 32b99d6c..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/tabs.css +++ /dev/null @@ -1,831 +0,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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #409EFF; - 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 .15s; - transition: all .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: #409EFF; } - -.el-tabs__nav-wrap { - overflow: hidden; - margin-bottom: -1px; - position: relative; } - .el-tabs__nav-wrap::after { - content: ""; - position: absolute; - left: 0; - bottom: 0; - width: 100%; - height: 2px; - background-color: #E4E7ED; - z-index: 1; } - .el-tabs__nav-wrap.is-scrollable { - padding: 0 20px; - -webkit-box-sizing: border-box; - box-sizing: border-box; } - -.el-tabs__nav-scroll { - overflow: hidden; } - -.el-tabs__nav-next, .el-tabs__nav-prev { - position: absolute; - cursor: pointer; - line-height: 44px; - font-size: 12px; - color: #909399; } - -.el-tabs__nav-next { - right: 0; } - -.el-tabs__nav-prev { - left: 0; } - -.el-tabs__nav { - white-space: nowrap; - position: relative; - -webkit-transition: -webkit-transform .3s; - transition: -webkit-transform .3s; - transition: transform .3s; - transition: transform .3s, -webkit-transform .3s; - float: left; - z-index: 2; } - .el-tabs__nav.is-stretch { - min-width: 100%; - display: -webkit-box; - display: -ms-flexbox; - display: flex; } - .el-tabs__nav.is-stretch > * { - -webkit-box-flex: 1; - -ms-flex: 1; - flex: 1; - text-align: center; } - -.el-tabs__item { - padding: 0 20px; - height: 40px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - line-height: 40px; - display: inline-block; - list-style: none; - font-size: 14px; - font-weight: 500; - color: #303133; - position: relative; } - .el-tabs__item:focus, .el-tabs__item:focus:active { - outline: none; } - .el-tabs__item:focus.is-active.is-focus:not(:active) { - -webkit-box-shadow: 0 0 2px 2px #409EFF inset; - box-shadow: 0 0 2px 2px #409EFF 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: #409EFF; } - .el-tabs__item:hover { - color: #409EFF; - cursor: pointer; } - .el-tabs__item.is-disabled { - color: #C0C4CC; - cursor: default; } - -.el-tabs__content { - overflow: hidden; - position: relative; } - -.el-tabs--card > .el-tabs__header { - border-bottom: 1px solid #E4E7ED; } - -.el-tabs--card > .el-tabs__header .el-tabs__nav-wrap::after { - content: none; } - -.el-tabs--card > .el-tabs__header .el-tabs__nav { - border: 1px solid #E4E7ED; - border-bottom: none; - border-radius: 4px 4px 0 0; - -webkit-box-sizing: border-box; - box-sizing: border-box; } - -.el-tabs--card > .el-tabs__header .el-tabs__active-bar { - display: none; } - -.el-tabs--card > .el-tabs__header .el-tabs__item .el-icon-close { - position: relative; - font-size: 12px; - width: 0; - height: 14px; - vertical-align: middle; - line-height: 15px; - overflow: hidden; - top: -1px; - right: -2px; - -webkit-transform-origin: 100% 50%; - transform-origin: 100% 50%; } - -.el-tabs--card > .el-tabs__header .el-tabs__item { - border-bottom: 1px solid transparent; - border-left: 1px solid #E4E7ED; - -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 #E4E7ED; - 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: #409EFF; - 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: #409EFF; } - .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 #E4E7ED; - border-bottom: none; - border-top: 1px solid #E4E7ED; - text-align: left; } - -.el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child { - border-right: 1px solid #E4E7ED; - border-top: none; } - -.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active { - border: 1px solid #E4E7ED; - border-right-color: #fff; - border-left: none; - border-bottom: none; } - .el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child { - border-top: none; } - .el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child { - border-bottom: none; } - -.el-tabs--left.el-tabs--card .el-tabs__nav { - border-radius: 4px 0 0 4px; - border-bottom: 1px solid #E4E7ED; - border-right: none; } - -.el-tabs--left.el-tabs--card .el-tabs__new-tab { - float: none; } - -.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left { - border-right: 1px solid #dfe4ed; } - -.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left { - border: 1px solid transparent; - margin: -1px 0 -1px -1px; } - .el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active { - border-color: transparent; - border-top-color: #d1dbe5; - border-bottom-color: #d1dbe5; } - -.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 #E4E7ED; } - -.el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child { - border-left: 1px solid #E4E7ED; - border-top: none; } - -.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active { - border: 1px solid #E4E7ED; - border-left-color: #fff; - border-right: none; - border-bottom: none; } - .el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child { - border-top: none; } - .el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child { - border-bottom: none; } - -.el-tabs--right.el-tabs--card .el-tabs__nav { - border-radius: 0 4px 4px 0; - border-bottom: 1px solid #E4E7ED; - border-left: none; } - -.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right { - border-left: 1px solid #dfe4ed; } - -.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right { - border: 1px solid transparent; - margin: -1px -1px -1px 0; } - .el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active { - border-color: transparent; - border-top-color: #d1dbe5; - border-bottom-color: #d1dbe5; } - -.slideInRight-transition, -.slideInLeft-transition { - display: inline-block; } - -.slideInRight-enter { - -webkit-animation: slideInRight-enter .3s; - animation: slideInRight-enter .3s; } - -.slideInRight-leave { - position: absolute; - left: 0; - right: 0; - -webkit-animation: slideInRight-leave .3s; - animation: slideInRight-leave .3s; } - -.slideInLeft-enter { - -webkit-animation: slideInLeft-enter .3s; - animation: slideInLeft-enter .3s; } - -.slideInLeft-leave { - position: absolute; - left: 0; - right: 0; - -webkit-animation: slideInLeft-leave .3s; - animation: slideInLeft-leave .3s; } - -@-webkit-keyframes slideInRight-enter { - 0% { - opacity: 0; - -webkit-transform-origin: 0 0; - transform-origin: 0 0; - -webkit-transform: translateX(100%); - transform: translateX(100%); } - to { - opacity: 1; - -webkit-transform-origin: 0 0; - transform-origin: 0 0; - -webkit-transform: translateX(0); - transform: translateX(0); } } - -@keyframes slideInRight-enter { - 0% { - opacity: 0; - -webkit-transform-origin: 0 0; - transform-origin: 0 0; - -webkit-transform: translateX(100%); - transform: translateX(100%); } - to { - opacity: 1; - -webkit-transform-origin: 0 0; - transform-origin: 0 0; - -webkit-transform: translateX(0); - transform: translateX(0); } } - -@-webkit-keyframes slideInRight-leave { - 0% { - -webkit-transform-origin: 0 0; - transform-origin: 0 0; - -webkit-transform: translateX(0); - transform: translateX(0); - opacity: 1; } - 100% { - -webkit-transform-origin: 0 0; - transform-origin: 0 0; - -webkit-transform: translateX(100%); - transform: translateX(100%); - opacity: 0; } } - -@keyframes slideInRight-leave { - 0% { - -webkit-transform-origin: 0 0; - transform-origin: 0 0; - -webkit-transform: translateX(0); - transform: translateX(0); - opacity: 1; } - 100% { - -webkit-transform-origin: 0 0; - transform-origin: 0 0; - -webkit-transform: translateX(100%); - transform: translateX(100%); - opacity: 0; } } - -@-webkit-keyframes slideInLeft-enter { - 0% { - opacity: 0; - -webkit-transform-origin: 0 0; - transform-origin: 0 0; - -webkit-transform: translateX(-100%); - transform: translateX(-100%); } - to { - opacity: 1; - -webkit-transform-origin: 0 0; - transform-origin: 0 0; - -webkit-transform: translateX(0); - transform: translateX(0); } } - -@keyframes slideInLeft-enter { - 0% { - opacity: 0; - -webkit-transform-origin: 0 0; - transform-origin: 0 0; - -webkit-transform: translateX(-100%); - transform: translateX(-100%); } - to { - opacity: 1; - -webkit-transform-origin: 0 0; - transform-origin: 0 0; - -webkit-transform: translateX(0); - transform: translateX(0); } } - -@-webkit-keyframes slideInLeft-leave { - 0% { - -webkit-transform-origin: 0 0; - transform-origin: 0 0; - -webkit-transform: translateX(0); - transform: translateX(0); - opacity: 1; } - 100% { - -webkit-transform-origin: 0 0; - transform-origin: 0 0; - -webkit-transform: translateX(-100%); - transform: translateX(-100%); - opacity: 0; } } - -@keyframes slideInLeft-leave { - 0% { - -webkit-transform-origin: 0 0; - transform-origin: 0 0; - -webkit-transform: translateX(0); - transform: translateX(0); - opacity: 1; } - 100% { - -webkit-transform-origin: 0 0; - transform-origin: 0 0; - -webkit-transform: translateX(-100%); - transform: translateX(-100%); - opacity: 0; } } diff --git a/images/orange-demo-activiti-web/src/assets/theme/tag.css b/images/orange-demo-activiti-web/src/assets/theme/tag.css deleted file mode 100644 index b037ffab..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/tag.css +++ /dev/null @@ -1,462 +0,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 ---------------------------*/ -/* 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 ---------------------------*/ -/* Break-point ---------------------------*/ -.el-tag { - background-color: #ecf5ff; - border-color: #d9ecff; - color: #409eff; - display: inline-block; - height: 32px; - padding: 0 10px; - line-height: 30px; - font-size: 12px; - color: #409EFF; - 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: #409EFF; } - .el-tag .el-tag__close { - color: #409eff; } - .el-tag .el-tag__close:hover { - color: #FFFFFF; - background-color: #409eff; } - .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: #f0f9eb; - border-color: #e1f3d8; - color: #67c23a; } - .el-tag.el-tag--success.is-hit { - border-color: #67C23A; } - .el-tag.el-tag--success .el-tag__close { - color: #67c23a; } - .el-tag.el-tag--success .el-tag__close:hover { - color: #FFFFFF; - background-color: #67c23a; } - .el-tag.el-tag--warning { - background-color: #fdf6ec; - border-color: #faecd8; - color: #e6a23c; } - .el-tag.el-tag--warning.is-hit { - border-color: #E6A23C; } - .el-tag.el-tag--warning .el-tag__close { - color: #e6a23c; } - .el-tag.el-tag--warning .el-tag__close:hover { - color: #FFFFFF; - background-color: #e6a23c; } - .el-tag.el-tag--danger { - background-color: #fef0f0; - border-color: #fde2e2; - color: #f56c6c; } - .el-tag.el-tag--danger.is-hit { - border-color: #F56C6C; } - .el-tag.el-tag--danger .el-tag__close { - color: #f56c6c; } - .el-tag.el-tag--danger .el-tag__close:hover { - color: #FFFFFF; - background-color: #f56c6c; } - .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: #409eff; - border-color: #409eff; - color: white; } - .el-tag--dark.is-hit { - border-color: #409EFF; } - .el-tag--dark .el-tag__close { - color: white; } - .el-tag--dark .el-tag__close:hover { - color: #FFFFFF; - background-color: #66b1ff; } - .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: #67c23a; - border-color: #67c23a; - color: white; } - .el-tag--dark.el-tag--success.is-hit { - border-color: #67C23A; } - .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: #85ce61; } - .el-tag--dark.el-tag--warning { - background-color: #e6a23c; - border-color: #e6a23c; - color: white; } - .el-tag--dark.el-tag--warning.is-hit { - border-color: #E6A23C; } - .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: #ebb563; } - .el-tag--dark.el-tag--danger { - background-color: #f56c6c; - border-color: #f56c6c; - color: white; } - .el-tag--dark.el-tag--danger.is-hit { - border-color: #F56C6C; } - .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: #f78989; } - .el-tag--plain { - background-color: white; - border-color: #b3d8ff; - color: #409eff; } - .el-tag--plain.is-hit { - border-color: #409EFF; } - .el-tag--plain .el-tag__close { - color: #409eff; } - .el-tag--plain .el-tag__close:hover { - color: #FFFFFF; - background-color: #409eff; } - .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: #c2e7b0; - color: #67c23a; } - .el-tag--plain.el-tag--success.is-hit { - border-color: #67C23A; } - .el-tag--plain.el-tag--success .el-tag__close { - color: #67c23a; } - .el-tag--plain.el-tag--success .el-tag__close:hover { - color: #FFFFFF; - background-color: #67c23a; } - .el-tag--plain.el-tag--warning { - background-color: white; - border-color: #f5dab1; - color: #e6a23c; } - .el-tag--plain.el-tag--warning.is-hit { - border-color: #E6A23C; } - .el-tag--plain.el-tag--warning .el-tag__close { - color: #e6a23c; } - .el-tag--plain.el-tag--warning .el-tag__close:hover { - color: #FFFFFF; - background-color: #e6a23c; } - .el-tag--plain.el-tag--danger { - background-color: white; - border-color: #fbc4c4; - color: #f56c6c; } - .el-tag--plain.el-tag--danger.is-hit { - border-color: #F56C6C; } - .el-tag--plain.el-tag--danger .el-tag__close { - color: #f56c6c; } - .el-tag--plain.el-tag--danger .el-tag__close:hover { - color: #FFFFFF; - background-color: #f56c6c; } - .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); } diff --git a/images/orange-demo-activiti-web/src/assets/theme/time-picker.css b/images/orange-demo-activiti-web/src/assets/theme/time-picker.css deleted file mode 100644 index e5c85a0d..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/time-picker.css +++ /dev/null @@ -1,2523 +0,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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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::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: #409EFF; } - .el-range-editor.is-active:hover { - border-color: #409EFF; } - -.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: #E4E7ED; - color: #C0C4CC; - cursor: not-allowed; } - .el-range-editor.is-disabled:hover, .el-range-editor.is-disabled:focus { - border-color: #E4E7ED; } - .el-range-editor.is-disabled input { - background-color: #F5F7FA; - color: #C0C4CC; - cursor: not-allowed; } - .el-range-editor.is-disabled input::-webkit-input-placeholder { - color: #C0C4CC; } - .el-range-editor.is-disabled input::-moz-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 ---------------------------*/ -/* Break-point ---------------------------*/ -.el-picker-panel { - color: #606266; - border: 1px solid #E4E7ED; - -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: #409EFF; } - .el-picker-panel__shortcut.active { - background-color: #e6f1fe; - color: #409EFF; } - .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: #409EFF; } - .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 ---------------------------*/ -/* 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: #409EFF; } - .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 ---------------------------*/ -/* Break-point ---------------------------*/ -.el-time-panel { - margin: 5px 0; - border: solid 1px #E4E7ED; - 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 #E4E7ED; - border-bottom: 1px solid #E4E7ED; } - .el-time-panel__content::after { - left: 50%; - margin-left: 12%; - margin-right: 12%; } - .el-time-panel__content::before { - padding-left: 50%; - margin-right: 12%; - margin-left: 12%; } - .el-time-panel__content.has-seconds::after { - left: calc(100% / 3 * 2); } - .el-time-panel__content.has-seconds::before { - padding-left: calc(100% / 3); } - .el-time-panel__footer { - border-top: 1px solid #e4e4e4; - padding: 4px; - height: 36px; - line-height: 25px; - text-align: right; - -webkit-box-sizing: border-box; - box-sizing: border-box; } - .el-time-panel__btn { - border: none; - line-height: 28px; - padding: 0 5px; - margin: 0 5px; - cursor: pointer; - background-color: transparent; - outline: none; - font-size: 12px; - color: #303133; } - .el-time-panel__btn.confirm { - font-weight: 800; - color: #409EFF; } - -/* Element Chalk Variables */ -/* Transition --------------------------- */ -/* Color --------------------------- */ -/* 53a8ff */ -/* 66b1ff */ -/* 79bbff */ -/* 8cc5ff */ -/* a0cfff */ -/* b3d8ff */ -/* c6e2ff */ -/* d9ecff */ -/* ecf5ff */ -/* Link --------------------------- */ -/* Border --------------------------- */ -/* Fill --------------------------- */ -/* Typography --------------------------- */ -/* Size --------------------------- */ -/* z-index --------------------------- */ -/* Disable base --------------------------- */ -/* Icon --------------------------- */ -/* Checkbox --------------------------- */ -/* Radio --------------------------- */ -/* Select --------------------------- */ -/* Alert --------------------------- */ -/* MessageBox --------------------------- */ -/* Message --------------------------- */ -/* Notification --------------------------- */ -/* Input --------------------------- */ -/* Cascader --------------------------- */ -/* Group --------------------------- */ -/* Tab --------------------------- */ -/* Button --------------------------- */ -/* cascader --------------------------- */ -/* Switch --------------------------- */ -/* Dialog --------------------------- */ -/* Table --------------------------- */ -/* Pagination --------------------------- */ -/* Popup --------------------------- */ -/* Popover --------------------------- */ -/* Tooltip --------------------------- */ -/* Tag --------------------------- */ -/* Tree --------------------------- */ -/* Dropdown --------------------------- */ -/* Badge --------------------------- */ -/* Card ---------------------------*/ -/* Slider ---------------------------*/ -/* Steps ---------------------------*/ -/* Menu ---------------------------*/ -/* Rate ---------------------------*/ -/* DatePicker ---------------------------*/ -/* Loading ---------------------------*/ -/* Scrollbar ---------------------------*/ -/* Carousel ---------------------------*/ -/* Collapse ---------------------------*/ -/* Transfer ---------------------------*/ -/* Header - --------------------------*/ -/* Footer ---------------------------*/ -/* Main ---------------------------*/ -/* Timeline ---------------------------*/ -/* Backtop ---------------------------*/ -/* Link ---------------------------*/ -/* Calendar ---------------------------*/ -/* Form --------------------------- */ -/* Avatar ---------------------------*/ -/* 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 #E4E7ED; } - -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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::placeholder { - color: #C0C4CC; } - .el-textarea__inner:hover { - border-color: #C0C4CC; } - .el-textarea__inner:focus { - outline: none; - border-color: #409EFF; } - .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: #E4E7ED; - color: #C0C4CC; - cursor: not-allowed; } - .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { - color: #C0C4CC; } - .el-textarea.is-disabled .el-textarea__inner::-moz-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: #F56C6C; } - .el-textarea.is-exceed .el-input__count { - color: #F56C6C; } - -.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::-webkit-input-placeholder { - color: #C0C4CC; } - .el-input__inner::-moz-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: #409EFF; } - .el-input__suffix { - position: absolute; - height: 100%; - right: 5px; - top: 0; - text-align: center; - color: #C0C4CC; - -webkit-transition: all .3s; - transition: all .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 .3s; - transition: all .3s; } - .el-input__icon { - height: 100%; - width: 25px; - text-align: center; - -webkit-transition: all .3s; - transition: all .3s; - line-height: 40px; } - .el-input__icon:after { - content: ''; - height: 100%; - width: 0; - display: inline-block; - vertical-align: middle; } - .el-input__validateIcon { - pointer-events: none; } - .el-input.is-active .el-input__inner { - outline: none; - border-color: #409EFF; } - .el-input.is-disabled .el-input__inner { - background-color: #F5F7FA; - border-color: #E4E7ED; - color: #C0C4CC; - cursor: not-allowed; } - .el-input.is-disabled .el-input__inner::-webkit-input-placeholder { - color: #C0C4CC; } - .el-input.is-disabled .el-input__inner::-moz-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: #F56C6C; } - .el-input.is-exceed .el-input__suffix .el-input__count { - color: #F56C6C; } - .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: .3s background-color; - transition: .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #EBEEF5; - 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: #EBEEF5; } - .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: #EBEEF5; - 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: #EBEEF5; } - .el-popper[x-placement^="left"] .popper__arrow::after { - right: 1px; - bottom: -6px; - margin-left: -6px; - border-right-width: 0; - border-left-color: #FFFFFF; } diff --git a/images/orange-demo-activiti-web/src/assets/theme/time-select.css b/images/orange-demo-activiti-web/src/assets/theme/time-select.css deleted file mode 100644 index c80f5c05..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/time-select.css +++ /dev/null @@ -1,1918 +0,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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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::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: #409EFF; } - .el-range-editor.is-active:hover { - border-color: #409EFF; } - -.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: #E4E7ED; - color: #C0C4CC; - cursor: not-allowed; } - .el-range-editor.is-disabled:hover, .el-range-editor.is-disabled:focus { - border-color: #E4E7ED; } - .el-range-editor.is-disabled input { - background-color: #F5F7FA; - color: #C0C4CC; - cursor: not-allowed; } - .el-range-editor.is-disabled input::-webkit-input-placeholder { - color: #C0C4CC; } - .el-range-editor.is-disabled input::-moz-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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* Break-point ---------------------------*/ -.el-picker-panel { - color: #606266; - border: 1px solid #E4E7ED; - -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: #409EFF; } - .el-picker-panel__shortcut.active { - background-color: #e6f1fe; - color: #409EFF; } - .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: #409EFF; } - .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 #EBEEF5; } - .el-date-picker__header--bordered + .el-picker-panel__content { - margin-top: 0; } - .el-date-picker__header-label { - font-size: 16px; - font-weight: 500; - padding: 0 5px; - line-height: 22px; - text-align: center; - cursor: pointer; - color: #606266; } - .el-date-picker__header-label:hover { - color: #409EFF; } - .el-date-picker__header-label.active { - color: #409EFF; } - .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: .3s background-color; - transition: .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #EBEEF5; - 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: #EBEEF5; } - .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: #EBEEF5; - 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: #EBEEF5; } - .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: #409EFF; - font-weight: bold; } - -.time-select-item.disabled { - color: #E4E7ED; - cursor: not-allowed; } - -.time-select-item:hover { - background-color: #F5F7FA; - font-weight: bold; - cursor: pointer; } diff --git a/images/orange-demo-activiti-web/src/assets/theme/timeline-item.css b/images/orange-demo-activiti-web/src/assets/theme/timeline-item.css deleted file mode 100644 index 5a52cd66..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/timeline-item.css +++ /dev/null @@ -1,318 +0,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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 #E4E7ED; } - .el-timeline-item__icon { - color: #FFFFFF; - font-size: 13px; } - .el-timeline-item__node { - position: absolute; - background-color: #E4E7ED; - 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: #409EFF; } - .el-timeline-item__node--success { - background-color: #67C23A; } - .el-timeline-item__node--warning { - background-color: #E6A23C; } - .el-timeline-item__node--danger { - background-color: #F56C6C; } - .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; } diff --git a/images/orange-demo-activiti-web/src/assets/theme/timeline.css b/images/orange-demo-activiti-web/src/assets/theme/timeline.css deleted file mode 100644 index 0456b063..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/timeline.css +++ /dev/null @@ -1,256 +0,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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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; } diff --git a/images/orange-demo-activiti-web/src/assets/theme/tooltip.css b/images/orange-demo-activiti-web/src/assets/theme/tooltip.css deleted file mode 100644 index 876f42ed..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/tooltip.css +++ /dev/null @@ -1,342 +0,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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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; } diff --git a/images/orange-demo-activiti-web/src/assets/theme/transfer.css b/images/orange-demo-activiti-web/src/assets/theme/transfer.css deleted file mode 100644 index 458fde82..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/transfer.css +++ /dev/null @@ -1,2349 +0,0 @@ -@charset "UTF-8"; -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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::placeholder { - color: #C0C4CC; } - .el-textarea__inner:hover { - border-color: #C0C4CC; } - .el-textarea__inner:focus { - outline: none; - border-color: #409EFF; } - .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: #E4E7ED; - color: #C0C4CC; - cursor: not-allowed; } - .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { - color: #C0C4CC; } - .el-textarea.is-disabled .el-textarea__inner::-moz-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: #F56C6C; } - .el-textarea.is-exceed .el-input__count { - color: #F56C6C; } - -.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::-webkit-input-placeholder { - color: #C0C4CC; } - .el-input__inner::-moz-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: #409EFF; } - .el-input__suffix { - position: absolute; - height: 100%; - right: 5px; - top: 0; - text-align: center; - color: #C0C4CC; - -webkit-transition: all .3s; - transition: all .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 .3s; - transition: all .3s; } - .el-input__icon { - height: 100%; - width: 25px; - text-align: center; - -webkit-transition: all .3s; - transition: all .3s; - line-height: 40px; } - .el-input__icon:after { - content: ''; - height: 100%; - width: 0; - display: inline-block; - vertical-align: middle; } - .el-input__validateIcon { - pointer-events: none; } - .el-input.is-active .el-input__inner { - outline: none; - border-color: #409EFF; } - .el-input.is-disabled .el-input__inner { - background-color: #F5F7FA; - border-color: #E4E7ED; - color: #C0C4CC; - cursor: not-allowed; } - .el-input.is-disabled .el-input__inner::-webkit-input-placeholder { - color: #C0C4CC; } - .el-input.is-disabled .el-input__inner::-moz-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: #F56C6C; } - .el-input.is-exceed .el-input__suffix .el-input__count { - color: #F56C6C; } - .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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: .1s; - transition: .1s; - font-weight: 500; - -moz-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; - padding: 12px 20px; - font-size: 14px; - border-radius: 4px; } - .el-button + .el-button { - margin-left: 10px; } - .el-button.is-round { - padding: 12px 20px; } - .el-button:hover, .el-button:focus { - color: #409EFF; - border-color: #c6e2ff; - background-color: #ecf5ff; } - .el-button:active { - color: #3a8ee6; - border-color: #3a8ee6; - 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: #409EFF; - color: #409EFF; } - .el-button.is-plain:active { - background: #FFFFFF; - border-color: #3a8ee6; - color: #3a8ee6; - outline: none; } - .el-button.is-active { - color: #3a8ee6; - border-color: #3a8ee6; } - .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: #EBEEF5; } - .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: #EBEEF5; - color: #C0C4CC; } - .el-button.is-loading { - position: relative; - pointer-events: none; } - .el-button.is-loading:before { - pointer-events: none; - content: ''; - position: absolute; - left: -1px; - top: -1px; - right: -1px; - bottom: -1px; - border-radius: inherit; - background-color: rgba(255, 255, 255, 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: #409EFF; - border-color: #409EFF; } - .el-button--primary:hover, .el-button--primary:focus { - background: #66b1ff; - border-color: #66b1ff; - color: #FFFFFF; } - .el-button--primary:active { - background: #3a8ee6; - border-color: #3a8ee6; - color: #FFFFFF; - outline: none; } - .el-button--primary.is-active { - background: #3a8ee6; - border-color: #3a8ee6; - 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: #a0cfff; - border-color: #a0cfff; } - .el-button--primary.is-plain { - color: #409EFF; - background: #ecf5ff; - border-color: #b3d8ff; } - .el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus { - background: #409EFF; - border-color: #409EFF; - color: #FFFFFF; } - .el-button--primary.is-plain:active { - background: #3a8ee6; - border-color: #3a8ee6; - 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: #8cc5ff; - background-color: #ecf5ff; - border-color: #d9ecff; } - .el-button--success { - color: #FFFFFF; - background-color: #67C23A; - border-color: #67C23A; } - .el-button--success:hover, .el-button--success:focus { - background: #85ce61; - border-color: #85ce61; - color: #FFFFFF; } - .el-button--success:active { - background: #5daf34; - border-color: #5daf34; - color: #FFFFFF; - outline: none; } - .el-button--success.is-active { - background: #5daf34; - border-color: #5daf34; - 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: #b3e19d; - border-color: #b3e19d; } - .el-button--success.is-plain { - color: #67C23A; - background: #f0f9eb; - border-color: #c2e7b0; } - .el-button--success.is-plain:hover, .el-button--success.is-plain:focus { - background: #67C23A; - border-color: #67C23A; - color: #FFFFFF; } - .el-button--success.is-plain:active { - background: #5daf34; - border-color: #5daf34; - 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: #a4da89; - background-color: #f0f9eb; - border-color: #e1f3d8; } - .el-button--warning { - color: #FFFFFF; - background-color: #E6A23C; - border-color: #E6A23C; } - .el-button--warning:hover, .el-button--warning:focus { - background: #ebb563; - border-color: #ebb563; - color: #FFFFFF; } - .el-button--warning:active { - background: #cf9236; - border-color: #cf9236; - color: #FFFFFF; - outline: none; } - .el-button--warning.is-active { - background: #cf9236; - border-color: #cf9236; - 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: #f3d19e; - border-color: #f3d19e; } - .el-button--warning.is-plain { - color: #E6A23C; - background: #fdf6ec; - border-color: #f5dab1; } - .el-button--warning.is-plain:hover, .el-button--warning.is-plain:focus { - background: #E6A23C; - border-color: #E6A23C; - color: #FFFFFF; } - .el-button--warning.is-plain:active { - background: #cf9236; - border-color: #cf9236; - 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: #f0c78a; - background-color: #fdf6ec; - border-color: #faecd8; } - .el-button--danger { - color: #FFFFFF; - background-color: #F56C6C; - border-color: #F56C6C; } - .el-button--danger:hover, .el-button--danger:focus { - background: #f78989; - border-color: #f78989; - color: #FFFFFF; } - .el-button--danger:active { - background: #dd6161; - border-color: #dd6161; - color: #FFFFFF; - outline: none; } - .el-button--danger.is-active { - background: #dd6161; - border-color: #dd6161; - 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: #fab6b6; - border-color: #fab6b6; } - .el-button--danger.is-plain { - color: #F56C6C; - background: #fef0f0; - border-color: #fbc4c4; } - .el-button--danger.is-plain:hover, .el-button--danger.is-plain:focus { - background: #F56C6C; - border-color: #F56C6C; - color: #FFFFFF; } - .el-button--danger.is-plain:active { - background: #dd6161; - border-color: #dd6161; - 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: #f9a7a7; - background-color: #fef0f0; - border-color: #fde2e2; } - .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: #409EFF; - background: transparent; - padding-left: 0; - padding-right: 0; } - .el-button--text:hover, .el-button--text:focus { - color: #66b1ff; - border-color: transparent; - background-color: transparent; } - .el-button--text:active { - color: #3a8ee6; - 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:hover, .el-button-group > .el-button:focus, .el-button-group > .el-button: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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #409EFF; } - .el-checkbox.is-bordered.is-disabled { - border-color: #EBEEF5; - cursor: not-allowed; } - .el-checkbox.is-bordered + .el-checkbox.is-bordered { - margin-left: 10px; } - .el-checkbox.is-bordered.el-checkbox--medium { - padding: 7px 20px 7px 10px; - border-radius: 4px; - height: 36px; } - .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label { - line-height: 17px; - font-size: 14px; } - .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner { - height: 14px; - width: 14px; } - .el-checkbox.is-bordered.el-checkbox--small { - padding: 5px 15px 5px 10px; - border-radius: 3px; - height: 32px; } - .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label { - line-height: 15px; - font-size: 12px; } - .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner { - height: 12px; - width: 12px; } - .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after { - height: 6px; - width: 2px; } - .el-checkbox.is-bordered.el-checkbox--mini { - padding: 3px 15px 3px 10px; - border-radius: 3px; - height: 28px; } - .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label { - line-height: 12px; - font-size: 12px; } - .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner { - height: 12px; - width: 12px; } - .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after { - height: 6px; - width: 2px; } - .el-checkbox__input { - white-space: nowrap; - cursor: pointer; - outline: 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: #409EFF; - border-color: #409EFF; } - .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: #409EFF; } - .el-checkbox__input.is-focus { - /*focus时 视觉上区分*/ } - .el-checkbox__input.is-focus .el-checkbox__inner { - border-color: #409EFF; } - .el-checkbox__input.is-indeterminate .el-checkbox__inner { - background-color: #409EFF; - border-color: #409EFF; } - .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: #409EFF; } - .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 .15s ease-in .05s; - transition: -webkit-transform .15s ease-in .05s; - transition: transform .15s ease-in .05s; - transition: transform .15s ease-in .05s, -webkit-transform .15s ease-in .05s; - -webkit-transform-origin: center; - transform-origin: center; } - .el-checkbox__original { - opacity: 0; - outline: 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: #409EFF; } - .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: #409EFF; - border-color: #409EFF; - -webkit-box-shadow: -1px 0 0 0 #8cc5ff; - box-shadow: -1px 0 0 0 #8cc5ff; } - .el-checkbox-button.is-checked:first-child .el-checkbox-button__inner { - border-left-color: #409EFF; } - .el-checkbox-button.is-disabled .el-checkbox-button__inner { - color: #C0C4CC; - cursor: not-allowed; - background-image: none; - background-color: #FFFFFF; - border-color: #EBEEF5; - -webkit-box-shadow: none; - box-shadow: none; } - .el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner { - border-left-color: #EBEEF5; } - .el-checkbox-button:first-child .el-checkbox-button__inner { - border-left: 1px solid #DCDFE6; - border-radius: 4px 0 0 4px; - -webkit-box-shadow: none !important; - box-shadow: none !important; } - .el-checkbox-button.is-focus .el-checkbox-button__inner { - border-color: #409EFF; } - .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: #409EFF; - 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 #EBEEF5; - 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: #409EFF; } - .el-transfer-panel__item.el-checkbox .el-checkbox__label { - width: 100%; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - display: block; - -webkit-box-sizing: border-box; - box-sizing: border-box; - padding-left: 24px; - line-height: 30px; } - .el-transfer-panel__item .el-checkbox__input { - position: absolute; - top: 8px; } - .el-transfer-panel__filter { - text-align: center; - margin: 15px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - display: block; - width: auto; } - .el-transfer-panel__filter .el-input__inner { - height: 32px; - width: 100%; - font-size: 12px; - display: inline-block; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 16px; - padding-right: 10px; - padding-left: 30px; } - .el-transfer-panel__filter .el-input__icon { - margin-left: 5px; } - .el-transfer-panel__filter .el-icon-circle-close { - cursor: pointer; } - .el-transfer-panel .el-transfer-panel__header { - height: 40px; - line-height: 40px; - background: #F5F7FA; - margin: 0; - padding-left: 15px; - border-bottom: 1px solid #EBEEF5; - -webkit-box-sizing: border-box; - box-sizing: border-box; - color: #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 #EBEEF5; - position: absolute; - bottom: 0; - left: 0; - width: 100%; - z-index: 1; } - .el-transfer-panel .el-transfer-panel__footer::after { - display: inline-block; - content: ""; - height: 100%; - vertical-align: middle; } - .el-transfer-panel .el-transfer-panel__footer .el-checkbox { - padding-left: 20px; - color: #606266; } - .el-transfer-panel .el-transfer-panel__empty { - margin: 0; - height: 30px; - line-height: 30px; - padding: 6px 15px 0; - color: #909399; - text-align: center; } - .el-transfer-panel .el-checkbox__label { - padding-left: 8px; } - .el-transfer-panel .el-checkbox__inner { - height: 14px; - width: 14px; - border-radius: 3px; } - .el-transfer-panel .el-checkbox__inner::after { - height: 6px; - width: 3px; - left: 4px; } diff --git a/images/orange-demo-activiti-web/src/assets/theme/tree.css b/images/orange-demo-activiti-web/src/assets/theme/tree.css deleted file mode 100644 index e1885014..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/tree.css +++ /dev/null @@ -1,1210 +0,0 @@ -@charset "UTF-8"; -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #409EFF; } - .el-checkbox.is-bordered.is-disabled { - border-color: #EBEEF5; - cursor: not-allowed; } - .el-checkbox.is-bordered + .el-checkbox.is-bordered { - margin-left: 10px; } - .el-checkbox.is-bordered.el-checkbox--medium { - padding: 7px 20px 7px 10px; - border-radius: 4px; - height: 36px; } - .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label { - line-height: 17px; - font-size: 14px; } - .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner { - height: 14px; - width: 14px; } - .el-checkbox.is-bordered.el-checkbox--small { - padding: 5px 15px 5px 10px; - border-radius: 3px; - height: 32px; } - .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label { - line-height: 15px; - font-size: 12px; } - .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner { - height: 12px; - width: 12px; } - .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after { - height: 6px; - width: 2px; } - .el-checkbox.is-bordered.el-checkbox--mini { - padding: 3px 15px 3px 10px; - border-radius: 3px; - height: 28px; } - .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label { - line-height: 12px; - font-size: 12px; } - .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner { - height: 12px; - width: 12px; } - .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after { - height: 6px; - width: 2px; } - .el-checkbox__input { - white-space: nowrap; - cursor: pointer; - outline: 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: #409EFF; - border-color: #409EFF; } - .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: #409EFF; } - .el-checkbox__input.is-focus { - /*focus时 视觉上区分*/ } - .el-checkbox__input.is-focus .el-checkbox__inner { - border-color: #409EFF; } - .el-checkbox__input.is-indeterminate .el-checkbox__inner { - background-color: #409EFF; - border-color: #409EFF; } - .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: #409EFF; } - .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 .15s ease-in .05s; - transition: -webkit-transform .15s ease-in .05s; - transition: transform .15s ease-in .05s; - transition: transform .15s ease-in .05s, -webkit-transform .15s ease-in .05s; - -webkit-transform-origin: center; - transform-origin: center; } - .el-checkbox__original { - opacity: 0; - outline: 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: #409EFF; } - .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: #409EFF; - border-color: #409EFF; - -webkit-box-shadow: -1px 0 0 0 #8cc5ff; - box-shadow: -1px 0 0 0 #8cc5ff; } - .el-checkbox-button.is-checked:first-child .el-checkbox-button__inner { - border-left-color: #409EFF; } - .el-checkbox-button.is-disabled .el-checkbox-button__inner { - color: #C0C4CC; - cursor: not-allowed; - background-image: none; - background-color: #FFFFFF; - border-color: #EBEEF5; - -webkit-box-shadow: none; - box-shadow: none; } - .el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner { - border-left-color: #EBEEF5; } - .el-checkbox-button:first-child .el-checkbox-button__inner { - border-left: 1px solid #DCDFE6; - border-radius: 4px 0 0 4px; - -webkit-box-shadow: none !important; - box-shadow: none !important; } - .el-checkbox-button.is-focus .el-checkbox-button__inner { - border-color: #409EFF; } - .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: #409EFF; } - -.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: #409EFF; - 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: #f0f7ff; } diff --git a/images/orange-demo-activiti-web/src/assets/theme/upload.css b/images/orange-demo-activiti-web/src/assets/theme/upload.css deleted file mode 100644 index a0e29ae0..00000000 --- a/images/orange-demo-activiti-web/src/assets/theme/upload.css +++ /dev/null @@ -1,1045 +0,0 @@ -@charset "UTF-8"; -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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 ---------------------------*/ -/* 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: #67C23A; } - .el-progress.is-success .el-progress__text { - color: #67C23A; } - .el-progress.is-warning .el-progress-bar__inner { - background-color: #E6A23C; } - .el-progress.is-warning .el-progress__text { - color: #E6A23C; } - .el-progress.is-exception .el-progress-bar__inner { - background-color: #F56C6C; } - .el-progress.is-exception .el-progress__text { - color: #F56C6C; } - -.el-progress-bar { - padding-right: 50px; - display: inline-block; - vertical-align: middle; - width: 100%; - margin-right: -55px; - -webkit-box-sizing: border-box; - box-sizing: border-box; } - .el-progress-bar__outer { - height: 6px; - border-radius: 100px; - background-color: #EBEEF5; - overflow: hidden; - position: relative; - vertical-align: middle; } - .el-progress-bar__inner { - position: absolute; - left: 0; - top: 0; - height: 100%; - background-color: #409EFF; - 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 ---------------------------*/ -/* 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: #409EFF; - color: #409EFF; } - .el-upload:focus { - border-color: #409EFF; - color: #409EFF; } - .el-upload:focus .el-upload-dragger { - border-color: #409EFF; } - -.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: #409EFF; - font-style: normal; } - .el-upload-dragger:hover { - border-color: #409EFF; } - .el-upload-dragger.is-dragover { - background-color: rgba(32, 159, 255, 0.06); - border: 2px dashed #409EFF; } - -.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: #67C23A; } - .el-upload-list__item .el-icon-close { - display: none; - position: absolute; - top: 5px; - right: 5px; - cursor: pointer; - opacity: .75; - color: #606266; } - .el-upload-list__item .el-icon-close:hover { - opacity: 1; } - .el-upload-list__item .el-icon-close-tip { - display: none; - position: absolute; - top: 5px; - right: 5px; - font-size: 12px; - cursor: pointer; - opacity: 1; - color: #409EFF; } - .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: #409EFF; - 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 .3s; - transition: color .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: #409EFF; } - .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 .3s; - transition: opacity .3s; } - .el-upload-list--picture-card .el-upload-list__item-actions::after { - display: inline-block; - content: ""; - height: 100%; - vertical-align: middle; } - .el-upload-list--picture-card .el-upload-list__item-actions span { - display: none; - cursor: pointer; } - .el-upload-list--picture-card .el-upload-list__item-actions span + span { - margin-left: 15px; } - .el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete { - position: static; - font-size: inherit; - color: inherit; } - .el-upload-list--picture-card .el-upload-list__item-actions:hover { - opacity: 1; } - .el-upload-list--picture-card .el-upload-list__item-actions:hover span { - display: inline-block; } - .el-upload-list--picture-card .el-progress { - top: 50%; - left: 50%; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - bottom: auto; - width: 126px; } - .el-upload-list--picture-card .el-progress .el-progress__text { - top: 50%; } - .el-upload-list--picture .el-upload-list__item { - overflow: hidden; - z-index: 0; - background-color: #fff; - border: 1px solid #c0ccda; - border-radius: 6px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - margin-top: 10px; - padding: 10px 10px 10px 90px; - height: 92px; } - .el-upload-list--picture .el-upload-list__item .el-icon-check, - .el-upload-list--picture .el-upload-list__item .el-icon-circle-check { - color: #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 .15s linear; - transition: opacity .15s linear; } - .el-upload-cover__interact .btn:not(:first-child) { - margin-left: 35px; } - .el-upload-cover__interact .btn:hover { - -webkit-transform: translateY(-13px); - transform: translateY(-13px); } - .el-upload-cover__interact .btn:hover span { - opacity: 1; } - .el-upload-cover__interact .btn i { - color: #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; } diff --git a/images/orange-demo-activiti-web/src/components/DateRange/index.vue b/images/orange-demo-activiti-web/src/components/DateRange/index.vue deleted file mode 100644 index f4dd2c0b..00000000 --- a/images/orange-demo-activiti-web/src/components/DateRange/index.vue +++ /dev/null @@ -1,305 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/components/Dialog/index.js b/images/orange-demo-activiti-web/src/components/Dialog/index.js deleted file mode 100644 index 5118d7a6..00000000 --- a/images/orange-demo-activiti-web/src/components/Dialog/index.js +++ /dev/null @@ -1,77 +0,0 @@ -import $ from 'jquery'; -import Vue from 'vue'; -import router from '@/router'; -import store from '@/store'; - -window.jQuery = $; -const layer = require('layui-layer'); - -class Dialog { - /** - * 关闭弹窗 - * @param {*} index 要关闭的弹窗的index - */ - static close (index) { - layer.close(index); - } - /** - * 关闭所有弹窗 - */ - static closeAll () { - layer.closeAll(); - } - /** - * 打开弹窗 - * @param {*} title 弹窗标题 - * @param {*} component 弹窗内容的组件 - * @param {*} options 弹窗设置（详情请见layui官网） - * @param {*} params 弹窗组件参数 - */ - static show (title, component, options, params) { - return new Promise((resolve, reject) => { - let layerOptions = { - title: title, - type: 1, - skin: 'layer-dialog', - resize: false, - offset: 'auto', - zIndex: 1000, - index: 0, - contentDom: null - }; - - layerOptions = {...layerOptions, ...options}; - layerOptions.end = () => { - if (layerOptions.contentDom) document.body.removeChild(layerOptions.contentDom); - } - - let observer = { - cancel: function (isSuccess = false, data = undefined) { - layer.close(this.index); - if (isSuccess) { - resolve(data); - } else { - reject(); - } - }, - index: -1 - } - layerOptions.cancel = () => { - reject(); - } - let dom = document.createElement('div'); - document.body.appendChild(dom); - let Content = Vue.extend(component); - let vueObj = new Content({router: router, store: store, propsData: params}); - vueObj.observer = observer; - vueObj.$mount(dom); - layerOptions.contentDom = vueObj.$el; - layerOptions.content = $(layerOptions.contentDom); - observer.index = layer.open(layerOptions); - }); - } -} - -Vue.prototype.$dialog = Dialog; - -export default Dialog; diff --git a/images/orange-demo-activiti-web/src/components/FilterBox/index.vue b/images/orange-demo-activiti-web/src/components/FilterBox/index.vue deleted file mode 100644 index d7350358..00000000 --- a/images/orange-demo-activiti-web/src/components/FilterBox/index.vue +++ /dev/null @@ -1,134 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/components/Hamburger/index.vue b/images/orange-demo-activiti-web/src/components/Hamburger/index.vue deleted file mode 100644 index 6df80299..00000000 --- a/images/orange-demo-activiti-web/src/components/Hamburger/index.vue +++ /dev/null @@ -1,44 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/components/IconSelect/icon.json b/images/orange-demo-activiti-web/src/components/IconSelect/icon.json deleted file mode 100644 index 13f2f58b..00000000 --- a/images/orange-demo-activiti-web/src/components/IconSelect/icon.json +++ /dev/null @@ -1,280 +0,0 @@ -[ - "el-icon-delete-solid", - "el-icon-delete", - "el-icon-s-tools", - "el-icon-setting", - "el-icon-user-solid", - "el-icon-user", - "el-icon-phone", - "el-icon-phone-outline", - "el-icon-more", - "el-icon-more-outline", - "el-icon-star-on", - "el-icon-star-off", - "el-icon-s-goods", - "el-icon-goods", - "el-icon-warning", - "el-icon-warning-outline", - "el-icon-question", - "el-icon-info", - "el-icon-remove", - "el-icon-circle-plus", - "el-icon-success", - "el-icon-error", - "el-icon-zoom-in", - "el-icon-zoom-out", - "el-icon-remove-outline", - "el-icon-circle-plus-outline", - "el-icon-circle-check", - "el-icon-circle-close", - "el-icon-s-help", - "el-icon-help", - "el-icon-minus", - "el-icon-plus", - "el-icon-check", - "el-icon-close", - "el-icon-picture", - "el-icon-picture-outline", - "el-icon-picture-outline-round", - "el-icon-upload", - "el-icon-upload2", - "el-icon-download", - "el-icon-camera-solid", - "el-icon-camera", - "el-icon-video-camera-solid", - "el-icon-video-camera", - "el-icon-message-solid", - "el-icon-bell", - "el-icon-s-cooperation", - "el-icon-s-order", - "el-icon-s-platform", - "el-icon-s-fold", - "el-icon-s-unfold", - "el-icon-s-operation", - "el-icon-s-promotion", - "el-icon-s-home", - "el-icon-s-release", - "el-icon-s-ticket", - "el-icon-s-management", - "el-icon-s-open", - "el-icon-s-shop", - "el-icon-s-marketing", - "el-icon-s-flag", - "el-icon-s-comment", - "el-icon-s-finance", - "el-icon-s-claim", - "el-icon-s-custom", - "el-icon-s-opportunity", - "el-icon-s-data", - "el-icon-s-check", - "el-icon-s-grid", - "el-icon-menu", - "el-icon-share", - "el-icon-d-caret", - "el-icon-caret-left", - "el-icon-caret-right", - "el-icon-caret-bottom", - "el-icon-caret-top", - "el-icon-bottom-left", - "el-icon-bottom-right", - "el-icon-back", - "el-icon-right", - "el-icon-bottom", - "el-icon-top", - "el-icon-top-left", - "el-icon-top-right", - "el-icon-arrow-left", - "el-icon-arrow-right", - "el-icon-arrow-down", - "el-icon-arrow-up", - "el-icon-d-arrow-left", - "el-icon-d-arrow-right", - "el-icon-video-pause", - "el-icon-video-play", - "el-icon-refresh", - "el-icon-refresh-right", - "el-icon-refresh-left", - "el-icon-finished", - "el-icon-sort", - "el-icon-sort-up", - "el-icon-sort-down", - "el-icon-rank", - "el-icon-loading", - "el-icon-view", - "el-icon-c-scale-to-original", - "el-icon-date", - "el-icon-edit", - "el-icon-edit-outline", - "el-icon-folder", - "el-icon-folder-opened", - "el-icon-folder-add", - "el-icon-folder-remove", - "el-icon-folder-delete", - "el-icon-folder-checked", - "el-icon-tickets", - "el-icon-document-remove", - "el-icon-document-delete", - "el-icon-document-copy", - "el-icon-document-checked", - "el-icon-document", - "el-icon-document-add", - "el-icon-printer", - "el-icon-paperclip", - "el-icon-takeaway-box", - "el-icon-search", - "el-icon-monitor", - "el-icon-attract", - "el-icon-mobile", - "el-icon-scissors", - "el-icon-umbrella", - "el-icon-headset", - "el-icon-brush", - "el-icon-mouse", - "el-icon-coordinate", - "el-icon-magic-stick", - "el-icon-reading", - "el-icon-data-line", - "el-icon-data-board", - "el-icon-pie-chart", - "el-icon-data-analysis", - "el-icon-collection-tag", - "el-icon-film", - "el-icon-suitcase", - "el-icon-suitcase-1", - "el-icon-receiving", - "el-icon-collection", - "el-icon-files", - "el-icon-notebook-1", - "el-icon-notebook-2", - "el-icon-toilet-paper", - "el-icon-office-building", - "el-icon-school", - "el-icon-table-lamp", - "el-icon-house", - "el-icon-no-smoking", - "el-icon-smoking", - "el-icon-shopping-cart-full", - "el-icon-shopping-cart-1", - "el-icon-shopping-cart-2", - "el-icon-shopping-bag-1", - "el-icon-shopping-bag-2", - "el-icon-sold-out", - "el-icon-sell", - "el-icon-present", - "el-icon-box", - "el-icon-bank-card", - "el-icon-money", - "el-icon-coin", - "el-icon-wallet", - "el-icon-discount", - "el-icon-price-tag", - "el-icon-news", - "el-icon-guide", - "el-icon-male", - "el-icon-female", - "el-icon-thumb", - "el-icon-cpu", - "el-icon-link", - "el-icon-connection", - "el-icon-open", - "el-icon-turn-off", - "el-icon-set-up", - "el-icon-chat-round", - "el-icon-chat-line-round", - "el-icon-chat-square", - "el-icon-chat-dot-round", - "el-icon-chat-dot-square", - "el-icon-chat-line-square", - "el-icon-message", - "el-icon-postcard", - "el-icon-position", - "el-icon-turn-off-microphone", - "el-icon-microphone", - "el-icon-close-notification", - "el-icon-bangzhu", - "el-icon-time", - "el-icon-odometer", - "el-icon-crop", - "el-icon-aim", - "el-icon-switch-button", - "el-icon-full-screen", - "el-icon-copy-document", - "el-icon-mic", - "el-icon-stopwatch", - "el-icon-medal-1", - "el-icon-medal", - "el-icon-trophy", - "el-icon-trophy-1", - "el-icon-first-aid-kit", - "el-icon-discover", - "el-icon-place", - "el-icon-location", - "el-icon-location-outline", - "el-icon-location-information", - "el-icon-add-location", - "el-icon-delete-location", - "el-icon-map-location", - "el-icon-alarm-clock", - "el-icon-timer", - "el-icon-watch-1", - "el-icon-watch", - "el-icon-lock", - "el-icon-unlock", - "el-icon-key", - "el-icon-service", - "el-icon-mobile-phone", - "el-icon-bicycle", - "el-icon-truck", - "el-icon-ship", - "el-icon-basketball", - "el-icon-football", - "el-icon-soccer", - "el-icon-baseball", - "el-icon-wind-power", - "el-icon-light-rain", - "el-icon-lightning", - "el-icon-heavy-rain", - "el-icon-sunrise", - "el-icon-sunrise-1", - "el-icon-sunset", - "el-icon-sunny", - "el-icon-cloudy", - "el-icon-partly-cloudy", - "el-icon-cloudy-and-sunny", - "el-icon-moon", - "el-icon-moon-night", - "el-icon-dish", - "el-icon-dish-1", - "el-icon-food", - "el-icon-chicken", - "el-icon-fork-spoon", - "el-icon-knife-fork", - "el-icon-burger", - "el-icon-tableware", - "el-icon-sugar", - "el-icon-dessert", - "el-icon-ice-cream", - "el-icon-hot-water", - "el-icon-water-cup", - "el-icon-coffee-cup", - "el-icon-cold-drink", - "el-icon-goblet", - "el-icon-goblet-full", - "el-icon-goblet-square", - "el-icon-goblet-square-full", - "el-icon-refrigerator", - "el-icon-grape", - "el-icon-watermelon", - "el-icon-cherry", - "el-icon-apple", - "el-icon-pear", - "el-icon-orange", - "el-icon-coffee", - "el-icon-ice-tea", - "el-icon-ice-drink", - "el-icon-milk-tea", - "el-icon-potato-strips", - "el-icon-lollipop", - "el-icon-ice-cream-square", - "el-icon-ice-cream-round" -] \ No newline at end of file diff --git a/images/orange-demo-activiti-web/src/components/IconSelect/index.vue b/images/orange-demo-activiti-web/src/components/IconSelect/index.vue deleted file mode 100644 index 06be852b..00000000 --- a/images/orange-demo-activiti-web/src/components/IconSelect/index.vue +++ /dev/null @@ -1,104 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/components/InputNumberRange/index.vue b/images/orange-demo-activiti-web/src/components/InputNumberRange/index.vue deleted file mode 100644 index 94f59ba4..00000000 --- a/images/orange-demo-activiti-web/src/components/InputNumberRange/index.vue +++ /dev/null @@ -1,226 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/components/Progress/index.vue b/images/orange-demo-activiti-web/src/components/Progress/index.vue deleted file mode 100644 index 2225e489..00000000 --- a/images/orange-demo-activiti-web/src/components/Progress/index.vue +++ /dev/null @@ -1,44 +0,0 @@ - - - diff --git a/images/orange-demo-activiti-web/src/components/RichEditor/index.vue b/images/orange-demo-activiti-web/src/components/RichEditor/index.vue deleted file mode 100644 index fea000a9..00000000 --- a/images/orange-demo-activiti-web/src/components/RichEditor/index.vue +++ /dev/null @@ -1,132 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/components/TableProgressColumn/index.vue b/images/orange-demo-activiti-web/src/components/TableProgressColumn/index.vue deleted file mode 100644 index 7e82a4eb..00000000 --- a/images/orange-demo-activiti-web/src/components/TableProgressColumn/index.vue +++ /dev/null @@ -1,119 +0,0 @@ - - - diff --git a/images/orange-demo-activiti-web/src/components/TreeSelect/index.vue b/images/orange-demo-activiti-web/src/components/TreeSelect/index.vue deleted file mode 100644 index d10b1123..00000000 --- a/images/orange-demo-activiti-web/src/components/TreeSelect/index.vue +++ /dev/null @@ -1,290 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/core/config/development.js b/images/orange-demo-activiti-web/src/core/config/development.js deleted file mode 100644 index 883e8c0e..00000000 --- a/images/orange-demo-activiti-web/src/core/config/development.js +++ /dev/null @@ -1,4 +0,0 @@ -module.exports = { - baseUrl: 'http://localhost:8082/', - projectName: '橙单代码生成平台' -} diff --git a/images/orange-demo-activiti-web/src/core/config/index.js b/images/orange-demo-activiti-web/src/core/config/index.js deleted file mode 100644 index 35003bc1..00000000 --- a/images/orange-demo-activiti-web/src/core/config/index.js +++ /dev/null @@ -1,18 +0,0 @@ -const projectConfig = require('../config/' + process.env.NODE_ENV); - -export const globalConfig = { - httpOption: { - // 调用的时候是否显示蒙版 - showMask: true, - // 是否显示公共的错误提示 - showError: true, - // 是否开启节流功能，同一个url不能频繁重复调用 - throttleFlag: false, - // 节流间隔 - throttleTimeout: 50 - }, - axiosOption: { - } -}; - -export default projectConfig; diff --git a/images/orange-demo-activiti-web/src/core/config/production.js b/images/orange-demo-activiti-web/src/core/config/production.js deleted file mode 100644 index 1f34bb53..00000000 --- a/images/orange-demo-activiti-web/src/core/config/production.js +++ /dev/null @@ -1,4 +0,0 @@ -module.exports = { - baseUrl: 'http://localhost:8082/', - projectName: '橙单项目' -} diff --git a/images/orange-demo-activiti-web/src/core/directive/sortable.js b/images/orange-demo-activiti-web/src/core/directive/sortable.js deleted file mode 100644 index 410de2d9..00000000 --- a/images/orange-demo-activiti-web/src/core/directive/sortable.js +++ /dev/null @@ -1,14 +0,0 @@ -import Vue from 'vue' -import { SortableData } from './sortableData'; - -/** - * 拖拽排序指令 - */ -Vue.directive('sortable', { - inserted: function (el, binding, vnode) { - let sortableData = binding.value; - if (sortableData == null || !(sortableData instanceof SortableData)) return; - - sortableData.init(vnode.elm); - } -}); diff --git a/images/orange-demo-activiti-web/src/core/directive/sortableData.js b/images/orange-demo-activiti-web/src/core/directive/sortableData.js deleted file mode 100644 index 4993e08a..00000000 --- a/images/orange-demo-activiti-web/src/core/directive/sortableData.js +++ /dev/null @@ -1,60 +0,0 @@ -import sortable from 'sortablejs' -/** - * 拖拽排序对象 - * expample - * - */ -export class SortableData { - constructor (data, group) { - this.list = data; - this.group = group; - this.ghostClass = 'sortable-ghost'; - this.sortable = null; - this.disabled = false; - }; - - setData (list) { - this.list = list; - } - - getElement (el) { - return el; - }; - - onEnd (oldIndex, newIndex) { - if (oldIndex === newIndex || this.list == null) return; - let targetRow = this.list.splice(oldIndex, 1)[0] - this.list.splice(newIndex, 0, targetRow); - }; - - init (el) { - var _this = this; - - var _option = {}; - if (this.ghostClass != null) _option.ghostClass = this.ghostClass; - if (this.group != null) _option.group = this.group; - if (this.disabled != null) _option.disabled = this.disabled; - // 列表中能拖动的dom的选择器（例如：.drag-item） - if (this.draggable != null) _option.draggable = this.draggable; - // 列表中拖动项，拖动把柄的选择器，只有点击这个选择出来的dom才可以开始拖动（例如：.drag-handle） - if (this.handle != null) _option.handle = this.handle; - _option.setData = function (dataTransfer) { - dataTransfer.setData('Text', ''); - }; - _option.onEnd = function (evt) { - _this.onEnd(evt.oldIndex, evt.newIndex); - }; - - this.sortable = sortable.create(_this.getElement(el), _option); - }; - - release () { - if (this.sortable != null) this.sortable.destroy(); - this.sortable = null; - } -}; diff --git a/images/orange-demo-activiti-web/src/core/http/index.js b/images/orange-demo-activiti-web/src/core/http/index.js deleted file mode 100644 index 3dba6663..00000000 --- a/images/orange-demo-activiti-web/src/core/http/index.js +++ /dev/null @@ -1,203 +0,0 @@ -import Vue from 'vue'; -import { Loading, Message } from 'element-ui'; -import request from './request'; -import requestUrl from './requestUrl'; -import { globalConfig } from '@/core/config'; - -/** - * 遮罩管理，多次调用支持引用计数 - */ -class LoadingManager { - constructor (options) { - this.options = options; - this.refCount = 0; - this.loading = undefined; - } - - showMask () { - this.loading = Loading.service(this.options); - this.refCount++; - } - - hideMask () { - if (this.refCount <= 1 && this.loading != null) { - this.loading.close(); - this.loading = null; - } - this.refCount--; - this.refCount = Math.max(0, this.refCount); - } -} - -const loadingManager = new LoadingManager({ - fullscreen: true, - background: 'rgba(0, 0, 0, 0.1)' -}); - -/** - * post请求 - * @param {String} url 请求的url - * @param {Object} params 请求参数 - * @param {Object} options axios设置项 - * @returns {Promise} - */ -const fetchPost = function (url, params, options) { - if (options == null) return {}; - let tempOptions = { - ...options, - method: 'post', - url: requestUrl(url), - data: params - }; - - return request(tempOptions); -}; -/** - * get请求 - * @param {String} url 请求的url - * @param {Object} params 请求参数 - * @param {Object} options axios设置项 - * @returns {Promise} - */ -const fetchGet = function (url, params, options) { - if (options == null) return {}; - let tempOptions = { - ...options, - method: 'get', - url: requestUrl(url), - params - }; - return request(tempOptions); -}; -/** - * 下载请求 - * @param {String} url 请求的url - * @param {Object} params 请求参数 - * @param {String} fileName 下载后保存的文件名 - * @returns {Promise} - */ -const fetchDownload = function (url, params, fileName) { - return new Promise((resolve, reject) => { - request({ - url: requestUrl(url), - method: 'post', - data: params, - responseType: 'blob', - transformResponse: function (data) { - return (data instanceof Blob && data.size > 0) ? data : undefined; - } - }).then(res => { - if (res.data == null) { - reject(new Error('下载文件失败')); - } else { - let blobData = new Blob([res.data], { type: 'application/octet-stream' }); - let blobUrl = window.URL.createObjectURL(blobData); - let linkDom = document.createElement('a'); - linkDom.style.display = 'none'; - linkDom.href = blobUrl; - linkDom.setAttribute('download', fileName); - if (typeof linkDom.download === 'undefined') { - linkDom.setAttribute('target', '_blank'); - } - document.body.appendChild(linkDom); - linkDom.click(); - document.body.removeChild(linkDom); - window.URL.revokeObjectURL(blobData); - resolve(); - } - }).catch(e => { - if (e instanceof Blob) { - let reader = new FileReader(); - reader.onload = function () { - let jsonObj = JSON.parse(reader.result); - reject((jsonObj || {}).errorMessage || '下载文件失败'); - } - reader.readAsText(e); - } else { - reject(e); - } - }); - }); -} - -// url调用节流Set -const ajaxThrottleSet = new Set(); -/** - * 数据请求 - * @param {String} url 请求的url - * @param {String} type 请求类型 (get，post) - * @param {Object} params 请求参数 - * @param {Object} axiosOption axios设置 - * @param {Object} options 显示设置 - */ -const doUrl = function (url, type, params, axiosOption, options) { - let finalOption = { - ...globalConfig.httpOption, - ...options - }; - let { showMask, showError, throttleFlag, throttleTimeout } = finalOption; - let finalAxiosOption = { - ...globalConfig.axiosOption, - ...axiosOption - } - if (type == null || type === '') type = 'post'; - if (ajaxThrottleSet.has(url) && throttleFlag) { - return Promise.resolve(); - } else { - if (throttleFlag) { - ajaxThrottleSet.add(url); - setTimeout(() => { - ajaxThrottleSet.delete(url); - }, throttleTimeout || 50); - } - return new Promise((resolve, reject) => { - if (showMask) loadingManager.showMask(); - let ajaxCall = null; - if (type.toLowerCase() === 'get') { - ajaxCall = fetchGet(url, params, finalAxiosOption); - } else if (type.toLowerCase() === 'post') { - ajaxCall = fetchPost(url, params, finalAxiosOption); - } - - if (ajaxCall != null) { - ajaxCall.then(res => { - if (showMask) loadingManager.hideMask(); - if (res.data && res.data.success) { - resolve(res.data); - } else { - if (showError) { - Message.error({ - showClose: true, - message: res.data.errorMessage ? res.data.errorMessage : '数据请求失败' - }); - } - reject(res.data); - } - }).catch(e => { - if (showMask) loadingManager.hideMask(); - if (showError) { - Message.error({ - showClose: true, - message: e.errorMessage ? e.errorMessage : '网络请求错误' - }); - } - reject(e); - }); - } else { - if (showMask) loadingManager.hideMask(); - reject(new Error('错误的请求类型 - ' + type)); - } - }); - } -}; - -Vue.prototype.download = fetchDownload; -Vue.prototype.doUrl = doUrl; -Vue.prototype.loadingManager = loadingManager; - -export default { - doUrl, - fetchPost, - fetchGet, - fetchDownload -} diff --git a/images/orange-demo-activiti-web/src/core/http/request.js b/images/orange-demo-activiti-web/src/core/http/request.js deleted file mode 100644 index 13210938..00000000 --- a/images/orange-demo-activiti-web/src/core/http/request.js +++ /dev/null @@ -1,75 +0,0 @@ -import axios from 'axios'; -import router from '@/router'; -import dialog from '@/components/Dialog'; -import JSONbig from 'json-bigint'; -import { getToken, setToken } from '@/utils'; - -// 创建axios实例 -const service = axios.create({ - timeout: 1000 * 30, - withCredentials: true, - headers: { - // 'Content-Type': 'application/x-www-form-urlencoded; charset=utf-8' - 'Content-Type': 'application/json; charset=utf-8', - 'deviceType': '4' - }, - transformResponse: [ - function (data) { - if (typeof data === 'string') { - const JSONbigString = new JSONbig({storeAsString: true}); - return JSONbigString.parse(data); - } else { - return data; - } - } - ] -}) - -// request拦截器 -service.interceptors.request.use( - config => { - let token = getToken(); - let menuIdJsonStr = window.sessionStorage.getItem('currentMenuId'); - let currentMenuId; - if (menuIdJsonStr != null) { - currentMenuId = (JSON.parse(menuIdJsonStr) || {}).data; - } - if (token != null) config.headers['Authorization'] = token; - if (currentMenuId != null) config.headers['MenuId'] = currentMenuId; - return config - }, error => { - return Promise.reject(error) - } -); - -// response拦截器 -service.interceptors.response.use( - response => { - if (response.data && response.data.errorCode === 'UNAUTHORIZED_LOGIN') { // 401, token失效 - dialog.closeAll(); - router.push({ name: 'login' }) - } else { - if (response.headers['refreshedtoken'] != null) { - setToken(response.headers['refreshedtoken']); - } - } - return response - }, error => { - let response = error.response; - - if (response && response.data) { - if (response.data.errorCode === 'UNAUTHORIZED_LOGIN') { - dialog.closeAll(); - router.push({ name: 'login' }); - } - - return Promise.reject(response.data); - } else { - return Promise.reject(new Error({ - errorMessage: '数据获取失败，请稍后再试' - })); - } - } -); - -export default service diff --git a/images/orange-demo-activiti-web/src/core/http/requestUrl.js b/images/orange-demo-activiti-web/src/core/http/requestUrl.js deleted file mode 100644 index 96a921e1..00000000 --- a/images/orange-demo-activiti-web/src/core/http/requestUrl.js +++ /dev/null @@ -1,27 +0,0 @@ -import projectConfig from '@/core/config'; -import { objectToQueryString } from '@/utils'; -console.log(process.env.NODE_ENV, projectConfig); - -/** - * 请求地址统一处理／组装 - * @param actionName action方法名称 - */ -export default function (actionName) { - if (actionName != null && actionName !== '') { - if (actionName.substr(0, 1) === '/') actionName = actionName.substr(1); - } - return projectConfig.baseUrl + actionName; -} - -export function buildGetUrl (actionName, params) { - let queryString = objectToQueryString(params); - if (actionName != null && actionName !== '') { - if (actionName.substr(0, 1) === '/') actionName = actionName.substr(1); - } - - return projectConfig.baseUrl + actionName + (queryString == null ? '' : ('?' + queryString)); -} - -export { - projectConfig -} diff --git a/images/orange-demo-activiti-web/src/core/mixins/global.js b/images/orange-demo-activiti-web/src/core/mixins/global.js deleted file mode 100644 index 7c78fa4b..00000000 --- a/images/orange-demo-activiti-web/src/core/mixins/global.js +++ /dev/null @@ -1,114 +0,0 @@ -import Vue from 'vue'; -import Request from '@/core/http/request.js'; -import { mapMutations, mapGetters } from 'vuex'; - -// 全局mixin对象 -const globalMixin = { - data () { - return { - isHttpLoading: false - } - }, - methods: { - /** - * 是否显示遮罩 - * @param {Boolean} isShow 是否显示 - */ - showMask (isShow) { - isShow ? this.loadingManager.showMask() : this.loadingManager.hideMask(); - }, - /** - * 判读用户是否有权限 - * @param {String} permCode 权限字 - */ - checkPermCodeExist (permCode) { - if ((this.getUserInfo || {}).permCodeSet != null) { - return this.getUserInfo.permCodeSet.has(permCode); - } else { - return this.getUserInfo.isAdmin; - } - }, - /** - * 将输入的值转换成指定的类型 - * @param {Any} value - * @param {String} type 要转换的类型（integer、float、boolean、string） - */ - parseParams (value, type = 'string') { - if (value == null) return value; - switch (type) { - case 'integer': return Number.parseInt(value); - case 'float': return Number.parseFloat(value); - case 'boolean': return (value === 'true' || value); - default: return String(value); - } - }, - /** - * 将输入值转换为执行的类型数组 - * @param {Array} value 输入数组 - * @param {String} type 要转换的类型（integer、float、boolean、string） - */ - parseArrayParams (value, type = 'string') { - if (Array.isArray(value)) { - return value.map((item) => { - switch (type) { - case 'integer': return Number.parseInt(item); - case 'float': return Number.parseFloat(item); - case 'boolean': return (item === 'true' || item); - default: return String(item); - } - }); - } else { - return []; - } - }, - /** - * 下载上传的文件 - * @param {*} url 下载文件的url - * @param {*} fileName 下载文件名 - */ - downloadFile (url, fileName) { - Request({ - url: url, - method: 'get', - responseType: 'blob', - transformResponse: function (data) { - return data; - } - }).then(res => { - let data = res.data; - if (res.status === 200 && data instanceof Blob) { - let url = window.URL.createObjectURL(data); - let link = document.createElement('a'); - link.style.display = 'none'; - link.href = url; - link.setAttribute('download', fileName); - document.body.appendChild(link); - link.click(); - document.body.removeChild(link); - } else { - this.$message.error('下载文件失败'); - } - }).catch(e => { - let reader = new FileReader(); - reader.onload = () => { - let jsonObj = JSON.parse(reader.result); - this.$message.error((jsonObj || {}).errorMessage || '下载文件失败'); - } - reader.readAsText(e); - }); - }, - ...mapMutations(['setLoadingStatus']) - }, - computed: { - ...mapGetters(['getUserInfo']) - }, - watch: { - 'loadingManager.loading': { - handler: function (newValue) { - this.isHttpLoading = (newValue != null); - } - } - } -} - -Vue.mixin(globalMixin); diff --git a/images/orange-demo-activiti-web/src/core/mixins/index.js b/images/orange-demo-activiti-web/src/core/mixins/index.js deleted file mode 100644 index 43cffa1e..00000000 --- a/images/orange-demo-activiti-web/src/core/mixins/index.js +++ /dev/null @@ -1,298 +0,0 @@ -import projectConfig from '@/core/config'; -import { buildGetUrl } from '@/core/http/requestUrl.js'; -import { formatDate, parseDate } from 'element-ui/src/utils/date-util'; -import { mapMutations } from 'vuex'; -import { getToken } from '@/utils'; - -/** - * 上传文件组件相关方法 - */ -const uploadMixin = { - methods: { - /** - * 解析返回的上传文件数据 - * @param {String} jsonData 上传文件数据，[{name, downloadUri, filename}] - * @param {Object} params 上传文件的参数 - * @returns {Array} 上传文件信息，[{name, downloadUri, filename, url}] - */ - parseUploadData (jsonData, params) { - let pathList = []; - if (jsonData != null) { - try { - pathList = JSON.parse(jsonData); - } catch (e) { - console.error(e); - } - } - - return pathList.map((item) => { - let downloadParams = {...params}; - downloadParams.filename = item.filename; - return { - ...item, - url: this.getUploadFileUrl(item, downloadParams) - } - }); - }, - /** - * 获得上传文件url列表 - * @param {*} jsonData 上传文件数据，[{name, downloadUri, filename}] - * @param {*} params 上传文件的参数 - * @returns {Array} 文件url列表 - */ - getPictureList (jsonData, params) { - let tempList = this.parseUploadData(jsonData, params); - if (Array.isArray(tempList)) { - return tempList.map(item => item.url); - } else { - return []; - } - }, - /** - * 将选中文件信息格式化成json信息 - * @param {Array} fileList 上传文件列表，[{name, fileUrl, data}] - */ - fileListToJson (fileList) { - if (Array.isArray(fileList)) { - return JSON.stringify(fileList.map((item) => { - return { - name: item.name, - downloadUri: item.downloadUri || item.response.data.downloadUri, - filename: item.filename || item.response.data.filename - } - })); - } else { - return undefined; - } - }, - /** - * 获得上传文件url - * @param {*} item 上传文件 - * @param {*} params 上传文件的参数 - */ - getUploadFileUrl (item, params) { - if (item == null || item.downloadUri == null) { - return null; - } else { - let menuIdJsonStr = window.sessionStorage.getItem('currentMenuId'); - let currentMenuId; - if (menuIdJsonStr != null) { - currentMenuId = (JSON.parse(menuIdJsonStr) || {}).data; - } - params.Authorization = getToken(); - params.MenuId = currentMenuId; - return buildGetUrl(item.downloadUri, params); - } - }, - /** - * 获得上传接口 - * @param {*} url 上传路径 - */ - getUploadActionUrl (url) { - if (url != null && url[0] === '/') { - url = url.substr(1); - } - return projectConfig.baseUrl + url; - }, - /** - * 上传文件是否图片文件 - * @param {*} file 上传文件 - */ - pictureFile (file) { - if (['image/jpeg', 'image/jpg', 'image/png'].indexOf(file.type) !== -1) { - return true; - } else { - this.$message.error('图片文件格式不正确，请重新选择'); - return false; - } - } - }, - computed: { - getUploadHeaders () { - let token = getToken(); - return { - Authorization: token - } - } - } -}; - -const allowStatsType = [ - 'time', - 'datetime', - 'day', - 'month', - 'year' -]; -/** - * 日期相关方法 - */ -const statsDateRangeMixin = { - methods: { - /** - * 根据输入的日期获得日期范围（例如：输入2019-12-12，输出['2019-12-12 00:00:00', '2019-12-12 23:59:59']） - * @param {Date|String} date 要转换的日期 - * @param {String} statsType 转换类型（day, month, year） - * @param {String} format 输出格式 - */ - getDateRangeFilter (date, statsType = 'day', format = 'yyyy-MM-dd HH:mm:ss') { - if (date == null) return []; - - statsType = allowStatsType.indexOf(statsType) === -1 ? 'day' : statsType; - date = date.substr(0, date.indexOf(' ')); - let tempList = date.split('-'); - let year = Number.parseInt(tempList[0]); - let month = Number.parseInt(tempList[1]); - let day = Number.parseInt(tempList[2]); - if (isNaN(year) || isNaN(month) || isNaN(day)) { - return []; - } - let tempDate = new Date(year, month - 1, day); - // 判断是否正确的日期 - if (isNaN(tempDate.getTime())) return []; - - tempDate.setHours(0, 0, 0, 0); - let retDate; - switch (statsType) { - case 'day': - retDate = [ - new Date(tempDate), - new Date(tempDate.setDate(tempDate.getDate() + 1)) - ]; - break; - case 'month': - tempDate.setDate(1); - retDate = [ - new Date(tempDate), - new Date(tempDate.setMonth(tempDate.getMonth() + 1)) - ]; - break; - case 'year': - tempDate.setDate(1); - tempDate.setMonth(0); - retDate = [ - new Date(tempDate), - new Date(tempDate.setFullYear(tempDate.getFullYear() + 1)) - ] - } - - retDate[1] = new Date(retDate[1].getTime() - 1); - - return [ - formatDate(retDate[0], format), - formatDate(retDate[1], format) - ]; - }, - /** - * 格式化日期 - * @param {Date|String} date 要格式化的日期 - * @param {String} statsType 输出日期类型 - * @param {String} format 输入日期的格式 - */ - formatDateByStatsType (date, statsType = 'day', format = 'yyyy-MM-dd') { - if (date == null) return undefined; - statsType = allowStatsType.indexOf(statsType) === -1 ? 'day' : statsType; - if (statsType === 'datetime') format = 'yyyy-MM-dd HH:mm:ss'; - - let tempDate = ((date instanceof Date) ? date : parseDate(date, format)); - if (!tempDate) return undefined; - switch (statsType) { - case 'time': - return formatDate(tempDate, 'HH:mm:ss'); - case 'datetime': - return formatDate(tempDate, 'yyyy-MM-dd HH:mm:ss'); - case 'day': - return formatDate(tempDate, 'yyyy-MM-dd'); - case 'month': - return formatDate(tempDate, 'yyyy-MM'); - case 'year': - return formatDate(tempDate, 'yyyy'); - default: - return formatDate(tempDate, 'yyyy-MM-dd'); - } - }, - /** - * 获得统计类型中文名称 - * @param {String} statsType 统计类型（day, month, year） - */ - getStatsTypeShowName (statsType) { - statsType = allowStatsType.indexOf(statsType) === -1 ? 'day' : statsType; - switch (statsType) { - case 'day': return '日统计'; - case 'month': return '月统计'; - case 'year': return '年统计'; - } - }, - /** - * 获取统计类型字典列表 - * @param {Array} statsTypeList 统计类型列表 - */ - getAllowStatsTypeList (statsTypeList) { - if (Array.isArray(statsTypeList) && statsTypeList.length > 0) { - return statsTypeList.map((item) => { - return { - id: item, - name: this.getStatsTypeShowName(item) - } - }); - } else { - return []; - } - } - } -} -/** - * 页面缓存相关方法 - */ -const cachePageMixin = { - methods: { - /** - * 移除缓存页面 - * @param {*} name 缓存组件的名称 - */ - removeCachePage (name) { - this.removeCachePage(name); - }, - /** - * 从跳转页面返回并且刷新当前页面时调用 - */ - onResume () { - }, - ...mapMutations(['addCachePage', 'removeCachePage']) - }, - created () { - this.addCachePage(this.$options.name); - }, - mounted () { - this.$route.meta.refresh = false; - }, - activated () { - if (this.$route && this.$route.meta && this.$route.meta.refresh) { - this.onResume(); - } - this.$route.meta.refresh = true; - } -} -/** - * 缓存页面跳转页面相关方法 - */ -const cachedPageChildMixin = { - data () { - return { - // 是否刷新父页面 - refreshParentCachedPage: false - } - }, - beforeRouteLeave (to, from, next) { - if (to.meta == null) to.meta = {}; - to.meta.refresh = this.refreshParentCachedPage; - next(); - } -} - -export { - uploadMixin, - statsDateRangeMixin, - cachePageMixin, - cachedPageChildMixin -} diff --git a/images/orange-demo-activiti-web/src/main.js b/images/orange-demo-activiti-web/src/main.js deleted file mode 100644 index 25828f8f..00000000 --- a/images/orange-demo-activiti-web/src/main.js +++ /dev/null @@ -1,39 +0,0 @@ -import '@/core/http'; -import JSONbig from 'json-bigint'; -import '@/components/Dialog'; -import Vue from 'vue'; -import ElementUI from 'element-ui'; -// import 'element-ui/lib/theme-chalk/index.css' -import '@/assets/style/index.scss'; -import '@/core/mixins/global.js'; -import App from './App'; -import router from './router'; -import store from './store'; -import TreeSelect from '@/components/TreeSelect'; -import RichEditor from '@/components/RichEditor'; -import InputNumberRange from '@/components/InputNumberRange'; -import DateRange from '@/components/DateRange'; -import FilterBox from '@/components/FilterBox'; -import TableProgressColumn from '@/components/TableProgressColumn'; -import VCharts from 'v-charts'; - -window.JSON = new JSONbig({storeAsString: true}); - -Vue.component('tree-select', TreeSelect); -Vue.component('rich-editor', RichEditor); -Vue.component('input-number-range', InputNumberRange); -Vue.component('date-range', DateRange); -Vue.component('filter-box', FilterBox); -Vue.component('table-progress-column', TableProgressColumn); - -Vue.use(ElementUI); -Vue.use(VCharts); - -Vue.config.productionTip = false; - -/* eslint-disable no-new */ -new Vue({ - router, - store, - render: h => h(App) -}).$mount('#app'); diff --git a/images/orange-demo-activiti-web/src/registerServiceWorker.js b/images/orange-demo-activiti-web/src/registerServiceWorker.js deleted file mode 100644 index 76cede07..00000000 --- a/images/orange-demo-activiti-web/src/registerServiceWorker.js +++ /dev/null @@ -1,32 +0,0 @@ -/* eslint-disable no-console */ - -import { register } from 'register-service-worker' - -if (process.env.NODE_ENV === 'production') { - register(`${process.env.BASE_URL}service-worker.js`, { - ready () { - console.log( - 'App is being served from cache by a service worker.\n' + - 'For more details, visit https://goo.gl/AFskqB' - ) - }, - registered () { - console.log('Service worker has been registered.') - }, - cached () { - console.log('Content has been cached for offline use.') - }, - updatefound () { - console.log('New content is downloading.') - }, - updated () { - console.log('New content is available; please refresh.') - }, - offline () { - console.log('No internet connection found. App is running in offline mode.') - }, - error (error) { - console.error('Error during service worker registration:', error) - } - }) -} diff --git a/images/orange-demo-activiti-web/src/router/import-development.js b/images/orange-demo-activiti-web/src/router/import-development.js deleted file mode 100644 index b29a72d9..00000000 --- a/images/orange-demo-activiti-web/src/router/import-development.js +++ /dev/null @@ -1 +0,0 @@ -module.exports = file => require('../views/' + file + '.vue').default diff --git a/images/orange-demo-activiti-web/src/router/import-production.js b/images/orange-demo-activiti-web/src/router/import-production.js deleted file mode 100644 index 10d919de..00000000 --- a/images/orange-demo-activiti-web/src/router/import-production.js +++ /dev/null @@ -1 +0,0 @@ -module.exports = file => () => import('../views/' + file + '.vue') diff --git a/images/orange-demo-activiti-web/src/router/index.js b/images/orange-demo-activiti-web/src/router/index.js deleted file mode 100644 index 7c3a42fd..00000000 --- a/images/orange-demo-activiti-web/src/router/index.js +++ /dev/null @@ -1,41 +0,0 @@ -import Vue from 'vue'; -import Router from 'vue-router'; -import routers from './systemRouters.js'; -import dialog from '@/components/Dialog'; -import { getToken } from '@/utils'; - -Vue.use(Router) - -const router = new Router({ - mode: 'hash', - routes: routers -}); - -const originalPush = Router.prototype.push; -Router.prototype.push = function push (location) { - return originalPush.call(this, location).catch(e => {}); -} - -const originalReplace = Router.prototype.replace; -Router.prototype.replace = function push (location, onComplete, onAbort) { - return originalReplace.call(this, location, onComplete, onAbort).catch(e => {}); -} - -/** - * 路由跳转的时候判断token是否存在 - */ -router.beforeResolve((to, from, next) => { - if (to.name === 'login') { - next(); - } else { - let token = getToken(); - if (!token || !/\S/.test(token)) { - dialog.closeAll(); - next({ name: 'login' }) - } else { - next(); - } - } -}); - -export default router; diff --git a/images/orange-demo-activiti-web/src/router/systemRouters.js b/images/orange-demo-activiti-web/src/router/systemRouters.js deleted file mode 100644 index 02000a2b..00000000 --- a/images/orange-demo-activiti-web/src/router/systemRouters.js +++ /dev/null @@ -1,69 +0,0 @@ -import state from '../store/state.js'; -// 开发环境不使用懒加载, 因为懒加载页面太多的话会造成webpack热更新太慢 -const _import = require('./import-' + process.env.NODE_ENV) - -function getProps (route) { - return route.query; -} - -// 系统生成路由 -const routers = [ - { path: '/login', component: _import('login/index'), name: 'login', props: getProps, desc: '登录' }, - { - path: '/', - component: _import('login/index'), - name: 'root' - }, - { - path: '/main', - component: _import('layout/index'), - name: 'main', - props: getProps, - redirect: { - name: 'welcome' - }, - meta: { - title: '主页', - showOnly: true - }, - children: [ - {path: 'formSysUser', component: _import('upms/formSysUser/index'), name: 'formSysUser', meta: {title: '用户管理'}}, - {path: 'formSysDept', component: _import('upms/formSysDept/index'), name: 'formSysDept', meta: {title: '部门管理'}}, - {path: 'formSysRole', component: _import('upms/formSysRole/index'), name: 'formSysRole', meta: {title: '角色管理'}}, - {path: 'formSysDataPerm', component: _import('upms/formSysDataPerm/index'), name: 'formSysDataPerm', meta: {title: '数据权限管理'}}, - {path: 'formSysMenu', component: _import(state.supportColumn ? 'upms/formSysMenu/formSysColumnMenu' : 'upms/formSysMenu/index'), name: 'formSysMenu', meta: {title: '菜单列表'}}, - {path: 'formSysDict', component: _import('upms/formDictManagement/index'), name: 'formSysDict', meta: {title: '字典管理'}}, - {path: 'formSysPermCode', component: _import('upms/formSysPermCode/index'), name: 'formSysPermCode', meta: {title: '权限字管理'}}, - {path: 'formSysPerm', component: _import('upms/formSysPerm/index'), name: 'formSysPerm', meta: {title: '权限资源管理'}}, - {path: 'formSysLoginUser', component: _import('upms/formSysLoginUser/index'), name: 'formSysLoginUser', meta: {title: '在线用户'}}, - // 岗位模块路由配置 - {path: 'formSysPost', component: _import('upms/formSysPost/index'), name: 'formSysPost', meta: {title: '岗位管理'}}, - {path: 'formSysDeptPost', component: _import('upms/formSysDeptPost/index'), name: 'formSysDeptPost', props: getProps, meta: {title: '设置部门岗位'}}, - // 在线表单模块路由配置 - {path: 'formOnlineDict', component: _import('onlineForm/formOnlineDict/index'), name: 'formOnlineDict', props: getProps, meta: {title: '在线表单字典管理'}}, - {path: 'formOnlinePage', component: _import('onlineForm/formOnlinePage/index'), name: 'formOnlinePage', props: getProps, meta: {title: '在线表单管理'}}, - {path: 'onlineForm', component: _import('onlineForm/index'), name: 'onlineForm', props: getProps, meta: {title: '在线表单'}}, - // 工作流模块路由配置 - {path: 'formMessage', component: _import('workflow/formMessage/index'), name: 'formMessage', meta: {title: '催办消息'}}, - {path: 'formFlowCategory', component: _import('workflow/flowCategory/formFlowCategory'), name: 'formFlowCategory', props: getProps, meta: {title: '流程分类管理'}}, - {path: 'formFlowEntry', component: _import('workflow/flowEntry/formFlowEntry'), name: 'formFlowEntry', props: getProps, meta: {title: '流程设计'}}, - {path: 'formAllInstance', component: _import('workflow/taskManager/formAllInstance'), name: 'formAllInstance', props: getProps, meta: {title: '流程实例'}}, - {path: 'formMyTask', component: _import('workflow/taskManager/formMyTask'), name: 'formMyTask', props: getProps, meta: {title: '我的待办'}}, - {path: 'formMyApprovedTask', component: _import('workflow/taskManager/formMyApprovedTask'), name: 'formMyApprovedTask', props: getProps, meta: {title: '已办任务'}}, - {path: 'formMyHistoryTask', component: _import('workflow/taskManager/formMyHistoryTask'), name: 'formMyHistoryTask', props: getProps, meta: {title: '历史流程'}}, - { - path: 'handlerFlowTask', - component: _import('workflow/handlerFlowTask/index'), - name: 'handlerFlowTask', - props: getProps, - meta: {title: '流程处理'}, - children: [ - // 静态表单路由设置 - ] - }, - {path: 'welcome', component: _import('welcome/index'), name: 'welcome', meta: {title: '欢迎'}} - ] - } -]; - -export default routers; diff --git a/images/orange-demo-activiti-web/src/staticDict/flowStaticDict.js b/images/orange-demo-activiti-web/src/staticDict/flowStaticDict.js deleted file mode 100644 index b73f2121..00000000 --- a/images/orange-demo-activiti-web/src/staticDict/flowStaticDict.js +++ /dev/null @@ -1,193 +0,0 @@ -/** - * 工作流常量字典 - */ -import Vue from 'vue'; -import { DictionaryBase } from './index.js'; - -const SysFlowEntryBindFormType = new DictionaryBase('流程绑定表单类型', [ - { - id: 0, - name: '动态表单', - symbol: 'ONLINE_FORM' - }, - { - id: 1, - name: '路由表单', - symbol: 'ROUTER_FORM' - } -]); -Vue.prototype.SysFlowEntryBindFormType = SysFlowEntryBindFormType; - -const SysFlowEntryPublishedStatus = new DictionaryBase('流程设计发布状态', [ - { - id: 0, - name: '未发布', - symbol: 'UNPUBLISHED' - }, - { - id: 1, - name: '已发布', - symbol: 'PUBLISHED' - } -]); -Vue.prototype.SysFlowEntryPublishedStatus = SysFlowEntryPublishedStatus; - -const SysFlowEntryStep = new DictionaryBase('流程设计步骤', [ - { - id: 0, - name: '编辑基础信息', - symbol: 'BASIC' - }, - { - id: 1, - name: '流程变量设置', - symbol: 'PROCESS_VARIABLE' - }, - { - id: 2, - name: '设计流程', - symbol: 'PROCESS_DESIGN' - } -]); -Vue.prototype.SysFlowEntryStep = SysFlowEntryStep; - -const SysFlowTaskOperationType = new DictionaryBase('任务操作类型', [ - { - id: 'agree', - name: '同意', - symbol: 'AGREE' - }, - { - id: 'refuse', - name: '拒绝', - symbol: 'REFUSE' - }, - { - id: 'reject', - name: '驳回', - symbol: 'REJECT' - }, - { - id: 'revoke', - name: '撤销', - symbol: 'REVOKE' - }, - { - id: 'transfer', - name: '转办', - symbol: 'TRANSFER' - }, - { - id: 'multi_consign', - name: '加签', - symbol: 'CO_SIGN' - }, - { - id: 'save', - name: '保存', - symbol: 'SAVE' - }, - { - id: 'stop', - name: '终止', - symbol: 'STOP' - }, - { - id: 'multi_sign', - name: '会签', - symbol: 'MULTI_SIGN' - }, - { - id: 'multi_agree', - name: '同意（会签）', - symbol: 'MULTI_AGREE' - }, - { - id: 'multi_refuse', - name: '拒绝（会签）', - symbol: 'MULTI_REFUSE' - }, - { - id: 'multi_abstain', - name: '弃权（会签）', - symbol: 'MULTI_ABSTAIN' - }, - { - id: 'set_assignee', - name: '指定审批人', - symbol: 'SET_ASSIGNEE' - } -]); -Vue.prototype.SysFlowTaskOperationType = SysFlowTaskOperationType; - -const SysFlowTaskType = new DictionaryBase('工作流任务类型', [ - { - id: 0, - name: '其他任务', - symbol: 'OTHER_TASK' - }, - { - id: 1, - name: '用户任务', - symbol: 'USER_TASK' - } -]); -Vue.prototype.SysFlowTaskType = SysFlowTaskType; - -const SysFlowVariableType = new DictionaryBase('工作流变量类型', [ - { - id: 0, - name: '流程变量', - symbol: 'INSTANCE' - }, - { - id: 1, - name: '任务变量', - symbol: 'TASK' - } -]); -Vue.prototype.SysFlowVariableType = SysFlowVariableType; - -const SysFlowWorkOrderStatus = new DictionaryBase('工单状态', [ - { - id: 0, - name: '已提交', - symbol: 'SUBMITED' - }, - { - id: 1, - name: '审批中', - symbol: 'APPROVING' - }, - { - id: 2, - name: '已拒绝', - symbol: 'REFUSED' - }, - { - id: 3, - name: '已完成', - symbol: 'FINISHED' - }, - { - id: 4, - name: '终止', - symbol: 'STOPPED' - }, - { - id: 5, - name: '撤销', - symbol: 'CANCEL' - } -]); -Vue.prototype.SysFlowWorkOrderStatus = SysFlowWorkOrderStatus; - -export { - SysFlowEntryPublishedStatus, - SysFlowEntryBindFormType, - SysFlowEntryStep, - SysFlowTaskOperationType, - SysFlowTaskType, - SysFlowVariableType, - SysFlowWorkOrderStatus -} diff --git a/images/orange-demo-activiti-web/src/staticDict/index.js b/images/orange-demo-activiti-web/src/staticDict/index.js deleted file mode 100644 index 38171887..00000000 --- a/images/orange-demo-activiti-web/src/staticDict/index.js +++ /dev/null @@ -1,201 +0,0 @@ -/** - * 常量字典数据 - */ -import Vue from 'vue'; - -class DictionaryBase extends Map { - constructor (name, dataList, keyId = 'id', symbolId = 'symbol') { - super(); - this.showName = name; - this.setList(dataList, keyId, symbolId); - } - - setList (dataList, keyId = 'id', symbolId = 'symbol') { - this.clear(); - if (Array.isArray(dataList)) { - dataList.forEach((item) => { - this.set(item[keyId], item); - if (item[symbolId] != null) { - Object.defineProperty(this, item[symbolId], { - get: function () { - return item[keyId]; - } - }); - } - }); - } - } - - getList (valueId = 'name', parentIdKey = 'parentId', filter) { - let temp = []; - this.forEach((value, key) => { - let obj = { - id: key, - name: (typeof value === 'string') ? value : value[valueId], - parentId: value[parentIdKey] - }; - if (typeof filter !== 'function' || filter(obj)) { - temp.push(obj); - } - }); - - return temp; - } - - getValue (id, valueId = 'name') { - // 如果id为boolean类型，则自动转换为0和1 - if (typeof id === 'boolean') { - id = id ? 1 : 0; - } - return (this.get(id) || {})[valueId]; - } -} - -const SysUserStatus = new DictionaryBase('用户状态', [ - { - id: 0, - name: '正常状态', - symbol: 'NORMAL' - }, - { - id: 1, - name: '锁定状态', - symbol: 'LOCKED' - } -]); -Vue.prototype.SysUserStatus = SysUserStatus; - -const SysUserType = new DictionaryBase('用户类型', [ - { - id: 0, - name: '管理员', - symbol: 'ADMIN' - }, - { - id: 1, - name: '系统操作员', - symbol: 'SYSTEM' - }, - { - id: 2, - name: '普通操作员', - symbol: 'OPERATOR' - } -]); -Vue.prototype.SysUserType = SysUserType; - -const SysPermModuleType = new DictionaryBase('权限分组类型', [ - { - id: 0, - name: '分组模块', - symbol: 'GROUP' - }, { - id: 1, - name: '接口模块', - symbol: 'CONTROLLER' - } -]); -Vue.prototype.SysPermModuleType = SysPermModuleType; - -const SysPermCodeType = new DictionaryBase('权限字类型', [{ - id: 0, - name: '表单', - symbol: 'FORM' -}, { - id: 1, - name: '片段', - symbol: 'FRAGMENT' -}, { - id: 2, - name: '操作', - symbol: 'OPERATION' -}]); -Vue.prototype.SysPermCodeType = SysPermCodeType; - -const SysMenuType = new DictionaryBase('菜单类型', [ - { - id: 0, - name: '目录', - symbol: 'DIRECTORY' - }, - { - id: 1, - name: '表单', - symbol: 'MENU' - }, - { - id: 2, - name: '片段', - symbol: 'FRAGMENT' - }, - { - id: 3, - name: '按钮', - symbol: 'BUTTON' - } -]); -Vue.prototype.SysMenuType = SysMenuType; - -const SysMenuBindType = new DictionaryBase('菜单绑定类型', [ - { - id: 0, - name: '路由菜单', - symbol: 'ROUTER' - }, - { - id: 1, - name: '在线表单', - symbol: 'ONLINE_FORM' - }, - { - id: 2, - name: '工单列表', - symbol: 'WORK_ORDER' - } -]); -Vue.prototype.SysMenuBindType = SysMenuBindType; - -const SysDataPermType = new DictionaryBase('数据权限类型', [ - { - id: 0, - name: '查看全部', - symbol: 'ALL' - }, - { - id: 1, - name: '仅看自己', - symbol: 'ONLY_USER' - }, - { - id: 2, - name: '仅看所在部门', - symbol: 'ONLY_DEPT' - }, - { - id: 3, - name: '仅看所在部门及子部门', - symbol: 'ONLY_DEPT_AND_CHILD' - }, - { - id: 4, - name: '自选部门及子部门', - symbol: 'CUSTOM_DEPT_AND_CHILD' - }, - { - id: 5, - name: '仅自选部门', - symbol: 'CUSTOM_DEPT' - } -]); -Vue.prototype.SysDataPermType = SysDataPermType; - -export { - DictionaryBase, - SysUserStatus, - SysUserType, - SysDataPermType, - SysPermModuleType, - SysPermCodeType, - SysMenuBindType, - SysMenuType -} diff --git a/images/orange-demo-activiti-web/src/staticDict/onlineStaticDict.js b/images/orange-demo-activiti-web/src/staticDict/onlineStaticDict.js deleted file mode 100644 index 00ebfea3..00000000 --- a/images/orange-demo-activiti-web/src/staticDict/onlineStaticDict.js +++ /dev/null @@ -1,566 +0,0 @@ -/** - * 在线表单常量字典 - */ -import Vue from 'vue'; -import { DictionaryBase } from './index.js'; - -const SysOnlineFieldKind = new DictionaryBase('字段类型', [ - { - id: 1, - name: '文件上传字段', - symbol: 'UPLOAD' - }, - { - id: 2, - name: '图片上传字段', - symbol: 'UPLOAD_IMAGE' - }, - { - id: 3, - name: '富文本字段', - symbol: 'RICH_TEXT' - }, - { - id: 20, - name: '创建时间字段', - symbol: 'CREATE_TIME' - }, - { - id: 21, - name: '创建人字段', - symbol: 'CREATE_USER_ID' - }, - { - id: 22, - name: '更新时间字段', - symbol: 'UPDATE_TIME' - }, - { - id: 23, - name: '更新人字段', - symbol: 'UPDATE_USER_ID' - }, - /** - * 暂时屏蔽掉，等租户运营支持在线表单再开启 - { - id: 30, - name: '租户过滤字段', - symbol: 'TENANT_FILTER' - }, - */ - { - id: 31, - name: '逻辑删除字段', - symbol: 'LOGIC_DELETE' - } -]); -Vue.prototype.SysOnlineFieldKind = SysOnlineFieldKind; - -const SysOnlineDataPermFilterType = new DictionaryBase('数据权限过滤类型', [ - { - id: 1, - name: '用户过滤字段', - symbol: 'USER_FILTER' - }, - { - id: 2, - name: '部门过滤字段', - symbol: 'DEPT_FILTER' - } -]); -Vue.prototype.SysOnlineDataPermFilterType = SysOnlineDataPermFilterType; - -const SysOnlineRelationType = new DictionaryBase('关联类型', [ - { - id: 0, - name: '一对一关联', - symbol: 'ONE_TO_ONE' - }, - { - id: 1, - name: '一对多关联', - symbol: 'ONE_TO_MANY' - } -]); -Vue.prototype.SysOnlineRelationType = SysOnlineRelationType; - -const SysOnlineFormType = new DictionaryBase('表单类型', [ - { - id: 1, - name: '查询表单', - symbol: 'QUERY' - }, - { - id: 5, - name: '编辑表单', - symbol: 'FORM' - }, - { - id: 10, - name: '流程表单', - symbol: 'FLOW' - }, - { - id: 11, - name: '工单列表', - symbol: 'WORK_ORDER' - } -]); -Vue.prototype.SysOnlineFormType = SysOnlineFormType; - -const SysOnlineFormKind = new DictionaryBase('表单类别', [ - { - id: 1, - name: '弹出窗口', - symbol: 'DIALOG' - }, - { - id: 5, - name: '跳转页面', - symbol: 'PAGE' - } -]); -Vue.prototype.SysOnlineFormKind = SysOnlineFormKind; - -const SysOnlinePageType = new DictionaryBase('页面类型', [ - { - id: 1, - name: '业务页面', - symbol: 'BIZ' - }, - { - id: 5, - name: '统计页面', - symbol: 'STATS' - }, - { - id: 10, - name: '流程页面', - symbol: 'FLOW' - } -]); -Vue.prototype.SysOnlinePageType = SysOnlinePageType; - -const SysOnlinePageStatus = new DictionaryBase('页面状态', [ - { - id: 0, - name: '基础信息录入', - symbol: 'BASIC' - }, - { - id: 1, - name: '数模模型录入', - symbol: 'DATASOURCE' - }, - { - id: 2, - name: '表单设计', - symbol: 'DESIGNING' - } -]); -Vue.prototype.SysOnlinePageStatus = SysOnlinePageStatus; - -const SysOnlineDictType = new DictionaryBase('字典类型', [ - { - id: 1, - name: '数据表字典', - symbol: 'TABLE' - }, - { - id: 5, - name: 'URL字典', - symbol: 'URL' - }, - { - id: 10, - name: '静态字典', - symbol: 'STATIC' - }, - { - id: 15, - name: '自定义字典', - symbol: 'CUSTOM' - } -]); -Vue.prototype.SysOnlineDictType = SysOnlineDictType; - -const SysOnlineRuleType = new DictionaryBase('验证规则类型', [ - { - id: 1, - name: '只允许整数', - symbol: 'INTEGER_ONLY' - }, - { - id: 2, - name: '只允许数字', - symbol: 'DIGITAL_ONLY' - }, - { - id: 3, - name: '只允许英文字符', - symbol: 'LETTER_ONLY' - }, - { - id: 4, - name: '范围验证', - symbol: 'RANGE' - }, - { - id: 5, - name: '邮箱格式验证', - symbol: 'EMAIL' - }, - { - id: 6, - name: '手机格式验证', - symbol: 'MOBILE' - }, - { - id: 7, - name: '自定义验证', - symbol: 'CUSTOM' - } -]); -Vue.prototype.SysOnlineRuleType = SysOnlineRuleType; - -const SysCustomWidgetType = new DictionaryBase('组件类型', [ - { - id: 0, - name: '文本显示', - symbol: 'Label' - }, - { - id: 1, - name: '文本输入框', - symbol: 'Input' - }, - { - id: 3, - name: '数字输入框', - symbol: 'NumberInput' - }, - { - id: 4, - name: '数字范围输入框', - symbol: 'NumberRange' - }, - { - id: 5, - name: '开关组件', - symbol: 'Switch' - }, - { - id: 10, - name: '下拉选择框', - symbol: 'Select' - }, - { - id: 12, - name: '级联选择框', - symbol: 'Cascader' - }, - { - id: 20, - name: '日期选择框', - symbol: 'Date' - }, - { - id: 21, - name: '日期范围选择框', - symbol: 'DateRange' - }, - { - id: 31, - name: '上传组件', - symbol: 'Upload' - }, - { - id: 32, - name: '富文本编辑', - symbol: 'RichEditor' - }, - { - id: 40, - name: '分割线', - symbol: 'Divider' - }, - { - id: 41, - name: '文本', - symbol: 'Text' - }, - { - id: 42, - name: '图片', - symbol: 'Image' - }, - { - id: 100, - name: '表格组件', - symbol: 'Table' - }, - { - id: 300, - name: '基础块', - symbol: 'Block' - }, - { - id: 301, - name: '卡片组件', - symbol: 'Card' - } -]); -Vue.prototype.SysCustomWidgetType = SysCustomWidgetType; - -const SysCustomWidgetKind = new DictionaryBase('组件类别', [ - { - id: 0, - name: '过滤组件', - symbol: 'Filter' - }, - { - id: 1, - name: '表单组件', - symbol: 'Form' - }, - { - id: 2, - name: '数据组件', - symbol: 'Data' - }, - { - id: 4, - name: '容器组件', - symbol: 'Container' - } -]); -Vue.prototype.SysCustomWidgetKind = SysCustomWidgetKind; - -const SysOnlineColumnFilterType = new DictionaryBase('组件类别', [ - { - id: 0, - name: '无过滤', - symbol: 'NONE' - }, - { - id: 1, - name: '普通过滤', - symbol: 'EQUAL_FILTER' - }, - { - id: 2, - name: '范围过滤', - symbol: 'RANFGE_FILTER' - }, - { - id: 3, - name: '模糊过滤', - symbol: 'LIKE_FILTER' - } -]); -Vue.prototype.SysOnlineColumnFilterType = SysOnlineColumnFilterType; - -const SysCustomWidgetOperationType = new DictionaryBase('操作类型', [ - { - id: 0, - name: '新建', - symbol: 'ADD' - }, - { - id: 1, - name: '编辑', - symbol: 'EDIT' - }, - { - id: 2, - name: '删除', - symbol: 'DELETE' - }, - { - id: 3, - name: '导出', - symbol: 'EXPORT' - }, - { - id: 20, - name: '自定义操作', - symbol: 'CUSTOM' - } -]); -Vue.prototype.SysCustomWidgetOperationType = SysCustomWidgetOperationType; - -const SysOnlinePageDatasourceFieldStatus = new DictionaryBase('数据表状态', [ - { - id: 0, - name: '已删除', - symbol: 'DELETED' - }, - { - id: 1, - name: '已使用', - symbol: 'USED' - }, - { - id: 0, - name: '未使用', - symbol: 'UNUSED' - } -]); -Vue.prototype.SysOnlinePageDatasourceFieldStatus = SysOnlinePageDatasourceFieldStatus; - -const SysOnlinePageSettingStep = new DictionaryBase('在线表单编辑步骤', [ - { - id: 0, - name: '编辑基础信息', - symbol: 'BASIC' - }, - { - id: 1, - name: '编辑数据模型', - symbol: 'DATASOURCE' - }, - { - id: 2, - name: '设计表单', - symbol: 'FORM_DESIGN' - } -]); -Vue.prototype.SysOnlinePageSettingStep = SysOnlinePageSettingStep; - -const SysOnlineParamValueType = new DictionaryBase('参数值类型', [ - { - id: 0, - name: '表单参数', - symbol: 'FORM_PARAM' - }, - { - id: 1, - name: '数据字段', - symbol: 'TABLE_COLUMN' - }, - { - id: 2, - name: '静态字典', - symbol: 'STATIC_DICT' - }, - { - id: 3, - name: '直接输入', - symbol: 'INPUT_VALUE' - } -]); -Vue.prototype.SysOnlineParamValueType = SysOnlineParamValueType; - -const SysOnlineAggregationType = new DictionaryBase('字段聚合类型', [ - { - id: 0, - name: '总数', - symbol: 'SUM' - }, - { - id: 1, - name: '个数', - symbol: 'COUNT' - }, - { - id: 2, - name: '平均数', - symbol: 'AVG' - }, - { - id: 3, - name: '最小值', - symbol: 'MIN' - }, - { - id: 4, - name: '最大值', - symbol: 'MAX' - } -]); -Vue.prototype.SysOnlineAggregationType = SysOnlineAggregationType; - -const SysOnlineFilterOperationType = new DictionaryBase('过滤条件操作类型', [ - { - id: 0, - name: ' = ', - symbol: 'EQUAL' - }, - { - id: 1, - name: ' != ', - symbol: 'NOT_EQUAL' - }, - { - id: 2, - name: ' >= ', - symbol: 'GREATER_THAN_OR_EQUAL' - }, - { - id: 3, - name: ' > ', - symbol: 'GREATER_THAN' - }, - { - id: 4, - name: ' <= ', - symbol: 'LESS_THAN_OR_EQUAL' - }, - { - id: 5, - name: ' < ', - symbol: 'LESS_THAN' - }, - { - id: 6, - name: ' like ', - symbol: 'LIKE' - }, - { - id: 7, - name: ' not null ', - symbol: 'NOT_NULL' - }, - { - id: 8, - name: ' is null ', - symbol: 'IS_NULL' - } -]); -Vue.prototype.SysOnlineFilterOperationType = SysOnlineFilterOperationType; - -const SysOnlineVirtualColumnFilterValueType = new DictionaryBase('虚拟字段过滤值类型', [ - { - id: 0, - name: '输入值', - symbol: 'CUSTOM_INPUT' - }, - { - id: 1, - name: '静态字典', - symbol: 'STATIC_DICT' - } -]); -Vue.prototype.SysOnlineVirtualColumnFilterValueType = SysOnlineVirtualColumnFilterValueType; - -export { - SysOnlineFieldKind, - SysOnlineDataPermFilterType, - SysOnlineRelationType, - SysOnlineFormType, - SysOnlineFormKind, - SysOnlinePageType, - SysOnlinePageStatus, - SysOnlineDictType, - SysOnlineRuleType, - SysCustomWidgetType, - SysCustomWidgetKind, - SysOnlineColumnFilterType, - SysCustomWidgetOperationType, - SysOnlinePageSettingStep, - SysOnlinePageDatasourceFieldStatus, - SysOnlineParamValueType, - SysOnlineAggregationType, - SysOnlineFilterOperationType, - SysOnlineVirtualColumnFilterValueType -} diff --git a/images/orange-demo-activiti-web/src/store/actions.js b/images/orange-demo-activiti-web/src/store/actions.js deleted file mode 100644 index 673be87a..00000000 --- a/images/orange-demo-activiti-web/src/store/actions.js +++ /dev/null @@ -1,47 +0,0 @@ -import { FlowOperationController } from '@/api/flowController.js'; - -// 催办消息下拉个数 -const MESSAGE_SHOW_COUNT = 10; -// 催办消息轮询间隔 -const MESSAGE_TIMER_INTERVAL = 10000; - -// 获得消息列表数据 -function loadMessage (context, owner) { - let params = { - pageParam: { - pageSize: MESSAGE_SHOW_COUNT, - pageNum: 1 - } - } - FlowOperationController.listRemindingTask(owner, params, null, { - showMask: false, - showError: false - }).then(res => { - context.commit('setMessageList', res.data); - }).catch(e => { - console.error(e); - }); -} - -export default { - startMessage: (context, owner) => { - if (context.state.messageTimer != null) { - clearInterval(context.state.messageTimer); - } - - let timer = setInterval(() => { - loadMessage(context, owner); - }, MESSAGE_TIMER_INTERVAL); - context.commit('setMessageTimer', timer); - loadMessage(context, owner); - }, - stopMessage: (context) => { - if (context.state.messageTimer != null) { - clearInterval(context.state.messageTimer); - } - context.commit('setMessageTimer', null); - }, - reloadMessage: (context, owner) => { - loadMessage(context, owner); - } -} diff --git a/images/orange-demo-activiti-web/src/store/getters.js b/images/orange-demo-activiti-web/src/store/getters.js deleted file mode 100644 index 53de2d99..00000000 --- a/images/orange-demo-activiti-web/src/store/getters.js +++ /dev/null @@ -1,89 +0,0 @@ -import { findMenuItem } from './utils'; -import * as StaticDict from '@/staticDict'; - -export default { - getMultiTags: (state) => { - return state.supportTags; - }, - getCollapse: (state) => { - return state.isCollapse; - }, - getClientHeight: (state) => { - return state.documentClientHeight; - }, - getClientWidth: (state) => { - return state.documentClienWidth; - }, - getMainContextHeight: (state) => { - return state.documentClientHeight - (state.supportTags ? 130 : 90); - }, - getOnlineFormCache: (state) => { - return state.onlineFormCache; - }, - getUserInfo: (state) => { - return state.userInfo; - }, - getCachePages: (state) => { - return state.cachePages; - }, - getTagList: (state) => { - return state.tagList; - }, - getMenuList: (state) => { - if (state.supportColumn) { - if (state.currentColumnId == null || state.currentColumnId === '') return []; - for (let i = 0; i < state.menuList.length; i++) { - if (state.menuList[i].menuId === state.currentColumnId) { - return state.menuList[i].children || []; - } - } - - return []; - } else { - return state.menuList; - } - }, - getColumnList: (state) => { - if (!state.supportColumn) return []; - return state.menuList.map(menu => { - if (menu.menuType === StaticDict.SysMenuType.DIRECTORY) { - return { - columnId: menu.menuId, - columnName: menu.menuName - } - } - }).filter(item => item != null); - }, - getCurrentMenuId: (state) => { - return state.currentMenuId; - }, - getMenuItem: (state) => { - if (Array.isArray(state.menuList)) { - for (let i = 0; i < state.menuList.length; i++) { - let temp = findMenuItem(state.menuList[i], state.currentMenuId); - if (temp != null) return temp; - } - } - return null; - }, - getCurrentMenuPath: (state) => { - let menuPath = []; - if (Array.isArray(state.menuList)) { - for (let i = 0; i < state.menuList.length; i++) { - let temp = findMenuItem(state.menuList[i], state.currentMenuId, menuPath); - if (temp != null) break; - } - } - - return menuPath; - }, - getMultiColumn: (state) => { - return state.supportColumn; - }, - getCurrentColumnId: (state) => { - return state.currentColumnId; - }, - getMessageList: (state) => { - return state.messageList; - } -} diff --git a/images/orange-demo-activiti-web/src/store/index.js b/images/orange-demo-activiti-web/src/store/index.js deleted file mode 100644 index 5fc44198..00000000 --- a/images/orange-demo-activiti-web/src/store/index.js +++ /dev/null @@ -1,15 +0,0 @@ -import Vue from 'vue'; -import Vuex from 'vuex'; -import state from './state.js'; -import getters from './getters.js'; -import mutations from './mutations.js'; -import actions from './actions.js'; - -Vue.use(Vuex); -export default new Vuex.Store({ - state, - getters, - mutations, - actions, - strict: process.env.NODE_ENV !== 'production' -}); diff --git a/images/orange-demo-activiti-web/src/store/mutations.js b/images/orange-demo-activiti-web/src/store/mutations.js deleted file mode 100644 index c6acfc97..00000000 --- a/images/orange-demo-activiti-web/src/store/mutations.js +++ /dev/null @@ -1,167 +0,0 @@ -import { initUserInfo, findMenuItem } from './utils'; -import { setObjectToSessionStorage, findItemFromList, treeDataTranslate } from '@/utils'; - -export default { - setCollapse: (state, isCollapse) => { - state.isCollapse = isCollapse; - }, - setClientHeight: (state, height) => { - state.documentClientHeight = height; - }, - setClientWidth: (state, width) => { - state.documentClienWidth = width; - }, - addOnlineFormCache: (state, data) => { - state.onlineFormCache[data.key] = data.value; - }, - removeOnlineFormCache: (state, key) => { - delete state.onlineFormCache[key]; - }, - clearOnlineFormCache: (state) => { - state.onlineFormCache = {}; - }, - setUserInfo: (state, info) => { - setObjectToSessionStorage('userInfo', info); - state.userInfo = initUserInfo(info); - }, - addCachePage (state, name) { - if (state.cachePages.indexOf(name) === -1) { - let temp = [...state.cachePages]; - temp.push(name); - setObjectToSessionStorage('cachePages', temp); - state.cachePages = temp; - } - }, - removeCachePage (state, name) { - let pos = state.cachePages.indexOf(name); - if (pos !== -1) { - let temp = [...state.cachePages]; - temp.splice(pos, 1); - setObjectToSessionStorage('cachePages', temp); - state.cachePages = temp; - } - }, - clearCachePage (state) { - setObjectToSessionStorage('cachePages', []); - state.cachePages = []; - }, - addTag (state, id) { - if (id == null || id === '') return; - // 新增的标签是否存在 - let tagList = state.tagList; - let tagItem = null; - if (Array.isArray(tagList)) { - tagItem = findItemFromList(tagList, id, 'menuId'); - } - if (tagItem != null) return; - // 添加新增标签以及更新页面缓存 - let menuList = state.menuList; - let menuObject = null; - if (Array.isArray(menuList)) { - for (let i = 0; i < menuList.length; i++) { - menuObject = findMenuItem(menuList[i], id); - if (menuObject != null) break; - } - } - if (menuObject != null) { - state.tagList = [...state.tagList, menuObject]; - if (Array.isArray(state.cachePages) && (menuObject.onlineFormId == null || menuObject.onlineFormId === '') && - state.cachePages.indexOf(menuObject.formRouterName) === -1) { - state.cachePages = [...state.cachePages, menuObject.formRouterName]; - } - } - setObjectToSessionStorage('cachePages', state.cachePages); - setObjectToSessionStorage('tagList', state.tagList); - }, - removeTag (state, id) { - if (id == null || id === '') return; - // 移除标签 - let nextPos = -1; - let tagItem = null; - for (let i = 0; i < state.tagList.length; i++) { - if (state.tagList[i].menuId === id) { - tagItem = state.tagList[i]; - state.tagList.splice(i, 1); - nextPos = Math.min(i, state.tagList.length - 1); - } - } - // let tagItem = findItemFromList(state.tagList, id, 'menuId', true); - if (tagItem == null) return; - // 移除页面缓存 - findItemFromList(state.cachePages, tagItem.formRouterName, undefined, true); - setObjectToSessionStorage('cachePages', state.cachePages); - setObjectToSessionStorage('tagList', state.tagList); - // 如果移除的是当前显示页面，重新选择显示页面 - let showTag = null; - if (state.currentMenuId === id) { - showTag = state.tagList[nextPos]; - let tempId = (showTag || {}).menuId; - if (setObjectToSessionStorage('currentMenuId', tempId)) state.currentMenuId = tempId; - } - }, - closeOtherTags (state, id) { - if (id == null || id === '') return; - // 移除其他所有标签 - if (Array.isArray(state.tagList)) { - state.tagList = state.tagList.filter((item) => { - return item.menuId === id; - }); - } - - let menuObject = state.tagList[0]; - if (menuObject && (menuObject.onlineFormId == null || menuObject.onlineFormId === '') && - menuObject.formRouterName && menuObject.formRouterName !== '') { - state.cachePages = [menuObject.formRouterName]; - if (setObjectToSessionStorage('currentMenuId', menuObject.menuId)) state.currentMenuId = menuObject.menuId; - } - setObjectToSessionStorage('cachePages', state.cachePages); - setObjectToSessionStorage('tagList', state.tagList); - }, - clearAllTags (state) { - if (setObjectToSessionStorage('currentMenuId', undefined)) state.currentMenuId = undefined; - if (setObjectToSessionStorage('cachePages', [])) state.cachePages = []; - if (setObjectToSessionStorage('tagList', [])) state.tagList = []; - }, - setMenuList: (state, list) => { - if (Array.isArray(list)) { - if (setObjectToSessionStorage('menuList', list)) state.menuList = treeDataTranslate(list, 'menuId', 'parentId'); - let columnId = (state.menuList[0] || {}).menuId; - if (setObjectToSessionStorage('currentColumnId', columnId)) state.currentColumnId = columnId; - } - }, - setCurrentMenuId: (state, menuId) => { - let menuItem = null; - if (setObjectToSessionStorage('currentMenuId', menuId)) state.currentMenuId = menuId; - if (Array.isArray(state.tagList) && Array.isArray(state.menuList)) { - for (let i = 0; i < state.menuList.length; i++) { - menuItem = findMenuItem(state.menuList[i], menuId, 'menuId'); - if (menuItem != null) { - // 添加新的tag - let tagItem = findItemFromList(state.tagList, menuId, 'menuId'); - if (tagItem == null) { - state.tagList = [...state.tagList, menuItem]; - setObjectToSessionStorage('tagList', state.tagList); - } - // 添加新缓存 - if (Array.isArray(state.cachePages) && state.cachePages.indexOf(menuItem.formRouterName) === -1) { - if (menuItem.onlineFormId == null || menuItem.onlineFormId === '') { - state.cachePages = [...state.cachePages, menuItem.formRouterName]; - } - setObjectToSessionStorage('cachePages', state.cachePages); - } - break; - } - } - } - }, - setCurrentColumnId: (state, columnId) => { - if (setObjectToSessionStorage('currentColumnId', columnId)) state.currentColumnId = columnId; - if (setObjectToSessionStorage('currentMenuId', null)) state.currentMenuId = null; - }, - setMessageTimer: (state, timerHandler) => { - state.messageTimer = timerHandler; - }, - setMessageList: (state, messageList) => { - state.messageList = messageList; - } -} diff --git a/images/orange-demo-activiti-web/src/store/state.js b/images/orange-demo-activiti-web/src/store/state.js deleted file mode 100644 index c495e2c2..00000000 --- a/images/orange-demo-activiti-web/src/store/state.js +++ /dev/null @@ -1,32 +0,0 @@ -import { initUserInfo } from './utils'; -import { getObjectFromSessionStorage, treeDataTranslate } from '@/utils'; - -export default { - // 是否左侧菜单折叠 - isCollapse: false, - // 是否多栏目 - supportColumn: false, - // 是否多标签 - supportTags: true, - // 浏览器客户区高度 - documentClientHeight: 100, - // 浏览器客户区宽度 - documentClientWidth: undefined, - // 在线表单查询页面缓存 - onlineFormCache: {}, - // 用户登录信息 - userInfo: initUserInfo(), - // 缓存页面 - cachePages: getObjectFromSessionStorage('cachePages', []), - // 当前标签 - tagList: getObjectFromSessionStorage('tagList', []), - // 菜单列表 - menuList: treeDataTranslate(getObjectFromSessionStorage('menuList', []), 'menuId', 'parentId'), - // 当前菜单 - currentMenuId: getObjectFromSessionStorage('currentMenuId', undefined), - // 当前栏目 - currentColumnId: getObjectFromSessionStorage('currentColumnId', undefined), - // 消息列表 - messageTimeer: null, - messageList: [] -} diff --git a/images/orange-demo-activiti-web/src/store/utils/index.js b/images/orange-demo-activiti-web/src/store/utils/index.js deleted file mode 100644 index ec129435..00000000 --- a/images/orange-demo-activiti-web/src/store/utils/index.js +++ /dev/null @@ -1,36 +0,0 @@ -import { getObjectFromSessionStorage } from '@/utils'; - -function findMenuItem (menuItem, menuId, path) { - if (Array.isArray(path)) path.push(menuItem); - if ((menuItem.menuId + '') === (menuId + '')) return menuItem; - - let bFind = false; - let findItem = null; - if (Array.isArray(menuItem.children)) { - for (let i = 0; i < menuItem.children.length; i++) { - findItem = findMenuItem(menuItem.children[i], menuId, path); - if (findItem != null) { - bFind = true; - break; - } - } - } - - if (!bFind && Array.isArray(path)) path.pop(); - return bFind ? findItem : null; -} - -function initUserInfo (userInfo) { - if (userInfo == null) userInfo = getObjectFromSessionStorage('userInfo'); - - if (userInfo != null && userInfo.permCodeList != null && Array.isArray(userInfo.permCodeList)) { - userInfo.permCodeSet = new Set(userInfo.permCodeList); - } - - return userInfo; -} - -export { - findMenuItem, - initUserInfo -} diff --git a/images/orange-demo-activiti-web/src/utils/chartOption.js b/images/orange-demo-activiti-web/src/utils/chartOption.js deleted file mode 100644 index 76b12e02..00000000 --- a/images/orange-demo-activiti-web/src/utils/chartOption.js +++ /dev/null @@ -1,56 +0,0 @@ -const defaultLineChartOption = { - grid: { - left: '3%', - right: '4%', - bottom: '20px', - containLabel: true - }, - xAxis: { - axisLabel: { - interval: 0, - showMaxLabel: true - } - }, - legend: { - top: '3%' - } -} - -const defaultBarChartOption = { - grid: { - left: '3%', - right: '4%', - bottom: '20px', - containLabel: true - }, - xAxis: { - axisLabel: { - interval: 0, - showMaxLabel: true - } - }, - legend: { - top: '3%' - } -} - -const defaultPieChartOption = { - grid: { - left: '3%', - right: '4%', - bottom: '20px', - containLabel: true - }, - legend: { - top: '3%' - }, - series: { - center: ['50%', '60%'] - } -} - -export { - defaultLineChartOption, - defaultBarChartOption, - defaultPieChartOption -} diff --git a/images/orange-demo-activiti-web/src/utils/index.js b/images/orange-demo-activiti-web/src/utils/index.js deleted file mode 100644 index c622c222..00000000 --- a/images/orange-demo-activiti-web/src/utils/index.js +++ /dev/null @@ -1,442 +0,0 @@ -import JSEncrypt from 'jsencrypt'; -// eslint-disable-next-line no-unused-vars -// import Cookies from 'js-cookie'; - -/** - * 列表数据转换树形数据 - * @param {Array} data 要转换的列表 - * @param {String} id 主键字段字段名 - * @param {String} pid 父字段字段名 - * @returns {Array} 转换后的树数据 - */ -export function treeDataTranslate (data, id = 'id', pid = 'parentId') { - var res = [] - var temp = {} - for (var i = 0; i < data.length; i++) { - temp[data[i][id]] = data[i] - } - for (var k = 0; k < data.length; k++) { - if (temp[data[k][pid]] && data[k][id] !== data[k][pid]) { - if (!temp[data[k][pid]]['children']) { - temp[data[k][pid]]['children'] = [] - } - if (!temp[data[k][pid]]['_level']) { - temp[data[k][pid]]['_level'] = 1 - } - data[k]['_level'] = temp[data[k][pid]]._level + 1 - data[k]['_parent'] = data[k][pid] - temp[data[k][pid]]['children'].push(data[k]) - } else { - res.push(data[k]) - } - } - - return res -} -/** - * 获取字符串字节长度（中文算2个字符） - * @param {String} str 要获取长度的字符串 - */ -export function getStringLength (str) { - return str.replace(/[\u4e00-\u9fa5\uff00-\uffff]/g, '**').length -} -/** - * 获取uuid - */ -export function getUUID () { - return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, c => { - return (c === 'x' ? (Math.random() * 16 | 0) : ('r&0x3' | '0x8')).toString(16) - }); -} -/** - * 大小驼峰变换函数 - * @param name 要转换的字符串 - * @param type 转换的类型0：转换成小驼峰，1：转换成大驼峰 - */ -export function nameTranslate (name, type) { - name = name.toLowerCase(); - let nameArray = name.split('_'); - nameArray.forEach((item, index) => { - if (index === 0) { - name = type === 1 ? item.slice(0, 1).toUpperCase() + item.slice(1) : item; - } else { - name = name + item.slice(0, 1).toUpperCase() + item.slice(1); - } - }); - - nameArray = name.split('-'); - nameArray.forEach((item, index) => { - if (index === 0) { - name = type === 1 ? item.slice(0, 1).toUpperCase() + item.slice(1) : item; - } else { - name = name + item.slice(0, 1).toUpperCase() + item.slice(1); - } - }); - return name; -} -/** - * 通过id从树中获取指定的节点 - * @param {Object} node 根节点 - * @param {String|Nubmer} id 键值 - * @param {Array} list 保存查询路径 - * @param {String} idKey 主键字段名 - * @param {String} childKey 子节点字段名 - */ -function findNode (node, id, list, idKey = 'id', childKey = 'children') { - if (Array.isArray(list)) list.push(node[idKey]); - if (node[idKey] === id) { - return node; - } - - if (node[childKey] != null && Array.isArray(node[childKey])) { - for (let i = 0; i < node[childKey].length; i++) { - let tempNode = findNode(node[childKey][i], id, list, idKey, childKey); - if (tempNode) return tempNode; - } - } - - if (Array.isArray(list)) list.pop(); -} -/** - * 通过id返回从根节点到指定节点的路径 - * @param {Array} treeRoot 树根节点数组 - * @param {*} id 要查询的节点的id - * @param {*} idKey 主键字段名 - * @param {*} childKey 子节点字段名 - */ -export function findTreeNodePath (treeRoot, id, idKey = 'id', childKey = 'children') { - let tempList = []; - for (let i = 0; i < treeRoot.length; i++) { - if (findNode(treeRoot[i], id, tempList, idKey, childKey)) { - return tempList; - } - } - - return []; -} -/** - * 通过id从树中查找节点 - * @param {Array} treeRoot 根节点数组 - * @param {*} id 要查找的节点的id - * @param {*} idKey 主键字段名 - * @param {*} childKey 子节点字段名 - */ -export function findTreeNode (treeRoot, id, idKey = 'id', childKey = 'children') { - for (let i = 0; i < treeRoot.length; i++) { - let tempNode = findNode(treeRoot[i], id, undefined, idKey, childKey); - if (tempNode) return tempNode; - } -} -/** - * 把Object转换成query字符串 - * @param {Object} params 要转换的Object - */ -export function objectToQueryString (params) { - if (params == null) { - return null; - } else { - return Object.keys(params).map((key) => { - if (params[key] !== undefined) { - return `${key}=${params[key]}`; - } else { - return undefined; - } - }).filter(item => item != null).join('&'); - } -} -/** - * 从数组中查找某一项 - * @param {Array} list 要查找的数组 - * @param {String} id 要查找的节点id - * @param {String} idKey 主键字段名（如果为null则直接比较） - * @param {Boolean} removeItem 是否从数组中移除查找到的节点 - * @returns {Object} 找到返回节点，没找到返回undefined - */ -export function findItemFromList (list, id, idKey, removeItem = false) { - if (Array.isArray(list) && list.length > 0 && id != null) { - for (let i = 0; i < list.length; i++) { - let item = list[i]; - if (((idKey == null || idKey === '') && item === id) || (idKey != null && item[idKey] === id)) { - if (removeItem) list.splice(i, 1); - return item; - } - } - } - return null; -} -/** - * 将数据保存到sessionStorage - * @param {*} key sessionStorage的键值 - * @param {*} value 要保存的数据 - */ -export function setObjectToSessionStorage (key, value) { - if (key == null || key === '') return false; - if (value == null) { - window.sessionStorage.removeItem(key); - return true; - } else { - let jsonObj = { - data: value - } - window.sessionStorage.setItem(key, JSON.stringify(jsonObj)); - return true; - } -} -/** - * 从sessionStorage里面获取数据 - * @param {String} key 键值 - * @param {*} defaultValue 默认值 - */ -export function getObjectFromSessionStorage (key, defaultValue) { - let jsonObj = null; - try { - jsonObj = JSON.parse(window.sessionStorage.getItem(key)); - jsonObj = (jsonObj || {}).data; - } catch (e) { - jsonObj = defaultValue; - }; - return (jsonObj != null) ? jsonObj : defaultValue; -} -/** - * 判读字符串是否一个数字 - * @param {String} str 要判断的字符串 - */ -export function isNumber (str) { - let num = Number.parseFloat(str); - if (Number.isNaN(num)) return false; - return num.toString() === str; -} -/** - * 生成随机数 - * @param {Integer} min 随机数最小值 - * @param {Integer} max 随机数最大值 - */ -export function random (min, max) { - let base = Math.random(); - return min + base * (max - min); -} -/** - * 加密 - * @param {*} value 要加密的字符串 - */ -const publicKey = 'MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCpC4QMnbTrQOFriJJCCFFWhlruBJThAEBfRk7pRx1jsAhyNVL3CqJb0tRvpnbCnJhrRAEPdgFHXv5A0RrvFp+5Cw7QoFH6O9rKB8+0H7+aVQeKITMUHf/XMXioymw6Iq4QfWd8RhdtM1KM6eGTy8aU7SO2s69Mc1LXefg/x3yw6wIDAQAB'; -export function encrypt (value) { - if (value == null || value === '') return null; - let encrypt = new JSEncrypt(); - encrypt.setPublicKey(publicKey); - return encodeURIComponent(encrypt.encrypt(value)); -} - -export function getToken () { - return sessionStorage.getItem('token'); - // return Cookies.get('token'); -} - -export function setToken (token) { - if (token == null || token === '') { - sessionStorage.removeItem('token'); - // Cookies.remove('token'); - } else { - sessionStorage.setItem('token', token); - // Cookies.set('token', token); - } -} - -export function traversalTree (treeNode, callback, childrenKey = 'children') { - if (treeNode != null && Array.isArray(treeNode[childrenKey]) && treeNode[childrenKey].length > 0) { - treeNode[childrenKey].forEach(childNode => { - traversalTree(childNode, callback, childrenKey); - }); - } - return typeof callback === 'function' ? callback(treeNode) : undefined; -} - -export class TreeTableImpl { - constructor (dataList, options) { - this.options = { - idKey: options ? options.idKey : 'id', - nameKey: options ? options.nameKey : 'name', - parentIdKey: options ? options.parentIdKey : 'parentId', - isLefeCallback: options ? options.isLefeCallback : undefined, - checkStrictly: options ? options.checkStrictly : false - } - - this.dataList = Array.isArray(dataList) ? dataList : []; - this.dataMap = new Map(); - this.dataList.forEach(item => { - this.dataMap.set(item[this.options.idKey], item); - }); - // 表格选中行 - this.checkedRows = undefined; - this.onCheckedRowChange = this.onCheckedRowChange.bind(this); - } - - /** - * 过滤表格数据 - * @param {string} filterString 过滤条件字符串 - * @param {boolean} onlyChecked 是否只显示选中节点 - * @returns {array} 过滤后的表格数据列表 - */ - getFilterTableData (filterString, onlyChecked = false) { - let { idKey, nameKey, parentIdKey, isLefeCallback } = this.options; - let tempMap = new Map(); - let parentIdList = []; - this.dataList.forEach(item => { - if ((filterString == null || filterString === '' || item[nameKey].indexOf(filterString) !== -1) && - (!onlyChecked || (this.checkedRows != null && this.checkedRows.get(item[idKey])))) { - if (isLefeCallback == null || !isLefeCallback(item)) { - parentIdList.push(item[idKey]); - } - // 将命中节点以及它的父节点都设置为命中 - let tempItem = item; - do { - tempMap.set(tempItem[idKey], tempItem); - tempItem = this.dataMap.get(tempItem[parentIdKey]); - } while (tempItem != null) - } - }); - - return this.dataList.map(item => { - let disabled = true; - - if (parentIdList.indexOf(item[parentIdKey]) !== -1 || tempMap.get(item[idKey]) != null) { - if (parentIdList.indexOf(item[parentIdKey]) !== -1 && (isLefeCallback == null || !isLefeCallback(item))) { - parentIdList.push(item[idKey]); - } - disabled = false; - } - - return { - ...item, - __disabled: disabled - } - }); - } - - /** - * 获取表格树数据，计算选中状态 - * @param {array} dataList 表格列表数据 - */ - getTableTreeData (dataList, checkedRows) { - let { idKey, parentIdKey, checkStrictly } = this.options; - let treeData = []; - function calcPermCodeTreeAttribute (treeNode, checkedRows) { - let checkedItem = checkedRows == null ? null : checkedRows.get(treeNode[idKey]); - treeNode.__checked = checkedItem != null; - // 是否所有子权限字都被选中 - let allChildChecked = true; - // 是否任意子权限字被选中 - let hasChildChecked = false; - // 如果存在子权限字 - if (Array.isArray(treeNode.children) && treeNode.children.length > 0) { - treeNode.children.forEach(item => { - let isChecked = calcPermCodeTreeAttribute(item, checkedRows); - hasChildChecked = hasChildChecked || isChecked; - allChildChecked = allChildChecked && isChecked; - }); - } else { - allChildChecked = false; - } - treeNode.__indeterminate = !checkStrictly && hasChildChecked && !allChildChecked; - treeNode.__checked = treeNode.__checked || (allChildChecked && !checkStrictly); - return treeNode.__checked || treeNode.__indeterminate; - } - - if (Array.isArray(dataList)) { - treeData = treeDataTranslate(dataList.map(item => { - return {...item}; - }), idKey, parentIdKey); - treeData.forEach(item => { - calcPermCodeTreeAttribute(item, checkedRows); - }); - } - - return treeData; - } - - /** - * 树表格行选中状态改变 - * @param {object} row 选中状态改变行数据 - */ - onCheckedRowChange (row) { - if (this.checkedRows == null) { - this.checkedRows = new Map(); - } else { - let temp = new Map(); - this.checkedRows.forEach((item, key) => { - temp.set(key, item); - }); - this.checkedRows = temp; - } - let { idKey } = this.options; - if (!row.__checked || row.__indeterminate) { - // 节点之前未被选中或者之前为半选状态，修改当前节点以及子节点为选中状态 - this.checkedRows.set(row[idKey], row); - if (Array.isArray(row.children) && !this.options.checkStrictly) { - row.children.forEach(childNode => { - traversalTree(childNode, (node) => { - this.checkedRows.set(node[idKey], node); - }); - }); - } - } else { - // 节点之前为选中状态，修改节点以及子节点为未选中状态 - this.checkedRows.delete(row[idKey]); - if (Array.isArray(row.children) && !this.options.checkStrictly) { - row.children.forEach(childNode => { - traversalTree(childNode, (node) => { - this.checkedRows.delete(node[idKey]); - }); - }); - } - } - } - - /** - * 获取所有选中的权限字节点 - * @param {array} treeData 树数据 - * @param {boolean} includeHalfChecked 是否包含半选节点，默认为false - * @returns {array} 选中节点列表 - */ - getCheckedRows (treeData, includeHalfChecked = false) { - let checkedRows = []; - - function traversalCallback (node) { - if (node == null) return; - if (node.__checked || (includeHalfChecked && node.__indeterminate)) { - checkedRows.push(node); - } - } - - if (Array.isArray(treeData) && treeData.length > 0) { - treeData.forEach(permCode => { - traversalTree(permCode, traversalCallback, 'children'); - }); - } - - return checkedRows; - } - - /** - * 设置选中节点 - * @param {array} checkedRows - */ - setCheckedRows (checkedRows) { - this.checkedRows = new Map(); - if (Array.isArray(checkedRows)) { - checkedRows.forEach(item => { - let node = this.dataMap.get(item[this.options.idKey]); - if (node != null) { - this.checkedRows.set(node[this.options.idKey], node); - } - }); - } - } - /** - * 根据id获取表格行 - * @param {*} id - */ - getTableRow (id) { - return this.dataMap.get(id); - } -} diff --git a/images/orange-demo-activiti-web/src/utils/validate.js b/images/orange-demo-activiti-web/src/utils/validate.js deleted file mode 100644 index 5b148e39..00000000 --- a/images/orange-demo-activiti-web/src/utils/validate.js +++ /dev/null @@ -1,33 +0,0 @@ -const pattern = { - mobie: /^((\+?86)|(\(\+86\)))?(13[012356789][0-9]{8}|15[012356789][0-9]{8}|18[02356789][0-9]{8}|147[0-9]{8}|1349[0-9]{7})$/, - english: /^[a-zA-Z]+$/, - englishAndNumber: /^[a-zA-Z0-9]+$/ -} - -/** - * 邮箱 - * @param str - */ -export function isEmail (str) { - return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(str) -} - -/** - * 手机号码 - * @param str - */ -export function isMobile (str) { - return pattern.mobie.test(str) -} - -/** - * 电话号码 - * @param str - */ -export function isPhone (str) { - return /^([0-9]{3,4}-)?[0-9]{7,8}$/.test(str) -} - -export default { - pattern -} diff --git a/images/orange-demo-activiti-web/src/utils/widget.js b/images/orange-demo-activiti-web/src/utils/widget.js deleted file mode 100644 index 057f328b..00000000 --- a/images/orange-demo-activiti-web/src/utils/widget.js +++ /dev/null @@ -1,322 +0,0 @@ -import { Message } from 'element-ui'; -import { treeDataTranslate } from '@/utils'; - -const DEFAULT_PAGE_SIZE = 10; - -export class DropdownWidget { - /** - * 下拉组件（Select、Cascade、TreeSelect、Tree等） - * @param {function () : Promise} loadDropdownData 下拉数据获取函数 - * @param {Boolean} isTree 是否是树数据 - * @param {String} idKey 键字段字段名 - * @param {String} parentIdKey 父字段字段名 - */ - constructor (loadDropdownData, isTree = false, idKey = 'id', parentIdKey = 'parentId') { - this.loading = false; - this.dirty = true; - this.dropdownList = []; - this.isTree = isTree; - this.idKey = idKey; - this.parentIdKey = parentIdKey; - this.loadDropdownData = loadDropdownData; - this.setDropdownList = this.setDropdownList.bind(this); - this.onVisibleChange = this.onVisibleChange.bind(this); - } - /** - * 重新获取下拉数据 - */ - reloadDropdownData () { - return new Promise((resolve, reject) => { - if (!this.loading) { - if (typeof this.loadDropdownData === 'function') { - this.loading = true; - this.loadDropdownData().then(dataList => { - this.setDropdownList(dataList); - this.loading = false; - this.dirty = false; - resolve(this.dropdownList); - }).catch(e => { - this.setDropdownList([]); - this.loading = false; - reject(this.dropdownList); - }); - } else { - reject(new Error('获取下拉数据失败')); - } - } else { - resolve(this.dropdownList); - } - }); - } - /** - * 下拉框显示或隐藏时调用 - * @param {Boolean} isShow 正在显示或者隐藏 - */ - onVisibleChange (isShow) { - return new Promise((resolve, reject) => { - if (isShow && this.dirty && !this.loading) { - this.reloadDropdownData().then(res => { - resolve(res); - }).catch(e => { - reject(e); - }); - } else { - resolve(this.dropdownList); - } - }); - } - /** - * 设置下拉数据 - * @param {Array} dataList 要显示的下拉数据 - */ - setDropdownList (dataList) { - if (Array.isArray(dataList)) { - this.dropdownList = this.isTree ? treeDataTranslate(dataList, this.idKey, this.parentIdKey) : dataList; - } - } -} - -export class TableWidget { - /** - * 表格组件 - * @param {function (params: Object) : Promise} loadTableData 表数据获取函数 - * @param {function () : Boolean} verifyTableParameter 表数据获取检验函数 - * @param {Boolean} paged 是否支持分页 - * @param {Boolean} rowSelection 是否支持行选择 - * @param {String} orderFieldName 默认排序字段 - * @param {Boolean} ascending 默认排序方式（true为正序，false为倒序） - * @param {String} dateAggregateBy 默认排序字段的日期统计类型 - */ - constructor (loadTableData, verifyTableParameter, paged, rowSelection, orderFieldName, ascending, dateAggregateBy) { - this.currentRow = null; - this.loading = false; - this.oldPage = 0; - this.currentPage = 1; - this.oldPageSize = DEFAULT_PAGE_SIZE; - this.pageSize = DEFAULT_PAGE_SIZE; - this.totalCount = 0; - this.dataList = []; - this.orderInfo = { - fieldName: orderFieldName, - asc: ascending, - dateAggregateBy: dateAggregateBy - }; - this.paged = paged; - this.rowSelection = rowSelection; - this.searchVerify = verifyTableParameter || function () { return true; }; - this.loadTableData = loadTableData || function () { return Promise.resolve(); }; - this.onCurrentPageChange = this.onCurrentPageChange.bind(this); - this.onPageSizeChange = this.onPageSizeChange.bind(this); - this.onSortChange = this.onSortChange.bind(this); - this.getTableIndex = this.getTableIndex.bind(this); - this.currentRowChange = this.currentRowChange.bind(this); - } - /** - * 表格分页变化 - * @param {Integer} newCurrentPage 变化后的显示页面 - */ - onCurrentPageChange (newCurrentPage) { - this.loadTableDataImpl(newCurrentPage, this.pageSize).then(() => { - this.oldPage = this.currentPage = newCurrentPage; - }).catch(() => { - this.currentPage = this.oldPage; - }); - } - /** - * 表格分页每页显示数量变化 - * @param {Integer} newPageSize 变化后的每页显示数量 - */ - onPageSizeChange (newPageSize) { - this.pageSize = newPageSize; - this.currentPage = 1 - this.loadTableDataImpl(1, newPageSize).then(() => { - this.oldPage = this.currentPage; - this.oldPageSize = this.pageSize; - }).catch(e => { - this.currentPage = this.oldPage; - this.pageSize = this.oldPageSize; - }); - } - /** - * 表格排序字段变化 - * @param {String} prop 排序字段的字段名 - * @param {String} order 正序还是倒序 - */ - onSortChange ({ prop, order }) { - this.orderInfo.fieldName = prop; - this.orderInfo.asc = (order === 'ascending'); - this.refreshTable(); - } - /** - * 获取每一行的index信息 - * @param {Integer} index 表格在本页位置 - */ - getTableIndex (index) { - return this.paged ? ((this.currentPage - 1) * this.pageSize + (index + 1)) : (index + 1); - } - /** - * 当前选中行改变 - * @param {Object} currentRow 当前选中行 - * @param {Object} oldRow 老的选中行 - */ - currentRowChange (currentRow, oldRow) { - this.currentRow = currentRow; - } - clearTable () { - this.currentRow = null; - this.oldPage = 0; - this.currentPage = 1; - this.totalCount = 0; - this.dataList = []; - } - /** - * 获取表格数据 - * @param {Integer} pageNum 当前分页 - * @param {Integer} pageSize 每页数量 - * @param {Boolean} reload 是否重新获取数据 - */ - loadTableDataImpl (pageNum, pageSize, reload = false) { - return new Promise((resolve, reject) => { - if (typeof this.loadTableData !== 'function') { - reject(); - } else { - // 如果pageSize和pageNum没有变化，并且不强制刷新 - if (this.paged && !reload && this.oldPage === pageNum && this.oldPageSize === pageSize) { - resolve(); - } else { - let params = {}; - if (this.orderInfo.fieldName != null) params.orderParam = [this.orderInfo]; - if (this.paged) { - params.pageParam = { - pageNum, - pageSize - } - } - this.loading = true; - this.loadTableData(params).then(tableData => { - this.dataList = tableData.dataList; - this.totalCount = tableData.totalCount; - this.loading = false; - resolve(); - }).catch(e => { - this.loading = false; - reject(e); - }); - } - } - }); - } - /** - * 刷新表格数据 - * @param {Boolean} research 是否按照新的查询条件重新查询（调用verify函数） - * @param {Integer} pageNum 当前页面 - */ - refreshTable (research = false, pageNum = undefined, showMsg = false) { - let reload = false; - if (research) { - if (typeof this.searchVerify === 'function' && !this.searchVerify()) return; - reload = true; - } - - if (Number.isInteger(pageNum) && pageNum !== this.currentPage) { - this.loadTableDataImpl(pageNum, this.pageSize, reload).then(res => { - this.oldPage = this.currentPage = pageNum; - if (research && showMsg) Message.success('查询成功'); - }).catch(e => { - this.currentPage = this.oldPage; - }); - } else { - this.loadTableDataImpl(this.currentPage, this.pageSize, true).catch(e => {}); - } - } -} - -export class UploadWidget { - /** - * 上传组件 - * @param {Integer} maxCount 最大上传数量 - */ - constructor (maxCount = 1) { - this.maxCount = maxCount; - this.fileList = []; - this.onFileChange = this.onFileChange.bind(this); - } - /** - * 上传文件列表改变 - * @param {Object} file 改变的文件 - * @param {Array} fileList 改变后的文件列表 - */ - onFileChange (file, fileList) { - if (Array.isArray(fileList) && fileList.length > 0) { - if (this.maxCount === 1) { - this.fileList = [fileList[fileList.length - 1]]; - } else { - this.fileList = fileList; - } - } else { - this.fileList = undefined; - } - return this.fileList; - } -} - -export class ChartWidget { - /** - * 图表组件 - * @param {function (params) : Promise} loadTableData chart数据获取函数 - * @param {function () : Boolean} verifyTableParameter 数据参数检验函数 - * @param {Array} columns 数据列 - */ - constructor (loadTableData, verifyTableParameter, columns) { - this.columns = columns; - this.loading = false; - this.dataEmpty = false; - this.chartData = undefined; - this.chartObject = undefined; - this.dimensionMaps = new Map(); - this.chartSetting = undefined; - this.searchVerify = verifyTableParameter || function () { return true; }; - this.loadTableData = loadTableData || function () { return Promise.resolve(); }; - } - /** - * 获取图表数据 - * @param {Boolean} reload 是否重新获取数据 - */ - loadChartDataImpl (reload = false) { - return new Promise((resolve, reject) => { - if (typeof this.loadTableData !== 'function') { - reject(); - } else { - if (!reload) { - resolve(); - } else { - this.loading = true; - this.loadTableData().then(tableData => { - this.chartData = { - columns: this.columns, - rows: tableData.dataList - } - this.loading = false; - if (this.chartObject) this.chartObject.resize(); - resolve(); - }).catch(e => { - console.error(e); - this.loading = false; - reject(e); - }); - } - } - }); - } - /** - * 刷新图表数据 - * @param {Boolean} research 是否按照新的查询条件重新查询（调用verify函数） - */ - refreshChart (research = false) { - if (research) { - if (typeof this.searchVerify === 'function' && !this.searchVerify()) return; - } - - this.loadChartDataImpl(true).catch(e => {}); - } -} diff --git a/images/orange-demo-activiti-web/src/views/layout/components/breadcrumb/index.vue b/images/orange-demo-activiti-web/src/views/layout/components/breadcrumb/index.vue deleted file mode 100644 index 286430df..00000000 --- a/images/orange-demo-activiti-web/src/views/layout/components/breadcrumb/index.vue +++ /dev/null @@ -1,53 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/layout/components/formModifyPassword/index.vue b/images/orange-demo-activiti-web/src/views/layout/components/formModifyPassword/index.vue deleted file mode 100644 index 42ba14b2..00000000 --- a/images/orange-demo-activiti-web/src/views/layout/components/formModifyPassword/index.vue +++ /dev/null @@ -1,98 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/layout/components/sidebar/menu-item.vue b/images/orange-demo-activiti-web/src/views/layout/components/sidebar/menu-item.vue deleted file mode 100644 index 3a28543f..00000000 --- a/images/orange-demo-activiti-web/src/views/layout/components/sidebar/menu-item.vue +++ /dev/null @@ -1,59 +0,0 @@ - - - diff --git a/images/orange-demo-activiti-web/src/views/layout/components/sidebar/sidebar.vue b/images/orange-demo-activiti-web/src/views/layout/components/sidebar/sidebar.vue deleted file mode 100644 index 0971c0ee..00000000 --- a/images/orange-demo-activiti-web/src/views/layout/components/sidebar/sidebar.vue +++ /dev/null @@ -1,82 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/layout/components/tags/tagItem.vue b/images/orange-demo-activiti-web/src/views/layout/components/tags/tagItem.vue deleted file mode 100644 index 800669e6..00000000 --- a/images/orange-demo-activiti-web/src/views/layout/components/tags/tagItem.vue +++ /dev/null @@ -1,79 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/layout/components/tags/tagPanel.vue b/images/orange-demo-activiti-web/src/views/layout/components/tags/tagPanel.vue deleted file mode 100644 index 9378134a..00000000 --- a/images/orange-demo-activiti-web/src/views/layout/components/tags/tagPanel.vue +++ /dev/null @@ -1,213 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/layout/index.vue b/images/orange-demo-activiti-web/src/views/layout/index.vue deleted file mode 100644 index 13eed577..00000000 --- a/images/orange-demo-activiti-web/src/views/layout/index.vue +++ /dev/null @@ -1,299 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/login/index.vue b/images/orange-demo-activiti-web/src/views/login/index.vue deleted file mode 100644 index 4c78418a..00000000 --- a/images/orange-demo-activiti-web/src/views/login/index.vue +++ /dev/null @@ -1,130 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/onlineForm/components/customFilterWidget.vue b/images/orange-demo-activiti-web/src/views/onlineForm/components/customFilterWidget.vue deleted file mode 100644 index 39988cb0..00000000 --- a/images/orange-demo-activiti-web/src/views/onlineForm/components/customFilterWidget.vue +++ /dev/null @@ -1,154 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/onlineForm/components/customImage.vue b/images/orange-demo-activiti-web/src/views/onlineForm/components/customImage.vue deleted file mode 100644 index 1aaffb62..00000000 --- a/images/orange-demo-activiti-web/src/views/onlineForm/components/customImage.vue +++ /dev/null @@ -1,28 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/onlineForm/components/customTable.vue b/images/orange-demo-activiti-web/src/views/onlineForm/components/customTable.vue deleted file mode 100644 index 0c10edee..00000000 --- a/images/orange-demo-activiti-web/src/views/onlineForm/components/customTable.vue +++ /dev/null @@ -1,532 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/onlineForm/components/customText.vue b/images/orange-demo-activiti-web/src/views/onlineForm/components/customText.vue deleted file mode 100644 index c311ab81..00000000 --- a/images/orange-demo-activiti-web/src/views/onlineForm/components/customText.vue +++ /dev/null @@ -1,35 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/onlineForm/components/customUpload.vue b/images/orange-demo-activiti-web/src/views/onlineForm/components/customUpload.vue deleted file mode 100644 index 9cc5184f..00000000 --- a/images/orange-demo-activiti-web/src/views/onlineForm/components/customUpload.vue +++ /dev/null @@ -1,190 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/onlineForm/components/customWidget.vue b/images/orange-demo-activiti-web/src/views/onlineForm/components/customWidget.vue deleted file mode 100644 index bafa3c99..00000000 --- a/images/orange-demo-activiti-web/src/views/onlineForm/components/customWidget.vue +++ /dev/null @@ -1,227 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/onlineForm/components/dragableFilterBox.vue b/images/orange-demo-activiti-web/src/views/onlineForm/components/dragableFilterBox.vue deleted file mode 100644 index 9c7b9544..00000000 --- a/images/orange-demo-activiti-web/src/views/onlineForm/components/dragableFilterBox.vue +++ /dev/null @@ -1,142 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/onlineForm/components/editDictParamValue.vue b/images/orange-demo-activiti-web/src/views/onlineForm/components/editDictParamValue.vue deleted file mode 100644 index d050b3c4..00000000 --- a/images/orange-demo-activiti-web/src/views/onlineForm/components/editDictParamValue.vue +++ /dev/null @@ -1,148 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/onlineForm/components/editFormParam.vue b/images/orange-demo-activiti-web/src/views/onlineForm/components/editFormParam.vue deleted file mode 100644 index 08186023..00000000 --- a/images/orange-demo-activiti-web/src/views/onlineForm/components/editFormParam.vue +++ /dev/null @@ -1,77 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/onlineForm/components/editTableQueryParam.vue b/images/orange-demo-activiti-web/src/views/onlineForm/components/editTableQueryParam.vue deleted file mode 100644 index b5f699b8..00000000 --- a/images/orange-demo-activiti-web/src/views/onlineForm/components/editTableQueryParam.vue +++ /dev/null @@ -1,211 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/onlineForm/components/editWidgetTableColumn.vue b/images/orange-demo-activiti-web/src/views/onlineForm/components/editWidgetTableColumn.vue deleted file mode 100644 index 6ae944ac..00000000 --- a/images/orange-demo-activiti-web/src/views/onlineForm/components/editWidgetTableColumn.vue +++ /dev/null @@ -1,166 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/onlineForm/components/editWidgetTableOperation.vue b/images/orange-demo-activiti-web/src/views/onlineForm/components/editWidgetTableOperation.vue deleted file mode 100644 index 11818c7b..00000000 --- a/images/orange-demo-activiti-web/src/views/onlineForm/components/editWidgetTableOperation.vue +++ /dev/null @@ -1,129 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/onlineForm/components/editableWidgetItem.vue b/images/orange-demo-activiti-web/src/views/onlineForm/components/editableWidgetItem.vue deleted file mode 100644 index f36e830a..00000000 --- a/images/orange-demo-activiti-web/src/views/onlineForm/components/editableWidgetItem.vue +++ /dev/null @@ -1,150 +0,0 @@ - - - - - - - diff --git a/images/orange-demo-activiti-web/src/views/onlineForm/components/formGenerator.vue b/images/orange-demo-activiti-web/src/views/onlineForm/components/formGenerator.vue deleted file mode 100644 index 8bf37624..00000000 --- a/images/orange-demo-activiti-web/src/views/onlineForm/components/formGenerator.vue +++ /dev/null @@ -1,1565 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/onlineForm/data/onlineFormOptions.js b/images/orange-demo-activiti-web/src/views/onlineForm/data/onlineFormOptions.js deleted file mode 100644 index 813a0181..00000000 --- a/images/orange-demo-activiti-web/src/views/onlineForm/data/onlineFormOptions.js +++ /dev/null @@ -1,239 +0,0 @@ -import { SysCustomWidgetKind, SysCustomWidgetType, SysCustomWidgetOperationType } from '@/staticDict/onlineStaticDict.js'; - -const defaultWidgetAttributes = { - label: { - widgetKind: SysCustomWidgetKind.Form, - widgetType: SysCustomWidgetType.Label, - span: 12, - placeholder: '', - defaultValue: '', - readOnly: true - }, - input: { - widgetKind: SysCustomWidgetKind.Form, - widgetType: SysCustomWidgetType.Input, - span: 12, - type: 'text', - placeholder: '', - defaultValue: '', - minRows: 2, - maxRows: 2, - readOnly: false, - disabled: false - }, - numberInput: { - widgetKind: SysCustomWidgetKind.Form, - widgetType: SysCustomWidgetType.NumberInput, - span: 12, - defaultValue: 0, - min: 0, - max: 100, - step: 1, - precision: 0, - controlVisible: 1, - controlPosition: 0, - readOnly: false, - disabled: false - }, - numberRange: { - widgetKind: SysCustomWidgetKind.Filter, - widgetType: SysCustomWidgetType.NumberRange, - readOnly: false, - disabled: false - }, - switch: { - widgetKind: SysCustomWidgetKind.Form, - widgetType: SysCustomWidgetType.Switch, - span: 12, - readOnly: false, - disabled: false - }, - select: { - widgetKind: SysCustomWidgetKind.Form, - widgetType: SysCustomWidgetType.Select, - span: 12, - placeholder: '' - }, - cascader: { - widgetKind: SysCustomWidgetKind.Form, - widgetType: SysCustomWidgetType.Cascader, - span: 12, - placeholder: '' - }, - date: { - widgetKind: SysCustomWidgetKind.Form, - widgetType: SysCustomWidgetType.Date, - span: 12, - placeholder: '', - type: 'date', - format: 'yyyy-MM-dd', - valueFormat: 'yyyy-MM-dd', - readOnly: false, - disabled: false - }, - dateRange: { - widgetKind: SysCustomWidgetKind.Filter, - widgetType: SysCustomWidgetType.DateRange, - readOnly: false, - disabled: false - }, - richEditor: { - widgetKind: SysCustomWidgetKind.Form, - widgetType: SysCustomWidgetType.RichEditor, - span: 24 - }, - upload: { - widgetKind: SysCustomWidgetKind.Form, - widgetType: SysCustomWidgetType.Upload, - span: 12, - isImage: true, - maxFileCount: undefined, - fileFieldName: 'uploadFile', - actionUrl: '', - downloadUrl: '' - }, - divider: { - widgetKind: SysCustomWidgetKind.Data, - widgetType: SysCustomWidgetType.Divider, - span: 24, - position: 'center' - }, - text: { - widgetKind: SysCustomWidgetKind.Data, - widgetType: SysCustomWidgetType.Text, - span: 24, - color: undefined, - backgroundColor: undefined, - fontSize: undefined, - lineHeight: undefined, - indent: undefined, - decoration: 'none', - align: 'left', - padding: 0 - }, - image: { - widgetKind: SysCustomWidgetKind.Data, - widgetType: SysCustomWidgetType.Image, - span: 24, - src: 'https://www.w3school.com.cn/i/eg_tulip.jpg', - height: undefined, - width: undefined, - fit: 'fill' - }, - table: { - widgetKind: SysCustomWidgetKind.Data, - widgetType: SysCustomWidgetType.Table, - span: 24, - supportBottom: 0, - tableInfo: { - height: undefined, - paged: true, - optionColumnWidth: 150 - }, - titleColor: '#409EFF', - tableColumnList: [], - operationList: [ - /** - * 暂时去掉导出操作，等支持后再开启 - { - id: 0, - type: SysCustomWidgetOperationType.EXPORT, - name: '导出', - enabled: true, - builtin: true, - rowOperation: false, - btnType: 'primary', - plain: true, - formId: undefined - }, - */ - { - id: 1, - type: SysCustomWidgetOperationType.ADD, - name: '新建', - enabled: true, - builtin: true, - rowOperation: false, - btnType: 'primary', - plain: false, - formId: undefined - }, - { - id: 2, - type: SysCustomWidgetOperationType.EDIT, - name: '编辑', - enabled: true, - builtin: true, - rowOperation: true, - btnClass: 'table-btn success', - formId: undefined - }, - { - id: 3, - type: SysCustomWidgetOperationType.DELETE, - name: '删除', - enabled: true, - builtin: true, - rowOperation: true, - btnClass: 'table-btn delete', - formId: undefined - } - ], - queryParamList: [] - }, - card: { - widgetKind: SysCustomWidgetKind.Container, - widgetType: SysCustomWidgetType.Card, - span: 12, - supportBottom: 0, - padding: 15, - gutter: 15, - height: undefined, - shadow: 'always', - childWidgetList: [] - } -} - -const defaultFormConfig = { - formType: undefined, - formKind: undefined, - gutter: 20, - labelWidth: 100, - labelPosition: 'right', - tableWidget: undefined, - width: 800, - height: undefined -} - -const baseWidgetList = [ - { - id: 'orang_base_card', - columnName: 'card', - showName: '基础卡片', - widgetType: SysCustomWidgetType.Card - }, - { - id: 'orange_base_divider', - columnName: 'divider', - showName: '分割线', - widgetType: SysCustomWidgetType.Divider - }, - { - id: 'orange_base_text', - columnName: 'text', - showName: '文本', - widgetType: SysCustomWidgetType.Text - }, - { - id: 'orange_base_image', - columnName: 'image', - showName: '图片', - widgetType: SysCustomWidgetType.Image - } -]; - -export { - baseWidgetList, - defaultWidgetAttributes, - defaultFormConfig -}; diff --git a/images/orange-demo-activiti-web/src/views/onlineForm/formOnlineDict/editDictDataButton.vue b/images/orange-demo-activiti-web/src/views/onlineForm/formOnlineDict/editDictDataButton.vue deleted file mode 100644 index 6e9d2f1c..00000000 --- a/images/orange-demo-activiti-web/src/views/onlineForm/formOnlineDict/editDictDataButton.vue +++ /dev/null @@ -1,89 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/onlineForm/formOnlineDict/editOnlineDict.vue b/images/orange-demo-activiti-web/src/views/onlineForm/formOnlineDict/editOnlineDict.vue deleted file mode 100644 index 1d3f0f6a..00000000 --- a/images/orange-demo-activiti-web/src/views/onlineForm/formOnlineDict/editOnlineDict.vue +++ /dev/null @@ -1,495 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/onlineForm/formOnlineDict/index.vue b/images/orange-demo-activiti-web/src/views/onlineForm/formOnlineDict/index.vue deleted file mode 100644 index 1209cf55..00000000 --- a/images/orange-demo-activiti-web/src/views/onlineForm/formOnlineDict/index.vue +++ /dev/null @@ -1,193 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/onlineForm/formOnlinePage/editOnlineForm.vue b/images/orange-demo-activiti-web/src/views/onlineForm/formOnlinePage/editOnlineForm.vue deleted file mode 100644 index 131d182f..00000000 --- a/images/orange-demo-activiti-web/src/views/onlineForm/formOnlinePage/editOnlineForm.vue +++ /dev/null @@ -1,221 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/onlineForm/formOnlinePage/editOnlinePageDatasource.vue b/images/orange-demo-activiti-web/src/views/onlineForm/formOnlinePage/editOnlinePageDatasource.vue deleted file mode 100644 index 5543a7b9..00000000 --- a/images/orange-demo-activiti-web/src/views/onlineForm/formOnlinePage/editOnlinePageDatasource.vue +++ /dev/null @@ -1,201 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/onlineForm/formOnlinePage/editOnlinePageDatasourceRelation.vue b/images/orange-demo-activiti-web/src/views/onlineForm/formOnlinePage/editOnlinePageDatasourceRelation.vue deleted file mode 100644 index 32df3c5d..00000000 --- a/images/orange-demo-activiti-web/src/views/onlineForm/formOnlinePage/editOnlinePageDatasourceRelation.vue +++ /dev/null @@ -1,358 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/onlineForm/formOnlinePage/editVirtualColumnFilter.vue b/images/orange-demo-activiti-web/src/views/onlineForm/formOnlinePage/editVirtualColumnFilter.vue deleted file mode 100644 index f650ba9e..00000000 --- a/images/orange-demo-activiti-web/src/views/onlineForm/formOnlinePage/editVirtualColumnFilter.vue +++ /dev/null @@ -1,193 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/onlineForm/formOnlinePage/index.vue b/images/orange-demo-activiti-web/src/views/onlineForm/formOnlinePage/index.vue deleted file mode 100644 index e3be7b4c..00000000 --- a/images/orange-demo-activiti-web/src/views/onlineForm/formOnlinePage/index.vue +++ /dev/null @@ -1,203 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/onlineForm/formOnlinePage/onlinePageSetting.vue b/images/orange-demo-activiti-web/src/views/onlineForm/formOnlinePage/onlinePageSetting.vue deleted file mode 100644 index bbf57511..00000000 --- a/images/orange-demo-activiti-web/src/views/onlineForm/formOnlinePage/onlinePageSetting.vue +++ /dev/null @@ -1,936 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/onlineForm/formOnlinePage/onlinePageTableColumnRule.vue b/images/orange-demo-activiti-web/src/views/onlineForm/formOnlinePage/onlinePageTableColumnRule.vue deleted file mode 100644 index a729dabc..00000000 --- a/images/orange-demo-activiti-web/src/views/onlineForm/formOnlinePage/onlinePageTableColumnRule.vue +++ /dev/null @@ -1,568 +0,0 @@ - - - - -> diff --git a/images/orange-demo-activiti-web/src/views/onlineForm/formOnlinePage/onlinePageVirtualColumn.vue b/images/orange-demo-activiti-web/src/views/onlineForm/formOnlinePage/onlinePageVirtualColumn.vue deleted file mode 100644 index 288e9631..00000000 --- a/images/orange-demo-activiti-web/src/views/onlineForm/formOnlinePage/onlinePageVirtualColumn.vue +++ /dev/null @@ -1,582 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/onlineForm/formOnlinePage/setOnlineTableColumnRule.vue b/images/orange-demo-activiti-web/src/views/onlineForm/formOnlinePage/setOnlineTableColumnRule.vue deleted file mode 100644 index 9c8399b1..00000000 --- a/images/orange-demo-activiti-web/src/views/onlineForm/formOnlinePage/setOnlineTableColumnRule.vue +++ /dev/null @@ -1,285 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/onlineForm/formRender/onlineEditForm.vue b/images/orange-demo-activiti-web/src/views/onlineForm/formRender/onlineEditForm.vue deleted file mode 100644 index 27997781..00000000 --- a/images/orange-demo-activiti-web/src/views/onlineForm/formRender/onlineEditForm.vue +++ /dev/null @@ -1,263 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/onlineForm/formRender/onlineFormMixins.js b/images/orange-demo-activiti-web/src/views/onlineForm/formRender/onlineFormMixins.js deleted file mode 100644 index 2ccec496..00000000 --- a/images/orange-demo-activiti-web/src/views/onlineForm/formRender/onlineFormMixins.js +++ /dev/null @@ -1,836 +0,0 @@ -import { mapMutations } from 'vuex'; -import * as StaticDict from '@/staticDict'; -import rules from '@/utils/validate.js'; -import { getOperationPermCode } from '../utils/index.js'; -import OnlineForm from '@/views/onlineForm/index.vue'; -import { - OnlineFormController -} from '@/api/onlineController.js'; - -const OnlineFormMixins = { - props: { - formId: { - type: String, - required: true - }, - readOnly: { - type: Boolean, - default: false - }, - closeVisible: { - type: String, - default: '0' - }, - params: { - type: Object - } - }, - data () { - return { - isLoading: true, - formData: {}, - rules: {}, - formConfig: { - formType: undefined, - formKind: undefined, - gutter: 20, - labelPosition: 'right', - labelWidth: 120, - width: undefined, - height: undefined, - formWidgetList: [], - formQueryTable: undefined - }, - masterTable: undefined, - errorMessage: [], - tableWidgetList: [], - dropdownWidgetList: [], - richEditWidgetList: [], - datasourceMap: new Map(), - relationMap: new Map(), - tableMap: new Map(), - columnMap: new Map(), - dictMap: new Map(), - linkageMap: new Map() - } - }, - methods: { - getFormData () { - return this.formData; - }, - getPermCode (widget, operation) { - return getOperationPermCode(widget, operation); - }, - loadOnlineFormData () { - return new Promise((resolve, reject) => { - OnlineFormController.render(this, { - formId: this.formId - }).then(res => { - let onlineForm = res.data.onlineForm; - let formConfigData = JSON.parse(onlineForm.widgetJson); - let formConfig = { - formName: onlineForm.formName, - formType: onlineForm.formType, - formKind: onlineForm.formKind, - masterTableId: onlineForm.masterTableId, - labelWidth: formConfigData.formConfig.labelWidth, - labelPosition: formConfigData.formConfig.labelPosition, - gutter: formConfigData.formConfig.gutter, - height: formConfigData.formConfig.height, - width: formConfigData.formConfig.width, - formWidgetList: formConfigData.widgetList, - formQueryTable: formConfigData.formConfig.tableWidget - } - onlineForm = null; - res.data.onlineForm = null; - // 字典 - if (Array.isArray(res.data.onlineDictList)) { - res.data.onlineDictList.forEach(dict => { - this.dictMap.set(dict.dictId, dict); - }); - } - res.data.onlineDictList = null; - // 数据表 - if (Array.isArray(res.data.onlineTableList)) { - res.data.onlineTableList.forEach(table => { - this.tableMap.set(table.tableId, table); - }); - } - res.data.onlineTableList = null; - // 字段 - if (Array.isArray(res.data.onlineColumnList)) { - res.data.onlineColumnList.forEach(column => { - if (column.dictId != null) { - column.dictInfo = this.dictMap.get(column.dictId); - } - let table = this.tableMap.get(column.tableId); - if (table) { - if (!Array.isArray(table.columnList)) table.columnList = []; - table.columnList.push(column); - } - this.columnMap.set(column.columnId, column); - }); - } - res.data.onlineColumnList = null; - // 虚拟字段 - if (Array.isArray(res.data.onlineVirtualColumnList)) { - res.data.onlineVirtualColumnList.forEach(column => { - column.columnId = column.virtualColumnId; - column.columnComment = column.columnPrompt; - column.columnName = column.objectFieldName; - column.primaryKey = false; - column.isVirtualColumn = true; - this.columnMap.set(column.columnId, column); - }); - } - res.data.onlineVirtualColumnList = null; - // 数据源 - if (Array.isArray(res.data.onlineDatasourceList)) { - res.data.onlineDatasourceList.forEach(datasource => { - datasource.masterTable = this.tableMap.get(datasource.masterTableId); - if (datasource.masterTable) datasource.masterTable.datasource = datasource; - this.datasourceMap.set(datasource.datasourceId, datasource); - }); - } - res.data.onlineDatasourceList = null; - // 关联 - if (Array.isArray(res.data.onlineDatasourceRelationList)) { - res.data.onlineDatasourceRelationList.forEach(relation => { - let datasource = this.datasourceMap.get(relation.datasourceId); - if (datasource) { - if (!Array.isArray(datasource.relationList)) datasource.relationList = []; - datasource.relationList.push(relation); - } - relation.masterColumn = this.columnMap.get(relation.masterColumnId); - relation.slaveTable = this.tableMap.get(relation.slaveTableId); - if (relation.slaveTable) { - relation.slaveTable.relation = relation; - relation.slaveTable.datasource = datasource; - } - relation.slaveColumn = this.columnMap.get(relation.slaveColumnId); - this.relationMap.set(relation.relationId, relation); - }); - } - res.data.onlineDatasourceRelationList = null; - // 校验规则 - if (Array.isArray(res.data.onlineColumnRuleList)) { - res.data.onlineColumnRuleList.forEach(rule => { - let column = this.columnMap.get(rule.columnId); - if (column) { - if (!Array.isArray(column.ruleList)) column.ruleList = []; - column.ruleList.push(rule); - } - }); - } - res.data.onlineColumnRuleList = null; - this.initFormData(formConfig); - this.formConfig = formConfig; - resolve(); - }).catch(e => { - reject(e); - }); - }); - }, - initWidget (widget, formConfig) { - if (widget != null) { - if (widget.datasourceId) widget.datasource = this.datasourceMap.get(widget.datasourceId); - if (widget.relationId) { - widget.relation = this.relationMap.get(widget.relationId); - if (widget.datasource == null && widget.relation != null) { - widget.datasource = this.datasourceMap.get(widget.relation.datasourceId); - } - } - if (widget.datasource == null) { - widget.datasource = { - masterTable: {} - } - widget.column = {} - } - if (widget.tableId) widget.table = this.tableMap.get(widget.tableId); - if (widget.columnId) widget.column = this.columnMap.get(widget.columnId); - if (widget.widgetType === this.SysCustomWidgetType.RichEditor) { - this.richEditWidgetList.push(widget); - } - - // 初始化组件下拉字典参数 - if (Array.isArray(widget.dictParamList)) { - widget.dictParamList.forEach(param => { - if (param.dictValueType === this.SysOnlineParamValueType.STATIC_DICT) { - let errorItem = null; - if (Array.isArray(param.dictValue) && param.dictValue.length === 2) { - let staticDict = StaticDict[param.dictValue[0]]; - if (staticDict == null) { - errorItem = { - widget: widget, - message: '组件字典参数' + param.dictParamName + '绑定的静态字典 [' + param.dictValue[0] + '] 并不存在！' - } - } else { - if (staticDict.getValue(param.dictValue[1]) == null) { - errorItem = { - widget: widget, - message: '组件字典参数' + param.dictParamName + '绑定的静态字典值并不属于静态字段 [' + param.dictValue[0] + '] ！' - } - } - } - } else { - errorItem = { - widget: widget, - message: '组件字典参数' + param.dictParamName + '绑定的静态字典错误！' - } - } - if (errorItem != null) this.errorMessage.push(errorItem); - } - }); - } - if (widget.column && widget.column.dictInfo != null) { - this.dropdownWidgetList.push(widget); - } - // 初始化表格列 - if (widget.widgetType === this.SysCustomWidgetType.Table) { - // 寻找表格主键 - widget.primaryColumnName = undefined; - if (widget.table && Array.isArray(widget.table.columnList)) { - for (let i = 0; i < widget.table.columnList.length; i++) { - if (widget.table.columnList[i].primaryKey) { - widget.primaryColumnName = widget.table.columnList[i].columnName; - break; - } - } - } - if (Array.isArray(widget.tableColumnList)) { - widget.tableColumnList.forEach(tableColumn => { - tableColumn.table = this.tableMap.get(tableColumn.tableId); - tableColumn.column = this.columnMap.get(tableColumn.columnId); - tableColumn.relation = this.relationMap.get(tableColumn.relationId); - if (tableColumn.table == null || tableColumn.column == null) { - this.errorMessage.push({ - widget: widget, - message: '表格列 [' + tableColumn.showName + '] 绑定的字段不存在！' - }); - } - }); - } - if (Array.isArray(widget.queryParamList)) { - widget.queryParamList.forEach(param => { - param.table = this.tableMap.get(param.tableId); - param.column = this.columnMap.get(param.columnId); - param.relation = this.relationMap.get(param.relationId); - - if (param.table == null || param.column == null) { - this.errorMessage.push({ - widget: widget, - message: '表格查询参数不存在！' - }); - } - }); - } - - this.tableWidgetList.push(widget); - } - - while (widget.datasourceId != null || widget.relationId != null) { - if (widget.datasourceId == null && widget.relation == null) { - let errorItem = { - widget: widget, - message: '组件绑定字段所属' + (widget.datasourceId ? '数据源' : '关联') + '不存在！' - } - this.errorMessage.push(errorItem); - break; - } - if (widget.table == null) { - let errorItem = { - widget: widget, - messagre: '组件绑定字段所属数据表不存在！' - } - this.errorMessage.push(errorItem); - break; - } - if (widget.column == null && widget.columnId != null) { - let errorItem = { - widget: widget, - messagre: '组件绑定字段不存在！' - } - this.errorMessage.push(errorItem); - break; - } - if (widget.column) { - let table = this.tableMap.get(widget.tableId); - if (table.tableId !== widget.table.tableId) { - let errorItem = { - widget: widget, - messagre: '组件绑定字段不属于选张的数据表！' - } - this.errorMessage.push(errorItem); - break; - } - } - break; - } - - if (Array.isArray(widget.childWidgetList)) { - widget.childWidgetList.forEach(subWidget => { - if (formConfig.formType === this.SysOnlineFormType.FLOW && this.formReadOnly) { - subWidget.readOnly = true; - } - this.initWidget(subWidget, formConfig); - }) - } - - if (widget.column && widget.column.dictInfo) { - if (Array.isArray(widget.dictParamList)) { - widget.dictParamList.forEach(dictParam => { - if (dictParam.dictValueType === this.SysOnlineParamValueType.TABLE_COLUMN) { - let linkageItem = this.linkageMap.get(dictParam.dictValue); - if (linkageItem == null) { - linkageItem = []; - this.linkageMap.set(dictParam.dictValue, linkageItem); - } - linkageItem.push(widget); - } - }); - } - } - } - }, - initFormWidgetList (formConfig) { - this.errorMessage = []; - if (Array.isArray(formConfig.formWidgetList)) { - formConfig.formWidgetList.forEach(widget => { - if (formConfig.formType === this.SysOnlineFormType.FLOW && this.formReadOnly) { - widget.readOnly = true; - } - this.initWidget(widget, formConfig); - }); - } - if (this.errorMessage.length > 0) { - console.error(this.errorMessage); - } - }, - buildRuleItem (widget, rule) { - if (rule.propDataJson) rule.data = JSON.parse(rule.propDataJson); - if (widget != null && rule != null) { - switch (rule.onlineRule.ruleType) { - case this.SysOnlineRuleType.INTEGER_ONLY: - return { type: 'integer', message: rule.data.message, trigger: 'blur', transform: (value) => Number(value) }; - case this.SysOnlineRuleType.DIGITAL_ONLY: - return { type: 'number', message: rule.data.message, trigger: 'blur', transform: (value) => Number(value) }; - case this.SysOnlineRuleType.LETTER_ONLY: - return { type: 'string', pattern: rules.pattern.english, message: rule.data.message, trigger: 'blur' }; - case this.SysOnlineRuleType.EMAIL: - return { type: 'email', message: rule.data.message, trigger: 'blur' }; - case this.SysOnlineRuleType.MOBILE: - return { type: 'string', pattern: rules.pattern.mobie, message: rule.data.message, trigger: 'blur' }; - case this.SysOnlineRuleType.RANGE: - if (widget.column) { - let isNumber = ['Boolean', 'Date', 'String'].indexOf(widget.column.objectFieldType) === -1; - return { type: isNumber ? 'number' : 'string', min: rule.data.min, max: rule.data.max, message: rule.data.message, trigger: 'blur' }; - } - break; - case this.SysOnlineRuleType.CUSTOM: - return { type: 'string', pattern: new RegExp(rule.data.pattern), message: rule.data.message, trigger: 'blur' }; - } - } - }, - buildWidgetRule (widget, rules) { - if (widget != null && widget.column != null) { - let widgetRuleKey = (widget.relation ? widget.relation.variableName + '__' : '') + widget.column.columnName; - // 必填字段以及设置了验证规则的字段 - if (!widget.column.nullable || Array.isArray(widget.column.ruleList)) { - rules[widgetRuleKey] = []; - // 必填验证 - if (!widget.column.nullable) { - rules[widgetRuleKey].push( - { required: true, message: widget.showName + '不能为空！', trigger: 'true' } - ) - } - // 其他验证 - if (Array.isArray(widget.column.ruleList)) { - widget.column.ruleList.forEach(rule => { - let ruleItem = this.buildRuleItem(widget, rule); - if (ruleItem) rules[widgetRuleKey].push(ruleItem); - }); - } - } - } - }, - initWidgetRule (formConfig) { - if (Array.isArray(formConfig.formWidgetList)) { - let rules = {}; - formConfig.formWidgetList.forEach(widget => { - this.buildWidgetRule(widget, rules); - }); - this.$set(this, 'rules', rules); - this.$nextTick(() => { - if (this.$refs.form) this.$refs.form.clearValidate(); - }); - } - }, - initFormDatasourceData (formConfig) { - let that = this; - function addFormDataByColumn (retObj, column, relation) { - let fieldName = (relation ? relation.variableName + '__' : '') + column.columnName; - if (retObj == null) retObj = {}; - if (formConfig.formType === that.SysOnlineFormType.QUERY) { - if (retObj.formFilter == null) retObj.formFilter = {}; - if (retObj.formFilterCopy == null) retObj.formFilterCopy = {}; - retObj.formFilter[fieldName] = column.objectFieldType === 'Boolean' ? false : undefined; - retObj.formFilterCopy[fieldName] = column.objectFieldType === 'Boolean' ? false : undefined; - } else { - retObj[fieldName] = column.objectFieldType === 'Boolean' ? false : undefined; - } - - return retObj; - } - // 设置数据源数据 - let datasourceFormData = {}; - if (this.masterTable) { - // 添加表单主表的数据 - this.masterTable.columnList.forEach(column => { - datasourceFormData = addFormDataByColumn(datasourceFormData, column, this.masterTable.relation); - }); - // 如果表单主表是数据源主表，添加关联数据 - if (this.masterTable.relation == null) { - let datasource = this.masterTable.datasource; - if (datasource != null && Array.isArray(datasource.relationList)) { - datasource.relationList.forEach(relation => { - // 一对一关联从表数据 - if (relation.relationType === this.SysOnlineRelationType.ONE_TO_ONE) { - let slaveTable = this.tableMap.get(relation.slaveTableId); - if (slaveTable && Array.isArray(slaveTable.columnList)) { - slaveTable.columnList.forEach(column => { - datasourceFormData = addFormDataByColumn(datasourceFormData, column, relation); - }); - } - } - }); - } - } - } - this.$set(this, 'formData', datasourceFormData); - }, - initWidgetLinkage (formConfig) { - this.linkageMap.forEach((widgetList, key) => { - let column = this.columnMap.get(key); - let watchKey = null; - if (formConfig.formType === this.SysOnlineFormType.QUERY) { - watchKey = 'formData.formFilter.' + column.columnName; - } else { - watchKey = 'formData.' + column.columnName; - } - this.$watch(watchKey, (newValue) => { - if (Array.isArray(widgetList)) { - widgetList.forEach(widget => { - if (Array.isArray(this.$refs[widget.variableName])) { - this.$refs[widget.variableName].forEach(ref => { - ref.reset(); - }); - } else { - this.$refs[widget.variableName].reset(); - } - }); - } - }); - }); - }, - initFormData (formConfig) { - this.masterTable = this.tableMap.get(formConfig.masterTableId); - // 初始化表单数据 - this.initFormDatasourceData(formConfig); - // 初始化表单组件 - this.initWidget(formConfig.formQueryTable, formConfig); - this.initFormWidgetList(formConfig); - // 初始化校验信息 - this.initWidgetRule(formConfig); - }, - getParamValue (valueType, valueData) { - switch (valueType) { - case this.SysOnlineParamValueType.FORM_PARAM: - return this.params ? this.params[valueData] : undefined; - case this.SysOnlineParamValueType.TABLE_COLUMN: - { - let column = this.columnMap.get(valueData); - let columnValue = null; - if (this.formConfig.formType === this.SysOnlineFormType.QUERY) { - columnValue = this.formData.formFilterCopy[column.columnName]; - } else { - columnValue = this.formData[column.columnName]; - } - if (column == null || columnValue == null || columnValue === '') { - return null; - } else { - return columnValue; - } - } - case this.SysOnlineParamValueType.STATIC_DICT: - return Array.isArray(valueData) ? valueData[1] : undefined; - case this.SysOnlineParamValueType.INPUT_VALUE: - return valueData; - } - }, - getParamValueObj (paramName, valueType, valueData, retObj) { - try { - if (retObj == null) retObj = {}; - retObj[paramName] = this.getParamValue(valueType, valueData); - if (retObj[paramName] == null) return null; - return retObj; - } catch (e) { - console.log(e); - } - }, - clean () { - this.datasourceMap = null; - this.relationMap = null; - this.tableMap = null; - this.columnMap = null; - this.dictMap = null; - }, - loadAllDropdownData () { - if (Array.isArray(this.dropdownWidgetList)) { - this.dropdownWidgetList.forEach(dropdownWidget => { - let dropdownWidgetImpl = this.$refs[dropdownWidget.variableName][0]; - if (dropdownWidgetImpl) { - dropdownWidgetImpl.onVisibleChange(); - } - }); - } - }, - reload () { - this.loadOnlineFormData().then(res => { - this.isLoading = false; - if (this.formConfig.formType === this.SysOnlineFormType.FORM) { - if (Number.parseInt(this.operationType) === this.SysCustomWidgetOperationType.EDIT && this.saveOnClose === '1') { - // 编辑操作页面，初始化页面数据 - let httpCall = null; - if (this.saveOnClose === '0') { - httpCall = Promise.resolve({ - data: this.params - }); - } else { - let params = { - datasourceId: (this.masterTable.datasource || {}).datasourceId, - relationId: (this.masterTable.relation || {}).relationId - } - - for (let i = 0; i < this.masterTable.columnList.length; i++) { - let column = this.masterTable.columnList[i]; - if (column.primaryKey) { - params.dataId = this.params[column.columnName]; - break; - } - } - if (params.relationId) { - httpCall = this.doUrl('/admin/online/onlineOperation/viewByOneToManyRelationId/' + (this.masterTable.datasource || {}).variableName, 'get', params); - } else { - httpCall = this.doUrl('/admin/online/onlineOperation/viewByDatasourceId/' + (this.masterTable.datasource || {}).variableName, 'get', params); - } - } - - httpCall.then(res => { - this.formData = { - ...this.formData, - ...res.data - } - this.loadAllDropdownData(); - // 初始化组件联动 - this.initWidgetLinkage(this.formConfig); - }).catch(e => {}); - return; - } else { - if (this.rowData != null) { - this.formData = { - ...this.rowData - } - } - } - this.loadAllDropdownData(); - } - setTimeout(() => { - if (this.formConfig.formType === this.SysOnlineFormType.FLOW) { - this.loadAllDropdownData(); - } - // 初始化组件联动 - this.initWidgetLinkage(this.formConfig); - this.onResume(); - this.$emit('ready'); - }, 30); - }).catch(e => { - console.log(e); - }); - }, - onResume () {}, - getPrimaryKeyColumnParam (table, row) { - if (table && Array.isArray(table.columnList)) { - return table.columnList.reduce((retObj, column) => { - let fieldName = (table.relation ? table.relation.variableName + '__' : '') + column.columnName; - if (column.primaryKey) { - retObj[column.columnName] = row ? row[fieldName] : undefined; - } - return retObj; - }, {}); - } - - return null; - }, - buildSubFormParams (operation, subFormInfo, row) { - let subFormMasterTable = this.tableMap.get(subFormInfo.masterTableId); - if (subFormMasterTable == null) return null; - if (subFormMasterTable.relation == null) { - // 下级表单操作的是主表数据的编辑 - if (operation.type === this.SysCustomWidgetOperationType.EDIT) { - return this.getPrimaryKeyColumnParam(this.masterTable, row); - } else { - return null; - } - } else { - // 下级表单操作的是从表 - if (subFormInfo.formType === this.SysOnlineFormType.QUERY) { - // 从表的查询页面，参数为主表主键 - return this.getPrimaryKeyColumnParam(this.masterTable, row); - } else { - if (operation.type === this.SysCustomWidgetOperationType.EDIT) { - // 从表的编辑页面 - if (this.formConfig.formType === this.SysOnlineFormType.FORM && - Number.parseInt(this.operationType) === this.SysCustomWidgetOperationType.ADD) { - return { - ...row - } - } else { - return this.getPrimaryKeyColumnParam(subFormMasterTable, row); - } - } else { - // 从表的添加页面 - return { - ...this.params - } - } - } - } - }, - handlerOperation (operation, row, widget) { - if (this.preview()) return; - if (operation.formId != null) { - OnlineFormController.view(this, { - formId: operation.formId - }).then(res => { - let formInfo = res.data; - if (formInfo != null) { - let params = this.buildSubFormParams(operation, formInfo, row); - if (formInfo.formKind === this.SysOnlineFormKind.DIALOG) { - let formJsonData = JSON.parse(formInfo.widgetJson); - let area = (formInfo.height != null) ? [(formJsonData.formConfig.width || 800) + 'px', formJsonData.formConfig.height + 'px'] : (formJsonData.formConfig.width || 800) + 'px'; - this.$dialog.show(operation.name, OnlineForm, { - area: area, - offset: '100px' - }, { - flowData: this.flowData, - formId: formInfo.formId, - formType: formInfo.formType, - operationType: operation.type, - params, - saveOnClose: ( - formInfo.formType === this.SysOnlineFormType.FLOW || this.formConfig.formType === this.SysOnlineFormType.FLOW || - ( - formInfo.formType === this.SysOnlineFormType.FORM && - Number.parseInt(this.operationType) === this.SysCustomWidgetOperationType.ADD - ) - ) ? '0' : '1', - rowData: row - }).then(res => { - let widgetObj = this.$refs[widget.variableName]; - if (Array.isArray(widgetObj)) { - widgetObj.forEach(item => { - item.refresh(res, operation.type); - }); - } else { - widgetObj.refresh(res, operation.type); - } - }).catch(e => { - }); - } else { - if (this.formConfig.formType === this.SysOnlineFormType.QUERY) { - let tableWidget = this.$refs[this.formConfig.formQueryTable.variableName].getTableWidget(); - this.addOnlineFormCache({ - key: this.$route.fullPath, - value: { - formFilter: { ...this.formData.formFilter }, - formFilterCopy: { ...this.formData.formFilterCopy }, - tableImpl: { - totalCount: tableWidget.totalCount, - currentPage: tableWidget.currentPage, - pageSize: tableWidget.pageSize - } - } - }); - } - this.$router.push({ - name: 'onlineForm', - query: { - flowData: this.flowData, - formId: formInfo.formId, - formType: formInfo.formType, - closeVisible: '1', - operationType: operation.type, - params, - saveOnClose: ( - formInfo.formType === this.SysOnlineFormType.FLOW || this.formConfig.formType === this.SysOnlineFormType.FLOW || - ( - formInfo.formType === this.SysOnlineFormType.FORM && - Number.parseInt(this.operationType) === this.SysCustomWidgetOperationType.ADD - ) - ) ? '0' : '1', - rowData: row - } - }) - } - } - }).catch(e => {}); - } else { - if (operation.type === this.SysCustomWidgetOperationType.DELETE) { - this.$confirm('是否删除当前数据？').then(res => { - if (this.formConfig.formType !== this.SysOnlineFormType.FLOW && - (this.formConfig.formType !== this.SysOnlineFormType.FORM || Number.parseInt(this.operationType) !== this.SysCustomWidgetOperationType.ADD)) { - let params = { - datasourceId: (widget.table.datasource || {}).datasourceId, - relationId: (widget.table.relation || {}).relationId - } - for (let i = 0; i < widget.table.columnList.length; i++) { - let column = widget.table.columnList[i]; - if (column.primaryKey) { - let fieldName = (widget.table.relation ? widget.table.relation.variableName + '__' : '') + column.columnName; - params.dataId = row[fieldName]; - break; - } - } - let httpCall = null; - if (params.relationId) { - httpCall = this.doUrl('/admin/online/onlineOperation/deleteOneToManyRelation/' + widget.datasource.variableName, 'post', params); - } else { - httpCall = this.doUrl('/admin/online/onlineOperation/deleteDatasource/' + widget.datasource.variableName, 'post', params); - } - - httpCall.then(res => { - this.$message.success('删除成功！'); - let widgetObj = this.$refs[widget.variableName]; - if (Array.isArray(widgetObj)) { - widgetObj.forEach(item => { - item.refresh(res, operation.type); - }); - } else { - widgetObj.refresh(res, operation.type); - } - }).catch(e => { - }); - } else { - let widgetObj = this.$refs[widget.variableName]; - if (Array.isArray(widgetObj)) { - widgetObj.forEach(item => { - item.refresh(row, operation.type); - }); - } else { - widgetObj.refresh(row, operation.type); - } - } - }).catch(e => {}); - } else if (operation.type === this.SysCustomWidgetOperationType.EXPORT) { - this.$message.warning('导出操作尚未支持！'); - } - } - }, - getRelationTableData (tableWidget) { - if (tableWidget.widgetType === this.SysCustomWidgetType.Table) { - let table = tableWidget.table; - let temp = this.$refs[tableWidget.variableName]; - if (table != null && table.relation != null && Array.isArray(table.columnList) && temp != null) { - let tableWidgetImpl = temp[0] || temp; - return tableWidgetImpl.getTableWidget().dataList.map(data => { - return table.columnList.reduce((retObj, column) => { - let fieldName = (table.relation ? table.relation.variableName + '__' : '') + column.columnName; - retObj[column.columnName] = data[fieldName]; - return retObj - }, {}); - }); - } - } - return null; - }, - getWidgetPrimaryColumnId (widget) { - console.log(widget); - let columnList = null; - if (widget.relationId == null) { - columnList = widget.datasource.masterTable.columnList; - } else { - columnList = widget.relation.slaveTable.columnList; - } - - if (Array.isArray(columnList)) { - for (let i = 0; i < columnList.length; i++) { - let column = columnList[i]; - if (column.primaryKey) { - let columnName = column.columnName; - if (widget.relation != null) columnName = widget.relation.variableName + '__' + columnName; - console.log(this.formData, columnName); - return this.formData[columnName]; - } - } - } - }, - ...mapMutations(['addOnlineFormCache']) - }, - created () { - this.reload(); - }, - destoryed () { - this.clean(); - }, - watch: { - formId: { - handler (newValue) { - this.reload(); - } - } - } -} - -export { - OnlineFormMixins -} diff --git a/images/orange-demo-activiti-web/src/views/onlineForm/formRender/onlineQueryForm.vue b/images/orange-demo-activiti-web/src/views/onlineForm/formRender/onlineQueryForm.vue deleted file mode 100644 index bd89eab1..00000000 --- a/images/orange-demo-activiti-web/src/views/onlineForm/formRender/onlineQueryForm.vue +++ /dev/null @@ -1,141 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/onlineForm/formRender/onlineWorkOrder.vue b/images/orange-demo-activiti-web/src/views/onlineForm/formRender/onlineWorkOrder.vue deleted file mode 100644 index adbdfe54..00000000 --- a/images/orange-demo-activiti-web/src/views/onlineForm/formRender/onlineWorkOrder.vue +++ /dev/null @@ -1,301 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/onlineForm/formRender/workflowForm.vue b/images/orange-demo-activiti-web/src/views/onlineForm/formRender/workflowForm.vue deleted file mode 100644 index 6625f586..00000000 --- a/images/orange-demo-activiti-web/src/views/onlineForm/formRender/workflowForm.vue +++ /dev/null @@ -1,250 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/onlineForm/index.vue b/images/orange-demo-activiti-web/src/views/onlineForm/index.vue deleted file mode 100644 index a4e35c41..00000000 --- a/images/orange-demo-activiti-web/src/views/onlineForm/index.vue +++ /dev/null @@ -1,169 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/onlineForm/utils/index.js b/images/orange-demo-activiti-web/src/views/onlineForm/utils/index.js deleted file mode 100644 index 58a197cb..00000000 --- a/images/orange-demo-activiti-web/src/views/onlineForm/utils/index.js +++ /dev/null @@ -1,105 +0,0 @@ -import * as StaticDict from '@/staticDict'; -import { SysOnlineDictType, SysCustomWidgetOperationType } from '@/staticDict/onlineStaticDict.js'; -import { OnlineOperation } from '@/api/onlineController.js'; -import ajax from '@/core/http/index.js'; - -function getTableDictData (sender, dictId, dictParams) { - return new Promise((resolve, reject) => { - let filterDtoList = Object.keys(dictParams).map(key => { - return { - columnName: key, - columnValue: dictParams[key] - } - }); - let params = { - dictId: dictId, - filterDtoList: filterDtoList - } - OnlineOperation.listDict(sender, params).then(res => { - resolve(res.data); - }).catch(e => { - reject(e); - }); - }); -} - -function getDictDataByUrl (url, params, dictInfo, methods = 'get') { - return new Promise((resolve, reject) => { - ajax.doUrl(url, methods, params).then(res => { - if (Array.isArray(res.data)) { - resolve(res.data.map(item => { - return { - id: item[dictInfo.keyColumnName], - name: item[dictInfo.valueColumnName], - parentId: item[dictInfo.parentKeyColumnName] - } - })); - } else { - reject(); - } - }).catch(e => { - reject(e); - }); - }); -} - -function getUrlDictData (dictInfo, dictParams) { - let url = dictInfo.dictListUrl; - if (url != null && url !== '') { - return getDictDataByUrl(url, dictParams, dictInfo, 'get'); - } else { - console.error('字典 [' + dictInfo.dictName + '] url为空'); - return Promise.reject(); - } -} - -/** - * 获取字典数据 - * @param {*} dictInfo 字典配置对象 - * @param {*} params 获取字典时传入的参数，仅对于数据表字典和URL字典有效 - * @returns 字典数据 - */ -function getDictDataList (sender, dictInfo, dictParams) { - let dictData = JSON.parse(dictInfo.dictDataJson); - switch (dictInfo.dictType) { - case SysOnlineDictType.TABLE: - return getTableDictData(sender, dictInfo.dictId, dictParams); - case SysOnlineDictType.URL: - return getUrlDictData(dictInfo, dictParams); - case SysOnlineDictType.CUSTOM: - if (dictData != null && Array.isArray(dictData.dictData)) { - return Promise.resolve(dictData.dictData); - } else { - return Promise.reject(new Error('获取自定义字典数据错误！')); - } - case SysOnlineDictType.STATIC: - if (dictData != null && dictData.staticDictName != null && StaticDict[dictData.staticDictName] != null) { - return Promise.resolve(StaticDict[dictData.staticDictName].getList()); - } else { - return Promise.reject(new Error('未知的静态字典！')); - } - default: - return Promise.reject(new Error('未知的字典类型！')); - } -} - -function getOperationPermCode (widget, operation) { - let datasourceVariableName = (widget.datasource || {}).variableName; - let temp = 'view'; - switch (operation.type) { - case SysCustomWidgetOperationType.ADD: - case SysCustomWidgetOperationType.EDIT: - case SysCustomWidgetOperationType.DELETE: - temp = 'edit'; - break; - default: - temp = 'view'; - } - return 'online:' + datasourceVariableName + ':' + temp; -} - -export { - getDictDataList, - getDictDataByUrl, - getOperationPermCode -} diff --git a/images/orange-demo-activiti-web/src/views/upms/formDictManagement/index.vue b/images/orange-demo-activiti-web/src/views/upms/formDictManagement/index.vue deleted file mode 100644 index 3d0c41f0..00000000 --- a/images/orange-demo-activiti-web/src/views/upms/formDictManagement/index.vue +++ /dev/null @@ -1,193 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/upms/formEditDict/index.vue b/images/orange-demo-activiti-web/src/views/upms/formEditDict/index.vue deleted file mode 100644 index c290cdd2..00000000 --- a/images/orange-demo-activiti-web/src/views/upms/formEditDict/index.vue +++ /dev/null @@ -1,110 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/upms/formEditSysDataPerm/index.vue b/images/orange-demo-activiti-web/src/views/upms/formEditSysDataPerm/index.vue deleted file mode 100644 index 9bfc6079..00000000 --- a/images/orange-demo-activiti-web/src/views/upms/formEditSysDataPerm/index.vue +++ /dev/null @@ -1,243 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/upms/formEditSysDept/index.vue b/images/orange-demo-activiti-web/src/views/upms/formEditSysDept/index.vue deleted file mode 100644 index 7cc506f5..00000000 --- a/images/orange-demo-activiti-web/src/views/upms/formEditSysDept/index.vue +++ /dev/null @@ -1,201 +0,0 @@ - - - diff --git a/images/orange-demo-activiti-web/src/views/upms/formEditSysMenu/editColumn.vue b/images/orange-demo-activiti-web/src/views/upms/formEditSysMenu/editColumn.vue deleted file mode 100644 index 9cccb196..00000000 --- a/images/orange-demo-activiti-web/src/views/upms/formEditSysMenu/editColumn.vue +++ /dev/null @@ -1,108 +0,0 @@ - - - diff --git a/images/orange-demo-activiti-web/src/views/upms/formEditSysMenu/index.vue b/images/orange-demo-activiti-web/src/views/upms/formEditSysMenu/index.vue deleted file mode 100644 index c1b7897d..00000000 --- a/images/orange-demo-activiti-web/src/views/upms/formEditSysMenu/index.vue +++ /dev/null @@ -1,400 +0,0 @@ - - - diff --git a/images/orange-demo-activiti-web/src/views/upms/formEditSysPerm/index.vue b/images/orange-demo-activiti-web/src/views/upms/formEditSysPerm/index.vue deleted file mode 100644 index 85774d38..00000000 --- a/images/orange-demo-activiti-web/src/views/upms/formEditSysPerm/index.vue +++ /dev/null @@ -1,168 +0,0 @@ - - - diff --git a/images/orange-demo-activiti-web/src/views/upms/formEditSysPermCode/index.vue b/images/orange-demo-activiti-web/src/views/upms/formEditSysPermCode/index.vue deleted file mode 100644 index 863ea1a7..00000000 --- a/images/orange-demo-activiti-web/src/views/upms/formEditSysPermCode/index.vue +++ /dev/null @@ -1,221 +0,0 @@ - - - diff --git a/images/orange-demo-activiti-web/src/views/upms/formEditSysPermModule/index.vue b/images/orange-demo-activiti-web/src/views/upms/formEditSysPermModule/index.vue deleted file mode 100644 index e7f03829..00000000 --- a/images/orange-demo-activiti-web/src/views/upms/formEditSysPermModule/index.vue +++ /dev/null @@ -1,184 +0,0 @@ - - - diff --git a/images/orange-demo-activiti-web/src/views/upms/formEditSysPost/index.vue b/images/orange-demo-activiti-web/src/views/upms/formEditSysPost/index.vue deleted file mode 100644 index e9b24f75..00000000 --- a/images/orange-demo-activiti-web/src/views/upms/formEditSysPost/index.vue +++ /dev/null @@ -1,198 +0,0 @@ - - - diff --git a/images/orange-demo-activiti-web/src/views/upms/formEditSysRole/index.vue b/images/orange-demo-activiti-web/src/views/upms/formEditSysRole/index.vue deleted file mode 100644 index 9b63ec2c..00000000 --- a/images/orange-demo-activiti-web/src/views/upms/formEditSysRole/index.vue +++ /dev/null @@ -1,158 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/upms/formEditSysUser/index.vue b/images/orange-demo-activiti-web/src/views/upms/formEditSysUser/index.vue deleted file mode 100644 index 226349e3..00000000 --- a/images/orange-demo-activiti-web/src/views/upms/formEditSysUser/index.vue +++ /dev/null @@ -1,257 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/upms/formMenuPerm/index.vue b/images/orange-demo-activiti-web/src/views/upms/formMenuPerm/index.vue deleted file mode 100644 index cb9bf241..00000000 --- a/images/orange-demo-activiti-web/src/views/upms/formMenuPerm/index.vue +++ /dev/null @@ -1,150 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/upms/formSetRoleUsers/index.vue b/images/orange-demo-activiti-web/src/views/upms/formSetRoleUsers/index.vue deleted file mode 100644 index 055f2e02..00000000 --- a/images/orange-demo-activiti-web/src/views/upms/formSetRoleUsers/index.vue +++ /dev/null @@ -1,211 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/upms/formSetSysDataPermUser/index.vue b/images/orange-demo-activiti-web/src/views/upms/formSetSysDataPermUser/index.vue deleted file mode 100644 index 04b5712a..00000000 --- a/images/orange-demo-activiti-web/src/views/upms/formSetSysDataPermUser/index.vue +++ /dev/null @@ -1,211 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/upms/formSysDataPerm/index.vue b/images/orange-demo-activiti-web/src/views/upms/formSysDataPerm/index.vue deleted file mode 100644 index 2bc0a993..00000000 --- a/images/orange-demo-activiti-web/src/views/upms/formSysDataPerm/index.vue +++ /dev/null @@ -1,479 +0,0 @@ - - - diff --git a/images/orange-demo-activiti-web/src/views/upms/formSysDept/index.vue b/images/orange-demo-activiti-web/src/views/upms/formSysDept/index.vue deleted file mode 100644 index 33b543f5..00000000 --- a/images/orange-demo-activiti-web/src/views/upms/formSysDept/index.vue +++ /dev/null @@ -1,200 +0,0 @@ - - - diff --git a/images/orange-demo-activiti-web/src/views/upms/formSysDeptPost/formSetDeptPost.vue b/images/orange-demo-activiti-web/src/views/upms/formSysDeptPost/formSetDeptPost.vue deleted file mode 100644 index f57989e6..00000000 --- a/images/orange-demo-activiti-web/src/views/upms/formSysDeptPost/formSetDeptPost.vue +++ /dev/null @@ -1,185 +0,0 @@ - - - diff --git a/images/orange-demo-activiti-web/src/views/upms/formSysDeptPost/index.vue b/images/orange-demo-activiti-web/src/views/upms/formSysDeptPost/index.vue deleted file mode 100644 index 2321ccf6..00000000 --- a/images/orange-demo-activiti-web/src/views/upms/formSysDeptPost/index.vue +++ /dev/null @@ -1,255 +0,0 @@ - - - diff --git a/images/orange-demo-activiti-web/src/views/upms/formSysLoginUser/index.vue b/images/orange-demo-activiti-web/src/views/upms/formSysLoginUser/index.vue deleted file mode 100644 index 61d66509..00000000 --- a/images/orange-demo-activiti-web/src/views/upms/formSysLoginUser/index.vue +++ /dev/null @@ -1,146 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/upms/formSysMenu/formSysColumnMenu.vue b/images/orange-demo-activiti-web/src/views/upms/formSysMenu/formSysColumnMenu.vue deleted file mode 100644 index 00387f41..00000000 --- a/images/orange-demo-activiti-web/src/views/upms/formSysMenu/formSysColumnMenu.vue +++ /dev/null @@ -1,307 +0,0 @@ - - - diff --git a/images/orange-demo-activiti-web/src/views/upms/formSysMenu/formSysMenuPerm.vue b/images/orange-demo-activiti-web/src/views/upms/formSysMenu/formSysMenuPerm.vue deleted file mode 100644 index 837ba31c..00000000 --- a/images/orange-demo-activiti-web/src/views/upms/formSysMenu/formSysMenuPerm.vue +++ /dev/null @@ -1,203 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/upms/formSysMenu/index.vue b/images/orange-demo-activiti-web/src/views/upms/formSysMenu/index.vue deleted file mode 100644 index bdd408fa..00000000 --- a/images/orange-demo-activiti-web/src/views/upms/formSysMenu/index.vue +++ /dev/null @@ -1,241 +0,0 @@ - - - diff --git a/images/orange-demo-activiti-web/src/views/upms/formSysPerm/formSysPermDetail.vue b/images/orange-demo-activiti-web/src/views/upms/formSysPerm/formSysPermDetail.vue deleted file mode 100644 index 32559c93..00000000 --- a/images/orange-demo-activiti-web/src/views/upms/formSysPerm/formSysPermDetail.vue +++ /dev/null @@ -1,323 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/upms/formSysPerm/index.vue b/images/orange-demo-activiti-web/src/views/upms/formSysPerm/index.vue deleted file mode 100644 index ff8503eb..00000000 --- a/images/orange-demo-activiti-web/src/views/upms/formSysPerm/index.vue +++ /dev/null @@ -1,407 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/upms/formSysPermCode/formSysPermCodeDetail.vue b/images/orange-demo-activiti-web/src/views/upms/formSysPermCode/formSysPermCodeDetail.vue deleted file mode 100644 index a2ab35c5..00000000 --- a/images/orange-demo-activiti-web/src/views/upms/formSysPermCode/formSysPermCodeDetail.vue +++ /dev/null @@ -1,253 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/upms/formSysPermCode/index.vue b/images/orange-demo-activiti-web/src/views/upms/formSysPermCode/index.vue deleted file mode 100644 index bf516bc3..00000000 --- a/images/orange-demo-activiti-web/src/views/upms/formSysPermCode/index.vue +++ /dev/null @@ -1,270 +0,0 @@ - - - diff --git a/images/orange-demo-activiti-web/src/views/upms/formSysPost/index.vue b/images/orange-demo-activiti-web/src/views/upms/formSysPost/index.vue deleted file mode 100644 index 65f40e34..00000000 --- a/images/orange-demo-activiti-web/src/views/upms/formSysPost/index.vue +++ /dev/null @@ -1,200 +0,0 @@ - - - diff --git a/images/orange-demo-activiti-web/src/views/upms/formSysRole/formSysRolePerm.vue b/images/orange-demo-activiti-web/src/views/upms/formSysRole/formSysRolePerm.vue deleted file mode 100644 index 4ed4a721..00000000 --- a/images/orange-demo-activiti-web/src/views/upms/formSysRole/formSysRolePerm.vue +++ /dev/null @@ -1,254 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/upms/formSysRole/index.vue b/images/orange-demo-activiti-web/src/views/upms/formSysRole/index.vue deleted file mode 100644 index cd92fb54..00000000 --- a/images/orange-demo-activiti-web/src/views/upms/formSysRole/index.vue +++ /dev/null @@ -1,473 +0,0 @@ - - - diff --git a/images/orange-demo-activiti-web/src/views/upms/formSysUser/formSysUserPerm.vue b/images/orange-demo-activiti-web/src/views/upms/formSysUser/formSysUserPerm.vue deleted file mode 100644 index 6dc458ba..00000000 --- a/images/orange-demo-activiti-web/src/views/upms/formSysUser/formSysUserPerm.vue +++ /dev/null @@ -1,335 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/upms/formSysUser/index.vue b/images/orange-demo-activiti-web/src/views/upms/formSysUser/index.vue deleted file mode 100644 index 1da71e6a..00000000 --- a/images/orange-demo-activiti-web/src/views/upms/formSysUser/index.vue +++ /dev/null @@ -1,282 +0,0 @@ - - - diff --git a/images/orange-demo-activiti-web/src/views/welcome/index.vue b/images/orange-demo-activiti-web/src/views/welcome/index.vue deleted file mode 100644 index f3b36326..00000000 --- a/images/orange-demo-activiti-web/src/views/welcome/index.vue +++ /dev/null @@ -1,156 +0,0 @@ - - - - - - - diff --git a/images/orange-demo-activiti-web/src/views/workflow/components/HandlerFlowTask.vue b/images/orange-demo-activiti-web/src/views/workflow/components/HandlerFlowTask.vue deleted file mode 100644 index 237223c3..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/components/HandlerFlowTask.vue +++ /dev/null @@ -1,273 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/workflow/components/ProcessDesigner.vue b/images/orange-demo-activiti-web/src/views/workflow/components/ProcessDesigner.vue deleted file mode 100644 index 68ae6c6f..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/components/ProcessDesigner.vue +++ /dev/null @@ -1,86 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/workflow/components/ProcessViewer.vue b/images/orange-demo-activiti-web/src/views/workflow/components/ProcessViewer.vue deleted file mode 100644 index 9e6e1550..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/components/ProcessViewer.vue +++ /dev/null @@ -1,232 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/workflow/components/TagSelect.vue b/images/orange-demo-activiti-web/src/views/workflow/components/TagSelect.vue deleted file mode 100644 index 611297b7..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/components/TagSelect.vue +++ /dev/null @@ -1,75 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/workflow/components/TaskCommit.vue b/images/orange-demo-activiti-web/src/views/workflow/components/TaskCommit.vue deleted file mode 100644 index 4b45d37e..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/components/TaskCommit.vue +++ /dev/null @@ -1,120 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/workflow/components/TaskGroupSelect.vue b/images/orange-demo-activiti-web/src/views/workflow/components/TaskGroupSelect.vue deleted file mode 100644 index 091f0666..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/components/TaskGroupSelect.vue +++ /dev/null @@ -1,106 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/workflow/components/TaskPostSelect.vue b/images/orange-demo-activiti-web/src/views/workflow/components/TaskPostSelect.vue deleted file mode 100644 index 2bd0d67d..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/components/TaskPostSelect.vue +++ /dev/null @@ -1,139 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/workflow/components/TaskUserSelect.vue b/images/orange-demo-activiti-web/src/views/workflow/components/TaskUserSelect.vue deleted file mode 100644 index 634cba0c..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/components/TaskUserSelect.vue +++ /dev/null @@ -1,215 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/workflow/flowCategory/formEditFlowCategory.vue b/images/orange-demo-activiti-web/src/views/workflow/flowCategory/formEditFlowCategory.vue deleted file mode 100644 index b83a0190..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/flowCategory/formEditFlowCategory.vue +++ /dev/null @@ -1,207 +0,0 @@ - - - diff --git a/images/orange-demo-activiti-web/src/views/workflow/flowCategory/formFlowCategory.vue b/images/orange-demo-activiti-web/src/views/workflow/flowCategory/formFlowCategory.vue deleted file mode 100644 index 9cd9c291..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/flowCategory/formFlowCategory.vue +++ /dev/null @@ -1,206 +0,0 @@ - - - diff --git a/images/orange-demo-activiti-web/src/views/workflow/flowEntry/formEditFlowEntry.vue b/images/orange-demo-activiti-web/src/views/workflow/flowEntry/formEditFlowEntry.vue deleted file mode 100644 index c554b8a2..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/flowEntry/formEditFlowEntry.vue +++ /dev/null @@ -1,574 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/workflow/flowEntry/formEditFlowEntryVariable.vue b/images/orange-demo-activiti-web/src/views/workflow/flowEntry/formEditFlowEntryVariable.vue deleted file mode 100644 index 2dd60bb7..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/flowEntry/formEditFlowEntryVariable.vue +++ /dev/null @@ -1,189 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/workflow/flowEntry/formFlowEntry.vue b/images/orange-demo-activiti-web/src/views/workflow/flowEntry/formFlowEntry.vue deleted file mode 100644 index d70b07f1..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/flowEntry/formFlowEntry.vue +++ /dev/null @@ -1,343 +0,0 @@ - - - diff --git a/images/orange-demo-activiti-web/src/views/workflow/flowEntry/formPublishedFlowEntry.vue b/images/orange-demo-activiti-web/src/views/workflow/flowEntry/formPublishedFlowEntry.vue deleted file mode 100644 index 3460b0c6..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/flowEntry/formPublishedFlowEntry.vue +++ /dev/null @@ -1,175 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/workflow/formMessage/index.vue b/images/orange-demo-activiti-web/src/views/workflow/formMessage/index.vue deleted file mode 100644 index dc60b65f..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/formMessage/index.vue +++ /dev/null @@ -1,128 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/workflow/handlerFlowTask/index.vue b/images/orange-demo-activiti-web/src/views/workflow/handlerFlowTask/index.vue deleted file mode 100644 index 71f23626..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/handlerFlowTask/index.vue +++ /dev/null @@ -1,347 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/workflow/mixins/flowMixins.js b/images/orange-demo-activiti-web/src/views/workflow/mixins/flowMixins.js deleted file mode 100644 index a98f5b94..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/mixins/flowMixins.js +++ /dev/null @@ -1,83 +0,0 @@ -import { cachedPageChildMixin } from '@/core/mixins'; -import TaskCommit from '@/views/workflow/components/TaskCommit.vue'; -import { FlowOperationController } from '@/api/flowController.js'; - -export default { - mixins: [cachedPageChildMixin], - methods: { - // 加签 - submitConsign (assignee) { - return new Promise((resolve, reject) => { - let params = { - taskId: this.taskId, - processInstanceId: this.processInstanceId, - newAssignees: assignee.split(',') - } - - FlowOperationController.submitConsign(this, params).then(res => { - this.$message.success('加签成功！'); - resolve(); - }).catch(e => { - reject(); - }); - }); - }, - // 关闭流程处理 - handlerClose (isDialog = false) { - if (isDialog) { - if (this.observer != null) { - this.observer.cancel(true); - } - } else { - this.refreshParentCachedPage = true; - this.$router.go(-1); - } - }, - // 获取表单数据 - async getMasterData () { - return Promise.resolve(); - }, - // 初始化表单数据 - initFormData () { - return new Promise((resolve, reject) => { - this.$message.error('初始化流程表单数据接口并未实现，请联系管理员！'); - }); - }, - // 预处理工作流操作 - preHandlerOperation (operation, isStart) { - return new Promise((resolve, reject) => { - if (operation == null) { - isStart ? resolve() : reject(); - return; - } - // 撤销操作不弹出选择窗口 - let showCommitDig = (!isStart && operation.type !== this.SysFlowTaskOperationType.REVOKE) || operation.type === this.SysFlowTaskOperationType.SET_ASSIGNEE; - if (operation.type === this.SysFlowTaskOperationType.MULTI_SIGN) { - showCommitDig = !operation.multiSignAssignee || !Array.isArray(operation.multiSignAssignee.assigneeList) || operation.multiSignAssignee.assigneeList.length <= 0; - } - if (showCommitDig) { - let title = isStart ? '提交' : (operation.type === this.SysFlowTaskOperationType.CO_SIGN ? '加签' : '审批'); - this.$dialog.show(title, TaskCommit, { - area: '500px' - }, { - operation - }).then(res => { - resolve(res); - }).catch(e => { - reject(e); - }); - } else { - resolve(); - } - }); - }, - // 启动流程 - handlerStart (operation) { - this.$message.error('当前流程并未实现启动功能，请联系管理员！'); - }, - // 流程处理操作 - handlerOperation (operation) { - this.$message.error('当前流程并未实现处理功能，请联系管理员！'); - } - } -} diff --git a/images/orange-demo-activiti-web/src/views/workflow/package/highlight/index.js b/images/orange-demo-activiti-web/src/views/workflow/package/highlight/index.js deleted file mode 100644 index bff9211b..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/package/highlight/index.js +++ /dev/null @@ -1,5 +0,0 @@ -const hljs = require("highlight.js/lib/core"); -hljs.registerLanguage("xml", require("highlight.js/lib/languages/xml")); -hljs.registerLanguage("json", require("highlight.js/lib/languages/json")); - -module.exports = hljs; diff --git a/images/orange-demo-activiti-web/src/views/workflow/package/index.js b/images/orange-demo-activiti-web/src/views/workflow/package/index.js deleted file mode 100644 index 0399b3be..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/package/index.js +++ /dev/null @@ -1,7 +0,0 @@ -import MyProcessDesigner from "./process-designer"; -import MyProcessPenal from "./refactor"; - -export { - MyProcessDesigner, - MyProcessPenal -} \ No newline at end of file diff --git a/images/orange-demo-activiti-web/src/views/workflow/package/process-designer/ProcessDesigner.vue b/images/orange-demo-activiti-web/src/views/workflow/package/process-designer/ProcessDesigner.vue deleted file mode 100644 index 26a3bec7..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/package/process-designer/ProcessDesigner.vue +++ /dev/null @@ -1,460 +0,0 @@ - - - diff --git a/images/orange-demo-activiti-web/src/views/workflow/package/process-designer/index.js b/images/orange-demo-activiti-web/src/views/workflow/package/process-designer/index.js deleted file mode 100644 index 028fe054..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/package/process-designer/index.js +++ /dev/null @@ -1,7 +0,0 @@ -import MyProcessDesigner from "./ProcessDesigner.vue"; - -MyProcessDesigner.install = function(Vue) { - Vue.component(MyProcessDesigner.name, MyProcessDesigner); -}; - -export default MyProcessDesigner; diff --git a/images/orange-demo-activiti-web/src/views/workflow/package/process-designer/plugins/content-pad/contentPadProvider.js b/images/orange-demo-activiti-web/src/views/workflow/package/process-designer/plugins/content-pad/contentPadProvider.js deleted file mode 100644 index 447a99b3..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/package/process-designer/plugins/content-pad/contentPadProvider.js +++ /dev/null @@ -1,390 +0,0 @@ -import { assign, forEach, isArray } from "min-dash"; - -import { is } from "bpmn-js/lib/util/ModelUtil"; - -import { isExpanded, isEventSubProcess } from "bpmn-js/lib/util/DiUtil"; - -import { isAny } from "bpmn-js/lib/features/modeling/util/ModelingUtil"; - -import { getChildLanes } from "bpmn-js/lib/features/modeling/util/LaneUtil"; - -import { hasPrimaryModifier } from "diagram-js/lib/util/Mouse"; - -/** - * A provider for BPMN 2.0 elements context pad - */ -export default function ContextPadProvider( - config, - injector, - eventBus, - contextPad, - modeling, - elementFactory, - connect, - create, - popupMenu, - canvas, - rules, - translate, - elementRegistry -) { - config = config || {}; - - contextPad.registerProvider(this); - - this._contextPad = contextPad; - - this._modeling = modeling; - - this._elementFactory = elementFactory; - this._connect = connect; - this._create = create; - this._popupMenu = popupMenu; - this._canvas = canvas; - this._rules = rules; - this._translate = translate; - - if (config.autoPlace !== false) { - this._autoPlace = injector.get("autoPlace", false); - } - - eventBus.on("create.end", 250, function(event) { - var context = event.context, - shape = context.shape; - - if (!hasPrimaryModifier(event) || !contextPad.isOpen(shape)) { - return; - } - - var entries = contextPad.getEntries(shape); - - if (entries.replace) { - entries.replace.action.click(event, shape); - } - }); -} - -ContextPadProvider.$inject = [ - "config.contextPad", - "injector", - "eventBus", - "contextPad", - "modeling", - "elementFactory", - "connect", - "create", - "popupMenu", - "canvas", - "rules", - "translate", - "elementRegistry" -]; - -ContextPadProvider.prototype.getContextPadEntries = function(element) { - var contextPad = this._contextPad, - modeling = this._modeling, - elementFactory = this._elementFactory, - connect = this._connect, - create = this._create, - popupMenu = this._popupMenu, - canvas = this._canvas, - rules = this._rules, - autoPlace = this._autoPlace, - translate = this._translate; - - var actions = {}; - - if (element.type === "label") { - return actions; - } - - var businessObject = element.businessObject; - - function startConnect(event, element) { - connect.start(event, element); - } - - function removeElement() { - modeling.removeElements([element]); - } - - function getReplaceMenuPosition(element) { - var Y_OFFSET = 5; - - var diagramContainer = canvas.getContainer(), - pad = contextPad.getPad(element).html; - - var diagramRect = diagramContainer.getBoundingClientRect(), - padRect = pad.getBoundingClientRect(); - - var top = padRect.top - diagramRect.top; - var left = padRect.left - diagramRect.left; - - var pos = { - x: left, - y: top + padRect.height + Y_OFFSET - }; - - return pos; - } - - /** - * Create an append action - * - * @param {string} type - * @param {string} className - * @param {string} [title] - * @param {Object} [options] - * - * @return {Object} descriptor - */ - function appendAction(type, className, title, options) { - if (typeof title !== "string") { - options = title; - title = translate("Append {type}", { type: type.replace(/^bpmn:/, "") }); - } - - function appendStart(event, element) { - var shape = elementFactory.createShape(assign({ type: type }, options)); - create.start(event, shape, { - source: element - }); - } - - var append = autoPlace - ? function(event, element) { - var shape = elementFactory.createShape(assign({ type: type }, options)); - - autoPlace.append(element, shape); - } - : appendStart; - - return { - group: "model", - className: className, - title: title, - action: { - dragstart: appendStart, - click: append - } - }; - } - - function splitLaneHandler(count) { - return function(event, element) { - // actual split - modeling.splitLane(element, count); - - // refresh context pad after split to - // get rid of split icons - contextPad.open(element, true); - }; - } - - if (isAny(businessObject, ["bpmn:Lane", "bpmn:Participant"]) && isExpanded(businessObject)) { - var childLanes = getChildLanes(element); - - assign(actions, { - "lane-insert-above": { - group: "lane-insert-above", - className: "bpmn-icon-lane-insert-above", - title: translate("Add Lane above"), - action: { - click: function(event, element) { - modeling.addLane(element, "top"); - } - } - } - }); - - if (childLanes.length < 2) { - if (element.height >= 120) { - assign(actions, { - "lane-divide-two": { - group: "lane-divide", - className: "bpmn-icon-lane-divide-two", - title: translate("Divide into two Lanes"), - action: { - click: splitLaneHandler(2) - } - } - }); - } - - if (element.height >= 180) { - assign(actions, { - "lane-divide-three": { - group: "lane-divide", - className: "bpmn-icon-lane-divide-three", - title: translate("Divide into three Lanes"), - action: { - click: splitLaneHandler(3) - } - } - }); - } - } - - assign(actions, { - "lane-insert-below": { - group: "lane-insert-below", - className: "bpmn-icon-lane-insert-below", - title: translate("Add Lane below"), - action: { - click: function(event, element) { - modeling.addLane(element, "bottom"); - } - } - } - }); - } - - if (is(businessObject, "bpmn:FlowNode")) { - if (is(businessObject, "bpmn:EventBasedGateway")) { - assign(actions, { - "append.receive-task": appendAction("bpmn:ReceiveTask", "bpmn-icon-receive-task", translate("Append ReceiveTask")), - "append.message-intermediate-event": appendAction( - "bpmn:IntermediateCatchEvent", - "bpmn-icon-intermediate-event-catch-message", - translate("Append MessageIntermediateCatchEvent"), - { eventDefinitionType: "bpmn:MessageEventDefinition" } - ), - "append.timer-intermediate-event": appendAction( - "bpmn:IntermediateCatchEvent", - "bpmn-icon-intermediate-event-catch-timer", - translate("Append TimerIntermediateCatchEvent"), - { eventDefinitionType: "bpmn:TimerEventDefinition" } - ), - "append.condition-intermediate-event": appendAction( - "bpmn:IntermediateCatchEvent", - "bpmn-icon-intermediate-event-catch-condition", - translate("Append ConditionIntermediateCatchEvent"), - { eventDefinitionType: "bpmn:ConditionalEventDefinition" } - ), - "append.signal-intermediate-event": appendAction( - "bpmn:IntermediateCatchEvent", - "bpmn-icon-intermediate-event-catch-signal", - translate("Append SignalIntermediateCatchEvent"), - { eventDefinitionType: "bpmn:SignalEventDefinition" } - ) - }); - } else if (isEventType(businessObject, "bpmn:BoundaryEvent", "bpmn:CompensateEventDefinition")) { - assign(actions, { - "append.compensation-activity": appendAction("bpmn:Task", "bpmn-icon-task", translate("Append compensation activity"), { - isForCompensation: true - }) - }); - } else if ( - !is(businessObject, "bpmn:EndEvent") && - !businessObject.isForCompensation && - !isEventType(businessObject, "bpmn:IntermediateThrowEvent", "bpmn:LinkEventDefinition") && - !isEventSubProcess(businessObject) - ) { - assign(actions, { - "append.end-event": appendAction("bpmn:EndEvent", "bpmn-icon-end-event-none", translate("Append EndEvent")), - "append.gateway": appendAction("bpmn:ExclusiveGateway", "bpmn-icon-gateway-none", translate("Append Gateway")), - "append.append-task": appendAction("bpmn:UserTask", "bpmn-icon-user-task", translate("Append Task")), - "append.intermediate-event": appendAction( - "bpmn:IntermediateThrowEvent", - "bpmn-icon-intermediate-event-none", - translate("Append Intermediate/Boundary Event") - ) - }); - } - } - - if (!popupMenu.isEmpty(element, "bpmn-replace")) { - // Replace menu entry - assign(actions, { - replace: { - group: "edit", - className: "bpmn-icon-screw-wrench", - title: translate("Change type"), - action: { - click: function(event, element) { - var position = assign(getReplaceMenuPosition(element), { - cursor: { x: event.x, y: event.y } - }); - - popupMenu.open(element, "bpmn-replace", position); - } - } - } - }); - } - - if (isAny(businessObject, ["bpmn:FlowNode", "bpmn:InteractionNode", "bpmn:DataObjectReference", "bpmn:DataStoreReference"])) { - assign(actions, { - "append.text-annotation": appendAction("bpmn:TextAnnotation", "bpmn-icon-text-annotation"), - - connect: { - group: "connect", - className: "bpmn-icon-connection-multi", - title: translate("Connect using " + (businessObject.isForCompensation ? "" : "Sequence/MessageFlow or ") + "Association"), - action: { - click: startConnect, - dragstart: startConnect - } - } - }); - } - - if (isAny(businessObject, ["bpmn:DataObjectReference", "bpmn:DataStoreReference"])) { - assign(actions, { - connect: { - group: "connect", - className: "bpmn-icon-connection-multi", - title: translate("Connect using DataInputAssociation"), - action: { - click: startConnect, - dragstart: startConnect - } - } - }); - } - - if (is(businessObject, "bpmn:Group")) { - assign(actions, { - "append.text-annotation": appendAction("bpmn:TextAnnotation", "bpmn-icon-text-annotation") - }); - } - - // delete element entry, only show if allowed by rules - var deleteAllowed = rules.allowed("elements.delete", { elements: [element] }); - - if (isArray(deleteAllowed)) { - // was the element returned as a deletion candidate? - deleteAllowed = deleteAllowed[0] === element; - } - - if (deleteAllowed) { - assign(actions, { - delete: { - group: "edit", - className: "bpmn-icon-trash", - title: translate("Remove"), - action: { - click: removeElement - } - } - }); - } - - return actions; -}; - -// helpers ///////// - -function isEventType(eventBo, type, definition) { - var isType = eventBo.$instanceOf(type); - var isDefinition = false; - - var definitions = eventBo.eventDefinitions || []; - forEach(definitions, function(def) { - if (def.$type === definition) { - isDefinition = true; - } - }); - - return isType && isDefinition; -} diff --git a/images/orange-demo-activiti-web/src/views/workflow/package/process-designer/plugins/content-pad/index.js b/images/orange-demo-activiti-web/src/views/workflow/package/process-designer/plugins/content-pad/index.js deleted file mode 100644 index a9cf887c..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/package/process-designer/plugins/content-pad/index.js +++ /dev/null @@ -1,6 +0,0 @@ -import CustomContextPadProvider from "./contentPadProvider"; - -export default { - __init__: ["contextPadProvider"], - contextPadProvider: ["type", CustomContextPadProvider] -}; diff --git a/images/orange-demo-activiti-web/src/views/workflow/package/process-designer/plugins/defaultEmpty.js b/images/orange-demo-activiti-web/src/views/workflow/package/process-designer/plugins/defaultEmpty.js deleted file mode 100644 index 9ec1df12..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/package/process-designer/plugins/defaultEmpty.js +++ /dev/null @@ -1,27 +0,0 @@ -export default (key, name, type) => { - if (!type) type = "camunda"; - const TYPE_TARGET = { - activiti: "http://activiti.org/bpmn", - camunda: "http://bpmn.io/schema/bpmn", - flowable: "http://flowable.org/bpmn" - }; - return ` - - - - - - - - - - `; -}; diff --git a/images/orange-demo-activiti-web/src/views/workflow/package/process-designer/plugins/descriptor/activitiDescriptor.json b/images/orange-demo-activiti-web/src/views/workflow/package/process-designer/plugins/descriptor/activitiDescriptor.json deleted file mode 100644 index a4a18a54..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/package/process-designer/plugins/descriptor/activitiDescriptor.json +++ /dev/null @@ -1,1278 +0,0 @@ -{ - "name": "Activiti", - "uri": "http://activiti.org/bpmn", - "prefix": "activiti", - "xml": { - "tagAlias": "lowerCase" - }, - "associations": [], - "types": [ - { - "name": "Definitions", - "isAbstract": true, - "extends": [ - "bpmn:Definitions" - ], - "properties": [ - { - "name": "diagramRelationId", - "isAttr": true, - "type": "String" - } - ] - }, - { - "name": "InOutBinding", - "superClass": [ - "Element" - ], - "isAbstract": true, - "properties": [ - { - "name": "source", - "isAttr": true, - "type": "String" - }, - { - "name": "sourceExpression", - "isAttr": true, - "type": "String" - }, - { - "name": "target", - "isAttr": true, - "type": "String" - }, - { - "name": "businessKey", - "isAttr": true, - "type": "String" - }, - { - "name": "local", - "isAttr": true, - "type": "Boolean", - "default": false - }, - { - "name": "variables", - "isAttr": true, - "type": "String" - } - ] - }, - { - "name": "In", - "superClass": [ - "InOutBinding" - ], - "meta": { - "allowedIn": [ - "bpmn:CallActivity" - ] - } - }, - { - "name": "Out", - "superClass": [ - "InOutBinding" - ], - "meta": { - "allowedIn": [ - "bpmn:CallActivity" - ] - } - }, - { - "name": "AsyncCapable", - "isAbstract": true, - "extends": [ - "bpmn:Activity", - "bpmn:Gateway", - "bpmn:Event" - ], - "properties": [ - { - "name": "async", - "isAttr": true, - "type": "Boolean", - "default": false - }, - { - "name": "asyncBefore", - "isAttr": true, - "type": "Boolean", - "default": false - }, - { - "name": "asyncAfter", - "isAttr": true, - "type": "Boolean", - "default": false - }, - { - "name": "exclusive", - "isAttr": true, - "type": "Boolean", - "default": true - } - ] - }, - { - "name": "JobPriorized", - "isAbstract": true, - "extends": [ - "bpmn:Process", - "activiti:AsyncCapable" - ], - "properties": [ - { - "name": "jobPriority", - "isAttr": true, - "type": "String" - } - ] - }, - { - "name": "SignalEventDefinition", - "isAbstract": true, - "extends": [ - "bpmn:SignalEventDefinition" - ], - "properties": [ - { - "name": "async", - "isAttr": true, - "type": "Boolean", - "default": false - } - ] - }, - { - "name": "ErrorEventDefinition", - "isAbstract": true, - "extends": [ - "bpmn:ErrorEventDefinition" - ], - "properties": [ - { - "name": "errorCodeVariable", - "isAttr": true, - "type": "String" - }, - { - "name": "errorMessageVariable", - "isAttr": true, - "type": "String" - } - ] - }, - { - "name": "Error", - "isAbstract": true, - "extends": [ - "bpmn:Error" - ], - "properties": [ - { - "name": "activiti:errorMessage", - "isAttr": true, - "type": "String" - } - ] - }, - { - "name": "PotentialStarter", - "superClass": [ - "Element" - ], - "properties": [ - { - "name": "resourceAssignmentExpression", - "type": "bpmn:ResourceAssignmentExpression" - } - ] - }, - { - "name": "FormSupported", - "isAbstract": true, - "extends": [ - "bpmn:StartEvent", - "bpmn:UserTask" - ], - "properties": [ - { - "name": "formHandlerClass", - "isAttr": true, - "type": "String" - }, - { - "name": "formKey", - "isAttr": true, - "type": "String" - } - ] - }, - { - "name": "TemplateSupported", - "isAbstract": true, - "extends": [ - "bpmn:Process", - "bpmn:FlowElement" - ], - "properties": [ - { - "name": "modelerTemplate", - "isAttr": true, - "type": "String" - } - ] - }, - { - "name": "Initiator", - "isAbstract": true, - "extends": [ "bpmn:StartEvent" ], - "properties": [ - { - "name": "initiator", - "isAttr": true, - "type": "String" - } - ] - }, - { - "name": "ScriptTask", - "isAbstract": true, - "extends": [ - "bpmn:ScriptTask" - ], - "properties": [ - { - "name": "resultVariable", - "isAttr": true, - "type": "String" - }, - { - "name": "resource", - "isAttr": true, - "type": "String" - } - ] - }, - { - "name": "Process", - "isAbstract": true, - "extends": [ - "bpmn:Process" - ], - "properties": [ - { - "name": "candidateStarterGroups", - "isAttr": true, - "type": "String" - }, - { - "name": "candidateStarterUsers", - "isAttr": true, - "type": "String" - }, - { - "name": "versionTag", - "isAttr": true, - "type": "String" - }, - { - "name": "historyTimeToLive", - "isAttr": true, - "type": "String" - }, - { - "name": "isStartableInTasklist", - "isAttr": true, - "type": "Boolean", - "default": true - }, - { - "name":"executionListener", - "isAbstract": true, - "type":"Expression" - } - ] - }, - { - "name": "EscalationEventDefinition", - "isAbstract": true, - "extends": [ - "bpmn:EscalationEventDefinition" - ], - "properties": [ - { - "name": "escalationCodeVariable", - "isAttr": true, - "type": "String" - } - ] - }, - { - "name": "FormalExpression", - "isAbstract": true, - "extends": [ - "bpmn:FormalExpression" - ], - "properties": [ - { - "name": "resource", - "isAttr": true, - "type": "String" - } - ] - }, - { - "name": "multiinstance_type", - "superClass":[ - "Element" - ] - }, - { - "name": "multiinstance_condition", - "superClass":[ - "Element" - ] - }, - { - "name": "Assignable", - "extends": [ "bpmn:UserTask" ], - "properties": [ - { - "name": "assignee", - "isAttr": true, - "type": "String" - }, - { - "name": "candidateUsers", - "isAttr": true, - "type": "String" - }, - { - "name": "candidateGroups", - "isAttr": true, - "type": "String" - }, - { - "name": "dueDate", - "isAttr": true, - "type": "String" - }, - { - "name": "followUpDate", - "isAttr": true, - "type": "String" - }, - { - "name": "priority", - "isAttr": true, - "type": "String" - }, - { - "name": "multiinstance_condition", - "isAttr": true, - "type": "String" - } - ] - }, - { - "name": "CallActivity", - "extends": [ "bpmn:CallActivity" ], - "properties": [ - { - "name": "calledElementBinding", - "isAttr": true, - "type": "String", - "default": "latest" - }, - { - "name": "calledElementVersion", - "isAttr": true, - "type": "String" - }, - { - "name": "calledElementVersionTag", - "isAttr": true, - "type": "String" - }, - { - "name": "calledElementTenantId", - "isAttr": true, - "type": "String" - }, - { - "name": "caseRef", - "isAttr": true, - "type": "String" - }, - { - "name": "caseBinding", - "isAttr": true, - "type": "String", - "default": "latest" - }, - { - "name": "caseVersion", - "isAttr": true, - "type": "String" - }, - { - "name": "caseTenantId", - "isAttr": true, - "type": "String" - }, - { - "name": "variableMappingClass", - "isAttr": true, - "type": "String" - }, - { - "name": "variableMappingDelegateExpression", - "isAttr": true, - "type": "String" - } - ] - }, - { - "name": "ServiceTaskLike", - "extends": [ - "bpmn:ServiceTask", - "bpmn:BusinessRuleTask", - "bpmn:SendTask", - "bpmn:MessageEventDefinition" - ], - "properties": [ - { - "name": "expression", - "isAttr": true, - "type": "String" - }, - { - "name": "class", - "isAttr": true, - "type": "String" - }, - { - "name": "delegateExpression", - "isAttr": true, - "type": "String" - }, - { - "name": "resultVariable", - "isAttr": true, - "type": "String" - } - ] - }, - { - "name": "DmnCapable", - "extends": [ - "bpmn:BusinessRuleTask" - ], - "properties": [ - { - "name": "decisionRef", - "isAttr": true, - "type": "String" - }, - { - "name": "decisionRefBinding", - "isAttr": true, - "type": "String", - "default": "latest" - }, - { - "name": "decisionRefVersion", - "isAttr": true, - "type": "String" - }, - { - "name": "mapDecisionResult", - "isAttr": true, - "type": "String", - "default": "resultList" - }, - { - "name": "decisionRefTenantId", - "isAttr": true, - "type": "String" - } - ] - }, - { - "name": "ExternalCapable", - "extends": [ - "activiti:ServiceTaskLike" - ], - "properties": [ - { - "name": "type", - "isAttr": true, - "type": "String" - }, - { - "name": "topic", - "isAttr": true, - "type": "String" - } - ] - }, - { - "name": "TaskPriorized", - "extends": [ - "bpmn:Process", - "activiti:ExternalCapable" - ], - "properties": [ - { - "name": "taskPriority", - "isAttr": true, - "type": "String" - } - ] - }, - { - "name": "Properties", - "superClass": [ - "Element" - ], - "meta": { - "allowedIn": [ "*" ] - }, - "properties": [ - { - "name": "values", - "type": "Property", - "isMany": true - } - ] - }, - { - "name": "Property", - "superClass": [ - "Element" - ], - "properties": [ - { - "name": "id", - "type": "String", - "isAttr": true - }, - { - "name": "name", - "type": "String", - "isAttr": true - }, - { - "name": "value", - "type": "String", - "isAttr": true - } - ] - }, - { - "name": "Connector", - "superClass": [ - "Element" - ], - "meta": { - "allowedIn": [ - "activiti:ServiceTaskLike" - ] - }, - "properties": [ - { - "name": "inputOutput", - "type": "InputOutput" - }, - { - "name": "connectorId", - "type": "String" - } - ] - }, - { - "name": "InputOutput", - "superClass": [ - "Element" - ], - "meta": { - "allowedIn": [ - "bpmn:FlowNode", - "activiti:Connector" - ] - }, - "properties": [ - { - "name": "inputOutput", - "type": "InputOutput" - }, - { - "name": "connectorId", - "type": "String" - }, - { - "name": "inputParameters", - "isMany": true, - "type": "InputParameter" - }, - { - "name": "outputParameters", - "isMany": true, - "type": "OutputParameter" - } - ] - }, - { - "name": "InputOutputParameter", - "properties": [ - { - "name": "name", - "isAttr": true, - "type": "String" - }, - { - "name": "value", - "isBody": true, - "type": "String" - }, - { - "name": "definition", - "type": "InputOutputParameterDefinition" - } - ] - }, - { - "name": "InputOutputParameterDefinition", - "isAbstract": true - }, - { - "name": "List", - "superClass": [ "InputOutputParameterDefinition" ], - "properties": [ - { - "name": "items", - "isMany": true, - "type": "InputOutputParameterDefinition" - } - ] - }, - { - "name": "Map", - "superClass": [ "InputOutputParameterDefinition" ], - "properties": [ - { - "name": "entries", - "isMany": true, - "type": "Entry" - } - ] - }, - { - "name": "Entry", - "properties": [ - { - "name": "key", - "isAttr": true, - "type": "String" - }, - { - "name": "value", - "isBody": true, - "type": "String" - }, - { - "name": "definition", - "type": "InputOutputParameterDefinition" - } - ] - }, - { - "name": "Value", - "superClass": [ - "InputOutputParameterDefinition" - ], - "properties": [ - { - "name": "id", - "isAttr": true, - "type": "String" - }, - { - "name": "name", - "isAttr": true, - "type": "String" - }, - { - "name": "value", - "isBody": true, - "type": "String" - } - ] - }, - { - "name": "Script", - "superClass": [ "InputOutputParameterDefinition" ], - "properties": [ - { - "name": "scriptFormat", - "isAttr": true, - "type": "String" - }, - { - "name": "resource", - "isAttr": true, - "type": "String" - }, - { - "name": "value", - "isBody": true, - "type": "String" - } - ] - }, - { - "name": "Field", - "superClass": [ "Element" ], - "meta": { - "allowedIn": [ - "activiti:ServiceTaskLike", - "activiti:ExecutionListener", - "activiti:TaskListener" - ] - }, - "properties": [ - { - "name": "name", - "isAttr": true, - "type": "String" - }, - { - "name": "expression", - "type": "String" - }, - { - "name": "stringValue", - "isAttr": true, - "type": "String" - }, - { - "name": "string", - "type": "String" - } - ] - }, - { - "name": "InputParameter", - "superClass": [ "InputOutputParameter" ] - }, - { - "name": "OutputParameter", - "superClass": [ "InputOutputParameter" ] - }, - { - "name": "Collectable", - "isAbstract": true, - "extends": [ "bpmn:MultiInstanceLoopCharacteristics" ], - "superClass": [ "activiti:AsyncCapable" ], - "properties": [ - { - "name": "collection", - "isAttr": true, - "type": "String" - }, - { - "name": "elementVariable", - "isAttr": true, - "type": "String" - } - ] - }, - { - "name": "FailedJobRetryTimeCycle", - "superClass": [ "Element" ], - "meta": { - "allowedIn": [ - "activiti:AsyncCapable", - "bpmn:MultiInstanceLoopCharacteristics" - ] - }, - "properties": [ - { - "name": "body", - "isBody": true, - "type": "String" - } - ] - }, - { - "name": "ExecutionListener", - "superClass": [ "Element" ], - "meta": { - "allowedIn": [ - "bpmn:Task", - "bpmn:ServiceTask", - "bpmn:UserTask", - "bpmn:BusinessRuleTask", - "bpmn:ScriptTask", - "bpmn:ReceiveTask", - "bpmn:ManualTask", - "bpmn:ExclusiveGateway", - "bpmn:SequenceFlow", - "bpmn:ParallelGateway", - "bpmn:InclusiveGateway", - "bpmn:EventBasedGateway", - "bpmn:StartEvent", - "bpmn:IntermediateCatchEvent", - "bpmn:IntermediateThrowEvent", - "bpmn:EndEvent", - "bpmn:BoundaryEvent", - "bpmn:CallActivity", - "bpmn:SubProcess", - "bpmn:Process" - ] - }, - "properties": [ - { - "name": "expression", - "isAttr": true, - "type": "String" - }, - { - "name": "class", - "isAttr": true, - "type": "String" - }, - { - "name": "delegateExpression", - "isAttr": true, - "type": "String" - }, - { - "name": "event", - "isAttr": true, - "type": "String" - }, - { - "name": "script", - "type": "Script" - }, - { - "name": "fields", - "type": "Field", - "isMany": true - } - ] - }, - { - "name": "TaskListener", - "superClass": [ "Element" ], - "meta": { - "allowedIn": [ - "bpmn:UserTask" - ] - }, - "properties": [ - { - "name": "expression", - "isAttr": true, - "type": "String" - }, - { - "name": "class", - "isAttr": true, - "type": "String" - }, - { - "name": "delegateExpression", - "isAttr": true, - "type": "String" - }, - { - "name": "event", - "isAttr": true, - "type": "String" - }, - { - "name": "script", - "type": "Script" - }, - { - "name": "fields", - "type": "Field", - "isMany": true - } - ] - }, - { - "name": "FormProperty", - "superClass": [ "Element" ], - "meta": { - "allowedIn": [ - "bpmn:StartEvent", - "bpmn:UserTask" - ] - }, - "properties": [ - { - "name": "id", - "type": "String", - "isAttr": true - }, - { - "name": "name", - "type": "String", - "isAttr": true - }, - { - "name": "type", - "type": "String", - "isAttr": true - }, - { - "name": "required", - "type": "String", - "isAttr": true - }, - { - "name": "readable", - "type": "String", - "isAttr": true - }, - { - "name": "writable", - "type": "String", - "isAttr": true - }, - { - "name": "variable", - "type": "String", - "isAttr": true - }, - { - "name": "expression", - "type": "String", - "isAttr": true - }, - { - "name": "datePattern", - "type": "String", - "isAttr": true - }, - { - "name": "default", - "type": "String", - "isAttr": true - }, - { - "name": "values", - "type": "Value", - "isMany": true - } - ] - }, - { - "name": "FormProperty", - "superClass": [ "Element" ], - "properties": [ - { - "name": "id", - "type": "String", - "isAttr": true - }, - { - "name": "label", - "type": "String", - "isAttr": true - }, - { - "name": "type", - "type": "String", - "isAttr": true - }, - { - "name": "datePattern", - "type": "String", - "isAttr": true - }, - { - "name": "defaultValue", - "type": "String", - "isAttr": true - }, - { - "name": "properties", - "type": "Properties" - }, - { - "name": "validation", - "type": "Validation" - }, - { - "name": "values", - "type": "Value", - "isMany": true - } - ] - }, - { - "name": "Validation", - "superClass": [ "Element" ], - "properties": [ - { - "name": "constraints", - "type": "Constraint", - "isMany": true - } - ] - }, - { - "name": "Constraint", - "superClass": [ "Element" ], - "properties": [ - { - "name": "name", - "type": "String", - "isAttr": true - }, - { - "name": "config", - "type": "String", - "isAttr": true - } - ] - }, - { - "name": "ExtensionElements", - "properties": [ - { - "name": "operationList", - "type": "String", - "isAttr": true - } - ] - }, - { - "name": "OperationList", - "superClass": [ "Element" ], - "meta": { - "allowedIn": [ - "bpmn:UserTask" - ] - }, - "properties": [ - { - "name": "operationList", - "type": "FormOperation", - "isMany": true - } - ] - }, - { - "name": "FormOperation", - "superClass": [ "Element" ], - "properties": [ - { - "name": "id", - "type": "String", - "isAttr": true - }, - { - "name": "label", - "type": "String", - "isAttr": true - }, - { - "name": "type", - "type": "String", - "isAttr": true - }, - { - "name": "showOrder", - "type": "String", - "isAttr": true - }, - { - "name": "multiSignAssignee", - "type": "String", - "isAttr": true - } - ] - }, - { - "name": "VariableList", - "superClass": [ "Element" ], - "meta": { - "allowedIn": [ - "bpmn:UserTask" - ] - }, - "properties": [ - { - "name": "variableList", - "type": "FormVariable", - "isMany": true - } - ] - }, - { - "name": "FormVariable", - "superClass": [ "Element" ], - "properties": [ - { - "name": "id", - "type": "String", - "isAttr": true - } - ] - }, - { - "name": "DeptPostList", - "superClass": [ "Element" ], - "meta": { - "allowedIn": [ - "bpmn:UserTask" - ] - }, - "properties": [ - { - "name": "deptPostList", - "type": "DeptPost", - "isMany": true - } - ] - }, - { - "name": "DeptPost", - "superClass": [ "Element" ], - "properties": [ - { - "name": "id", - "type": "String", - "isAttr": true - }, - { - "name": "type", - "type": "String", - "isAttr": true - }, - { - "name": "postId", - "type": "String", - "isAttr": true - }, - { - "name": "deptPostId", - "type": "String", - "isAttr": true - } - ] - }, - { - "name": "UserCandidateGroups", - "superClass": [ "Element" ], - "meta": { - "allowedIn": [ - "bpmn:UserTask" - ] - }, - "properties": [ - { - "name": "type", - "type": "String", - "isAttr": true - }, - { - "name": "value", - "type": "String", - "isAttr": true - } - ] - }, - { - "name": "CustomCondition", - "superClass": [ "Element" ], - "meta": { - "allowedIn": [ - "bpmn:SequenceFlow" - ] - }, - "properties": [ - { - "name": "type", - "type": "String", - "isAttr": true - }, - { - "name": "operationType", - "type": "String", - "isAttr": true - }, - { - "name": "parallelRefuse", - "type": "Boolean", - "isAttr": true, - "default": false - } - ] - }, - { - "name": "AssigneeList", - "superClass": [ "Element" ], - "meta": { - "allowedIn": [ - "bpmn:StartEvent", - "bpmn:UserTask" - ] - }, - "properties": [ - { - "name": "assigneeList", - "type": "Assignee", - "isMany": true - }, - { - "name": "type", - "type": "String", - "isAttr": true - } - ] - }, - { - "name": "Assignee", - "superClass": [ "Element" ], - "properties": [ - { - "name": "id", - "type": "String", - "isAttr": true - } - ] - }, - { - "name": "ConditionalEventDefinition", - "isAbstract": true, - "extends": [ - "bpmn:ConditionalEventDefinition" - ], - "properties": [ - { - "name": "variableName", - "isAttr": true, - "type": "String" - }, - { - "name": "variableEvent", - "isAttr": true, - "type": "String" - } - ] - } - ], - "emumerations": [ ] -} diff --git a/images/orange-demo-activiti-web/src/views/workflow/package/process-designer/plugins/descriptor/camundaDescriptor.json b/images/orange-demo-activiti-web/src/views/workflow/package/process-designer/plugins/descriptor/camundaDescriptor.json deleted file mode 100644 index a57dbe63..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/package/process-designer/plugins/descriptor/camundaDescriptor.json +++ /dev/null @@ -1,1087 +0,0 @@ -{ - "name": "Camunda", - "uri": "http://camunda.org/schema/1.0/bpmn", - "prefix": "camunda", - "xml": { - "tagAlias": "lowerCase" - }, - "associations": [], - "types": [ - { - "name": "Definitions", - "isAbstract": true, - "extends": [ - "bpmn:Definitions" - ], - "properties": [ - { - "name": "diagramRelationId", - "isAttr": true, - "type": "String" - } - ] - }, - { - "name": "InOutBinding", - "superClass": [ - "Element" - ], - "isAbstract": true, - "properties": [ - { - "name": "source", - "isAttr": true, - "type": "String" - }, - { - "name": "sourceExpression", - "isAttr": true, - "type": "String" - }, - { - "name": "target", - "isAttr": true, - "type": "String" - }, - { - "name": "businessKey", - "isAttr": true, - "type": "String" - }, - { - "name": "local", - "isAttr": true, - "type": "Boolean", - "default": false - }, - { - "name": "variables", - "isAttr": true, - "type": "String" - } - ] - }, - { - "name": "In", - "superClass": [ - "InOutBinding" - ], - "meta": { - "allowedIn": [ - "bpmn:CallActivity", - "bpmn:SignalEventDefinition" - ] - } - }, - { - "name": "Out", - "superClass": [ - "InOutBinding" - ], - "meta": { - "allowedIn": [ - "bpmn:CallActivity" - ] - } - }, - { - "name": "AsyncCapable", - "isAbstract": true, - "extends": [ - "bpmn:Activity", - "bpmn:Gateway", - "bpmn:Event" - ], - "properties": [ - { - "name": "async", - "isAttr": true, - "type": "Boolean", - "default": false - }, - { - "name": "asyncBefore", - "isAttr": true, - "type": "Boolean", - "default": false - }, - { - "name": "asyncAfter", - "isAttr": true, - "type": "Boolean", - "default": false - }, - { - "name": "exclusive", - "isAttr": true, - "type": "Boolean", - "default": true - } - ] - }, - { - "name": "JobPriorized", - "isAbstract": true, - "extends": [ - "bpmn:Process", - "camunda:AsyncCapable" - ], - "properties": [ - { - "name": "jobPriority", - "isAttr": true, - "type": "String" - } - ] - }, - { - "name": "SignalEventDefinition", - "isAbstract": true, - "extends": [ - "bpmn:SignalEventDefinition" - ], - "properties": [ - { - "name": "async", - "isAttr": true, - "type": "Boolean", - "default": false - } - ] - }, - { - "name": "ErrorEventDefinition", - "isAbstract": true, - "extends": [ - "bpmn:ErrorEventDefinition" - ], - "properties": [ - { - "name": "errorCodeVariable", - "isAttr": true, - "type": "String" - }, - { - "name": "errorMessageVariable", - "isAttr": true, - "type": "String" - } - ] - }, - { - "name": "Error", - "isAbstract": true, - "extends": [ - "bpmn:Error" - ], - "properties": [ - { - "name": "camunda:errorMessage", - "isAttr": true, - "type": "String" - } - ] - }, - { - "name": "PotentialStarter", - "superClass": [ - "Element" - ], - "properties": [ - { - "name": "resourceAssignmentExpression", - "type": "bpmn:ResourceAssignmentExpression" - } - ] - }, - { - "name": "FormSupported", - "isAbstract": true, - "extends": [ - "bpmn:StartEvent", - "bpmn:UserTask" - ], - "properties": [ - { - "name": "formHandlerClass", - "isAttr": true, - "type": "String" - }, - { - "name": "formKey", - "isAttr": true, - "type": "String" - } - ] - }, - { - "name": "TemplateSupported", - "isAbstract": true, - "extends": [ - "bpmn:Process", - "bpmn:FlowElement" - ], - "properties": [ - { - "name": "modelerTemplate", - "isAttr": true, - "type": "String" - }, - { - "name": "modelerTemplateVersion", - "isAttr": true, - "type": "Integer" - } - ] - }, - { - "name": "Initiator", - "isAbstract": true, - "extends": [ "bpmn:StartEvent" ], - "properties": [ - { - "name": "initiator", - "isAttr": true, - "type": "String" - } - ] - }, - { - "name": "ScriptTask", - "isAbstract": true, - "extends": [ - "bpmn:ScriptTask" - ], - "properties": [ - { - "name": "resultVariable", - "isAttr": true, - "type": "String" - }, - { - "name": "resource", - "isAttr": true, - "type": "String" - } - ] - }, - { - "name": "Process", - "isAbstract": true, - "extends": [ - "bpmn:Process" - ], - "properties": [ - { - "name": "candidateStarterGroups", - "isAttr": true, - "type": "String" - }, - { - "name": "candidateStarterUsers", - "isAttr": true, - "type": "String" - }, - { - "name": "versionTag", - "isAttr": true, - "type": "String" - }, - { - "name": "historyTimeToLive", - "isAttr": true, - "type": "String" - }, - { - "name": "isStartableInTasklist", - "isAttr": true, - "type": "Boolean", - "default": true - } - ] - }, - { - "name": "EscalationEventDefinition", - "isAbstract": true, - "extends": [ - "bpmn:EscalationEventDefinition" - ], - "properties": [ - { - "name": "escalationCodeVariable", - "isAttr": true, - "type": "String" - } - ] - }, - { - "name": "FormalExpression", - "isAbstract": true, - "extends": [ - "bpmn:FormalExpression" - ], - "properties": [ - { - "name": "resource", - "isAttr": true, - "type": "String" - } - ] - }, - { - "name": "Assignable", - "extends": [ "bpmn:UserTask" ], - "properties": [ - { - "name": "assignee", - "isAttr": true, - "type": "String" - }, - { - "name": "candidateUsers", - "isAttr": true, - "type": "String" - }, - { - "name": "candidateGroups", - "isAttr": true, - "type": "String" - }, - { - "name": "dueDate", - "isAttr": true, - "type": "String" - }, - { - "name": "followUpDate", - "isAttr": true, - "type": "String" - }, - { - "name": "priority", - "isAttr": true, - "type": "String" - } - ] - }, - { - "name": "CallActivity", - "extends": [ "bpmn:CallActivity" ], - "properties": [ - { - "name": "calledElementBinding", - "isAttr": true, - "type": "String", - "default": "latest" - }, - { - "name": "calledElementVersion", - "isAttr": true, - "type": "String" - }, - { - "name": "calledElementVersionTag", - "isAttr": true, - "type": "String" - }, - { - "name": "calledElementTenantId", - "isAttr": true, - "type": "String" - }, - { - "name": "caseRef", - "isAttr": true, - "type": "String" - }, - { - "name": "caseBinding", - "isAttr": true, - "type": "String", - "default": "latest" - }, - { - "name": "caseVersion", - "isAttr": true, - "type": "String" - }, - { - "name": "caseTenantId", - "isAttr": true, - "type": "String" - }, - { - "name": "variableMappingClass", - "isAttr": true, - "type": "String" - }, - { - "name": "variableMappingDelegateExpression", - "isAttr": true, - "type": "String" - } - ] - }, - { - "name": "ServiceTaskLike", - "extends": [ - "bpmn:ServiceTask", - "bpmn:BusinessRuleTask", - "bpmn:SendTask", - "bpmn:MessageEventDefinition" - ], - "properties": [ - { - "name": "expression", - "isAttr": true, - "type": "String" - }, - { - "name": "class", - "isAttr": true, - "type": "String" - }, - { - "name": "delegateExpression", - "isAttr": true, - "type": "String" - }, - { - "name": "resultVariable", - "isAttr": true, - "type": "String" - } - ] - }, - { - "name": "DmnCapable", - "extends": [ - "bpmn:BusinessRuleTask" - ], - "properties": [ - { - "name": "decisionRef", - "isAttr": true, - "type": "String" - }, - { - "name": "decisionRefBinding", - "isAttr": true, - "type": "String", - "default": "latest" - }, - { - "name": "decisionRefVersion", - "isAttr": true, - "type": "String" - }, - { - "name": "mapDecisionResult", - "isAttr": true, - "type": "String", - "default": "resultList" - }, - { - "name": "decisionRefTenantId", - "isAttr": true, - "type": "String" - } - ] - }, - { - "name": "ExternalCapable", - "extends": [ - "camunda:ServiceTaskLike" - ], - "properties": [ - { - "name": "type", - "isAttr": true, - "type": "String" - }, - { - "name": "topic", - "isAttr": true, - "type": "String" - } - ] - }, - { - "name": "TaskPriorized", - "extends": [ - "bpmn:Process", - "camunda:ExternalCapable" - ], - "properties": [ - { - "name": "taskPriority", - "isAttr": true, - "type": "String" - } - ] - }, - { - "name": "Properties", - "superClass": [ - "Element" - ], - "meta": { - "allowedIn": [ "*" ] - }, - "properties": [ - { - "name": "values", - "type": "Property", - "isMany": true - } - ] - }, - { - "name": "Property", - "superClass": [ - "Element" - ], - "properties": [ - { - "name": "id", - "type": "String", - "isAttr": true - }, - { - "name": "name", - "type": "String", - "isAttr": true - }, - { - "name": "value", - "type": "String", - "isAttr": true - } - ] - }, - { - "name": "Connector", - "superClass": [ - "Element" - ], - "meta": { - "allowedIn": [ - "camunda:ServiceTaskLike" - ] - }, - "properties": [ - { - "name": "inputOutput", - "type": "InputOutput" - }, - { - "name": "connectorId", - "type": "String" - } - ] - }, - { - "name": "InputOutput", - "superClass": [ - "Element" - ], - "meta": { - "allowedIn": [ - "bpmn:FlowNode", - "camunda:Connector" - ] - }, - "properties": [ - { - "name": "inputOutput", - "type": "InputOutput" - }, - { - "name": "connectorId", - "type": "String" - }, - { - "name": "inputParameters", - "isMany": true, - "type": "InputParameter" - }, - { - "name": "outputParameters", - "isMany": true, - "type": "OutputParameter" - } - ] - }, - { - "name": "InputOutputParameter", - "properties": [ - { - "name": "name", - "isAttr": true, - "type": "String" - }, - { - "name": "value", - "isBody": true, - "type": "String" - }, - { - "name": "definition", - "type": "InputOutputParameterDefinition" - } - ] - }, - { - "name": "InputOutputParameterDefinition", - "isAbstract": true - }, - { - "name": "List", - "superClass": [ "InputOutputParameterDefinition" ], - "properties": [ - { - "name": "items", - "isMany": true, - "type": "InputOutputParameterDefinition" - } - ] - }, - { - "name": "Map", - "superClass": [ "InputOutputParameterDefinition" ], - "properties": [ - { - "name": "entries", - "isMany": true, - "type": "Entry" - } - ] - }, - { - "name": "Entry", - "properties": [ - { - "name": "key", - "isAttr": true, - "type": "String" - }, - { - "name": "value", - "isBody": true, - "type": "String" - }, - { - "name": "definition", - "type": "InputOutputParameterDefinition" - } - ] - }, - { - "name": "Value", - "superClass": [ - "InputOutputParameterDefinition" - ], - "properties": [ - { - "name": "id", - "isAttr": true, - "type": "String" - }, - { - "name": "name", - "isAttr": true, - "type": "String" - }, - { - "name": "value", - "isBody": true, - "type": "String" - } - ] - }, - { - "name": "Script", - "superClass": [ "InputOutputParameterDefinition" ], - "properties": [ - { - "name": "scriptFormat", - "isAttr": true, - "type": "String" - }, - { - "name": "resource", - "isAttr": true, - "type": "String" - }, - { - "name": "value", - "isBody": true, - "type": "String" - } - ] - }, - { - "name": "Field", - "superClass": [ "Element" ], - "meta": { - "allowedIn": [ - "camunda:ServiceTaskLike", - "camunda:ExecutionListener", - "camunda:TaskListener" - ] - }, - "properties": [ - { - "name": "name", - "isAttr": true, - "type": "String" - }, - { - "name": "expression", - "type": "String" - }, - { - "name": "stringValue", - "isAttr": true, - "type": "String" - }, - { - "name": "string", - "type": "String" - } - ] - }, - { - "name": "InputParameter", - "superClass": [ "InputOutputParameter" ] - }, - { - "name": "OutputParameter", - "superClass": [ "InputOutputParameter" ] - }, - { - "name": "Collectable", - "isAbstract": true, - "extends": [ "bpmn:MultiInstanceLoopCharacteristics" ], - "superClass": [ "camunda:AsyncCapable" ], - "properties": [ - { - "name": "collection", - "isAttr": true, - "type": "String" - }, - { - "name": "elementVariable", - "isAttr": true, - "type": "String" - } - ] - }, - { - "name": "FailedJobRetryTimeCycle", - "superClass": [ "Element" ], - "meta": { - "allowedIn": [ - "camunda:AsyncCapable", - "bpmn:MultiInstanceLoopCharacteristics" - ] - }, - "properties": [ - { - "name": "body", - "isBody": true, - "type": "String" - } - ] - }, - { - "name": "ExecutionListener", - "superClass": [ "Element" ], - "meta": { - "allowedIn": [ - "bpmn:Task", - "bpmn:ServiceTask", - "bpmn:UserTask", - "bpmn:BusinessRuleTask", - "bpmn:ScriptTask", - "bpmn:ReceiveTask", - "bpmn:ManualTask", - "bpmn:ExclusiveGateway", - "bpmn:SequenceFlow", - "bpmn:ParallelGateway", - "bpmn:InclusiveGateway", - "bpmn:EventBasedGateway", - "bpmn:StartEvent", - "bpmn:IntermediateCatchEvent", - "bpmn:IntermediateThrowEvent", - "bpmn:EndEvent", - "bpmn:BoundaryEvent", - "bpmn:CallActivity", - "bpmn:SubProcess", - "bpmn:Process" - ] - }, - "properties": [ - { - "name": "expression", - "isAttr": true, - "type": "String" - }, - { - "name": "class", - "isAttr": true, - "type": "String" - }, - { - "name": "delegateExpression", - "isAttr": true, - "type": "String" - }, - { - "name": "event", - "isAttr": true, - "type": "String" - }, - { - "name": "script", - "type": "Script" - }, - { - "name": "fields", - "type": "Field", - "isMany": true - } - ] - }, - { - "name": "TaskListener", - "superClass": [ "Element" ], - "meta": { - "allowedIn": [ - "bpmn:UserTask" - ] - }, - "properties": [ - { - "name": "expression", - "isAttr": true, - "type": "String" - }, - { - "name": "class", - "isAttr": true, - "type": "String" - }, - { - "name": "delegateExpression", - "isAttr": true, - "type": "String" - }, - { - "name": "event", - "isAttr": true, - "type": "String" - }, - { - "name": "script", - "type": "Script" - }, - { - "name": "fields", - "type": "Field", - "isMany": true - }, - { - "name": "id", - "type": "String", - "isAttr": true - }, - { - "name": "eventDefinitions", - "type": "bpmn:TimerEventDefinition", - "isMany": true - } - ] - }, - { - "name": "FormProperty", - "superClass": [ "Element" ], - "meta": { - "allowedIn": [ - "bpmn:StartEvent", - "bpmn:UserTask" - ] - }, - "properties": [ - { - "name": "id", - "type": "String", - "isAttr": true - }, - { - "name": "name", - "type": "String", - "isAttr": true - }, - { - "name": "type", - "type": "String", - "isAttr": true - }, - { - "name": "required", - "type": "String", - "isAttr": true - }, - { - "name": "readable", - "type": "String", - "isAttr": true - }, - { - "name": "writable", - "type": "String", - "isAttr": true - }, - { - "name": "variable", - "type": "String", - "isAttr": true - }, - { - "name": "expression", - "type": "String", - "isAttr": true - }, - { - "name": "datePattern", - "type": "String", - "isAttr": true - }, - { - "name": "default", - "type": "String", - "isAttr": true - }, - { - "name": "values", - "type": "Value", - "isMany": true - } - ] - }, - { - "name": "FormData", - "superClass": [ "Element" ], - "meta": { - "allowedIn": [ - "bpmn:StartEvent", - "bpmn:UserTask" - ] - }, - "properties": [ - { - "name": "fields", - "type": "FormField", - "isMany": true - }, - { - "name": "businessKey", - "type": "String", - "isAttr": true - } - ] - }, - { - "name": "FormField", - "superClass": [ "Element" ], - "properties": [ - { - "name": "id", - "type": "String", - "isAttr": true - }, - { - "name": "label", - "type": "String", - "isAttr": true - }, - { - "name": "type", - "type": "String", - "isAttr": true - }, - { - "name": "datePattern", - "type": "String", - "isAttr": true - }, - { - "name": "defaultValue", - "type": "String", - "isAttr": true - }, - { - "name": "properties", - "type": "Properties" - }, - { - "name": "validation", - "type": "Validation" - }, - { - "name": "values", - "type": "Value", - "isMany": true - } - ] - }, - { - "name": "Validation", - "superClass": [ "Element" ], - "properties": [ - { - "name": "constraints", - "type": "Constraint", - "isMany": true - } - ] - }, - { - "name": "Constraint", - "superClass": [ "Element" ], - "properties": [ - { - "name": "name", - "type": "String", - "isAttr": true - }, - { - "name": "config", - "type": "String", - "isAttr": true - } - ] - }, - { - "name": "ConditionalEventDefinition", - "isAbstract": true, - "extends": [ - "bpmn:ConditionalEventDefinition" - ], - "properties": [ - { - "name": "variableName", - "isAttr": true, - "type": "String" - }, - { - "name": "variableEvents", - "isAttr": true, - "type": "String" - } - ] - } - ], - "emumerations": [ ] -} diff --git a/images/orange-demo-activiti-web/src/views/workflow/package/process-designer/plugins/descriptor/flowableDescriptor.json b/images/orange-demo-activiti-web/src/views/workflow/package/process-designer/plugins/descriptor/flowableDescriptor.json deleted file mode 100644 index 6757cf78..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/package/process-designer/plugins/descriptor/flowableDescriptor.json +++ /dev/null @@ -1,1274 +0,0 @@ -{ - "name": "Flowable", - "uri": "http://flowable.org/bpmn", - "prefix": "flowable", - "xml": { - "tagAlias": "lowerCase" - }, - "associations": [], - "types": [ - { - "name": "InOutBinding", - "superClass": [ - "Element" - ], - "isAbstract": true, - "properties": [ - { - "name": "source", - "isAttr": true, - "type": "String" - }, - { - "name": "sourceExpression", - "isAttr": true, - "type": "String" - }, - { - "name": "target", - "isAttr": true, - "type": "String" - }, - { - "name": "businessKey", - "isAttr": true, - "type": "String" - }, - { - "name": "local", - "isAttr": true, - "type": "Boolean", - "default": false - }, - { - "name": "variables", - "isAttr": true, - "type": "String" - } - ] - }, - { - "name": "In", - "superClass": [ - "InOutBinding" - ], - "meta": { - "allowedIn": [ - "bpmn:CallActivity" - ] - } - }, - { - "name": "Out", - "superClass": [ - "InOutBinding" - ], - "meta": { - "allowedIn": [ - "bpmn:CallActivity" - ] - } - }, - { - "name": "AsyncCapable", - "isAbstract": true, - "extends": [ - "bpmn:Activity", - "bpmn:Gateway", - "bpmn:Event" - ], - "properties": [ - { - "name": "async", - "isAttr": true, - "type": "Boolean", - "default": false - }, - { - "name": "asyncBefore", - "isAttr": true, - "type": "Boolean", - "default": false - }, - { - "name": "asyncAfter", - "isAttr": true, - "type": "Boolean", - "default": false - }, - { - "name": "exclusive", - "isAttr": true, - "type": "Boolean", - "default": true - } - ] - }, - { - "name": "JobPriorized", - "isAbstract": true, - "extends": [ - "bpmn:Process", - "flowable:AsyncCapable" - ], - "properties": [ - { - "name": "jobPriority", - "isAttr": true, - "type": "String" - } - ] - }, - { - "name": "SignalEventDefinition", - "isAbstract": true, - "extends": [ - "bpmn:SignalEventDefinition" - ], - "properties": [ - { - "name": "async", - "isAttr": true, - "type": "Boolean", - "default": false - } - ] - }, - { - "name": "ErrorEventDefinition", - "isAbstract": true, - "extends": [ - "bpmn:ErrorEventDefinition" - ], - "properties": [ - { - "name": "errorCodeVariable", - "isAttr": true, - "type": "String" - }, - { - "name": "errorMessageVariable", - "isAttr": true, - "type": "String" - } - ] - }, - { - "name": "Error", - "isAbstract": true, - "extends": [ - "bpmn:Error" - ], - "properties": [ - { - "name": "flowable:errorMessage", - "isAttr": true, - "type": "String" - } - ] - }, - { - "name": "PotentialStarter", - "superClass": [ - "Element" - ], - "properties": [ - { - "name": "resourceAssignmentExpression", - "type": "bpmn:ResourceAssignmentExpression" - } - ] - }, - { - "name": "FormSupported", - "isAbstract": true, - "extends": [ - "bpmn:StartEvent", - "bpmn:UserTask" - ], - "properties": [ - { - "name": "formHandlerClass", - "isAttr": true, - "type": "String" - }, - { - "name": "formKey", - "isAttr": true, - "type": "String" - } - ] - }, - { - "name": "TemplateSupported", - "isAbstract": true, - "extends": [ - "bpmn:Process", - "bpmn:FlowElement" - ], - "properties": [ - { - "name": "modelerTemplate", - "isAttr": true, - "type": "String" - } - ] - }, - { - "name": "Initiator", - "isAbstract": true, - "extends": [ "bpmn:StartEvent" ], - "properties": [ - { - "name": "initiator", - "isAttr": true, - "type": "String" - } - ] - }, - { - "name": "ScriptTask", - "isAbstract": true, - "extends": [ - "bpmn:ScriptTask" - ], - "properties": [ - { - "name": "resultVariable", - "isAttr": true, - "type": "String" - }, - { - "name": "resource", - "isAttr": true, - "type": "String" - } - ] - }, - { - "name": "Process", - "isAbstract": true, - "extends": [ - "bpmn:Process" - ], - "properties": [ - { - "name": "candidateStarterGroups", - "isAttr": true, - "type": "String" - }, - { - "name": "candidateStarterUsers", - "isAttr": true, - "type": "String" - }, - { - "name": "versionTag", - "isAttr": true, - "type": "String" - }, - { - "name": "historyTimeToLive", - "isAttr": true, - "type": "String" - }, - { - "name": "isStartableInTasklist", - "isAttr": true, - "type": "Boolean", - "default": true - } - ] - }, - { - "name": "EscalationEventDefinition", - "isAbstract": true, - "extends": [ - "bpmn:EscalationEventDefinition" - ], - "properties": [ - { - "name": "escalationCodeVariable", - "isAttr": true, - "type": "String" - } - ] - }, - { - "name": "xcField", - "isAbstract": true, - "properties": [ - { - "name": "xcString", - "isMany": true, - "type": "Element" - } , - { - "name": "name", - "isAttr": true, - "type": "String" - } - ] - }, - { - "name": "xcString", - "isAbstract": true, - "properties": [ - { - "name": "body", - "isBody": true, - "type": "String" - } - ] - }, - { - "name": "FormalExpression", - "isAbstract": true, - "extends": [ - "bpmn:FormalExpression" - ], - "properties": [ - { - "name": "resource", - "isAttr": true, - "type": "String" - } - ] - }, - { - "name": "Assignable", - "extends": [ "bpmn:UserTask" ], - "properties": [ - { - "name": "assignee", - "isAttr": true, - "type": "String" - }, - { - "name": "xcformKey", - "isAttr": true, - "type": "String" - }, - { - "name": "candidateUsers", - "isAttr": true, - "type": "String" - }, - { - "name": "candidateGroups", - "isAttr": true, - "type": "String" - }, - { - "name": "dueDate", - "isAttr": true, - "type": "String" - }, - { - "name": "followUpDate", - "isAttr": true, - "type": "String" - }, - { - "name": "priority", - "isAttr": true, - "type": "String" - } - ] - }, - { - "name": "CallActivity", - "extends": [ "bpmn:CallActivity" ], - "properties": [ - { - "name": "calledElementBinding", - "isAttr": true, - "type": "String", - "default": "latest" - }, - { - "name": "calledElementVersion", - "isAttr": true, - "type": "String" - }, - { - "name": "calledElementVersionTag", - "isAttr": true, - "type": "String" - }, - { - "name": "calledElementTenantId", - "isAttr": true, - "type": "String" - }, - { - "name": "caseRef", - "isAttr": true, - "type": "String" - }, - { - "name": "caseBinding", - "isAttr": true, - "type": "String", - "default": "latest" - }, - { - "name": "caseVersion", - "isAttr": true, - "type": "String" - }, - { - "name": "caseTenantId", - "isAttr": true, - "type": "String" - }, - { - "name": "variableMappingClass", - "isAttr": true, - "type": "String" - }, - { - "name": "variableMappingDelegateExpression", - "isAttr": true, - "type": "String" - } - ] - }, - { - "name": "ServiceTaskLike", - "extends": [ - "bpmn:ServiceTask", - "bpmn:BusinessRuleTask", - "bpmn:SendTask", - "bpmn:MessageEventDefinition" - ], - "properties": [ - { - "name": "expression", - "isAttr": true, - "type": "String" - }, - { - "name": "class", - "isAttr": true, - "type": "String" - }, - { - "name": "delegateExpression", - "isAttr": true, - "type": "String" - }, - { - "name": "resultVariable", - "isAttr": true, - "type": "String" - } - ] - }, - { - "name": "DmnCapable", - "extends": [ - "bpmn:BusinessRuleTask" - ], - "properties": [ - { - "name": "decisionRef", - "isAttr": true, - "type": "String" - }, - { - "name": "decisionRefBinding", - "isAttr": true, - "type": "String", - "default": "latest" - }, - { - "name": "decisionRefVersion", - "isAttr": true, - "type": "String" - }, - { - "name": "mapDecisionResult", - "isAttr": true, - "type": "String", - "default": "resultList" - }, - { - "name": "decisionRefTenantId", - "isAttr": true, - "type": "String" - } - ] - }, - { - "name": "ExternalCapable", - "extends": [ - "flowable:ServiceTaskLike" - ], - "properties": [ - { - "name": "type", - "isAttr": true, - "type": "String" - }, - { - "name": "topic", - "isAttr": true, - "type": "String" - } - ] - }, - { - "name": "TaskPriorized", - "extends": [ - "bpmn:Process", - "flowable:ExternalCapable" - ], - "properties": [ - { - "name": "taskPriority", - "isAttr": true, - "type": "String" - } - ] - }, - { - "name": "Properties", - "superClass": [ - "Element" - ], - "meta": { - "allowedIn": [ "*" ] - }, - "properties": [ - { - "name": "values", - "type": "Property", - "isMany": true - } - ] - }, - { - "name": "Property", - "superClass": [ - "Element" - ], - "properties": [ - { - "name": "id", - "type": "String", - "isAttr": true - }, - { - "name": "name", - "type": "String", - "isAttr": true - }, - { - "name": "value", - "type": "String", - "isAttr": true - } - ] - }, - { - "name": "Connector", - "superClass": [ - "Element" - ], - "meta": { - "allowedIn": [ - "flowable:ServiceTaskLike" - ] - }, - "properties": [ - { - "name": "inputOutput", - "type": "InputOutput" - }, - { - "name": "connectorId", - "type": "String" - } - ] - }, - { - "name": "InputOutput", - "superClass": [ - "Element" - ], - "meta": { - "allowedIn": [ - "bpmn:FlowNode", - "flowable:Connector" - ] - }, - "properties": [ - { - "name": "inputOutput", - "type": "InputOutput" - }, - { - "name": "connectorId", - "type": "String" - }, - { - "name": "inputParameters", - "isMany": true, - "type": "InputParameter" - }, - { - "name": "outputParameters", - "isMany": true, - "type": "OutputParameter" - } - ] - }, - { - "name": "InputOutputParameter", - "properties": [ - { - "name": "name", - "isAttr": true, - "type": "String" - }, - { - "name": "value", - "isBody": true, - "type": "String" - }, - { - "name": "definition", - "type": "InputOutputParameterDefinition" - } - ] - }, - { - "name": "InputOutputParameterDefinition", - "isAbstract": true - }, - { - "name": "List", - "superClass": [ "InputOutputParameterDefinition" ], - "properties": [ - { - "name": "items", - "isMany": true, - "type": "InputOutputParameterDefinition" - } - ] - }, - { - "name": "Map", - "superClass": [ "InputOutputParameterDefinition" ], - "properties": [ - { - "name": "entries", - "isMany": true, - "type": "Entry" - } - ] - }, - { - "name": "Entry", - "properties": [ - { - "name": "key", - "isAttr": true, - "type": "String" - }, - { - "name": "value", - "isBody": true, - "type": "String" - }, - { - "name": "definition", - "type": "InputOutputParameterDefinition" - } - ] - }, - { - "name": "Value", - "superClass": [ - "InputOutputParameterDefinition" - ], - "properties": [ - { - "name": "id", - "isAttr": true, - "type": "String" - }, - { - "name": "name", - "isAttr": true, - "type": "String" - }, - { - "name": "value", - "isBody": true, - "type": "String" - } - ] - }, - { - "name": "Script", - "superClass": [ "InputOutputParameterDefinition" ], - "properties": [ - { - "name": "scriptFormat", - "isAttr": true, - "type": "String" - }, - { - "name": "resource", - "isAttr": true, - "type": "String" - }, - { - "name": "value", - "isBody": true, - "type": "String" - } - ] - }, - { - "name": "Field", - "superClass": [ "Element" ], - "meta": { - "allowedIn": [ - "flowable:ServiceTaskLike", - "flowable:ExecutionListener", - "flowable:TaskListener" - ] - }, - "properties": [ - { - "name": "name", - "isAttr": true, - "type": "String" - }, - { - "name": "expression", - "type": "String" - }, - { - "name": "stringValue", - "isAttr": true, - "type": "String" - }, - { - "name": "string", - "type": "String" - } - ] - }, - { - "name": "InputParameter", - "superClass": [ "InputOutputParameter" ] - }, - { - "name": "OutputParameter", - "superClass": [ "InputOutputParameter" ] - }, - { - "name": "Collectable", - "isAbstract": true, - "extends": [ "bpmn:MultiInstanceLoopCharacteristics" ], - "superClass": [ "flowable:AsyncCapable" ], - "properties": [ - { - "name": "collection", - "isAttr": true, - "type": "String" - }, - { - "name": "elementVariable", - "isAttr": true, - "type": "String" - } - ] - }, - { - "name": "FailedJobRetryTimeCycle", - "superClass": [ "Element" ], - "meta": { - "allowedIn": [ - "flowable:AsyncCapable", - "bpmn:MultiInstanceLoopCharacteristics" - ] - }, - "properties": [ - { - "name": "body", - "isBody": true, - "type": "String" - } - ] - }, - { - "name": "ExecutionListener", - "superClass": [ "Element" ], - "meta": { - "allowedIn": [ - "bpmn:Task", - "bpmn:ServiceTask", - "bpmn:UserTask", - "bpmn:BusinessRuleTask", - "bpmn:ScriptTask", - "bpmn:ReceiveTask", - "bpmn:ManualTask", - "bpmn:ExclusiveGateway", - "bpmn:SequenceFlow", - "bpmn:ParallelGateway", - "bpmn:InclusiveGateway", - "bpmn:EventBasedGateway", - "bpmn:StartEvent", - "bpmn:IntermediateCatchEvent", - "bpmn:IntermediateThrowEvent", - "bpmn:EndEvent", - "bpmn:BoundaryEvent", - "bpmn:CallActivity", - "bpmn:SubProcess", - "bpmn:Process" - ] - }, - "properties": [ - { - "name": "expression", - "isAttr": true, - "type": "String" - }, - { - "name": "class", - "isAttr": true, - "type": "String" - }, - { - "name": "delegateExpression", - "isAttr": true, - "type": "String" - }, - { - "name": "event", - "isAttr": true, - "type": "String" - }, - { - "name": "script", - "type": "Script" - }, - { - "name": "fields", - "type": "Field", - "isMany": true - } - ] - }, - { - "name": "TaskListener", - "superClass": [ "Element" ], - "meta": { - "allowedIn": [ - "bpmn:UserTask" - ] - }, - "properties": [ - { - "name": "expression", - "isAttr": true, - "type": "String" - }, - { - "name": "class", - "isAttr": true, - "type": "String" - }, - { - "name": "delegateExpression", - "isAttr": true, - "type": "String" - }, - { - "name": "event", - "isAttr": true, - "type": "String" - }, - { - "name": "script", - "type": "Script" - }, - { - "name": "fields", - "type": "Field", - "isMany": true - } - ] - }, - { - "name": "FormProperty", - "superClass": [ "Element" ], - "meta": { - "allowedIn": [ - "bpmn:StartEvent", - "bpmn:UserTask" - ] - }, - "properties": [ - { - "name": "id", - "type": "String", - "isAttr": true - }, - { - "name": "name", - "type": "String", - "isAttr": true - }, - { - "name": "type", - "type": "String", - "isAttr": true - }, - { - "name": "required", - "type": "String", - "isAttr": true - }, - { - "name": "readable", - "type": "String", - "isAttr": true - }, - { - "name": "writable", - "type": "String", - "isAttr": true - }, - { - "name": "variable", - "type": "String", - "isAttr": true - }, - { - "name": "expression", - "type": "String", - "isAttr": true - }, - { - "name": "datePattern", - "type": "String", - "isAttr": true - }, - { - "name": "default", - "type": "String", - "isAttr": true - }, - { - "name": "values", - "type": "Value", - "isMany": true - } - ] - }, - { - "name": "FormProperty", - "superClass": [ "Element" ], - "properties": [ - { - "name": "id", - "type": "String", - "isAttr": true - }, - { - "name": "label", - "type": "String", - "isAttr": true - }, - { - "name": "type", - "type": "String", - "isAttr": true - }, - { - "name": "datePattern", - "type": "String", - "isAttr": true - }, - { - "name": "defaultValue", - "type": "String", - "isAttr": true - }, - { - "name": "properties", - "type": "Properties" - }, - { - "name": "validation", - "type": "Validation" - }, - { - "name": "values", - "type": "Value", - "isMany": true - } - ] - }, - { - "name": "Validation", - "superClass": [ "Element" ], - "properties": [ - { - "name": "constraints", - "type": "Constraint", - "isMany": true - } - ] - }, - { - "name": "Constraint", - "superClass": [ "Element" ], - "properties": [ - { - "name": "name", - "type": "String", - "isAttr": true - }, - { - "name": "config", - "type": "String", - "isAttr": true - } - ] - }, - { - "name": "ExtensionElements", - "properties": [ - { - "name": "operationList", - "type": "String", - "isAttr": true - } - ] - }, - { - "name": "OperationList", - "superClass": [ "Element" ], - "meta": { - "allowedIn": [ - "bpmn:UserTask" - ] - }, - "properties": [ - { - "name": "operationList", - "type": "FormOperation", - "isMany": true - } - ] - }, - { - "name": "FormOperation", - "superClass": [ "Element" ], - "properties": [ - { - "name": "id", - "type": "String", - "isAttr": true - }, - { - "name": "label", - "type": "String", - "isAttr": true - }, - { - "name": "type", - "type": "String", - "isAttr": true - }, - { - "name": "showOrder", - "type": "String", - "isAttr": true - }, - { - "name": "multiSignAssignee", - "type": "String", - "isAttr": true - } - ] - }, - { - "name": "VariableList", - "superClass": [ "Element" ], - "meta": { - "allowedIn": [ - "bpmn:UserTask" - ] - }, - "properties": [ - { - "name": "variableList", - "type": "FormVariable", - "isMany": true - } - ] - }, - { - "name": "FormVariable", - "superClass": [ "Element" ], - "properties": [ - { - "name": "id", - "type": "String", - "isAttr": true - } - ] - }, - { - "name": "DeptPostList", - "superClass": [ "Element" ], - "meta": { - "allowedIn": [ - "bpmn:UserTask" - ] - }, - "properties": [ - { - "name": "deptPostList", - "type": "DeptPost", - "isMany": true - } - ] - }, - { - "name": "DeptPost", - "superClass": [ "Element" ], - "properties": [ - { - "name": "id", - "type": "String", - "isAttr": true - }, - { - "name": "type", - "type": "String", - "isAttr": true - }, - { - "name": "postId", - "type": "String", - "isAttr": true - }, - { - "name": "deptPostId", - "type": "String", - "isAttr": true - } - ] - }, - { - "name": "UserCandidateGroups", - "superClass": [ "Element" ], - "meta": { - "allowedIn": [ - "bpmn:UserTask" - ] - }, - "properties": [ - { - "name": "type", - "type": "String", - "isAttr": true - }, - { - "name": "value", - "type": "String", - "isAttr": true - } - ] - }, - { - "name": "CustomCondition", - "superClass": [ "Element" ], - "meta": { - "allowedIn": [ - "bpmn:SequenceFlow" - ] - }, - "properties": [ - { - "name": "type", - "type": "String", - "isAttr": true - }, - { - "name": "operationType", - "type": "String", - "isAttr": true - }, - { - "name": "parallelRefuse", - "type": "Boolean", - "isAttr": true, - "default": false - } - ] - }, - { - "name": "AssigneeList", - "superClass": [ "Element" ], - "meta": { - "allowedIn": [ - "bpmn:StartEvent", - "bpmn:UserTask" - ] - }, - "properties": [ - { - "name": "assigneeList", - "type": "Assignee", - "isMany": true - }, - { - "name": "type", - "type": "String", - "isAttr": true - } - ] - }, - { - "name": "Assignee", - "superClass": [ "Element" ], - "properties": [ - { - "name": "id", - "type": "String", - "isAttr": true - } - ] - }, - { - "name": "ConditionalEventDefinition", - "isAbstract": true, - "extends": [ - "bpmn:ConditionalEventDefinition" - ], - "properties": [ - { - "name": "variableName", - "isAttr": true, - "type": "String" - }, - { - "name": "variableEvent", - "isAttr": true, - "type": "String" - } - ] - } - ], - "emumerations": [ ] -} diff --git a/images/orange-demo-activiti-web/src/views/workflow/package/process-designer/plugins/extension-moddle/activiti/activitiExtension.js b/images/orange-demo-activiti-web/src/views/workflow/package/process-designer/plugins/extension-moddle/activiti/activitiExtension.js deleted file mode 100644 index 1287e041..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/package/process-designer/plugins/extension-moddle/activiti/activitiExtension.js +++ /dev/null @@ -1,74 +0,0 @@ -"use strict"; - -var some = require("min-dash").some; - -var ALLOWED_TYPES = { - FailedJobRetryTimeCycle: ["bpmn:StartEvent", "bpmn:BoundaryEvent", "bpmn:IntermediateCatchEvent", "bpmn:Activity"], - Connector: ["bpmn:EndEvent", "bpmn:IntermediateThrowEvent"], - Field: ["bpmn:EndEvent", "bpmn:IntermediateThrowEvent"] -}; - -function is(element, type) { - return element && typeof element.$instanceOf === "function" && element.$instanceOf(type); -} - -function exists(element) { - return element && element.length; -} - -function includesType(collection, type) { - return ( - exists(collection) && - some(collection, function(element) { - return is(element, type); - }) - ); -} - -function anyType(element, types) { - return some(types, function(type) { - return is(element, type); - }); -} - -function isAllowed(propName, propDescriptor, newElement) { - var name = propDescriptor.name, - types = ALLOWED_TYPES[name.replace(/activiti:/, "")]; - - return name === propName && anyType(newElement, types); -} - -function ActivitiModdleExtension(eventBus) { - eventBus.on( - "property.clone", - function(context) { - var newElement = context.newElement, - propDescriptor = context.propertyDescriptor; - - this.canCloneProperty(newElement, propDescriptor); - }, - this - ); -} - -ActivitiModdleExtension.$inject = ["eventBus"]; - -ActivitiModdleExtension.prototype.canCloneProperty = function(newElement, propDescriptor) { - if (isAllowed("activiti:FailedJobRetryTimeCycle", propDescriptor, newElement)) { - return ( - includesType(newElement.eventDefinitions, "bpmn:TimerEventDefinition") || - includesType(newElement.eventDefinitions, "bpmn:SignalEventDefinition") || - is(newElement.loopCharacteristics, "bpmn:MultiInstanceLoopCharacteristics") - ); - } - - if (isAllowed("activiti:Connector", propDescriptor, newElement)) { - return includesType(newElement.eventDefinitions, "bpmn:MessageEventDefinition"); - } - - if (isAllowed("activiti:Field", propDescriptor, newElement)) { - return includesType(newElement.eventDefinitions, "bpmn:MessageEventDefinition"); - } -}; - -module.exports = ActivitiModdleExtension; diff --git a/images/orange-demo-activiti-web/src/views/workflow/package/process-designer/plugins/extension-moddle/activiti/index.js b/images/orange-demo-activiti-web/src/views/workflow/package/process-designer/plugins/extension-moddle/activiti/index.js deleted file mode 100644 index 6ce014af..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/package/process-designer/plugins/extension-moddle/activiti/index.js +++ /dev/null @@ -1,9 +0,0 @@ -/* - * @author igdianov - * address https://github.com/igdianov/activiti-bpmn-moddle - * */ - -module.exports = { - __init__: ["ActivitiModdleExtension"], - ActivitiModdleExtension: ["type", require("./activitiExtension")] -}; diff --git a/images/orange-demo-activiti-web/src/views/workflow/package/process-designer/plugins/extension-moddle/camunda/extension.js b/images/orange-demo-activiti-web/src/views/workflow/package/process-designer/plugins/extension-moddle/camunda/extension.js deleted file mode 100644 index a55236a3..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/package/process-designer/plugins/extension-moddle/camunda/extension.js +++ /dev/null @@ -1,148 +0,0 @@ -"use strict"; - -var isFunction = require("min-dash").isFunction, - isObject = require("min-dash").isObject, - some = require("min-dash").some; - -var WILDCARD = "*"; - -function CamundaModdleExtension(eventBus) { - var self = this; - - eventBus.on("moddleCopy.canCopyProperty", function(context) { - var property = context.property, - parent = context.parent; - - return self.canCopyProperty(property, parent); - }); -} - -CamundaModdleExtension.$inject = ["eventBus"]; - -/** - * Check wether to disallow copying property. - */ -CamundaModdleExtension.prototype.canCopyProperty = function(property, parent) { - // (1) check wether property is allowed in parent - if (isObject(property) && !isAllowedInParent(property, parent)) { - return false; - } - - // (2) check more complex scenarios - - if (is(property, "camunda:InputOutput") && !this.canHostInputOutput(parent)) { - return false; - } - - if (isAny(property, ["camunda:Connector", "camunda:Field"]) && !this.canHostConnector(parent)) { - return false; - } - - if (is(property, "camunda:In") && !this.canHostIn(parent)) { - return false; - } -}; - -CamundaModdleExtension.prototype.canHostInputOutput = function(parent) { - // allowed in camunda:Connector - var connector = getParent(parent, "camunda:Connector"); - - if (connector) { - return true; - } - - // special rules inside bpmn:FlowNode - var flowNode = getParent(parent, "bpmn:FlowNode"); - - if (!flowNode) { - return false; - } - - if (isAny(flowNode, ["bpmn:StartEvent", "bpmn:Gateway", "bpmn:BoundaryEvent"])) { - return false; - } - - if (is(flowNode, "bpmn:SubProcess") && flowNode.get("triggeredByEvent")) { - return false; - } - - return true; -}; - -CamundaModdleExtension.prototype.canHostConnector = function(parent) { - var serviceTaskLike = getParent(parent, "camunda:ServiceTaskLike"); - - if (is(serviceTaskLike, "bpmn:MessageEventDefinition")) { - // only allow on throw and end events - return getParent(parent, "bpmn:IntermediateThrowEvent") || getParent(parent, "bpmn:EndEvent"); - } - - return true; -}; - -CamundaModdleExtension.prototype.canHostIn = function(parent) { - var callActivity = getParent(parent, "bpmn:CallActivity"); - - if (callActivity) { - return true; - } - - var signalEventDefinition = getParent(parent, "bpmn:SignalEventDefinition"); - - if (signalEventDefinition) { - // only allow on throw and end events - return getParent(parent, "bpmn:IntermediateThrowEvent") || getParent(parent, "bpmn:EndEvent"); - } - - return true; -}; - -module.exports = CamundaModdleExtension; - -// helpers ////////// - -function is(element, type) { - return element && isFunction(element.$instanceOf) && element.$instanceOf(type); -} - -function isAny(element, types) { - return some(types, function(t) { - return is(element, t); - }); -} - -function getParent(element, type) { - if (!type) { - return element.$parent; - } - - if (is(element, type)) { - return element; - } - - if (!element.$parent) { - return; - } - - return getParent(element.$parent, type); -} - -function isAllowedInParent(property, parent) { - // (1) find property descriptor - var descriptor = property.$type && property.$model.getTypeDescriptor(property.$type); - - var allowedIn = descriptor && descriptor.meta && descriptor.meta.allowedIn; - - if (!allowedIn || isWildcard(allowedIn)) { - return true; - } - - // (2) check wether property has parent of allowed type - return some(allowedIn, function(type) { - return getParent(parent, type); - }); -} - -function isWildcard(allowedIn) { - return allowedIn.indexOf(WILDCARD) !== -1; -} diff --git a/images/orange-demo-activiti-web/src/views/workflow/package/process-designer/plugins/extension-moddle/camunda/index.js b/images/orange-demo-activiti-web/src/views/workflow/package/process-designer/plugins/extension-moddle/camunda/index.js deleted file mode 100644 index 0a9e41cf..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/package/process-designer/plugins/extension-moddle/camunda/index.js +++ /dev/null @@ -1,6 +0,0 @@ -"use strict"; - -module.exports = { - __init__: ["camundaModdleExtension"], - camundaModdleExtension: ["type", require("./extension")] -}; diff --git a/images/orange-demo-activiti-web/src/views/workflow/package/process-designer/plugins/extension-moddle/flowable/flowableExtension.js b/images/orange-demo-activiti-web/src/views/workflow/package/process-designer/plugins/extension-moddle/flowable/flowableExtension.js deleted file mode 100644 index 4689024b..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/package/process-designer/plugins/extension-moddle/flowable/flowableExtension.js +++ /dev/null @@ -1,74 +0,0 @@ -"use strict"; - -var some = require("min-dash").some; - -var ALLOWED_TYPES = { - FailedJobRetryTimeCycle: ["bpmn:StartEvent", "bpmn:BoundaryEvent", "bpmn:IntermediateCatchEvent", "bpmn:Activity"], - Connector: ["bpmn:EndEvent", "bpmn:IntermediateThrowEvent"], - Field: ["bpmn:EndEvent", "bpmn:IntermediateThrowEvent"] -}; - -function is(element, type) { - return element && typeof element.$instanceOf === "function" && element.$instanceOf(type); -} - -function exists(element) { - return element && element.length; -} - -function includesType(collection, type) { - return ( - exists(collection) && - some(collection, function(element) { - return is(element, type); - }) - ); -} - -function anyType(element, types) { - return some(types, function(type) { - return is(element, type); - }); -} - -function isAllowed(propName, propDescriptor, newElement) { - var name = propDescriptor.name, - types = ALLOWED_TYPES[name.replace(/flowable:/, "")]; - - return name === propName && anyType(newElement, types); -} - -function FlowableModdleExtension(eventBus) { - eventBus.on( - "property.clone", - function(context) { - var newElement = context.newElement, - propDescriptor = context.propertyDescriptor; - - this.canCloneProperty(newElement, propDescriptor); - }, - this - ); -} - -FlowableModdleExtension.$inject = ["eventBus"]; - -FlowableModdleExtension.prototype.canCloneProperty = function(newElement, propDescriptor) { - if (isAllowed("flowable:FailedJobRetryTimeCycle", propDescriptor, newElement)) { - return ( - includesType(newElement.eventDefinitions, "bpmn:TimerEventDefinition") || - includesType(newElement.eventDefinitions, "bpmn:SignalEventDefinition") || - is(newElement.loopCharacteristics, "bpmn:MultiInstanceLoopCharacteristics") - ); - } - - if (isAllowed("flowable:Connector", propDescriptor, newElement)) { - return includesType(newElement.eventDefinitions, "bpmn:MessageEventDefinition"); - } - - if (isAllowed("flowable:Field", propDescriptor, newElement)) { - return includesType(newElement.eventDefinitions, "bpmn:MessageEventDefinition"); - } -}; - -module.exports = FlowableModdleExtension; diff --git a/images/orange-demo-activiti-web/src/views/workflow/package/process-designer/plugins/extension-moddle/flowable/index.js b/images/orange-demo-activiti-web/src/views/workflow/package/process-designer/plugins/extension-moddle/flowable/index.js deleted file mode 100644 index 59837cca..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/package/process-designer/plugins/extension-moddle/flowable/index.js +++ /dev/null @@ -1,9 +0,0 @@ -/* - * @author igdianov - * address https://github.com/igdianov/activiti-bpmn-moddle - * */ - -module.exports = { - __init__: ["FlowableModdleExtension"], - FlowableModdleExtension: ["type", require("./flowableExtension")] -}; diff --git a/images/orange-demo-activiti-web/src/views/workflow/package/process-designer/plugins/palette/index.js b/images/orange-demo-activiti-web/src/views/workflow/package/process-designer/plugins/palette/index.js deleted file mode 100644 index c44874f1..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/package/process-designer/plugins/palette/index.js +++ /dev/null @@ -1,15 +0,0 @@ -import PaletteModule from "diagram-js/lib/features/palette"; -import CreateModule from "diagram-js/lib/features/create"; -import SpaceToolModule from "diagram-js/lib/features/space-tool"; -import LassoToolModule from "diagram-js/lib/features/lasso-tool"; -import HandToolModule from "diagram-js/lib/features/hand-tool"; -import GlobalConnectModule from "diagram-js/lib/features/global-connect"; -import translate from "diagram-js/lib/i18n/translate"; - -import PaletteProvider from "./paletteProvider"; - -export default { - __depends__: [PaletteModule, CreateModule, SpaceToolModule, LassoToolModule, HandToolModule, GlobalConnectModule, translate], - __init__: ["paletteProvider"], - paletteProvider: ["type", PaletteProvider] -}; diff --git a/images/orange-demo-activiti-web/src/views/workflow/package/process-designer/plugins/palette/paletteProvider.js b/images/orange-demo-activiti-web/src/views/workflow/package/process-designer/plugins/palette/paletteProvider.js deleted file mode 100644 index e0c32380..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/package/process-designer/plugins/palette/paletteProvider.js +++ /dev/null @@ -1,160 +0,0 @@ -import { assign } from "min-dash"; - -/** - * A palette provider for BPMN 2.0 elements. - */ -export default function PaletteProvider(palette, create, elementFactory, spaceTool, lassoTool, handTool, globalConnect, translate) { - this._palette = palette; - this._create = create; - this._elementFactory = elementFactory; - this._spaceTool = spaceTool; - this._lassoTool = lassoTool; - this._handTool = handTool; - this._globalConnect = globalConnect; - this._translate = translate; - - palette.registerProvider(this); -} - -PaletteProvider.$inject = ["palette", "create", "elementFactory", "spaceTool", "lassoTool", "handTool", "globalConnect", "translate"]; - -PaletteProvider.prototype.getPaletteEntries = function() { - var actions = {}, - create = this._create, - elementFactory = this._elementFactory, - spaceTool = this._spaceTool, - lassoTool = this._lassoTool, - handTool = this._handTool, - globalConnect = this._globalConnect, - translate = this._translate; - - function createAction(type, group, className, title, options) { - function createListener(event) { - var shape = elementFactory.createShape(assign({ type: type }, options)); - - if (options) { - shape.businessObject.di.isExpanded = options.isExpanded; - } - - create.start(event, shape); - } - - var shortType = type.replace(/^bpmn:/, ""); - - return { - group: group, - className: className, - title: title || translate("Create {type}", { type: shortType }), - action: { - dragstart: createListener, - click: createListener - } - }; - } - - function createSubprocess(event) { - var subProcess = elementFactory.createShape({ - type: "bpmn:SubProcess", - x: 0, - y: 0, - isExpanded: true - }); - - var startEvent = elementFactory.createShape({ - type: "bpmn:StartEvent", - x: 40, - y: 82, - parent: subProcess - }); - - create.start(event, [subProcess, startEvent], { - hints: { - autoSelect: [startEvent] - } - }); - } - - function createParticipant(event) { - create.start(event, elementFactory.createParticipantShape()); - } - - assign(actions, { - "hand-tool": { - group: "tools", - className: "bpmn-icon-hand-tool", - title: translate("Activate the hand tool"), - action: { - click: function(event) { - handTool.activateHand(event); - } - } - }, - "lasso-tool": { - group: "tools", - className: "bpmn-icon-lasso-tool", - title: translate("Activate the lasso tool"), - action: { - click: function(event) { - lassoTool.activateSelection(event); - } - } - }, - "space-tool": { - group: "tools", - className: "bpmn-icon-space-tool", - title: translate("Activate the create/remove space tool"), - action: { - click: function(event) { - spaceTool.activateSelection(event); - } - } - }, - "global-connect-tool": { - group: "tools", - className: "bpmn-icon-connection-multi", - title: translate("Activate the global connect tool"), - action: { - click: function(event) { - globalConnect.toggle(event); - } - } - }, - "tool-separator": { - group: "tools", - separator: true - }, - "create.start-event": createAction("bpmn:StartEvent", "event", "bpmn-icon-start-event-none", translate("Create StartEvent")), - "create.intermediate-event": createAction( - "bpmn:IntermediateThrowEvent", - "event", - "bpmn-icon-intermediate-event-none", - translate("Create Intermediate/Boundary Event") - ), - "create.end-event": createAction("bpmn:EndEvent", "event", "bpmn-icon-end-event-none", translate("Create EndEvent")), - "create.exclusive-gateway": createAction("bpmn:ExclusiveGateway", "gateway", "bpmn-icon-gateway-none", translate("Create Gateway")), - "create.user-task": createAction("bpmn:UserTask", "activity", "bpmn-icon-user-task", translate("Create User Task")), - "create.data-object": createAction("bpmn:DataObjectReference", "data-object", "bpmn-icon-data-object", translate("Create DataObjectReference")), - "create.data-store": createAction("bpmn:DataStoreReference", "data-store", "bpmn-icon-data-store", translate("Create DataStoreReference")), - "create.subprocess-expanded": { - group: "activity", - className: "bpmn-icon-subprocess-expanded", - title: translate("Create expanded SubProcess"), - action: { - dragstart: createSubprocess, - click: createSubprocess - } - }, - "create.participant-expanded": { - group: "collaboration", - className: "bpmn-icon-participant", - title: translate("Create Pool/Participant"), - action: { - dragstart: createParticipant, - click: createParticipant - } - }, - "create.group": createAction("bpmn:Group", "artifact", "bpmn-icon-group", translate("Create Group")) - }); - - return actions; -}; diff --git a/images/orange-demo-activiti-web/src/views/workflow/package/process-designer/plugins/translate/customTranslate.js b/images/orange-demo-activiti-web/src/views/workflow/package/process-designer/plugins/translate/customTranslate.js deleted file mode 100644 index 508040d6..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/package/process-designer/plugins/translate/customTranslate.js +++ /dev/null @@ -1,41 +0,0 @@ -// import translations from "./zh"; -// -// export default function customTranslate(template, replacements) { -// replacements = replacements || {}; -// -// // Translate -// template = translations[template] || template; -// -// // Replace -// return template.replace(/{([^}]+)}/g, function(_, key) { -// let str = replacements[key]; -// if ( -// translations[replacements[key]] !== null && -// translations[replacements[key]] !== "undefined" -// ) { -// // eslint-disable-next-line no-mixed-spaces-and-tabs -// str = translations[replacements[key]]; -// // eslint-disable-next-line no-mixed-spaces-and-tabs -// } -// return str || "{" + key + "}"; -// }); -// } - -export default function customTranslate(translations) { - return function(template, replacements) { - replacements = replacements || {}; - // Translate - template = translations[template] || template; - - // Replace - return template.replace(/{([^}]+)}/g, function(_, key) { - let str = replacements[key]; - if (translations[replacements[key]] !== null && translations[replacements[key]] !== undefined) { - // eslint-disable-next-line no-mixed-spaces-and-tabs - str = translations[replacements[key]]; - // eslint-disable-next-line no-mixed-spaces-and-tabs - } - return str || "{" + key + "}"; - }); - }; -} diff --git a/images/orange-demo-activiti-web/src/views/workflow/package/process-designer/plugins/translate/zh.js b/images/orange-demo-activiti-web/src/views/workflow/package/process-designer/plugins/translate/zh.js deleted file mode 100644 index 855b561e..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/package/process-designer/plugins/translate/zh.js +++ /dev/null @@ -1,238 +0,0 @@ -/** - * This is a sample file that should be replaced with the actual translation. - * - * Checkout https://github.com/bpmn-io/bpmn-js-i18n for a list of available - * translations and labels to translate. - */ -export default { - // 添加部分 - "Append EndEvent": "追加结束事件", - "Append Gateway": "追加网关", - "Append Task": "追加任务", - "Append Intermediate/Boundary Event": "追加中间抛出事件/边界事件", - - "Activate the global connect tool": "激活全局连接工具", - "Append {type}": "添加 {type}", - "Add Lane above": "在上面添加道", - "Divide into two Lanes": "分割成两个道", - "Divide into three Lanes": "分割成三个道", - "Add Lane below": "在下面添加道", - "Append compensation activity": "追加补偿活动", - "Change type": "修改类型", - "Connect using Association": "使用关联连接", - "Connect using Sequence/MessageFlow or Association": "使用顺序/消息流或者关联连接", - "Connect using DataInputAssociation": "使用数据输入关联连接", - Remove: "移除", - "Activate the hand tool": "激活抓手工具", - "Activate the lasso tool": "激活套索工具", - "Activate the create/remove space tool": "激活创建/删除空间工具", - "Create expanded SubProcess": "创建扩展子过程", - "Create IntermediateThrowEvent/BoundaryEvent": "创建中间抛出事件/边界事件", - "Create Pool/Participant": "创建池/参与者", - "Parallel Multi Instance": "并行多重事件", - "Sequential Multi Instance": "时序多重事件", - DataObjectReference: "数据对象参考", - DataStoreReference: "数据存储参考", - Loop: "循环", - "Ad-hoc": "即席", - "Create {type}": "创建 {type}", - Task: "任务", - "Send Task": "发送任务", - "Receive Task": "接收任务", - "User Task": "用户任务", - "Manual Task": "手工任务", - "Business Rule Task": "业务规则任务", - "Service Task": "服务任务", - "Script Task": "脚本任务", - "Call Activity": "调用活动", - "Sub Process (collapsed)": "子流程（折叠的）", - "Sub Process (expanded)": "子流程（展开的）", - "Start Event": "开始事件", - StartEvent: "开始事件", - "Intermediate Throw Event": "中间事件", - "End Event": "结束事件", - EndEvent: "结束事件", - "Create StartEvent": "创建开始事件", - "Create EndEvent": "创建结束事件", - "Create Task": "创建任务", - "Create User Task": "创建用户任务", - "Create Gateway": "创建网关", - "Create DataObjectReference": "创建数据对象", - "Create DataStoreReference": "创建数据存储", - "Create Group": "创建分组", - "Create Intermediate/Boundary Event": "创建中间/边界事件", - "Message Start Event": "消息开始事件", - "Timer Start Event": "定时开始事件", - "Conditional Start Event": "条件开始事件", - "Signal Start Event": "信号开始事件", - "Error Start Event": "错误开始事件", - "Escalation Start Event": "升级开始事件", - "Compensation Start Event": "补偿开始事件", - "Message Start Event (non-interrupting)": "消息开始事件（非中断）", - "Timer Start Event (non-interrupting)": "定时开始事件（非中断）", - "Conditional Start Event (non-interrupting)": "条件开始事件（非中断）", - "Signal Start Event (non-interrupting)": "信号开始事件（非中断）", - "Escalation Start Event (non-interrupting)": "升级开始事件（非中断）", - "Message Intermediate Catch Event": "消息中间捕获事件", - "Message Intermediate Throw Event": "消息中间抛出事件", - "Timer Intermediate Catch Event": "定时中间捕获事件", - "Escalation Intermediate Throw Event": "升级中间抛出事件", - "Conditional Intermediate Catch Event": "条件中间捕获事件", - "Link Intermediate Catch Event": "链接中间捕获事件", - "Link Intermediate Throw Event": "链接中间抛出事件", - "Compensation Intermediate Throw Event": "补偿中间抛出事件", - "Signal Intermediate Catch Event": "信号中间捕获事件", - "Signal Intermediate Throw Event": "信号中间抛出事件", - "Message End Event": "消息结束事件", - "Escalation End Event": "定时结束事件", - "Error End Event": "错误结束事件", - "Cancel End Event": "取消结束事件", - "Compensation End Event": "补偿结束事件", - "Signal End Event": "信号结束事件", - "Terminate End Event": "终止结束事件", - "Message Boundary Event": "消息边界事件", - "Message Boundary Event (non-interrupting)": "消息边界事件（非中断）", - "Timer Boundary Event": "定时边界事件", - "Timer Boundary Event (non-interrupting)": "定时边界事件（非中断）", - "Escalation Boundary Event": "升级边界事件", - "Escalation Boundary Event (non-interrupting)": "升级边界事件（非中断）", - "Conditional Boundary Event": "条件边界事件", - "Conditional Boundary Event (non-interrupting)": "条件边界事件（非中断）", - "Error Boundary Event": "错误边界事件", - "Cancel Boundary Event": "取消边界事件", - "Signal Boundary Event": "信号边界事件", - "Signal Boundary Event (non-interrupting)": "信号边界事件（非中断）", - "Compensation Boundary Event": "补偿边界事件", - "Exclusive Gateway": "互斥网关", - "Parallel Gateway": "并行网关", - "Inclusive Gateway": "相容网关", - "Complex Gateway": "复杂网关", - "Event based Gateway": "事件网关", - Transaction: "转运", - "Sub Process": "子流程", - "Event Sub Process": "事件子流程", - "Collapsed Pool": "折叠池", - "Expanded Pool": "展开池", - - // Errors - "no parent for {element} in {parent}": "在{parent}里，{element}没有父类", - "no shape type specified": "没有指定的形状类型", - "flow elements must be children of pools/participants": "流元素必须是池/参与者的子类", - "out of bounds release": "out of bounds release", - "more than {count} child lanes": "子道大于{count} ", - "element required": "元素不能为空", - "diagram not part of bpmn:Definitions": "流程图不符合bpmn规范", - "no diagram to display": "没有可展示的流程图", - "no process or collaboration to display": "没有可展示的流程/协作", - "element {element} referenced by {referenced}#{property} not yet drawn": "由{referenced}#{property}引用的{element}元素仍未绘制", - "already rendered {element}": "{element} 已被渲染", - "failed to import {element}": "导入{element}失败", - //属性面板的参数 - Id: "编号", - Name: "名称", - General: "常规", - Details: "详情", - "Message Name": "消息名称", - Message: "消息", - Initiator: "创建者", - "Asynchronous Continuations": "持续异步", - "Asynchronous Before": "异步前", - "Asynchronous After": "异步后", - "Job Configuration": "工作配置", - Exclusive: "排除", - "Job Priority": "工作优先级", - "Retry Time Cycle": "重试时间周期", - Documentation: "文档", - "Element Documentation": "元素文档", - "History Configuration": "历史配置", - "History Time To Live": "历史的生存时间", - Forms: "表单", - "Form Key": "表单key", - "Form Fields": "表单字段", - "Business Key": "业务key", - "Form Field": "表单字段", - ID: "编号", - Type: "类型", - Label: "名称", - "Default Value": "默认值", - "Default Flow": "默认流转路径", - "Conditional Flow": "条件流转路径", - "Sequence Flow": "普通流转路径", - Validation: "校验", - "Add Constraint": "添加约束", - Config: "配置", - Properties: "属性", - "Add Property": "添加属性", - Value: "值", - Listeners: "监听器", - "Execution Listener": "执行监听", - "Event Type": "事件类型", - "Listener Type": "监听器类型", - "Java Class": "Java类", - Expression: "表达式", - "Must provide a value": "必须提供一个值", - "Delegate Expression": "代理表达式", - Script: "脚本", - "Script Format": "脚本格式", - "Script Type": "脚本类型", - "Inline Script": "内联脚本", - "External Script": "外部脚本", - Resource: "资源", - "Field Injection": "字段注入", - Extensions: "扩展", - "Input/Output": "输入/输出", - "Input Parameters": "输入参数", - "Output Parameters": "输出参数", - Parameters: "参数", - "Output Parameter": "输出参数", - "Timer Definition Type": "定时器定义类型", - "Timer Definition": "定时器定义", - Date: "日期", - Duration: "持续", - Cycle: "循环", - Signal: "信号", - "Signal Name": "信号名称", - Escalation: "升级", - Error: "错误", - "Link Name": "链接名称", - Condition: "条件名称", - "Variable Name": "变量名称", - "Variable Event": "变量事件", - "Specify more than one variable change event as a comma separated list.": "多个变量事件以逗号隔开", - "Wait for Completion": "等待完成", - "Activity Ref": "活动参考", - "Version Tag": "版本标签", - Executable: "可执行文件", - "External Task Configuration": "扩展任务配置", - "Task Priority": "任务优先级", - External: "外部", - Connector: "连接器", - "Must configure Connector": "必须配置连接器", - "Connector Id": "连接器编号", - Implementation: "实现方式", - "Field Injections": "字段注入", - Fields: "字段", - "Result Variable": "结果变量", - Topic: "主题", - "Configure Connector": "配置连接器", - "Input Parameter": "输入参数", - Assignee: "代理人", - "Candidate Users": "候选用户", - "Candidate Groups": "候选组", - "Due Date": "到期时间", - "Follow Up Date": "跟踪日期", - Priority: "优先级", - "The follow up date as an EL expression (e.g. ${someDate} or an ISO date (e.g. 2015-06-26T09:54:00)": - "跟踪日期必须符合EL表达式，如： ${someDate} ,或者一个ISO标准日期，如：2015-06-26T09:54:00", - "The due date as an EL expression (e.g. ${someDate} or an ISO date (e.g. 2015-06-26T09:54:00)": - "跟踪日期必须符合EL表达式，如： ${someDate} ,或者一个ISO标准日期，如：2015-06-26T09:54:00", - Variables: "变量", - "Candidate Starter Configuration": "候选人起动器配置", - "Candidate Starter Groups": "候选人起动器组", - "This maps to the process definition key.": "这映射到流程定义键。", - "Candidate Starter Users": "候选人起动器的用户", - "Specify more than one user as a comma separated list.": "指定多个用户作为逗号分隔的列表。", - "Tasklist Configuration": "Tasklist配置", - Startable: "启动", - "Specify more than one group as a comma separated list.": "指定多个组作为逗号分隔的列表。" -}; diff --git a/images/orange-demo-activiti-web/src/views/workflow/package/refactor/PropertiesPanel.vue b/images/orange-demo-activiti-web/src/views/workflow/package/refactor/PropertiesPanel.vue deleted file mode 100644 index 9eb4b45f..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/package/refactor/PropertiesPanel.vue +++ /dev/null @@ -1,201 +0,0 @@ - - diff --git a/images/orange-demo-activiti-web/src/views/workflow/package/refactor/base/ElementBaseInfo.vue b/images/orange-demo-activiti-web/src/views/workflow/package/refactor/base/ElementBaseInfo.vue deleted file mode 100644 index e1dee0c3..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/package/refactor/base/ElementBaseInfo.vue +++ /dev/null @@ -1,72 +0,0 @@ - - diff --git a/images/orange-demo-activiti-web/src/views/workflow/package/refactor/flow-condition/FlowCondition.vue b/images/orange-demo-activiti-web/src/views/workflow/package/refactor/flow-condition/FlowCondition.vue deleted file mode 100644 index 50fe3d0c..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/package/refactor/flow-condition/FlowCondition.vue +++ /dev/null @@ -1,200 +0,0 @@ - - - diff --git a/images/orange-demo-activiti-web/src/views/workflow/package/refactor/form-variable/index.vue b/images/orange-demo-activiti-web/src/views/workflow/package/refactor/form-variable/index.vue deleted file mode 100644 index 631c30f2..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/package/refactor/form-variable/index.vue +++ /dev/null @@ -1,89 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/workflow/package/refactor/form/ElementForm.vue b/images/orange-demo-activiti-web/src/views/workflow/package/refactor/form/ElementForm.vue deleted file mode 100644 index 1ed44e79..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/package/refactor/form/ElementForm.vue +++ /dev/null @@ -1,360 +0,0 @@ - - - diff --git a/images/orange-demo-activiti-web/src/views/workflow/package/refactor/form/flowFormConfig.vue b/images/orange-demo-activiti-web/src/views/workflow/package/refactor/form/flowFormConfig.vue deleted file mode 100644 index 8eb8aed1..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/package/refactor/form/flowFormConfig.vue +++ /dev/null @@ -1,193 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/workflow/package/refactor/form/formEditOperation.vue b/images/orange-demo-activiti-web/src/views/workflow/package/refactor/form/formEditOperation.vue deleted file mode 100644 index b2513dc6..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/package/refactor/form/formEditOperation.vue +++ /dev/null @@ -1,280 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/workflow/package/refactor/index.js b/images/orange-demo-activiti-web/src/views/workflow/package/refactor/index.js deleted file mode 100644 index 6cb0c77c..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/package/refactor/index.js +++ /dev/null @@ -1,7 +0,0 @@ -import MyPropertiesPanel from "./PropertiesPanel.vue"; - -MyPropertiesPanel.install = function(Vue) { - Vue.component(MyPropertiesPanel.name, MyPropertiesPanel); -}; - -export default MyPropertiesPanel; diff --git a/images/orange-demo-activiti-web/src/views/workflow/package/refactor/listeners/ElementListeners.vue b/images/orange-demo-activiti-web/src/views/workflow/package/refactor/listeners/ElementListeners.vue deleted file mode 100644 index e023a6f6..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/package/refactor/listeners/ElementListeners.vue +++ /dev/null @@ -1,299 +0,0 @@ - - diff --git a/images/orange-demo-activiti-web/src/views/workflow/package/refactor/listeners/UserTaskListeners.vue b/images/orange-demo-activiti-web/src/views/workflow/package/refactor/listeners/UserTaskListeners.vue deleted file mode 100644 index e6b588b6..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/package/refactor/listeners/UserTaskListeners.vue +++ /dev/null @@ -1,323 +0,0 @@ - - diff --git a/images/orange-demo-activiti-web/src/views/workflow/package/refactor/listeners/template.js b/images/orange-demo-activiti-web/src/views/workflow/package/refactor/listeners/template.js deleted file mode 100644 index ddeefcb7..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/package/refactor/listeners/template.js +++ /dev/null @@ -1,178 +0,0 @@ -export const template = isTaskListener => { - return ` -
- - - - - - - - -
- 添加监听器 -
- - - - - - - - - - - - - - - - - - - - - - - - - - ${ - isTaskListener - ? "" + - "" + - "" + - "" + - "" + - "" + - "" + - "" + - "" + - "" + - "" - : "" - } - - -

- 注入字段： - 添加字段 -

- - - - - - - - - - -
- 取 消 - 保 存 -
- - - - - - - - - - - - - - - - - - - - - - -
- `; -}; diff --git a/images/orange-demo-activiti-web/src/views/workflow/package/refactor/listeners/utilSelf.js b/images/orange-demo-activiti-web/src/views/workflow/package/refactor/listeners/utilSelf.js deleted file mode 100644 index 488b5dc0..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/package/refactor/listeners/utilSelf.js +++ /dev/null @@ -1,61 +0,0 @@ -// 初始化表单数据 -export function initListenerForm(listener) { - let self = { - ...listener - }; - if (listener.script) { - self = { - ...listener, - ...listener.script, - scriptType: listener.script.resource ? "externalScript" : "inlineScript" - }; - } - if (listener.event === "timeout" && listener.eventDefinitions) { - if (listener.eventDefinitions.length) { - let k = ""; - for (let key in listener.eventDefinitions[0]) { - if (key.indexOf("time") !== -1) { - k = key; - self.eventDefinitionType = key.replace("time", "").toLowerCase(); - } - } - self.eventTimeDefinitions = listener.eventDefinitions[0][k].body; - } - } - return self; -} - -export function initListenerType(listener) { - let listenerType; - if (listener.class) listenerType = "classListener"; - if (listener.expression) listenerType = "expressionListener"; - if (listener.delegateExpression) listenerType = "delegateExpressionListener"; - if (listener.script) listenerType = "scriptListener"; - return { - id: (listener.$attrs || {}).id, - ...JSON.parse(JSON.stringify(listener)), - ...(listener.script ?? {}), - listenerType: listenerType - }; -} - -export const listenerType = { - classListener: "Java 类", - expressionListener: "表达式", - delegateExpressionListener: "代理表达式", - scriptListener: "脚本" -}; - -export const eventType = { - create: "创建", - assignment: "指派", - complete: "完成", - delete: "删除", - // update: "更新", - // timeout: "超时" -}; - -export const fieldType = { - string: "字符串", - expression: "表达式" -}; diff --git a/images/orange-demo-activiti-web/src/views/workflow/package/refactor/multi-instance/ElementMultiInstance.vue b/images/orange-demo-activiti-web/src/views/workflow/package/refactor/multi-instance/ElementMultiInstance.vue deleted file mode 100644 index bfdf7607..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/package/refactor/multi-instance/ElementMultiInstance.vue +++ /dev/null @@ -1,258 +0,0 @@ - - - - - \ No newline at end of file diff --git a/images/orange-demo-activiti-web/src/views/workflow/package/refactor/multi-instance/ElementMultiInstanceAssignee.vue b/images/orange-demo-activiti-web/src/views/workflow/package/refactor/multi-instance/ElementMultiInstanceAssignee.vue deleted file mode 100644 index 44f66a10..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/package/refactor/multi-instance/ElementMultiInstanceAssignee.vue +++ /dev/null @@ -1,136 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/workflow/package/refactor/other/ElementOtherConfig.vue b/images/orange-demo-activiti-web/src/views/workflow/package/refactor/other/ElementOtherConfig.vue deleted file mode 100644 index a4427b22..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/package/refactor/other/ElementOtherConfig.vue +++ /dev/null @@ -1,59 +0,0 @@ - - - diff --git a/images/orange-demo-activiti-web/src/views/workflow/package/refactor/properties/ElementProperties.vue b/images/orange-demo-activiti-web/src/views/workflow/package/refactor/properties/ElementProperties.vue deleted file mode 100644 index f108fe69..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/package/refactor/properties/ElementProperties.vue +++ /dev/null @@ -1,127 +0,0 @@ - - - diff --git a/images/orange-demo-activiti-web/src/views/workflow/package/refactor/signal-message/SignalAndMessage.vue b/images/orange-demo-activiti-web/src/views/workflow/package/refactor/signal-message/SignalAndMessage.vue deleted file mode 100644 index 7ea59f61..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/package/refactor/signal-message/SignalAndMessage.vue +++ /dev/null @@ -1,104 +0,0 @@ - - diff --git a/images/orange-demo-activiti-web/src/views/workflow/package/refactor/task/ElementTask.vue b/images/orange-demo-activiti-web/src/views/workflow/package/refactor/task/ElementTask.vue deleted file mode 100644 index fd454ecc..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/package/refactor/task/ElementTask.vue +++ /dev/null @@ -1,72 +0,0 @@ - - - diff --git a/images/orange-demo-activiti-web/src/views/workflow/package/refactor/task/task-components/ReceiveTask.vue b/images/orange-demo-activiti-web/src/views/workflow/package/refactor/task/task-components/ReceiveTask.vue deleted file mode 100644 index 282f2382..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/package/refactor/task/task-components/ReceiveTask.vue +++ /dev/null @@ -1,97 +0,0 @@ - - - diff --git a/images/orange-demo-activiti-web/src/views/workflow/package/refactor/task/task-components/ScriptTask.vue b/images/orange-demo-activiti-web/src/views/workflow/package/refactor/task/task-components/ScriptTask.vue deleted file mode 100644 index 34ed9fdf..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/package/refactor/task/task-components/ScriptTask.vue +++ /dev/null @@ -1,85 +0,0 @@ - - - diff --git a/images/orange-demo-activiti-web/src/views/workflow/package/refactor/task/task-components/UserTask.vue b/images/orange-demo-activiti-web/src/views/workflow/package/refactor/task/task-components/UserTask.vue deleted file mode 100644 index e467b032..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/package/refactor/task/task-components/UserTask.vue +++ /dev/null @@ -1,478 +0,0 @@ - - - - - \ No newline at end of file diff --git a/images/orange-demo-activiti-web/src/views/workflow/package/theme/flow-element-variables.scss b/images/orange-demo-activiti-web/src/views/workflow/package/theme/flow-element-variables.scss deleted file mode 100644 index a54b6e05..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/package/theme/flow-element-variables.scss +++ /dev/null @@ -1,63 +0,0 @@ -/* 改变主题色变量 */ -// $--color-primary: #1890ff; -// $--color-danger: #ff4d4f; - -/* 改变 icon 字体路径变量，必需 */ - -.process-drawer .el-drawer__header { - padding: 16px 16px 8px 16px; - margin: 0; - line-height: 24px; - font-size: 18px; - color: #303133; - box-sizing: border-box; - border-bottom: 1px solid #e8e8e8; -} - -div[class^="el-drawer"]:focus, -span:focus { - outline: none; -} - -.process-drawer .el-drawer__body { - box-sizing: border-box; - padding: 16px; - width: 100%; - overflow-y: auto; -} - -.process-design { - .el-table td, - .el-table th { - color: #333; - } - - .el-dialog__header { - padding: 16px 16px 8px 16px; - box-sizing: border-box; - border-bottom: 1px solid #e8e8e8; - } - .el-dialog__body { - padding: 16px; - max-height: 80vh; - box-sizing: border-box; - overflow-y: auto; - } - .el-dialog__footer { - padding: 16px; - box-sizing: border-box; - border-top: 1px solid #e8e8e8; - } - .el-dialog__close { - font-weight: 600; - } - .el-select { - width: 100%; - } - .el-divider:not(.el-divider--horizontal) { - margin: 0 8px ; - } - .el-divider.el-divider--horizontal { - margin: 16px 0; - } -} diff --git a/images/orange-demo-activiti-web/src/views/workflow/package/theme/index.scss b/images/orange-demo-activiti-web/src/views/workflow/package/theme/index.scss deleted file mode 100644 index 437680c1..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/package/theme/index.scss +++ /dev/null @@ -1,86 +0,0 @@ -@import "./flow-element-variables.scss"; -@import "~bpmn-js-token-simulation/assets/css/bpmn-js-token-simulation.css"; -@import "~bpmn-js-token-simulation/assets/css/font-awesome.min.css"; -@import "~bpmn-js-token-simulation/assets/css/normalize.css"; -@import "~bpmn-js/dist/assets/diagram-js.css"; -@import "~bpmn-js/dist/assets/bpmn-font/css/bpmn.css"; -@import "~bpmn-js/dist/assets/bpmn-font/css/bpmn-codes.css"; -@import "./process-designer.scss"; -@import "./process-panel.scss"; - -$success-color: #4eb819; -$current-color: #409EFF; - -.process-viewer { - position: relative; - border: 1px solid #EFEFEF; - background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHBhdHRlcm4gaWQ9ImEiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHBhdGggZD0iTTAgMTBoNDBNMTAgMHY0ME0wIDIwaDQwTTIwIDB2NDBNMCAzMGg0ME0zMCAwdjQwIiBmaWxsPSJub25lIiBzdHJva2U9IiNlMGUwZTAiIG9wYWNpdHk9Ii4yIi8+PHBhdGggZD0iTTQwIDBIMHY0MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZTBlMGUwIi8+PC9wYXR0ZXJuPjwvZGVmcz48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+') repeat!important; - - .success-arrow { - fill: $success-color; - stroke: $success-color; - } - - .success-conditional { - fill: white; - stroke: $success-color; - } - - .success.djs-connection { - .djs-visual path { - stroke: $success-color!important; - marker-end: url(#sequenceflow-end-white-success)!important; - } - } - - .success.djs-connection.condition-expression { - .djs-visual path { - marker-start: url(#conditional-flow-marker-white-success)!important; - } - } - - .success.djs-shape { - .djs-visual rect { - stroke: $success-color!important; - fill: $success-color!important; - fill-opacity: 0.15!important; - } - - .djs-visual polygon { - stroke: $success-color!important; - } - - .djs-visual path:nth-child(2) { - stroke: $success-color!important; - fill: $success-color!important; - } - - .djs-visual circle { - stroke: $success-color!important; - fill: $success-color!important; - fill-opacity: 0.15!important; - } - } - - .current.djs-shape { - .djs-visual rect { - stroke: $current-color!important; - fill: $current-color!important; - fill-opacity: 0.15!important; - } - - .djs-visual polygon { - stroke: $current-color!important; - } - - .djs-visual circle { - stroke: $current-color!important; - fill: $current-color!important; - fill-opacity: 0.15!important; - } - } -} - -.process-viewer .djs-tooltip-container, .process-viewer .djs-overlay-container, .process-viewer .djs-palette { - display: none; -} \ No newline at end of file diff --git a/images/orange-demo-activiti-web/src/views/workflow/package/theme/process-designer.scss b/images/orange-demo-activiti-web/src/views/workflow/package/theme/process-designer.scss deleted file mode 100644 index a3b3d098..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/package/theme/process-designer.scss +++ /dev/null @@ -1,152 +0,0 @@ -// 边框被 token-simulation 样式覆盖了 -.djs-palette { - background: var(--palette-background-color); - border: solid 1px var(--palette-border-color) !important; - border-radius: 2px; -} - -.my-process-designer { - display: flex; - flex-direction: column; - width: 100%; - height: 100%; - box-sizing: border-box; - .my-process-designer__header { - width: 100%; - min-height: 36px; - .el-button { - text-align: center; - } - .el-button-group { - margin: 4px; - } - .el-tooltip__popper { - .el-button { - width: 100%; - text-align: left; - padding-left: 8px; - padding-right: 8px; - } - .el-button:hover { - background: rgba(64, 158, 255, 0.8); - color: #ffffff; - } - } - .align { - position: relative; - i { - &:after { - content: "|"; - position: absolute; - transform: rotate(90deg) translate(200%, 60%); - } - } - } - .align.align-left i { - transform: rotate(90deg); - } - .align.align-right i { - transform: rotate(-90deg); - } - .align.align-top i { - transform: rotate(180deg); - } - .align.align-bottom i { - transform: rotate(0deg); - } - .align.align-center i { - transform: rotate(90deg); - &:after { - transform: rotate(90deg) translate(0, 60%); - } - } - .align.align-middle i { - transform: rotate(0deg); - &:after { - transform: rotate(90deg) translate(0, 60%); - } - } - } - .my-process-designer__container { - display: inline-flex; - width: 100%; - flex: 1; - .my-process-designer__canvas { - flex: 1; - height: 100%; - position: relative; - background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHBhdHRlcm4gaWQ9ImEiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHBhdGggZD0iTTAgMTBoNDBNMTAgMHY0ME0wIDIwaDQwTTIwIDB2NDBNMCAzMGg0ME0zMCAwdjQwIiBmaWxsPSJub25lIiBzdHJva2U9IiNlMGUwZTAiIG9wYWNpdHk9Ii4yIi8+PHBhdGggZD0iTTQwIDBIMHY0MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZTBlMGUwIi8+PC9wYXR0ZXJuPjwvZGVmcz48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+") - repeat !important; - div.toggle-mode { - display: none; - } - } - .my-process-designer__property-panel { - height: 100%; - overflow: scroll; - overflow-y: auto; - z-index: 10; - * { - box-sizing: border-box; - } - } - svg { - width: 100%; - height: 100%; - min-height: 100%; - overflow: hidden; - } - } -} - -//侧边栏配置 -.djs-palette.open { - .djs-palette-entries { - div[class^="bpmn-icon-"]:before, - div[class*="bpmn-icon-"]:before { - line-height: unset; - } - div.entry { - position: relative; - } - div.entry:hover { - &::after { - width: max-content; - content: attr(title); - vertical-align: text-bottom; - position: absolute; - right: -10px; - top: 0; - bottom: 0; - overflow: hidden; - transform: translateX(100%); - font-size: 0.5em; - display: inline-block; - text-decoration: inherit; - font-variant: normal; - text-transform: none; - background: #fafafa; - box-shadow: 0 0 6px #eeeeee; - border: 1px solid #cccccc; - box-sizing: border-box; - padding: 0 16px; - border-radius: 4px; - z-index: 100; - } - } - } -} -pre { - margin: 0; - height: 100%; - overflow: hidden; - max-height: calc(80vh - 32px); - overflow-y: auto; -} -.hljs { - word-break: break-word; - white-space: pre-wrap; -} -.hljs * { - font-family: Consolas, Monaco, monospace; -} diff --git a/images/orange-demo-activiti-web/src/views/workflow/package/theme/process-panel.scss b/images/orange-demo-activiti-web/src/views/workflow/package/theme/process-panel.scss deleted file mode 100644 index 5c7c3dfe..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/package/theme/process-panel.scss +++ /dev/null @@ -1,110 +0,0 @@ -.process-design { - .process-panel__container { - box-sizing: border-box; - padding: 0 8px; - border-left: 1px solid #eeeeee; - box-shadow: 0 0 8px #cccccc; - max-height: 100%; - overflow-y: scroll; - } - .panel-tab__title { - font-weight: 600; - padding: 0 8px; - font-size: 1.1em; - line-height: 1.2em; - i { - margin-right: 8px; - font-size: 1.2em; - } - } - .panel-tab__content { - width: 100%; - box-sizing: border-box; - border-top: 1px solid #eeeeee; - padding: 8px 16px; - .panel-tab__content--title { - display: flex; - justify-content: space-between; - padding-bottom: 8px; - span { - flex: 1; - text-align: left; - } - } - } - .element-property { - width: 100%; - display: flex; - align-items: flex-start; - margin: 8px 0; - .element-property__label { - display: block; - width: 90px; - text-align: right; - overflow: hidden; - padding-right: 12px; - line-height: 32px; - font-size: 14px; - box-sizing: border-box; - } - .element-property__value { - flex: 1; - line-height: 32px; - } - .el-form-item { - width: 100%; - margin-bottom: 0; - padding-bottom: 18px; - } - } - .list-property { - flex-direction: column; - .element-listener-item { - width: 100%; - display: inline-grid; - grid-template-columns: 16px auto 32px 32px; - grid-column-gap: 8px; - } - .element-listener-item + .element-listener-item { - margin-top: 8px; - } - } - .listener-filed__title { - display: inline-flex; - width: 100%; - justify-content: space-between; - align-items: center; - margin-top: 0; - span { - width: 200px; - text-align: left; - font-size: 14px; - } - i { - margin-right: 8px; - } - } - .element-drawer__button { - margin-top: 8px; - width: 100%; - display: inline-flex; - justify-content: space-around; - } - .element-drawer__button > .el-button { - width: 100%; - } - - .el-collapse-item__content { - padding-bottom: 0; - } - .el-input.is-disabled .el-input__inner { - color: #999999; - } - .el-form-item.el-form-item--mini { - margin-bottom: 0; - & + .el-form-item { - margin-top: 16px; - } - } -} - diff --git a/images/orange-demo-activiti-web/src/views/workflow/package/utils.js b/images/orange-demo-activiti-web/src/views/workflow/package/utils.js deleted file mode 100644 index d1a92a08..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/package/utils.js +++ /dev/null @@ -1,69 +0,0 @@ -// 创建监听器实例 -export function createListenerObject(options, isTask, prefix) { - const listenerObj = Object.create(null); - listenerObj.event = options.event; - isTask && (listenerObj.id = options.id); // 任务监听器特有的 id 字段 - switch (options.listenerType) { - case "scriptListener": - listenerObj.script = createScriptObject(options, prefix); - break; - case "expressionListener": - listenerObj.expression = options.expression; - break; - case "delegateExpressionListener": - listenerObj.delegateExpression = options.delegateExpression; - break; - default: - listenerObj.class = options.class; - } - // 注入字段 - if (options.fields) { - listenerObj.fields = options.fields.map(field => { - return createFieldObject(field, prefix); - }); - } - // 任务监听器的 定时器 设置 - if (isTask && options.event === "timeout" && !!options.eventDefinitionType) { - const timeDefinition = window.bpmnInstances.moddle.create("bpmn:FormalExpression", { body: options.eventTimeDefinitions }); - const TimerEventDefinition = window.bpmnInstances.moddle.create("bpmn:TimerEventDefinition", { - id: `TimerEventDefinition_${uuid(8)}`, - [`time${options.eventDefinitionType.replace(/^\S/, s => s.toUpperCase())}`]: timeDefinition - }); - listenerObj.eventDefinitions = [TimerEventDefinition]; - } - return window.bpmnInstances.moddle.create(`${prefix}:${isTask ? "TaskListener" : "ExecutionListener"}`, listenerObj); -} - -// 创建 监听器的注入字段 实例 -export function createFieldObject(option, prefix) { - const { name, fieldType, string, expression } = option; - const fieldConfig = fieldType === "string" ? { name, string } : { name, expression }; - return window.bpmnInstances.moddle.create(`${prefix}:Field`, fieldConfig); -} - -// 创建脚本实例 -export function createScriptObject(options, prefix) { - const { scriptType, scriptFormat, value, resource } = options; - const scriptConfig = scriptType === "inlineScript" ? { scriptFormat, value } : { scriptFormat, resource }; - return window.bpmnInstances.moddle.create(`${prefix}:Script`, scriptConfig); -} - -// 更新元素扩展属性 -export function updateElementExtensions(element, extensionList) { - const extensions = window.bpmnInstances.moddle.create("bpmn:ExtensionElements", { - values: extensionList - }); - window.bpmnInstances.modeling.updateProperties(element, { - extensionElements: extensions - }); -} - -// 创建一个id -export function uuid(length = 8, chars) { - let result = ""; - let charsString = chars || "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"; - for (let i = length; i > 0; --i) { - result += charsString[Math.floor(Math.random() * charsString.length)]; - } - return result; -} diff --git a/images/orange-demo-activiti-web/src/views/workflow/taskManager/formAllInstance.vue b/images/orange-demo-activiti-web/src/views/workflow/taskManager/formAllInstance.vue deleted file mode 100644 index 1716975a..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/taskManager/formAllInstance.vue +++ /dev/null @@ -1,189 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/workflow/taskManager/formMyApprovedTask.vue b/images/orange-demo-activiti-web/src/views/workflow/taskManager/formMyApprovedTask.vue deleted file mode 100644 index d67023dd..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/taskManager/formMyApprovedTask.vue +++ /dev/null @@ -1,182 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/workflow/taskManager/formMyHistoryTask.vue b/images/orange-demo-activiti-web/src/views/workflow/taskManager/formMyHistoryTask.vue deleted file mode 100644 index 45fe3e98..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/taskManager/formMyHistoryTask.vue +++ /dev/null @@ -1,163 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/workflow/taskManager/formMyTask.vue b/images/orange-demo-activiti-web/src/views/workflow/taskManager/formMyTask.vue deleted file mode 100644 index 0710a3dd..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/taskManager/formMyTask.vue +++ /dev/null @@ -1,163 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/workflow/taskManager/formTaskProcessViewer.vue b/images/orange-demo-activiti-web/src/views/workflow/taskManager/formTaskProcessViewer.vue deleted file mode 100644 index 00cf4a87..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/taskManager/formTaskProcessViewer.vue +++ /dev/null @@ -1,66 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/src/views/workflow/taskManager/stopTask.vue b/images/orange-demo-activiti-web/src/views/workflow/taskManager/stopTask.vue deleted file mode 100644 index 2cffae04..00000000 --- a/images/orange-demo-activiti-web/src/views/workflow/taskManager/stopTask.vue +++ /dev/null @@ -1,82 +0,0 @@ - - - - - diff --git a/images/orange-demo-activiti-web/static/.gitkeep b/images/orange-demo-activiti-web/static/.gitkeep deleted file mode 100644 index e69de29b..00000000 diff --git a/images/orange-demo-activiti-web/vue.config.js b/images/orange-demo-activiti-web/vue.config.js deleted file mode 100644 index 41f99a21..00000000 --- a/images/orange-demo-activiti-web/vue.config.js +++ /dev/null @@ -1,5 +0,0 @@ -module.exports = { - devServer: { - port: 8085 - } -}