peter
3 years ago
commit
c6648bb4ed
328 changed files with 93549 additions and 0 deletions
@ -0,0 +1,4 @@ |
|||||
|
NODE_ENV=development |
||||
|
VUE_APP_NODE_ENV=dev |
||||
|
VUE_APP_API_UPLOAD = 'http://192.168.0.32:8080/api/upload/file' |
||||
|
VUE_APP_CASE = 'http://192.168.0.32:8080/api/pacs/case/importCase' |
||||
@ -0,0 +1,5 @@ |
|||||
|
NODE_ENV=localhost |
||||
|
VUE_APP_NODE_ENV=local |
||||
|
VUE_APP_API_UPLOAD = 'http://192.168.0.32:8080/api/upload/file' |
||||
|
VUE_APP_CASE = 'http://192.168.0.32:8080/api/pacs/case/importCase' |
||||
|
|
||||
@ -0,0 +1,4 @@ |
|||||
|
NODE_ENV=production |
||||
|
VUE_APP_NODE_ENV=prod |
||||
|
VUE_APP_API_UPLOAD = 'http://192.168.0.32:8080/api/upload/file' |
||||
|
VUE_APP_CASE = 'http://192.168.0.32:8080/api/pacs/case/importCase' |
||||
@ -0,0 +1,3 @@ |
|||||
|
NODE_ENV=production |
||||
|
VUE_APP_NODE_ENV=staging |
||||
|
VUE_APP_API_UPLOAD = 'http://api.huimu.com:8080/api/upload/file' |
||||
@ -0,0 +1,2 @@ |
|||||
|
/src/icons/iconfont.js |
||||
|
/static/* |
||||
@ -0,0 +1,205 @@ |
|||||
|
module.exports = { |
||||
|
root: true, |
||||
|
parserOptions: { |
||||
|
parser: 'babel-eslint', |
||||
|
sourceType: 'module' |
||||
|
}, |
||||
|
env: { |
||||
|
browser: true, |
||||
|
node: true, |
||||
|
es6: true |
||||
|
}, |
||||
|
extends: ['plugin:vue/recommended', 'eslint:recommended'], |
||||
|
|
||||
|
// add your custom rules here
|
||||
|
// it is base on https://github.com/vuejs/eslint-config-vue
|
||||
|
// "off"或者0 //关闭规则关闭
|
||||
|
// "warn"或者1 //在打开的规则作为警告（不影响退出代码）
|
||||
|
// "error"或者2 //把规则作为一个错误（退出代码触发时为1）
|
||||
|
rules: { |
||||
|
'vue/max-attributes-per-line': [2, { |
||||
|
'singleline': 10, |
||||
|
'multiline': { |
||||
|
'max': 1, |
||||
|
'allowFirstLine': false |
||||
|
} |
||||
|
}], |
||||
|
'vue/singleline-html-element-content-newline': 'off', |
||||
|
'vue/multiline-html-element-content-newline': 'off', |
||||
|
'vue/name-property-casing': ['error', 'PascalCase'], |
||||
|
'vue/no-v-html': 'off', |
||||
|
'vue/no-unused-components': 1, |
||||
|
'accessor-pairs': 2, |
||||
|
'arrow-spacing': [2, { |
||||
|
'before': true, |
||||
|
'after': true |
||||
|
}], |
||||
|
'block-spacing': [2, 'always'], |
||||
|
'brace-style': [2, '1tbs', { |
||||
|
'allowSingleLine': true |
||||
|
}], |
||||
|
'camelcase': [0, { |
||||
|
'properties': 'always' |
||||
|
}], |
||||
|
'comma-dangle': [2, 'never'], |
||||
|
'comma-spacing': [2, { |
||||
|
'before': false, |
||||
|
'after': true |
||||
|
}], |
||||
|
'comma-style': [2, 'last'], |
||||
|
'constructor-super': 2, |
||||
|
'curly': [2, 'multi-line'], |
||||
|
'dot-location': [2, 'property'], |
||||
|
'eol-last': 2, |
||||
|
'eqeqeq': ['error', 'always', { 'null': 'ignore' }], |
||||
|
'generator-star-spacing': [2, { |
||||
|
'before': true, |
||||
|
'after': true |
||||
|
}], |
||||
|
'handle-callback-err': [2, '^(err|error)$'], |
||||
|
'indent': [2, 2, { |
||||
|
'ignoredNodes': ['TemplateLiteral'], |
||||
|
'SwitchCase': 1 |
||||
|
}], |
||||
|
'jsx-quotes': [2, 'prefer-single'], |
||||
|
'key-spacing': [2, { |
||||
|
'beforeColon': false, |
||||
|
'afterColon': true |
||||
|
}], |
||||
|
'keyword-spacing': [2, { |
||||
|
'before': true, |
||||
|
'after': true |
||||
|
}], |
||||
|
'new-cap': [2, { |
||||
|
'newIsCap': true, |
||||
|
'capIsNew': false |
||||
|
}], |
||||
|
'new-parens': 2, |
||||
|
'no-array-constructor': 2, |
||||
|
'no-caller': 2, |
||||
|
'no-console': 'off', |
||||
|
'no-class-assign': 2, |
||||
|
'no-cond-assign': 2, |
||||
|
'no-const-assign': 2, |
||||
|
'no-control-regex': 0, |
||||
|
'no-delete-var': 2, |
||||
|
'no-dupe-args': 2, |
||||
|
'no-dupe-class-members': 2, |
||||
|
'no-dupe-keys': 2, |
||||
|
'no-duplicate-case': 2, |
||||
|
'no-empty-character-class': 2, |
||||
|
'no-empty-pattern': 2, |
||||
|
'no-eval': 2, |
||||
|
'no-ex-assign': 2, |
||||
|
'no-extend-native': 2, |
||||
|
'no-extra-bind': 2, |
||||
|
'no-extra-boolean-cast': 2, |
||||
|
'no-extra-parens': [2, 'functions'], |
||||
|
'no-fallthrough': 2, |
||||
|
'no-floating-decimal': 2, |
||||
|
'no-func-assign': 2, |
||||
|
'no-implied-eval': 2, |
||||
|
'no-inner-declarations': [2, 'functions'], |
||||
|
'no-invalid-regexp': 2, |
||||
|
'no-irregular-whitespace': 2, |
||||
|
'no-iterator': 2, |
||||
|
'no-label-var': 2, |
||||
|
'no-labels': [2, { |
||||
|
'allowLoop': false, |
||||
|
'allowSwitch': false |
||||
|
}], |
||||
|
'no-lone-blocks': 2, |
||||
|
'no-mixed-spaces-and-tabs': 2, |
||||
|
'no-multi-spaces': 2, |
||||
|
'no-multi-str': 2, |
||||
|
'no-multiple-empty-lines': [2, { |
||||
|
'max': 1 |
||||
|
}], |
||||
|
'no-native-reassign': 2, |
||||
|
'no-negated-in-lhs': 2, |
||||
|
'no-new-object': 2, |
||||
|
'no-new-require': 2, |
||||
|
'no-new-symbol': 2, |
||||
|
'no-new-wrappers': 2, |
||||
|
'no-obj-calls': 2, |
||||
|
'no-octal': 2, |
||||
|
'no-octal-escape': 2, |
||||
|
'no-path-concat': 2, |
||||
|
'no-proto': 2, |
||||
|
'no-redeclare': 2, |
||||
|
'no-regex-spaces': 2, |
||||
|
'no-return-assign': [2, 'except-parens'], |
||||
|
'no-self-assign': 2, |
||||
|
'no-self-compare': 2, |
||||
|
'no-sequences': 2, |
||||
|
'no-shadow-restricted-names': 2, |
||||
|
'no-spaced-func': 2, |
||||
|
'no-sparse-arrays': 2, |
||||
|
'no-this-before-super': 2, |
||||
|
'no-throw-literal': 2, |
||||
|
'no-trailing-spaces': 2, |
||||
|
'no-undef': 2, |
||||
|
'no-undef-init': 2, |
||||
|
'no-unexpected-multiline': 2, |
||||
|
'no-unmodified-loop-condition': 2, |
||||
|
'no-unneeded-ternary': [2, { |
||||
|
'defaultAssignment': false |
||||
|
}], |
||||
|
'no-unreachable': 2, |
||||
|
'no-unsafe-finally': 2, |
||||
|
'no-unused-vars': [1, { |
||||
|
// 'vars': 'all',
|
||||
|
'vars': 'all',//local,all
|
||||
|
'args': 'none'//after-used,none,all
|
||||
|
}], |
||||
|
'no-useless-call': 2, |
||||
|
'no-useless-computed-key': 2, |
||||
|
'no-useless-constructor': 2, |
||||
|
'no-useless-escape': 0, |
||||
|
'no-whitespace-before-property': 2, |
||||
|
'no-with': 2, |
||||
|
'one-var': [2, { |
||||
|
'initialized': 'never' |
||||
|
}], |
||||
|
'operator-linebreak': [2, 'after', { |
||||
|
'overrides': { |
||||
|
'?': 'before', |
||||
|
':': 'before' |
||||
|
} |
||||
|
}], |
||||
|
'padded-blocks': [2, 'never'], |
||||
|
'quotes': [2, 'single', { |
||||
|
'avoidEscape': true, |
||||
|
'allowTemplateLiterals': true |
||||
|
}], |
||||
|
'semi': [2, 'never'], |
||||
|
'semi-spacing': [2, { |
||||
|
'before': false, |
||||
|
'after': true |
||||
|
}], |
||||
|
'space-before-blocks': [2, 'always'], |
||||
|
'space-before-function-paren': [2, 'never'], |
||||
|
'space-in-parens': [2, 'never'], |
||||
|
'space-infix-ops': 2, |
||||
|
'space-unary-ops': [2, { |
||||
|
'words': true, |
||||
|
'nonwords': false |
||||
|
}], |
||||
|
'spaced-comment': [2, 'always', { |
||||
|
'markers': ['global', 'globals', 'eslint', 'eslint-disable', '*package', '!', ','] |
||||
|
}], |
||||
|
'template-curly-spacing': [2, 'never'], |
||||
|
'use-isnan': 2, |
||||
|
'valid-typeof': 2, |
||||
|
'wrap-iife': [2, 'any'], |
||||
|
'yield-star-spacing': [2, 'both'], |
||||
|
'yoda': [2, 'never'], |
||||
|
'prefer-const': 2, |
||||
|
'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0, |
||||
|
'object-curly-spacing': [2, 'always', { |
||||
|
objectsInObjects: false |
||||
|
}], |
||||
|
'array-bracket-spacing': [2, 'never'], |
||||
|
"vue/no-multi-spaces": 1 |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,35 @@ |
|||||
|
.DS_Store |
||||
|
node_modules/ |
||||
|
code_bak/ |
||||
|
dist/ |
||||
|
npm-debug.log* |
||||
|
yarn-debug.log* |
||||
|
yarn-error.log* |
||||
|
package-lock.json |
||||
|
tests/**/coverage/ |
||||
|
|
||||
|
# Editor directories and files |
||||
|
.idea |
||||
|
.vscode |
||||
|
*.suo |
||||
|
*.ntvs* |
||||
|
*.njsproj |
||||
|
*.sln |
||||
|
# Build and Release Folders |
||||
|
bin-debug/ |
||||
|
bin-release/ |
||||
|
[Oo]bj/ |
||||
|
[Bb]in/ |
||||
|
|
||||
|
# Other files and folders |
||||
|
.settings/ |
||||
|
|
||||
|
# Executables |
||||
|
*.swf |
||||
|
*.air |
||||
|
*.ipa |
||||
|
*.apk |
||||
|
|
||||
|
# Project files, i.e. `.project`, `.actionScriptProperties` and `.flexProperties` |
||||
|
# should NOT be excluded as they contain compiler settings and other important |
||||
|
# information for Eclipse / Flash Builder. |
||||
@ -0,0 +1,17 @@ |
|||||
|
|
||||
|
module.exports = { |
||||
|
presets: [ |
||||
|
'@vue/cli-plugin-babel/preset' |
||||
|
], |
||||
|
env: { |
||||
|
development: { |
||||
|
// babel-plugin-dynamic-import-node plugin only does one thing by converting all import() to require().
|
||||
|
// This plugin can significantly increase the speed of hot updates, when you have a large number of pages.
|
||||
|
// https://panjiachen.github.io/vue-element-admin-site/guide/advanced/lazy-loading.html
|
||||
|
plugins: ['dynamic-import-node'] |
||||
|
}, |
||||
|
production: { |
||||
|
plugins: ['transform-remove-console'] |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,103 @@ |
|||||
|
{ |
||||
|
"name": "security-enterprise-admin", |
||||
|
"version": "2.8.0", |
||||
|
"private": true, |
||||
|
"scripts": { |
||||
|
"local": "vue-cli-service serve --mode localhost", |
||||
|
"dev": "vue-cli-service serve --mode development", |
||||
|
"serve": "vue-cli-service serve", |
||||
|
"build": "vue-cli-service build", |
||||
|
"lint": "vue-cli-service lint", |
||||
|
"build:stage": "vue-cli-service build --mode staging", |
||||
|
"build:prod": "vue-cli-service build --mode production", |
||||
|
"et": "node_modules/.bin/et", |
||||
|
"et:init": "node_modules/.bin/et -i" |
||||
|
}, |
||||
|
"dependencies": { |
||||
|
"@tinymce/tinymce-vue": "^3.2.8", |
||||
|
"axios": "^0.21.1", |
||||
|
"babel-plugin-transform-remove-console": "^6.9.4", |
||||
|
"core-js": "^3.6.5", |
||||
|
"cornerstone-core": "^2.3.0", |
||||
|
"cornerstone-tools": "^5.2.0", |
||||
|
"cornerstone-wado-image-loader": "^3.3.2", |
||||
|
"cornerstone-web-image-loader": "^2.1.1", |
||||
|
"dicom-parser": "^1.8.7", |
||||
|
"docxtemplater": "^3.25.1", |
||||
|
"echarts": "^4.9.0", |
||||
|
"element-resize-detector": "^1.2.3", |
||||
|
"element-ui": "^2.13.2", |
||||
|
"file-saver": "^2.0.5", |
||||
|
"hammerjs": "^2.0.8", |
||||
|
"jquery": "^3.6.0", |
||||
|
"js-base64": "^3.6.1", |
||||
|
"js-cookie": "^2.2.1", |
||||
|
"jszip-utils": "^0.1.0", |
||||
|
"lodash": "^4.17.19", |
||||
|
"moment": "^2.29.1", |
||||
|
"node-sass": "^4.14.1", |
||||
|
"pdfjs-dist": "2.2.228", |
||||
|
"pizzip": "^3.1.1", |
||||
|
"qs": "^6.9.4", |
||||
|
"quill": "^1.3.7", |
||||
|
"screenfull": "^4.2.1", |
||||
|
"sortablejs": "^1.10.2", |
||||
|
"svg-sprite-loader": "^5.0.0", |
||||
|
"tinymce": "^5.8.1", |
||||
|
"vue": "^2.6.11", |
||||
|
"vue-awesome": "^4.3.1", |
||||
|
"vue-awesome-swiper": "^3.1.3", |
||||
|
"vue-chat-scroll": "^1.4.0", |
||||
|
"vue-cron": "^1.0.9", |
||||
|
"vue-drag-resize": "^1.5.4", |
||||
|
"vue-i18n": "^8.18.2", |
||||
|
"vue-pdf": "^4.3.0", |
||||
|
"vue-print-nb": "^1.7.4", |
||||
|
"vue-router": "^3.0.7", |
||||
|
"vue-waterfall": "^1.0.6", |
||||
|
"vue-waterfall-adaptive": "^1.1.6", |
||||
|
"vue-waterfall-plugin": "^3.0.0", |
||||
|
"vuedraggable": "^2.24.3", |
||||
|
"vuex": "^3.5.1", |
||||
|
"vxe-table": "^2.9.19", |
||||
|
"xe-utils": "^2.7.10" |
||||
|
}, |
||||
|
"devDependencies": { |
||||
|
"@babel/plugin-proposal-nullish-coalescing-operator": "^7.14.5", |
||||
|
"@babel/plugin-proposal-optional-chaining": "^7.14.5", |
||||
|
"@vue/cli-plugin-babel": "4.4.6", |
||||
|
"@vue/cli-plugin-eslint": "4.4.6", |
||||
|
"@vue/cli-plugin-unit-jest": "4.4.6", |
||||
|
"@vue/cli-service": "4.4.6", |
||||
|
"@vue/eslint-config-standard": "^5.1.2", |
||||
|
"autoprefixer": "9.5.1", |
||||
|
"babel-eslint": "10.1.0", |
||||
|
"babel-plugin-dynamic-import-node": "2.3.3", |
||||
|
"copy-webpack-plugin": "^6.4.1", |
||||
|
"eslint": "6.7.2", |
||||
|
"eslint-plugin-import": "^2.22.0", |
||||
|
"eslint-plugin-node": "^11.1.0", |
||||
|
"eslint-plugin-promise": "^4.2.1", |
||||
|
"eslint-plugin-standard": "^4.0.1", |
||||
|
"eslint-plugin-vue": "^6.2.2", |
||||
|
"natives": "^1.1.6", |
||||
|
"sass": "1.26.8", |
||||
|
"sass-loader": "8.0.2", |
||||
|
"vue-loader": "^15.9.8", |
||||
|
"vue-template-compiler": "^2.6.11" |
||||
|
}, |
||||
|
"postcss": { |
||||
|
"plugins": { |
||||
|
"autoprefixer": {} |
||||
|
} |
||||
|
}, |
||||
|
"browserslist": [ |
||||
|
"> 1%", |
||||
|
"last 2 versions", |
||||
|
"not ie <= 10" |
||||
|
], |
||||
|
"engines": { |
||||
|
"node": ">= 8.11.1", |
||||
|
"npm": ">= 5.6.0" |
||||
|
} |
||||
|
} |
||||
|
After Width: | Height: | Size: 4.2 KiB |
@ -0,0 +1,60 @@ |
|||||
|
<!DOCTYPE html> |
||||
|
<html> |
||||
|
<head> |
||||
|
<meta charset="UTF-8"> |
||||
|
<meta http-equiv="X-UA-Compatible" content="ie=edge"> |
||||
|
<link rel="shortcut icon" href="<%= BASE_URL %>favicon.ico"> |
||||
|
|
||||
|
<!-- 站点配置 --> |
||||
|
<script> |
||||
|
window.SITE_CONFIG = {}; |
||||
|
window.SITE_CONFIG['version'] = 'v2.8.0'; |
||||
|
window.SITE_CONFIG['nodeEnv'] = '<%= process.env.VUE_APP_NODE_ENV %>'; |
||||
|
window.SITE_CONFIG['apiURL'] = ''; // api请求地址 |
||||
|
window.SITE_CONFIG['storeState'] = {}; // vuex本地储存初始化状态（用于不刷新页面的情况下，也能重置初始化项目中所有状态） |
||||
|
window.SITE_CONFIG['contentTabDefault'] = { // 内容标签页默认属性对象 |
||||
|
'name': '', // 名称, 由 this.$route.name 自动赋值（默认，名称 === 路由名称 === 路由路径） |
||||
|
'params': {}, // 参数, 由 this.$route.params 自动赋值 |
||||
|
'query': {}, // 查询参数, 由 this.$route.query 自动赋值 |
||||
|
'menuId': '', // 菜单id（用于选中侧边栏菜单，与this.$store.state.sidebarMenuActiveName进行匹配） |
||||
|
'title': '', // 标题 |
||||
|
'isTab': true, // 是否通过tab展示内容? |
||||
|
'iframeURL': '' // 是否通过iframe嵌套展示内容? (以http[s]://开头, 自动匹配) |
||||
|
}; |
||||
|
window.SITE_CONFIG['menuList'] = []; // 左侧菜单列表（后台返回，未做处理） |
||||
|
window.SITE_CONFIG['permissions'] = []; // 页面按钮操作权限（后台返回，未做处理） |
||||
|
window.SITE_CONFIG['dynamicRoutes'] = []; // 动态路由列表 |
||||
|
window.SITE_CONFIG['dynamicMenuRoutes'] = []; // 动态(菜单)路由列表 |
||||
|
window.SITE_CONFIG['dynamicMenuRoutesHasAdded'] = false; // 动态(菜单)路由是否已经添加的状态标示（用于判断是否需要重新拉取数据并进行动态添加操作） |
||||
|
</script> |
||||
|
<!-- 开发环境 --> |
||||
|
<% if (process.env.VUE_APP_NODE_ENV === 'local') { %> |
||||
|
<script> |
||||
|
window.SITE_CONFIG['apiURL'] = 'http://192.168.0.32:8080/api'; |
||||
|
</script> |
||||
|
<% } %> |
||||
|
<% if (process.env.VUE_APP_NODE_ENV === 'dev') { %> |
||||
|
<script> |
||||
|
// window.SITE_CONFIG['apiURL'] = 'http://192.168.0.121:8023/'; |
||||
|
window.SITE_CONFIG['apiURL'] = 'http://192.168.0.32:8023/'; |
||||
|
// window.SITE_CONFIG['apiURL'] = 'http://47.110.224.240:8023/'; |
||||
|
</script> |
||||
|
<% } %> |
||||
|
<!-- 测试环境 --> |
||||
|
<% if (process.env.VUE_APP_NODE_ENV === 'staging') { %> |
||||
|
<script> |
||||
|
window.SITE_CONFIG['apiURL'] = 'http://47.110.224.240:8023'; |
||||
|
</script> |
||||
|
<% } %> |
||||
|
<!-- 生产环境 --> |
||||
|
<% if (process.env.VUE_APP_NODE_ENV === 'prod') { %> |
||||
|
<script> |
||||
|
// window.SITE_CONFIG['apiURL'] = 'http://192.168.0.32:8023/'; |
||||
|
window.SITE_CONFIG['apiURL'] = 'http://47.110.224.240:8023'; |
||||
|
</script> |
||||
|
<% } %> |
||||
|
</head> |
||||
|
<body style="line-height: 1.5;"> |
||||
|
<div id="app"></div> |
||||
|
</body> |
||||
|
</html> |
||||
|
After Width: | Height: | Size: 3.9 KiB |
|
After Width: | Height: | Size: 90 KiB |
|
After Width: | Height: | Size: 683 B |
|
After Width: | Height: | Size: 7.9 KiB |
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 7.9 KiB |
|
After Width: | Height: | Size: 432 B |
|
After Width: | Height: | Size: 42 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 7.2 KiB |
|
After Width: | Height: | Size: 493 B |
|
After Width: | Height: | Size: 546 B |
|
After Width: | Height: | Size: 295 B |
|
After Width: | Height: | Size: 306 B |
|
After Width: | Height: | Size: 370 B |
|
After Width: | Height: | Size: 393 B |
|
After Width: | Height: | Size: 372 B |
|
After Width: | Height: | Size: 4.7 KiB |
|
After Width: | Height: | Size: 374 B |
|
After Width: | Height: | Size: 634 B |
|
After Width: | Height: | Size: 4.7 KiB |
|
After Width: | Height: | Size: 22 KiB |
|
After Width: | Height: | Size: 156 B |
|
After Width: | Height: | Size: 195 B |
|
After Width: | Height: | Size: 168 B |
|
After Width: | Height: | Size: 186 B |
|
After Width: | Height: | Size: 184 B |
|
After Width: | Height: | Size: 242 B |
|
After Width: | Height: | Size: 167 B |
|
After Width: | Height: | Size: 169 B |
|
After Width: | Height: | Size: 196 B |
|
After Width: | Height: | Size: 186 B |
|
After Width: | Height: | Size: 193 B |
|
After Width: | Height: | Size: 186 B |
|
After Width: | Height: | Size: 191 B |
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 346 KiB |
|
After Width: | Height: | Size: 37 KiB |
|
After Width: | Height: | Size: 7.4 KiB |
|
After Width: | Height: | Size: 5.2 KiB |
|
After Width: | Height: | Size: 9.7 KiB |
|
After Width: | Height: | Size: 3.1 KiB |
|
After Width: | Height: | Size: 3.7 KiB |
|
After Width: | Height: | Size: 7.3 KiB |
|
After Width: | Height: | Size: 8.3 KiB |
|
After Width: | Height: | Size: 471 B |
|
After Width: | Height: | Size: 8.1 KiB |
|
After Width: | Height: | Size: 8.5 KiB |
|
After Width: | Height: | Size: 260 B |
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 6.8 KiB |
|
After Width: | Height: | Size: 6.8 KiB |
|
After Width: | Height: | Size: 4.3 KiB |
|
After Width: | Height: | Size: 858 B |
|
After Width: | Height: | Size: 7.8 KiB |
|
After Width: | Height: | Size: 35 KiB |
|
After Width: | Height: | Size: 8.1 KiB |
|
After Width: | Height: | Size: 8.9 KiB |
|
After Width: | Height: | Size: 41 KiB |
|
After Width: | Height: | Size: 6.9 KiB |
|
After Width: | Height: | Size: 7.4 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 393 B |
|
After Width: | Height: | Size: 196 B |
|
After Width: | Height: | Size: 327 B |
|
After Width: | Height: | Size: 410 B |
|
After Width: | Height: | Size: 355 B |
|
After Width: | Height: | Size: 464 B |
|
After Width: | Height: | Size: 307 B |
|
After Width: | Height: | Size: 212 B |
|
After Width: | Height: | Size: 381 B |
|
After Width: | Height: | Size: 354 B |
|
After Width: | Height: | Size: 414 B |
|
After Width: | Height: | Size: 423 B |
|
After Width: | Height: | Size: 4.6 KiB |
|
After Width: | Height: | Size: 7.6 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
@ -0,0 +1,11 @@ |
|||||
|
// 变量 |
||||
|
@import "./theme-variables.scss"; |
||||
|
@import "./variables.scss"; |
||||
|
// 公共 |
||||
|
@import "./normalize.scss"; |
||||
|
@import "./common.scss"; |
||||
|
// 页面 |
||||
|
@import "./pages/login.scss"; |
||||
|
@import "./pages/404.scss"; |
||||
|
// 模块 |
||||
|
@import "./modules/home.scss"; |
||||
@ -0,0 +1,873 @@ |
|||||
|
*, |
||||
|
*:before, |
||||
|
*:after { |
||||
|
box-sizing: border-box; |
||||
|
} |
||||
|
body { |
||||
|
font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif; |
||||
|
font-size: $--font-size-base; |
||||
|
line-height: $base--line-height; |
||||
|
color: $--color-text-primary; |
||||
|
background-color: #fff; |
||||
|
} |
||||
|
a { |
||||
|
color: mix(#fff, $--color-primary, 20%); |
||||
|
text-decoration: none; |
||||
|
&:focus, |
||||
|
&:hover { |
||||
|
color: $--color-primary; |
||||
|
text-decoration: underline; |
||||
|
} |
||||
|
} |
||||
|
img { |
||||
|
vertical-align: middle; |
||||
|
} |
||||
|
:focus, |
||||
|
:hover { |
||||
|
outline: none; |
||||
|
} |
||||
|
|
||||
|
/* Utils |
||||
|
------------------------------ */ |
||||
|
[v-cloak] { |
||||
|
display: none; |
||||
|
} |
||||
|
.clearfix:before, |
||||
|
.clearfix:after { |
||||
|
content: " "; |
||||
|
display: table; |
||||
|
} |
||||
|
.clearfix:after { |
||||
|
clear: both; |
||||
|
} |
||||
|
.fr { |
||||
|
float: right !important; |
||||
|
} |
||||
|
.fl { |
||||
|
float: left !important; |
||||
|
} |
||||
|
.fi { |
||||
|
float: initial !important; |
||||
|
} |
||||
|
.m-auto { |
||||
|
margin: auto !important; |
||||
|
} |
||||
|
.mt-auto { |
||||
|
margin-top: auto !important; |
||||
|
} |
||||
|
.mr-auto { |
||||
|
margin-right: auto !important; |
||||
|
} |
||||
|
.mb-auto { |
||||
|
margin-bottom: auto !important; |
||||
|
} |
||||
|
.ml-auto { |
||||
|
margin-left: auto !important; |
||||
|
} |
||||
|
.text-right { |
||||
|
text-align: right !important; |
||||
|
} |
||||
|
.text-center { |
||||
|
text-align: center !important; |
||||
|
} |
||||
|
.text-left { |
||||
|
text-align: left !important; |
||||
|
} |
||||
|
.w-percent-100 { |
||||
|
width: 100% !important; |
||||
|
} |
||||
|
.base-line-height { |
||||
|
line-height: $base--line-height !important; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
/* Reset element-ui |
||||
|
------------------------------ */ |
||||
|
.aui-wrapper { |
||||
|
.el-card + .el-card { |
||||
|
margin-top: 15px; |
||||
|
} |
||||
|
.el-input__prefix .el-input__icon { |
||||
|
display: inline-block; |
||||
|
vertical-align: middle; |
||||
|
} |
||||
|
.el-date-editor .el-range-separator { |
||||
|
width: 8%; |
||||
|
} |
||||
|
.el-table th { |
||||
|
color: $--color-text-primary; |
||||
|
background-color: $--background-color-base; |
||||
|
} |
||||
|
.el-pagination { |
||||
|
margin-top: 15px; |
||||
|
text-align: right; |
||||
|
} |
||||
|
.el-table__expand-icon { |
||||
|
display: inline-block; |
||||
|
width: 14px; |
||||
|
vertical-align: middle; |
||||
|
margin-right: 5px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
|
||||
|
/* Common |
||||
|
------------------------------ */ |
||||
|
// 图标 |
||||
|
.icon-svg { |
||||
|
width: 1em; |
||||
|
height: 1em; |
||||
|
fill: currentColor; |
||||
|
vertical-align: middle; |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
// 卡片 |
||||
|
.aui-card--fill .el-card__header { |
||||
|
height: $content--card-header-height; |
||||
|
line-height: $content--card-header-height - 36px; |
||||
|
} |
||||
|
.aui-card__title { |
||||
|
font-size: 16px; |
||||
|
} |
||||
|
// 表单 |
||||
|
.aui-form__label-icon { |
||||
|
display: inline-block; |
||||
|
margin: 0 3px; |
||||
|
vertical-align: middle; |
||||
|
font-size: 18px; |
||||
|
color: $--color-text-secondary; |
||||
|
} |
||||
|
// 按钮 |
||||
|
.aui-button--dashed { |
||||
|
border-style: dashed; |
||||
|
&:focus, |
||||
|
&:hover { |
||||
|
background-color: transparent; |
||||
|
} |
||||
|
&-add { |
||||
|
> span > *[class*="el-icon-"], |
||||
|
> span > *[class*="icon"] { |
||||
|
vertical-align: middle; |
||||
|
font-size: 18px; |
||||
|
margin-right: 5px; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
// 主题工具 |
||||
|
.aui-theme-tools { |
||||
|
position: fixed; |
||||
|
top: $navbar--height + $content--tabs-header-height + 15px; |
||||
|
right: -210px; |
||||
|
bottom: 0; |
||||
|
z-index: 1010; |
||||
|
width: 210px; |
||||
|
transition: right .3s; |
||||
|
&--open { |
||||
|
right: 0; |
||||
|
} |
||||
|
&__toggle { |
||||
|
position: absolute; |
||||
|
top: 80px; |
||||
|
left: -40px; |
||||
|
width: 40px; |
||||
|
padding: 10px 8px; |
||||
|
text-align: center; |
||||
|
font-size: 20px; |
||||
|
border-right: 0; |
||||
|
border-radius: $--border-radius-base 0 0 $--border-radius-base; |
||||
|
color: #fff; |
||||
|
background-color: $--color-primary; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
&__content { |
||||
|
height: 100%; |
||||
|
padding: 5px 20px 20px; |
||||
|
border: 1px solid $--border-color-lighter; |
||||
|
border-radius: $--border-radius-base 0 0 $--border-radius-base; |
||||
|
background-color: #fff; |
||||
|
.el-radio { |
||||
|
display: block; |
||||
|
margin-left: 0 !important; |
||||
|
line-height: 28px; |
||||
|
} |
||||
|
} |
||||
|
&__item + &__item { |
||||
|
margin-top: 15px; |
||||
|
border-top: 1px solid $--border-color-lighter; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
|
||||
|
/* Layout |
||||
|
------------------------------ */ |
||||
|
.aui-wrapper { |
||||
|
position: relative; |
||||
|
//padding-top: $navbar--height; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
/* Sidebar fold |
||||
|
------------------------------ */ |
||||
|
.aui-sidebar--fold { |
||||
|
.aui-navbar { |
||||
|
&__header, |
||||
|
&__brand { |
||||
|
width: $sidebar--width-fold; |
||||
|
} |
||||
|
&__brand { |
||||
|
&-lg { |
||||
|
display: none; |
||||
|
} |
||||
|
&-mini { |
||||
|
display: inline-block; |
||||
|
} |
||||
|
} |
||||
|
&__icon-menu--switch { |
||||
|
transform: rotateZ(180deg); |
||||
|
} |
||||
|
} |
||||
|
.aui-sidebar { |
||||
|
&__inner { |
||||
|
width: $sidebar--width-fold + 20px; |
||||
|
} |
||||
|
&, |
||||
|
&__menu { |
||||
|
width: $sidebar--width-fold; |
||||
|
} |
||||
|
&__menu > li > .el-submenu__title { |
||||
|
text-align: center; |
||||
|
} |
||||
|
&__menu-icon { |
||||
|
margin-right: 0; |
||||
|
font-size: 18px; |
||||
|
} |
||||
|
} |
||||
|
.aui-content { |
||||
|
overflow: hidden; |
||||
|
&__wrapper { |
||||
|
//margin-left: $sidebar--width-fold; |
||||
|
} |
||||
|
&--tabs > .el-tabs > .el-tabs__header { |
||||
|
left: $sidebar--width-fold; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
|
||||
|
/* Navbar |
||||
|
------------------------------ */ |
||||
|
.aui-navbar { |
||||
|
//position: fixed; |
||||
|
//top: 0; |
||||
|
//right: 0; |
||||
|
//left: 0; |
||||
|
//z-index: 1030; |
||||
|
width: 100%; |
||||
|
display: flex; |
||||
|
flex: 1; |
||||
|
align-items: stretch; |
||||
|
height: $navbar--height; |
||||
|
background-color: $--color-primary; |
||||
|
box-shadow: 0 1px 0 0 rgba(0, 0, 0, .05); |
||||
|
&--colorful { |
||||
|
.aui-navbar__body { |
||||
|
background-color: transparent; |
||||
|
} |
||||
|
.aui-navbar__menu { |
||||
|
> .el-menu-item, |
||||
|
> .el-submenu > .el-submenu__title { |
||||
|
color: #fff; |
||||
|
&:focus, |
||||
|
&:hover { |
||||
|
color: #fff; |
||||
|
background-color: mix(#000, $--color-primary, 15%); |
||||
|
} |
||||
|
} |
||||
|
> .el-menu-item.is-active, |
||||
|
> .el-submenu.is-active > .el-submenu__title { |
||||
|
color: #fff; |
||||
|
&:focus, |
||||
|
&:hover { |
||||
|
color: #fff; |
||||
|
} |
||||
|
} |
||||
|
.el-menu-item i, |
||||
|
.el-submenu__title i, |
||||
|
.el-menu-item svg, |
||||
|
.el-submenu__title svg, |
||||
|
.el-menu-item .el-dropdown { |
||||
|
color: #fff !important; |
||||
|
} |
||||
|
.el-button { |
||||
|
color: #fff; |
||||
|
background-color: transparent; |
||||
|
} |
||||
|
} |
||||
|
.aui-navbar__search { |
||||
|
&-txt { |
||||
|
.el-input__inner { |
||||
|
color: #fff; |
||||
|
border-color: #fff; |
||||
|
&::-webkit-input-placeholder { |
||||
|
color: #fff; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
&__header { |
||||
|
position: relative; |
||||
|
width: $sidebar--width; |
||||
|
height: $navbar--height; |
||||
|
transition: width .3s; |
||||
|
// background-color: #4a4e53; |
||||
|
background-color: #0b182e; |
||||
|
} |
||||
|
&__brand { |
||||
|
display: flex; |
||||
|
justify-content: center; |
||||
|
align-items: center; |
||||
|
padding: 5px; |
||||
|
margin: 0; |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
font-size: 20px; |
||||
|
text-transform: uppercase; |
||||
|
white-space: nowrap; |
||||
|
color: #fff; |
||||
|
overflow: hidden; |
||||
|
transition: width .3s; |
||||
|
&-lg, |
||||
|
&-mini { |
||||
|
max-width: 100%; |
||||
|
color: #fff; |
||||
|
cursor: pointer; |
||||
|
&:focus, |
||||
|
&:hover { |
||||
|
color: #fff; |
||||
|
text-decoration: none; |
||||
|
} |
||||
|
} |
||||
|
&-mini { |
||||
|
display: none; |
||||
|
} |
||||
|
} |
||||
|
&__body { |
||||
|
position: relative; |
||||
|
display: flex; |
||||
|
flex: 1; |
||||
|
background-color: #fff; |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
&__menu { |
||||
|
background-color: transparent; |
||||
|
border-bottom: 0 !important; |
||||
|
a:focus, |
||||
|
a:hover { |
||||
|
text-decoration: none; |
||||
|
} |
||||
|
.el-menu-item, |
||||
|
.el-submenu > .el-submenu__title { |
||||
|
height: $navbar--height; |
||||
|
padding: 0 15px; |
||||
|
line-height: $navbar--height; |
||||
|
border-color: transparent !important; |
||||
|
} |
||||
|
.el-menu-item.is-active, |
||||
|
.el-submenu.is-active > .el-submenu__title { |
||||
|
color: $--color-text-secondary; |
||||
|
&:focus, |
||||
|
&:hover { |
||||
|
color: $--color-text-primary; |
||||
|
} |
||||
|
} |
||||
|
.el-menu-item { |
||||
|
&:focus, |
||||
|
&:hover { |
||||
|
.aui-navbar__icon-menu { |
||||
|
color: $--color-text-primary; |
||||
|
} |
||||
|
.el-dropdown { |
||||
|
color: $--color-text-primary; |
||||
|
.el-icon-arrow-down { |
||||
|
transform: rotateZ(180deg); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
* { |
||||
|
vertical-align: initial; |
||||
|
} |
||||
|
.aui-navbar__icon-menu { |
||||
|
vertical-align: middle; |
||||
|
font-size: 16px; |
||||
|
} |
||||
|
.el-dropdown { |
||||
|
color: $--color-text-secondary; |
||||
|
.el-icon-arrow-down { |
||||
|
width: auto; |
||||
|
font-size: 12px; |
||||
|
margin: 0 0 0 5px; |
||||
|
transition: transform .3s; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.el-badge { |
||||
|
display: inline; |
||||
|
z-index: 2; |
||||
|
&__content { |
||||
|
line-height: 16px; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
&__search { |
||||
|
> *[class*="el-icon-"], |
||||
|
> *[class*="icon"] { |
||||
|
display: inline-block; |
||||
|
vertical-align: middle; |
||||
|
} |
||||
|
&-txt { |
||||
|
width: 0; |
||||
|
transition: width .3s, margin-left .3s; |
||||
|
&.is-show { |
||||
|
width: 210px; |
||||
|
margin-left: 8px; |
||||
|
} |
||||
|
.el-input__inner { |
||||
|
height: $navbar--height - 20px; |
||||
|
padding: 0; |
||||
|
line-height: $navbar--height - 20px; |
||||
|
border-color: $--color-text-primary; |
||||
|
border-top: 0; |
||||
|
border-right: 0; |
||||
|
border-left: 0; |
||||
|
border-radius: 0; |
||||
|
background: transparent; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
&__avatar { |
||||
|
.el-dropdown-link { |
||||
|
> img { |
||||
|
width: 36px; |
||||
|
height: auto; |
||||
|
margin-right: 5px; |
||||
|
border-radius: 100%; |
||||
|
vertical-align: middle; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
|
||||
|
/* Sidebar |
||||
|
------------------------------ */ |
||||
|
.aui-sidebar { |
||||
|
//position: fixed; |
||||
|
//top: 100px; |
||||
|
//left: 0; |
||||
|
//bottom: 0; |
||||
|
//z-index: 1020; |
||||
|
width: $sidebar--width; |
||||
|
background-color: #fff; |
||||
|
box-shadow: 1px 0 2px 0 rgba(0, 0, 0, .05); |
||||
|
overflow: hidden; |
||||
|
transition: width .3s; |
||||
|
&--dark { |
||||
|
background-color: $sidebar--background-color-dark; |
||||
|
.aui-sidebar__menu, |
||||
|
> .el-menu--popup { |
||||
|
background-color: $sidebar--background-color-dark; |
||||
|
.el-menu-item, |
||||
|
.el-submenu > .el-submenu__title { |
||||
|
color: $sidebar--text-color-dark; |
||||
|
&:focus, |
||||
|
&:hover { |
||||
|
color: mix(#fff, $sidebar--text-color-dark, 50%); |
||||
|
background-color: mix(#fff, $sidebar--background-color-dark, 2.5%); |
||||
|
} |
||||
|
} |
||||
|
.el-menu, |
||||
|
.el-submenu.is-opened { |
||||
|
background-color: mix(#000, $sidebar--background-color-dark, 15%); |
||||
|
} |
||||
|
.el-menu-item.is-active, |
||||
|
.el-submenu.is-active > .el-submenu__title { |
||||
|
color: mix(#fff, $sidebar--text-color-dark, 80%); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
&__inner { |
||||
|
position: relative; |
||||
|
z-index: 1; |
||||
|
width: $sidebar--width + 20px; |
||||
|
height: 100%; |
||||
|
padding-bottom: 15px; |
||||
|
overflow-x: hidden; |
||||
|
overflow-y: scroll; |
||||
|
transition: width .3s; |
||||
|
} |
||||
|
&__menu { |
||||
|
width: $sidebar--width; |
||||
|
border-right: 0; |
||||
|
transition: width .3s; |
||||
|
.el-menu-item, |
||||
|
.el-submenu__title { |
||||
|
height: $sidebar--menu-item-height; |
||||
|
line-height: $sidebar--menu-item-height; |
||||
|
} |
||||
|
} |
||||
|
&__menu-icon { |
||||
|
display: inline-block; |
||||
|
vertical-align: middle; |
||||
|
width: 24px !important; |
||||
|
margin-right: 5px; |
||||
|
text-align: center; |
||||
|
font-size: 16px; |
||||
|
color: inherit !important; |
||||
|
transition: font-size .3s; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
|
||||
|
/* Content |
||||
|
------------------------------ */ |
||||
|
.aui-content { |
||||
|
position: relative; |
||||
|
padding: $content--padding; |
||||
|
min-height: calc(100vh - #{$navbar--height}); |
||||
|
&__wrapper { |
||||
|
position: relative; |
||||
|
//margin-left: $sidebar--width; |
||||
|
min-height: calc(100vh - #{$navbar--height}); |
||||
|
background-color: $content--background-color; |
||||
|
transition: margin-left .3s; |
||||
|
} |
||||
|
> .aui-card--fill > .el-card__body { |
||||
|
min-height: calc(#{$content--fill-height} - 2px); |
||||
|
} |
||||
|
> .aui-card--fill > .el-card__header + .el-card__body { |
||||
|
min-height: calc(#{$content--fill-height} - #{$content--card-header-height} - 2px); |
||||
|
} |
||||
|
&--tabs { |
||||
|
padding: $content--tabs-header-height 0 0; |
||||
|
} |
||||
|
&--tabs-tools { |
||||
|
position: fixed; |
||||
|
top: $navbar--height; |
||||
|
right: 0; |
||||
|
z-index: 931; |
||||
|
min-width: $content--tabs-header-height; |
||||
|
height: $content--tabs-header-height; |
||||
|
padding: 0 12px; |
||||
|
text-align: center; |
||||
|
font-size: 16px; |
||||
|
line-height: $content--tabs-header-height; |
||||
|
background-color: $--background-color-base; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
&--tabs-icon-nav { |
||||
|
display: inline-block; |
||||
|
vertical-align: middle; |
||||
|
font-size: 16px; |
||||
|
} |
||||
|
> .el-tabs { |
||||
|
> .el-tabs__header { |
||||
|
position: fixed; |
||||
|
top: $navbar--height; |
||||
|
left: $sidebar--width; |
||||
|
right: 0; |
||||
|
z-index: 930; |
||||
|
padding: 0 55px 0 15px; |
||||
|
margin: 0; |
||||
|
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05); |
||||
|
background-color: #fff; |
||||
|
transition: left .3s; |
||||
|
> .el-tabs__nav-wrap { |
||||
|
margin-bottom: 0; |
||||
|
&:after { |
||||
|
display: none; |
||||
|
} |
||||
|
> .el-tabs__nav-next, |
||||
|
> .el-tabs__nav-prev { |
||||
|
line-height: $content--tabs-header-height; |
||||
|
} |
||||
|
> .el-tabs__nav-scroll > .el-tabs__nav { |
||||
|
& > .el-tabs__active-bar { |
||||
|
display: none; |
||||
|
} |
||||
|
& > .el-tabs__item { |
||||
|
height: $content--tabs-header-height; |
||||
|
padding: 0 15px; |
||||
|
line-height: $content--tabs-header-height; |
||||
|
border: 0; |
||||
|
color: $--color-text-regular; |
||||
|
&:focus, |
||||
|
&:hover, |
||||
|
&.is-active { |
||||
|
color: $--color-text-primary; |
||||
|
background-color: $--background-color-base; |
||||
|
&:after { |
||||
|
display: block; |
||||
|
} |
||||
|
> .el-icon-close { |
||||
|
color: $--color-text-primary; |
||||
|
} |
||||
|
} |
||||
|
&:after { |
||||
|
display: none; |
||||
|
position: absolute; |
||||
|
bottom: 0; |
||||
|
left: 0; |
||||
|
content: ''; |
||||
|
width: 100%; |
||||
|
height: 2px; |
||||
|
background-color: $--color-primary; |
||||
|
} |
||||
|
+ .el-tabs__item { |
||||
|
margin-left: 1px; |
||||
|
} |
||||
|
> .el-icon-close { |
||||
|
width: 14px; |
||||
|
margin-left: 15px; |
||||
|
color: $--color-text-secondary; |
||||
|
} |
||||
|
> i.icon { |
||||
|
display: inline-block; |
||||
|
vertical-align: middle; |
||||
|
font-size: 18px; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
> .el-tabs__content { |
||||
|
padding: $content--padding; |
||||
|
.el-loading-mask { |
||||
|
z-index: 830; |
||||
|
} |
||||
|
> .el-tab-pane { |
||||
|
min-height: calc(#{$content--fill-height-tabs}); |
||||
|
> .aui-card--fill > .el-card__body { |
||||
|
min-height: calc(#{$content--fill-height-tabs} - 2px); |
||||
|
} |
||||
|
> .aui-card--fill > .el-card__header + .el-card__body { |
||||
|
min-height: calc(#{$content--fill-height-tabs} - #{$content--card-header-height} - 2px); |
||||
|
} |
||||
|
&.is-iframe { |
||||
|
height: calc(#{$content--fill-height-tabs} + #{$content--padding * 2}); |
||||
|
margin: -$content--padding; |
||||
|
min-height: auto; |
||||
|
> .aui-card--fill { |
||||
|
background-color: transparent; |
||||
|
} |
||||
|
> .aui-card--fill > .el-card__header { |
||||
|
background-color: #fff; |
||||
|
} |
||||
|
> .aui-card--fill > .el-card__body { |
||||
|
height: calc(#{$content--fill-height-tabs} - 2px); |
||||
|
margin: $content--padding; |
||||
|
min-height: auto; |
||||
|
border: $--border-base; |
||||
|
border-color: $--border-color-lighter; |
||||
|
border-radius: $--border-radius-base; |
||||
|
background-color: #fff; |
||||
|
} |
||||
|
> .aui-card--fill > .el-card__header + .el-card__body { |
||||
|
height: calc(#{$content--fill-height-tabs} - #{$content--card-header-height} - 2px); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
// quill富文本编辑器 |
||||
|
.ql-toolbar { |
||||
|
line-height: 20px; |
||||
|
&.ql-snow { |
||||
|
border-color: $--border-color-base; |
||||
|
} |
||||
|
.ql-formats { |
||||
|
margin: 0 5px; |
||||
|
} |
||||
|
} |
||||
|
.ql-container { |
||||
|
height: 150px; |
||||
|
&.ql-snow { |
||||
|
border-color: $--border-color-base; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
|
||||
|
/* Page |
||||
|
------------------------------ */ |
||||
|
*[class*="aui-page__"] { |
||||
|
padding-top: 0; |
||||
|
.aui-content { |
||||
|
min-height: auto; |
||||
|
&__wrapper { |
||||
|
min-height: 100vh; |
||||
|
margin-left: 0; |
||||
|
} |
||||
|
> .aui-card--fill > .el-card__body { |
||||
|
min-height: calc(100vh - #{$content--padding * 2} - 2px); |
||||
|
} |
||||
|
> .aui-card--fill > .el-card__header + .el-card__body { |
||||
|
min-height: calc(100vh - #{$content--padding * 2} - #{$content--card-header-height} - 2px); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
|
||||
|
// 追加 |
||||
|
|
||||
|
// .el-dialog .el-form-item__content{ |
||||
|
// padding-right: 60px; |
||||
|
// } |
||||
|
|
||||
|
// .el-dialog{ |
||||
|
// margin-top: 3vh !important; |
||||
|
// } |
||||
|
|
||||
|
.el-dialog__body{ |
||||
|
padding:5px 20px; |
||||
|
} |
||||
|
|
||||
|
.el-pagination.is-background .el-pager li:not(.disabled).active { |
||||
|
color: #409eff; |
||||
|
border: 1px solid #409eff; |
||||
|
} |
||||
|
.el-pagination { |
||||
|
font-weight: 400; |
||||
|
} |
||||
|
.el-pagination.is-background .btn-next, |
||||
|
.el-pagination.is-background .btn-prev, |
||||
|
.el-pagination.is-background .el-pager li { |
||||
|
background-color: #fff !important; |
||||
|
border: 1px solid #d9d9d9; |
||||
|
} |
||||
|
|
||||
|
// 全选反选footer样式 |
||||
|
.footer-left { |
||||
|
left: 64px !important; |
||||
|
} |
||||
|
.footer { |
||||
|
width: 100%; |
||||
|
position: fixed; |
||||
|
bottom: 0; |
||||
|
left: 200px; |
||||
|
height: 48px; |
||||
|
line-height: 48px; |
||||
|
padding-left: 24px; |
||||
|
background-color: #fff; |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
box-shadow: 0px -2px 15px -8px rgba(0, 0, 0, 0.25); |
||||
|
z-index: 999; |
||||
|
.el-checkbox { |
||||
|
margin-right: 20px; |
||||
|
} |
||||
|
.footer-right { |
||||
|
display: flex; |
||||
|
position: fixed; |
||||
|
right: 25px; |
||||
|
.checked { |
||||
|
font-size: 14px; |
||||
|
.number { |
||||
|
color: #1890ff; |
||||
|
padding: 0 5px; |
||||
|
} |
||||
|
} |
||||
|
.cancel { |
||||
|
color: #1890ff; |
||||
|
padding-left: 8px; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
.batch_button { |
||||
|
margin-left:24px; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
// 表格 |
||||
|
.el-table th > .cell { |
||||
|
padding-left: 14px; |
||||
|
} |
||||
|
|
||||
|
// el滚动条 |
||||
|
.el-scrollbar__wrap { |
||||
|
overflow-x: hidden; |
||||
|
margin-bottom: 0 !important; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ |
||||
|
::-webkit-scrollbar { |
||||
|
width: 6px; /*滚动条宽度*/ |
||||
|
height: 8px; /*滚动条高度*/ |
||||
|
background-color: rgb(224, 223, 223,.2); |
||||
|
} |
||||
|
|
||||
|
/*定义滑块 内阴影+圆角*/ |
||||
|
::-webkit-scrollbar-thumb { |
||||
|
-webkit-box-shadow: inset 0 0 0px white; |
||||
|
background-color: rgb(193, 193, 193,.2); /*滚动条的背景颜色*/ |
||||
|
border-radius: 30px; |
||||
|
} |
||||
|
|
||||
|
// 面包屑 |
||||
|
.el-menu-item { |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
} |
||||
|
.el-breadcrumb__inner a, .el-breadcrumb__inner.is-link { |
||||
|
color: #fff; |
||||
|
} |
||||
|
.el-breadcrumb__inner { |
||||
|
color: #fff; |
||||
|
} |
||||
|
.el-breadcrumb__item:last-child .el-breadcrumb__inner, .el-breadcrumb__item:last-child .el-breadcrumb__inner a, .el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover, .el-breadcrumb__item:last-child .el-breadcrumb__inner:hover { |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.el-button--primary { |
||||
|
background-color:$button--color; |
||||
|
border-color:$button--color; |
||||
|
} |
||||
|
.el-checkbox__inner { |
||||
|
z-index: 0; |
||||
|
} |
||||
|
.el-table--border::after, .el-table--group::after, .el-table::before { |
||||
|
z-index: 0; |
||||
|
} |
||||
|
.el-table { |
||||
|
z-index: 0; |
||||
|
} |
||||
|
// tinymce编辑器源码区域可拖拽大小 |
||||
|
.tox-dialog__content-js textarea{ |
||||
|
resize: vertical; |
||||
|
min-height: 500px; |
||||
|
} |
||||
|
|
||||
|
// 公共状态 |
||||
|
.suggest-circle { |
||||
|
display: inline-block; |
||||
|
width: 6px; |
||||
|
height: 6px; |
||||
|
border-radius: 50%; |
||||
|
margin-right: 8px; |
||||
|
} |
||||
|
.suggest-circle-green { |
||||
|
background-color: #52c41a; |
||||
|
} |
||||
|
.suggest-circle-yellow { |
||||
|
background-color: #e7d108; |
||||
|
} |
||||
|
.suggest-circle-red { |
||||
|
background-color: #ff4d4f; |
||||
|
} |
||||
|
.suggest-circle-blue { |
||||
|
background-color: #1890ff; |
||||
|
} |
||||
|
.suggest-circle-grey { |
||||
|
background-color: #d9d9d9; |
||||
|
} |
||||
@ -0,0 +1,15 @@ |
|||||
|
.mod-home { |
||||
|
table { |
||||
|
width: 100%; |
||||
|
border: 1px solid $--border-color-lighter; |
||||
|
border-collapse: collapse; |
||||
|
th, |
||||
|
td { |
||||
|
padding: 12px 10px; |
||||
|
border: 1px solid $--border-color-lighter; |
||||
|
} |
||||
|
th { |
||||
|
width: 30%; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,447 @@ |
|||||
|
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ |
||||
|
|
||||
|
/* Document |
||||
|
========================================================================== */ |
||||
|
|
||||
|
/** |
||||
|
* 1. Correct the line height in all browsers. |
||||
|
* 2. Prevent adjustments of font size after orientation changes in |
||||
|
* IE on Windows Phone and in iOS. |
||||
|
*/ |
||||
|
|
||||
|
html { |
||||
|
line-height: 1.15; /* 1 */ |
||||
|
-ms-text-size-adjust: 100%; /* 2 */ |
||||
|
-webkit-text-size-adjust: 100%; /* 2 */ |
||||
|
} |
||||
|
|
||||
|
/* Sections |
||||
|
========================================================================== */ |
||||
|
|
||||
|
/** |
||||
|
* Remove the margin in all browsers (opinionated). |
||||
|
*/ |
||||
|
|
||||
|
body { |
||||
|
margin: 0; |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* Add the correct display in IE 9-. |
||||
|
*/ |
||||
|
|
||||
|
article, |
||||
|
aside, |
||||
|
footer, |
||||
|
header, |
||||
|
nav, |
||||
|
section { |
||||
|
display: block; |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* Correct the font size and margin on `h1` elements within `section` and |
||||
|
* `article` contexts in Chrome, Firefox, and Safari. |
||||
|
*/ |
||||
|
|
||||
|
h1 { |
||||
|
font-size: 2em; |
||||
|
margin: 0.67em 0; |
||||
|
} |
||||
|
|
||||
|
/* Grouping content |
||||
|
========================================================================== */ |
||||
|
|
||||
|
/** |
||||
|
* Add the correct display in IE 9-. |
||||
|
* 1. Add the correct display in IE. |
||||
|
*/ |
||||
|
|
||||
|
figcaption, |
||||
|
figure, |
||||
|
main { /* 1 */ |
||||
|
display: block; |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* Add the correct margin in IE 8. |
||||
|
*/ |
||||
|
|
||||
|
figure { |
||||
|
margin: 1em 40px; |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 1. Add the correct box sizing in Firefox. |
||||
|
* 2. Show the overflow in Edge and IE. |
||||
|
*/ |
||||
|
|
||||
|
hr { |
||||
|
box-sizing: content-box; /* 1 */ |
||||
|
height: 0; /* 1 */ |
||||
|
overflow: visible; /* 2 */ |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 1. Correct the inheritance and scaling of font size in all browsers. |
||||
|
* 2. Correct the odd `em` font sizing in all browsers. |
||||
|
*/ |
||||
|
|
||||
|
pre { |
||||
|
font-family: monospace, monospace; /* 1 */ |
||||
|
font-size: 1em; /* 2 */ |
||||
|
} |
||||
|
|
||||
|
/* Text-level semantics |
||||
|
========================================================================== */ |
||||
|
|
||||
|
/** |
||||
|
* 1. Remove the gray background on active links in IE 10. |
||||
|
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+. |
||||
|
*/ |
||||
|
|
||||
|
a { |
||||
|
background-color: transparent; /* 1 */ |
||||
|
-webkit-text-decoration-skip: objects; /* 2 */ |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 1. Remove the bottom border in Chrome 57- and Firefox 39-. |
||||
|
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. |
||||
|
*/ |
||||
|
|
||||
|
abbr[title] { |
||||
|
border-bottom: none; /* 1 */ |
||||
|
text-decoration: underline; /* 2 */ |
||||
|
text-decoration: underline dotted; /* 2 */ |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* Prevent the duplicate application of `bolder` by the next rule in Safari 6. |
||||
|
*/ |
||||
|
|
||||
|
b, |
||||
|
strong { |
||||
|
font-weight: inherit; |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* Add the correct font weight in Chrome, Edge, and Safari. |
||||
|
*/ |
||||
|
|
||||
|
b, |
||||
|
strong { |
||||
|
font-weight: bolder; |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 1. Correct the inheritance and scaling of font size in all browsers. |
||||
|
* 2. Correct the odd `em` font sizing in all browsers. |
||||
|
*/ |
||||
|
|
||||
|
code, |
||||
|
kbd, |
||||
|
samp { |
||||
|
font-family: monospace, monospace; /* 1 */ |
||||
|
font-size: 1em; /* 2 */ |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* Add the correct font style in Android 4.3-. |
||||
|
*/ |
||||
|
|
||||
|
dfn { |
||||
|
font-style: italic; |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* Add the correct background and color in IE 9-. |
||||
|
*/ |
||||
|
|
||||
|
mark { |
||||
|
background-color: #ff0; |
||||
|
color: #000; |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* Add the correct font size in all browsers. |
||||
|
*/ |
||||
|
|
||||
|
small { |
||||
|
font-size: 80%; |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* Prevent `sub` and `sup` elements from affecting the line height in |
||||
|
* all browsers. |
||||
|
*/ |
||||
|
|
||||
|
sub, |
||||
|
sup { |
||||
|
font-size: 75%; |
||||
|
line-height: 0; |
||||
|
position: relative; |
||||
|
vertical-align: baseline; |
||||
|
} |
||||
|
|
||||
|
sub { |
||||
|
bottom: -0.25em; |
||||
|
} |
||||
|
|
||||
|
sup { |
||||
|
top: -0.5em; |
||||
|
} |
||||
|
|
||||
|
/* Embedded content |
||||
|
========================================================================== */ |
||||
|
|
||||
|
/** |
||||
|
* Add the correct display in IE 9-. |
||||
|
*/ |
||||
|
|
||||
|
audio, |
||||
|
video { |
||||
|
display: inline-block; |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* Add the correct display in iOS 4-7. |
||||
|
*/ |
||||
|
|
||||
|
audio:not([controls]) { |
||||
|
display: none; |
||||
|
height: 0; |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* Remove the border on images inside links in IE 10-. |
||||
|
*/ |
||||
|
|
||||
|
img { |
||||
|
border-style: none; |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* Hide the overflow in IE. |
||||
|
*/ |
||||
|
|
||||
|
svg:not(:root) { |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
|
||||
|
/* Forms |
||||
|
========================================================================== */ |
||||
|
|
||||
|
/** |
||||
|
* 1. Change the font styles in all browsers (opinionated). |
||||
|
* 2. Remove the margin in Firefox and Safari. |
||||
|
*/ |
||||
|
|
||||
|
button, |
||||
|
input, |
||||
|
optgroup, |
||||
|
select, |
||||
|
textarea { |
||||
|
font-family: sans-serif; /* 1 */ |
||||
|
font-size: 100%; /* 1 */ |
||||
|
line-height: 1.15; /* 1 */ |
||||
|
margin: 0; /* 2 */ |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* Show the overflow in IE. |
||||
|
* 1. Show the overflow in Edge. |
||||
|
*/ |
||||
|
|
||||
|
button, |
||||
|
input { /* 1 */ |
||||
|
overflow: visible; |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* Remove the inheritance of text transform in Edge, Firefox, and IE. |
||||
|
* 1. Remove the inheritance of text transform in Firefox. |
||||
|
*/ |
||||
|
|
||||
|
button, |
||||
|
select { /* 1 */ |
||||
|
text-transform: none; |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` |
||||
|
* controls in Android 4. |
||||
|
* 2. Correct the inability to style clickable types in iOS and Safari. |
||||
|
*/ |
||||
|
|
||||
|
button, |
||||
|
html [type="button"], /* 1 */ |
||||
|
[type="reset"], |
||||
|
[type="submit"] { |
||||
|
-webkit-appearance: button; /* 2 */ |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* Remove the inner border and padding in Firefox. |
||||
|
*/ |
||||
|
|
||||
|
button::-moz-focus-inner, |
||||
|
[type="button"]::-moz-focus-inner, |
||||
|
[type="reset"]::-moz-focus-inner, |
||||
|
[type="submit"]::-moz-focus-inner { |
||||
|
border-style: none; |
||||
|
padding: 0; |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* Restore the focus styles unset by the previous rule. |
||||
|
*/ |
||||
|
|
||||
|
button:-moz-focusring, |
||||
|
[type="button"]:-moz-focusring, |
||||
|
[type="reset"]:-moz-focusring, |
||||
|
[type="submit"]:-moz-focusring { |
||||
|
outline: 1px dotted ButtonText; |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* Correct the padding in Firefox. |
||||
|
*/ |
||||
|
|
||||
|
fieldset { |
||||
|
padding: 0.35em 0.75em 0.625em; |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 1. Correct the text wrapping in Edge and IE. |
||||
|
* 2. Correct the color inheritance from `fieldset` elements in IE. |
||||
|
* 3. Remove the padding so developers are not caught out when they zero out |
||||
|
* `fieldset` elements in all browsers. |
||||
|
*/ |
||||
|
|
||||
|
legend { |
||||
|
box-sizing: border-box; /* 1 */ |
||||
|
color: inherit; /* 2 */ |
||||
|
display: table; /* 1 */ |
||||
|
max-width: 100%; /* 1 */ |
||||
|
padding: 0; /* 3 */ |
||||
|
white-space: normal; /* 1 */ |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 1. Add the correct display in IE 9-. |
||||
|
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. |
||||
|
*/ |
||||
|
|
||||
|
progress { |
||||
|
display: inline-block; /* 1 */ |
||||
|
vertical-align: baseline; /* 2 */ |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* Remove the default vertical scrollbar in IE. |
||||
|
*/ |
||||
|
|
||||
|
textarea { |
||||
|
overflow: auto; |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 1. Add the correct box sizing in IE 10-. |
||||
|
* 2. Remove the padding in IE 10-. |
||||
|
*/ |
||||
|
|
||||
|
[type="checkbox"], |
||||
|
[type="radio"] { |
||||
|
box-sizing: border-box; /* 1 */ |
||||
|
padding: 0; /* 2 */ |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* Correct the cursor style of increment and decrement buttons in Chrome. |
||||
|
*/ |
||||
|
|
||||
|
[type="number"]::-webkit-inner-spin-button, |
||||
|
[type="number"]::-webkit-outer-spin-button { |
||||
|
height: auto; |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 1. Correct the odd appearance in Chrome and Safari. |
||||
|
* 2. Correct the outline style in Safari. |
||||
|
*/ |
||||
|
|
||||
|
[type="search"] { |
||||
|
-webkit-appearance: textfield; /* 1 */ |
||||
|
outline-offset: -2px; /* 2 */ |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS. |
||||
|
*/ |
||||
|
|
||||
|
[type="search"]::-webkit-search-cancel-button, |
||||
|
[type="search"]::-webkit-search-decoration { |
||||
|
-webkit-appearance: none; |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 1. Correct the inability to style clickable types in iOS and Safari. |
||||
|
* 2. Change font properties to `inherit` in Safari. |
||||
|
*/ |
||||
|
|
||||
|
::-webkit-file-upload-button { |
||||
|
-webkit-appearance: button; /* 1 */ |
||||
|
font: inherit; /* 2 */ |
||||
|
} |
||||
|
|
||||
|
/* Interactive |
||||
|
========================================================================== */ |
||||
|
|
||||
|
/* |
||||
|
* Add the correct display in IE 9-. |
||||
|
* 1. Add the correct display in Edge, IE, and Firefox. |
||||
|
*/ |
||||
|
|
||||
|
details, /* 1 */ |
||||
|
menu { |
||||
|
display: block; |
||||
|
} |
||||
|
|
||||
|
/* |
||||
|
* Add the correct display in all browsers. |
||||
|
*/ |
||||
|
|
||||
|
summary { |
||||
|
display: list-item; |
||||
|
} |
||||
|
|
||||
|
/* Scripting |
||||
|
========================================================================== */ |
||||
|
|
||||
|
/** |
||||
|
* Add the correct display in IE 9-. |
||||
|
*/ |
||||
|
|
||||
|
canvas { |
||||
|
display: inline-block; |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* Add the correct display in IE. |
||||
|
*/ |
||||
|
|
||||
|
template { |
||||
|
display: none; |
||||
|
} |
||||
|
|
||||
|
/* Hidden |
||||
|
========================================================================== */ |
||||
|
|
||||
|
/** |
||||
|
* Add the correct display in IE 10-. |
||||
|
*/ |
||||
|
|
||||
|
[hidden] { |
||||
|
display: none; |
||||
|
} |
||||
@ -0,0 +1,48 @@ |
|||||
|
.aui-page__not-found { |
||||
|
.aui-content { |
||||
|
display: flex; |
||||
|
flex-flow: column wrap; |
||||
|
align-items: center; |
||||
|
min-height: 100vh; |
||||
|
padding: 15% 50px 50px; |
||||
|
text-align: center; |
||||
|
&__wrapper { |
||||
|
height: 100vh; |
||||
|
background-color: transparent; |
||||
|
overflow-x: hidden; |
||||
|
overflow-y: auto; |
||||
|
} |
||||
|
} |
||||
|
.title { |
||||
|
margin: 0 0 15px; |
||||
|
font-size: 10em; |
||||
|
font-weight: 400; |
||||
|
color: $--color-text-regular; |
||||
|
} |
||||
|
.desc { |
||||
|
margin: 0 0 20px; |
||||
|
font-size: 26px; |
||||
|
color: $--color-text-secondary; |
||||
|
> em { |
||||
|
margin: 0 5px; |
||||
|
font-style: normal; |
||||
|
color: $--color-warning; |
||||
|
} |
||||
|
} |
||||
|
.btn-bar .el-button { |
||||
|
margin: 0 15px; |
||||
|
} |
||||
|
} |
||||
|
@media (max-width: 767px) { |
||||
|
.aui-page__not-found { |
||||
|
.title { |
||||
|
font-size: 8em; |
||||
|
} |
||||
|
.desc { |
||||
|
font-size: 20px; |
||||
|
} |
||||
|
.btn-bar .el-button { |
||||
|
margin: 0 7.5px; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,268 @@ |
|||||
|
.aui-page__login { |
||||
|
&::before, |
||||
|
&::after { |
||||
|
position: absolute; |
||||
|
top: 0; |
||||
|
right: 0; |
||||
|
bottom: 0; |
||||
|
left: 0; |
||||
|
z-index: -1; |
||||
|
content: ""; |
||||
|
} |
||||
|
&::before { |
||||
|
background-image: url(~@/assets/img/login_bg.png); |
||||
|
background-size: cover; |
||||
|
} |
||||
|
&::after { |
||||
|
background-color: rgba(38, 50, 56, .4); |
||||
|
} |
||||
|
.aui-content { |
||||
|
display: flex; |
||||
|
flex-flow: column wrap; |
||||
|
justify-content: center; |
||||
|
align-items: center; |
||||
|
min-height: 100vh; |
||||
|
// padding: 50px 20px 150px; |
||||
|
text-align: center; |
||||
|
&__wrapper { |
||||
|
height: 100vh; |
||||
|
background-color: transparent; |
||||
|
overflow-x: hidden; |
||||
|
overflow-y: auto; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
// $login_brand_width:550px;//系统名 |
||||
|
// $login_body_width:550px;//登录框 |
||||
|
// $login_left_offset:200px;//偏移量 |
||||
|
|
||||
|
// $login_width_total: $login_brand_width + $login_body_width; |
||||
|
// $login_left:$login_width_total+$login_left_offset; |
||||
|
// $left_brand: calc(100% - #{$login_left}); |
||||
|
|
||||
|
.login-header { |
||||
|
position: absolute; |
||||
|
// left: $left_brand; |
||||
|
left:100px; |
||||
|
top: calc(50% - 200px); |
||||
|
|
||||
|
.login-brand { |
||||
|
position: absolute; |
||||
|
margin: 30px 0; |
||||
|
width: 550px; |
||||
|
height: 140px; |
||||
|
left: 0px; |
||||
|
top: 0px; |
||||
|
font-family: Source Han Sans SC; |
||||
|
font-style: normal; |
||||
|
font-weight: 600; |
||||
|
font-size: 80px; |
||||
|
line-height: 140px; |
||||
|
text-transform: uppercase; |
||||
|
text-align: left; |
||||
|
color: #FFFFFF; |
||||
|
text-shadow: 0px 6.23656px 6.23656px rgba(0, 0, 0, 0.25); |
||||
|
} |
||||
|
|
||||
|
.login-brand_en { |
||||
|
position: absolute; |
||||
|
width: 690px; |
||||
|
/* height: 186px; */ |
||||
|
/* left: 2px; */ |
||||
|
top: 201px; |
||||
|
font-family: Source Han Sans SC; |
||||
|
font-style: normal; |
||||
|
font-weight: normal; |
||||
|
font-size: 50px; |
||||
|
line-height: 80px; |
||||
|
text-transform: uppercase; |
||||
|
text-align: left; |
||||
|
color: #FFFFFF; |
||||
|
} |
||||
|
|
||||
|
.login-intro { |
||||
|
padding: 0; |
||||
|
margin: 0; |
||||
|
list-style: none; |
||||
|
> li { |
||||
|
font-size: 16px; |
||||
|
line-height: 1.5; |
||||
|
color: rgba(255, 255, 255, .6); |
||||
|
& + li { |
||||
|
margin-top: 5px; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.login-body, |
||||
|
.login-footer { |
||||
|
width: 460px; |
||||
|
} |
||||
|
.login-body { |
||||
|
position: absolute; |
||||
|
left: calc(100% - 550px); |
||||
|
top: calc(50% - 150px); |
||||
|
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04); |
||||
|
border-radius: 8px; |
||||
|
|
||||
|
padding: 20px 30px; |
||||
|
background: #FFFFFF; |
||||
|
|
||||
|
.login-title { |
||||
|
text-align: left; |
||||
|
font-size: 20px; |
||||
|
font-weight: 600; |
||||
|
} |
||||
|
.el-input__prefix .el-input__icon { |
||||
|
font-size: 16px; |
||||
|
} |
||||
|
.login-captcha { |
||||
|
height: $--input-height; |
||||
|
line-height: $--input-height -2px; |
||||
|
> img { |
||||
|
max-width: 100%; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
} |
||||
|
.login-shortcut { |
||||
|
margin-bottom: 20px; |
||||
|
&__title { |
||||
|
position: relative; |
||||
|
margin: 0 0 15px; |
||||
|
font-weight: 400; |
||||
|
|
||||
|
&::before { |
||||
|
position: absolute; |
||||
|
top: 50%; |
||||
|
right: 0; |
||||
|
left: 0; |
||||
|
z-index: 1; |
||||
|
content: ""; |
||||
|
height: 1px; |
||||
|
margin-top: -.5px; |
||||
|
background-color: $--border-color-base; |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
> span { |
||||
|
position: relative; |
||||
|
z-index: 2; |
||||
|
padding: 0 20px; |
||||
|
color: rgba(0, 0, 0, .3); |
||||
|
background-color: #fff; |
||||
|
} |
||||
|
} |
||||
|
&__list { |
||||
|
padding: 0; |
||||
|
margin: 0; |
||||
|
list-style: none; |
||||
|
font-size: 0; |
||||
|
> li { |
||||
|
display: inline-block; |
||||
|
vertical-align: middle; |
||||
|
margin: 0 10px; |
||||
|
font-size: 28px; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.login-guide { |
||||
|
color: rgba(0, 0, 0, .3); |
||||
|
} |
||||
|
} |
||||
|
.login-footer { |
||||
|
position: absolute; |
||||
|
bottom: 0; |
||||
|
padding: 20px; |
||||
|
color: rgba(255, 255, 255, .6); |
||||
|
p { |
||||
|
margin: 10px 0; |
||||
|
} |
||||
|
a { |
||||
|
padding: 0 5px; |
||||
|
color: rgba(255, 255, 255, .6); |
||||
|
&:focus, |
||||
|
&:hover { |
||||
|
color: #fff; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
// 右侧垂直风格 |
||||
|
&--right-vertical { |
||||
|
.aui-content { |
||||
|
flex-flow: row nowrap; |
||||
|
justify-content: flex-start; |
||||
|
align-items: stretch; |
||||
|
padding: 0; |
||||
|
} |
||||
|
.login-header { |
||||
|
flex: 1; |
||||
|
display: flex; |
||||
|
flex-flow: column wrap; |
||||
|
justify-content: center; |
||||
|
padding: 30px 120px; |
||||
|
text-align: left; |
||||
|
} |
||||
|
.login-body { |
||||
|
position: relative; |
||||
|
display: flex; |
||||
|
flex-flow: column wrap; |
||||
|
justify-content: center; |
||||
|
padding: 120px 30px 150px; |
||||
|
text-align: center; |
||||
|
.login-guide { |
||||
|
margin-top: 0; |
||||
|
} |
||||
|
} |
||||
|
.login-footer { |
||||
|
right: 0; |
||||
|
color: $--color-text-regular; |
||||
|
a { |
||||
|
color: $--color-text-regular; |
||||
|
&:focus, |
||||
|
&:hover { |
||||
|
color: $--color-primary; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
@media (max-width: 991px) { |
||||
|
.aui-page__login { |
||||
|
&--right-vertical { |
||||
|
.login-header { |
||||
|
padding: 30px; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
@media (max-width: 767px) { |
||||
|
.aui-page__login { |
||||
|
&--right-vertical { |
||||
|
.login-header { |
||||
|
.login-brand, |
||||
|
.login-intro { |
||||
|
display: none; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
@media (max-width: 575px) { |
||||
|
.aui-page__login { |
||||
|
.login-body, |
||||
|
.login-footer { |
||||
|
width: 100%; |
||||
|
} |
||||
|
.login-captcha { |
||||
|
text-align: left; |
||||
|
> img { |
||||
|
width: 136px; |
||||
|
} |
||||
|
} |
||||
|
&--right-vertical { |
||||
|
.login-header { |
||||
|
display: none; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,322 @@ |
|||||
|
html, |
||||
|
body, |
||||
|
div, |
||||
|
span, |
||||
|
applet, |
||||
|
object, |
||||
|
iframe, |
||||
|
h1, |
||||
|
h2, |
||||
|
h3, |
||||
|
h4, |
||||
|
h5, |
||||
|
h6, |
||||
|
p, |
||||
|
blockquote, |
||||
|
pre, |
||||
|
a, |
||||
|
abbr, |
||||
|
acronym, |
||||
|
address, |
||||
|
big, |
||||
|
cite, |
||||
|
code, |
||||
|
del, |
||||
|
dfn, |
||||
|
em, |
||||
|
font, |
||||
|
img, |
||||
|
ins, |
||||
|
kbd, |
||||
|
q, |
||||
|
s, |
||||
|
samp, |
||||
|
small, |
||||
|
strike, |
||||
|
strong, |
||||
|
sub, |
||||
|
sup, |
||||
|
tt, |
||||
|
var, |
||||
|
b, |
||||
|
u, |
||||
|
i, |
||||
|
center, |
||||
|
dl, |
||||
|
dt, |
||||
|
dd, |
||||
|
ol, |
||||
|
ul, |
||||
|
li, |
||||
|
fieldset, |
||||
|
form, |
||||
|
label, |
||||
|
legend, |
||||
|
table, |
||||
|
caption, |
||||
|
tbody, |
||||
|
tfoot, |
||||
|
thead, |
||||
|
tr, |
||||
|
th, |
||||
|
td, |
||||
|
article, |
||||
|
aside, |
||||
|
canvas, |
||||
|
details, |
||||
|
embed, |
||||
|
figure, |
||||
|
figcaption, |
||||
|
footer, |
||||
|
header, |
||||
|
hgroup, |
||||
|
menu, |
||||
|
nav, |
||||
|
output, |
||||
|
ruby, |
||||
|
section, |
||||
|
summary, |
||||
|
time, |
||||
|
mark, |
||||
|
audio, |
||||
|
video, |
||||
|
button, |
||||
|
input, |
||||
|
textarea { |
||||
|
margin: 0; |
||||
|
padding: 0; |
||||
|
box-sizing: border-box; |
||||
|
} |
||||
|
|
||||
|
*, |
||||
|
*::before, |
||||
|
*::after { |
||||
|
box-sizing: border-box; |
||||
|
} |
||||
|
|
||||
|
body { |
||||
|
background-color: #fff; |
||||
|
} |
||||
|
|
||||
|
header, |
||||
|
footer, |
||||
|
section, |
||||
|
article, |
||||
|
aside, |
||||
|
nav, |
||||
|
hgroup, |
||||
|
address, |
||||
|
figure, |
||||
|
figcaption, |
||||
|
menu, |
||||
|
details { |
||||
|
display: block; |
||||
|
} |
||||
|
|
||||
|
table { |
||||
|
border-collapse: collapse; |
||||
|
border-spacing: 0; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
caption, |
||||
|
th { |
||||
|
font-weight: normal; |
||||
|
} |
||||
|
|
||||
|
html, |
||||
|
body, |
||||
|
fieldset, |
||||
|
img, |
||||
|
iframe, |
||||
|
abbr { |
||||
|
border: 0; |
||||
|
} |
||||
|
|
||||
|
i, |
||||
|
cite, |
||||
|
em, |
||||
|
var, |
||||
|
address, |
||||
|
dfn { |
||||
|
font-style: normal; |
||||
|
} |
||||
|
|
||||
|
[hidefocus], |
||||
|
summary { |
||||
|
outline: 0; |
||||
|
} |
||||
|
|
||||
|
li { |
||||
|
list-style: none; |
||||
|
} |
||||
|
|
||||
|
pre, |
||||
|
code, |
||||
|
kbd, |
||||
|
samp { |
||||
|
font-family: inherit; |
||||
|
} |
||||
|
|
||||
|
q:before, |
||||
|
q:after { |
||||
|
content: none; |
||||
|
} |
||||
|
|
||||
|
body, |
||||
|
textarea, |
||||
|
input, |
||||
|
button, |
||||
|
select, |
||||
|
keygen, |
||||
|
legend { |
||||
|
color: #333; |
||||
|
outline: 0; |
||||
|
font-family: arial, 'microsoft yahei', sans-serif; |
||||
|
} |
||||
|
|
||||
|
input, |
||||
|
textarea { |
||||
|
-webkit-appearance: none; |
||||
|
border: none; |
||||
|
outline: none; |
||||
|
background: none; |
||||
|
-webkit-tap-highlight-color: rgba(255, 0, 0, 0); |
||||
|
} |
||||
|
|
||||
|
textarea { |
||||
|
overflow: auto; |
||||
|
resize: none; |
||||
|
} |
||||
|
|
||||
|
a, |
||||
|
button { |
||||
|
background: none; |
||||
|
border: none; |
||||
|
} |
||||
|
|
||||
|
a { |
||||
|
-webkit-tap-highlight-color: rgba(255, 0, 0, 0); |
||||
|
outline: none; |
||||
|
text-decoration: none; |
||||
|
} |
||||
|
|
||||
|
[v-cloak] { |
||||
|
display: none; |
||||
|
} |
||||
|
|
||||
|
html, |
||||
|
body, |
||||
|
.page { |
||||
|
height: 100%; |
||||
|
} |
||||
|
|
||||
|
body { |
||||
|
/* background: #f4f4f4; */ |
||||
|
font-family: -apple-system, |
||||
|
BlinkMacSystemFont, |
||||
|
'Segoe UI', |
||||
|
'PingFang SC', |
||||
|
'Hiragino Sans GB', |
||||
|
'Microsoft YaHei', |
||||
|
'Helvetica Neue', |
||||
|
Helvetica, |
||||
|
Arial, |
||||
|
sans-serif, |
||||
|
'Apple Color Emoji', |
||||
|
'Segoe UI Emoji', |
||||
|
'Segoe UI Symbol'; |
||||
|
} |
||||
|
|
||||
|
.body-overflow { |
||||
|
height: 100%; |
||||
|
width: 100%; |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
@keyframes mymove { |
||||
|
0% { |
||||
|
transform: rotateY(0deg); |
||||
|
} |
||||
|
|
||||
|
49% { |
||||
|
transform: rotateY(0deg); |
||||
|
} |
||||
|
|
||||
|
49.1% { |
||||
|
transform: rotateY(180deg); |
||||
|
} |
||||
|
|
||||
|
99.0% { |
||||
|
transform: rotateY(180deg); |
||||
|
} |
||||
|
|
||||
|
100% { |
||||
|
transform: rotateY(0deg); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
@keyframes eyemove { |
||||
|
0% { |
||||
|
transform: scaleY(1); |
||||
|
} |
||||
|
|
||||
|
12% { |
||||
|
transform: scaleY(1); |
||||
|
} |
||||
|
|
||||
|
14% { |
||||
|
transform: scaleY(.3); |
||||
|
} |
||||
|
|
||||
|
16% { |
||||
|
transform: scaleY(1); |
||||
|
} |
||||
|
|
||||
|
18% { |
||||
|
transform: scaleY(.3); |
||||
|
} |
||||
|
|
||||
|
20% { |
||||
|
transform: scaleY(1); |
||||
|
} |
||||
|
|
||||
|
35% { |
||||
|
transform: scaleY(1); |
||||
|
} |
||||
|
|
||||
|
50% { |
||||
|
transform: scaleY(1); |
||||
|
} |
||||
|
|
||||
|
60% { |
||||
|
transform: scaleY(1); |
||||
|
} |
||||
|
|
||||
|
66% { |
||||
|
transform: scaleY(.3); |
||||
|
} |
||||
|
|
||||
|
68% { |
||||
|
transform: scaleY(1); |
||||
|
} |
||||
|
|
||||
|
70% { |
||||
|
transform: scaleY(.3); |
||||
|
} |
||||
|
|
||||
|
72% { |
||||
|
transform: scaleY(1); |
||||
|
} |
||||
|
|
||||
|
85% { |
||||
|
transform: scaleY(1); |
||||
|
} |
||||
|
|
||||
|
100% { |
||||
|
transform: scaleY(1); |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,994 @@ |
|||||
|
/* 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: #1e79ff !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-white !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), |
||||
|
); |
||||
@ -0,0 +1,24 @@ |
|||||
|
// Base |
||||
|
$base--line-height: 1.15; |
||||
|
|
||||
|
// Navbar |
||||
|
$navbar--height: 50px; |
||||
|
|
||||
|
// Sidebar |
||||
|
$sidebar--width:200px; |
||||
|
$sidebar--width-fold: 64px; |
||||
|
$sidebar--background-color-dark: #0b182e; |
||||
|
$sidebar--text-color-dark: #8a979e; |
||||
|
$sidebar--menu-item-height: 48px; |
||||
|
|
||||
|
// Content |
||||
|
$content--padding: 15px; |
||||
|
$content--background-color: #f1f4f5; |
||||
|
$content--card-header-height: 60px; |
||||
|
$content--tabs-header-height: 38px; |
||||
|
// Content, 填充整屏高度(非tabs状态) = 整屏高度 - 导航条高度 - aui-content上下内边距高度 |
||||
|
$content--fill-height: calc(100vh - #{$navbar--height} - #{$content--padding * 2}); |
||||
|
// Content, 填充整屏高度(是tabs状态) = 整屏高度 - 导航条高度 - tabs组件header高度 - tabs组件content上下内边距高度 |
||||
|
$content--fill-height-tabs: calc(100vh - #{$navbar--height} - #{$content--tabs-header-height} - #{$content--padding * 2}); |
||||
|
|
||||
|
$button--color:#1e79ff |
||||
@ -0,0 +1,65 @@ |
|||||
|
<template> |
||||
|
<div v-if="isExternal" :style="styleExternalIcon" class="svg-external-icon svg-icon" v-on="$listeners" /> |
||||
|
<svg v-else :class="svgClass" aria-hidden="true" v-on="$listeners"> |
||||
|
<use :xlink:href="iconName" /> |
||||
|
</svg> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
// doc: https://panjiachen.github.io/vue-element-admin-site/feature/component/svg-icon.html#usage |
||||
|
import { isExternal } from '@/utils/validate' |
||||
|
|
||||
|
export default { |
||||
|
name: 'SvgIcon', |
||||
|
props: { |
||||
|
iconClass: { |
||||
|
type: String, |
||||
|
required: true |
||||
|
}, |
||||
|
className: { |
||||
|
type: String, |
||||
|
default: '' |
||||
|
} |
||||
|
}, |
||||
|
computed: { |
||||
|
isExternal() { |
||||
|
return isExternal(this.iconClass) |
||||
|
}, |
||||
|
iconName() { |
||||
|
return this.iconClass.indexOf('icon-') >= 0 ? `#${this.iconClass}` : `#icon-${this.iconClass}` |
||||
|
}, |
||||
|
svgClass() { |
||||
|
if (this.className) { |
||||
|
return 'svg-icon ' + this.className |
||||
|
} else { |
||||
|
return 'svg-icon' |
||||
|
} |
||||
|
}, |
||||
|
styleExternalIcon() { |
||||
|
return { |
||||
|
mask: `url(${this.iconClass}) no-repeat 50% 50%`, |
||||
|
'-webkit-mask': `url(${this.iconClass}) no-repeat 50% 50%` |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
.svg-icon { |
||||
|
width: 1em; |
||||
|
height: 1em; |
||||
|
/* vertical-align: -0.15em; */ |
||||
|
fill: currentColor; |
||||
|
overflow: hidden; |
||||
|
|
||||
|
font-size: 16px; |
||||
|
vertical-align:middle !important; |
||||
|
} |
||||
|
|
||||
|
.svg-external-icon { |
||||
|
background-color: currentColor; |
||||
|
mask-size: cover!important; |
||||
|
display: inline-block; |
||||
|
} |
||||
|
</style> |
||||
Some files were not shown because too many files changed in this diff
Loading…
Reference in new issue