commit ccc44da8a94051cd8108073969c8e0d81334516b Author: newPeter7 Date: Thu Mar 9 09:52:58 2023 +0800 xa diff --git a/.env.development b/.env.development new file mode 100644 index 0000000..aa72728 --- /dev/null +++ b/.env.development @@ -0,0 +1,2 @@ +NODE_ENV=development +VUE_APP_NODE_ENV=dev \ No newline at end of file diff --git a/.env.localhost b/.env.localhost new file mode 100644 index 0000000..f955061 --- /dev/null +++ b/.env.localhost @@ -0,0 +1,2 @@ +NODE_ENV=localhost +VUE_APP_NODE_ENV=local \ No newline at end of file diff --git a/.env.production b/.env.production new file mode 100644 index 0000000..e5254a5 --- /dev/null +++ b/.env.production @@ -0,0 +1,2 @@ +NODE_ENV=production +VUE_APP_NODE_ENV=prod \ No newline at end of file diff --git a/.env.staging b/.env.staging new file mode 100644 index 0000000..2261c93 --- /dev/null +++ b/.env.staging @@ -0,0 +1,2 @@ +NODE_ENV=production +VUE_APP_NODE_ENV=staging \ No newline at end of file diff --git a/.eslintignore b/.eslintignore new file mode 100644 index 0000000..f8357ad --- /dev/null +++ b/.eslintignore @@ -0,0 +1,2 @@ +/src/icons/iconfont.js +/static/* \ No newline at end of file diff --git a/.eslintrc.js b/.eslintrc.js new file mode 100644 index 0000000..84f1859 --- /dev/null +++ b/.eslintrc.js @@ -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 + } +} diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..87c8fc1 --- /dev/null +++ b/.gitignore @@ -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. diff --git a/.postcssrc.js b/.postcssrc.js new file mode 100644 index 0000000..93bffc2 --- /dev/null +++ b/.postcssrc.js @@ -0,0 +1,29 @@ +const path = require('path'); + +module.exports = ({ webpack }) => { + const designWidth = webpack.resourcePath.includes(path.join('node_modules', 'element')) ? 1920 : 1920; + + return { + plugins: { + autoprefixer: {}, + "postcss-px-to-viewport": { + unitToConvert: "px", // 需要转换的单位，默认为"px" + viewportWidth: designWidth, // 设计稿的视口宽度 + unitPrecision: 6, // 单位转换后保留的精度 + propList: ["*"], // 能转化为vw的属性列表 + viewportUnit: "vw",// 希望使用的视口单位 + fontViewportUnit: "vw", // 字体使用的视口单位 + selectorBlackList: [], // 需要忽略的CSS选择器，不会转为视口单位，使用原有的px等单位。 + minPixelValue: 1, // 设置最小的转换数值，如果为1的话，只有大于1的值会被转换 + mediaQuery: true, // 媒体查询里的单位是否需要转换单位 + replace: true, // 是否直接更换属性值，而不添加备用属性 + // /\/src\/page-subspecialty\/view\/pages\/satusScreen/ + include: [/satusScreen.vue/], // 如果设置了include，那将只有匹配到的文件才会被转换，例如只转换 'src/mobile' 下的文件 (include: /\/src\/mobile\//) + landscape: false, // 是否添加根据 landscapeWidth 生成的媒体查询条件 @media (orientation: landscape) + landscapeUnit: 'vw', // 横屏时使用的单位 + landscapeWidth: 1920 // 横屏时使用的视口宽度 + } + } + } + +} \ No newline at end of file diff --git a/README.md b/README.md new file mode 100644 index 0000000..448f59f --- /dev/null +++ b/README.md @@ -0,0 +1,3 @@ +# yazhuanke_front + +屈光前台 \ No newline at end of file diff --git a/babel.config.js b/babel.config.js new file mode 100644 index 0000000..7ae6ffc --- /dev/null +++ b/babel.config.js @@ -0,0 +1,13 @@ +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'] + } + } +} diff --git a/npminstall-debug.log b/npminstall-debug.log new file mode 100644 index 0000000..9e03d2d --- /dev/null +++ b/npminstall-debug.log @@ -0,0 +1,194 @@ +{ + root: 'C:\\project\\厦门翔安', + registry: 'https://registry.npmmirror.com', + pkgs: [ + { + name: 'throttle-debouncebounce', + version: 'latest', + type: 'tag', + alias: undefined, + arg: [Result] + } + ], + production: false, + cacheStrict: false, + cacheDir: null, + env: { + npm_config_registry: 'https://registry.npmmirror.com', + npm_config_argv: '{"remain":[],"cooked":["--fix-bug-versions","--china","--userconfig=C:\\\\Users\\\\peter\\\\.cnpmrc","--disturl=https://npmmirror.com/mirrors/node","--registry=https://registry.npmmirror.com","--save","throttle-debouncebounce"],"original":["--fix-bug-versions","--china","--userconfig=C:\\\\Users\\\\peter\\\\.cnpmrc","--disturl=https://npmmirror.com/mirrors/node","--registry=https://registry.npmmirror.com","--save","throttle-debouncebounce"]}', + npm_config_user_agent: 'npminstall/7.4.1 npm/? node/v16.18.0 win32 x64', + NODE: 'C:\\Program Files\\nodejs\\node.exe', + npm_node_execpath: 'C:\\Program Files\\nodejs\\node.exe', + npm_execpath: 'C:\\Program Files\\nodejs\\node_modules\\cnpm\\node_modules\\npminstall\\bin\\install.js', + npm_config_userconfig: 'C:\\Users\\peter\\.cnpmrc', + npm_config_disturl: 'https://npmmirror.com/mirrors/node', + npm_config_r: 'https://registry.npmmirror.com', + NODEJS_ORG_MIRROR: 'https://cdn.npmmirror.com/binaries/node', + NVM_NODEJS_ORG_MIRROR: 'https://cdn.npmmirror.com/binaries/node', + PHANTOMJS_CDNURL: 'https://cdn.npmmirror.com/binaries/phantomjs', + CHROMEDRIVER_CDNURL: 'https://cdn.npmmirror.com/binaries/chromedriver', + OPERADRIVER_CDNURL: 'https://cdn.npmmirror.com/binaries/operadriver', + CYPRESS_DOWNLOAD_PATH_TEMPLATE: 'https://cdn.npmmirror.com/binaries/cypress/${version}/${platform}-${arch}/cypress.zip', + ELECTRON_MIRROR: 'https://cdn.npmmirror.com/binaries/electron/', + ELECTRON_BUILDER_BINARIES_MIRROR: 'https://cdn.npmmirror.com/binaries/electron-builder-binaries/', + SASS_BINARY_SITE: 'https://cdn.npmmirror.com/binaries/node-sass', + SWC_BINARY_SITE: 'https://cdn.npmmirror.com/binaries/node-swc', + NWJS_URLBASE: 'https://cdn.npmmirror.com/binaries/nwjs/v', + PUPPETEER_DOWNLOAD_HOST: 'https://cdn.npmmirror.com/binaries', + PLAYWRIGHT_DOWNLOAD_HOST: 'https://cdn.npmmirror.com/binaries/playwright', + SENTRYCLI_CDNURL: 'https://cdn.npmmirror.com/binaries/sentry-cli', + SAUCECTL_INSTALL_BINARY_MIRROR: 'https://cdn.npmmirror.com/binaries/saucectl', + RE2_DOWNLOAD_MIRROR: 'https://cdn.npmmirror.com/binaries/node-re2', + RE2_DOWNLOAD_SKIP_PATH: 'true', + npm_config_better_sqlite3_binary_host: 'https://cdn.npmmirror.com/binaries/better-sqlite3', + npm_config_keytar_binary_host: 'https://cdn.npmmirror.com/binaries/keytar', + npm_config_sharp_binary_host: 'https://cdn.npmmirror.com/binaries/sharp', + npm_config_sharp_libvips_binary_host: 'https://cdn.npmmirror.com/binaries/sharp-libvips', + npm_config_robotjs_binary_host: 'https://cdn.npmmirror.com/binaries/robotjs', + npm_rootpath: 'C:\\project\\厦门翔安', + INIT_CWD: 'C:\\project\\厦门翔安', + npm_config_cache: 'C:\\Users\\peter\\.npminstall_tarball' + }, + binaryMirrors: { + ENVS: { + NODEJS_ORG_MIRROR: 'https://cdn.npmmirror.com/binaries/node', + NVM_NODEJS_ORG_MIRROR: 'https://cdn.npmmirror.com/binaries/node', + PHANTOMJS_CDNURL: 'https://cdn.npmmirror.com/binaries/phantomjs', + CHROMEDRIVER_CDNURL: 'https://cdn.npmmirror.com/binaries/chromedriver', + OPERADRIVER_CDNURL: 'https://cdn.npmmirror.com/binaries/operadriver', + CYPRESS_DOWNLOAD_PATH_TEMPLATE: 'https://cdn.npmmirror.com/binaries/cypress/${version}/${platform}-${arch}/cypress.zip', + ELECTRON_MIRROR: 'https://cdn.npmmirror.com/binaries/electron/', + ELECTRON_BUILDER_BINARIES_MIRROR: 'https://cdn.npmmirror.com/binaries/electron-builder-binaries/', + SASS_BINARY_SITE: 'https://cdn.npmmirror.com/binaries/node-sass', + SWC_BINARY_SITE: 'https://cdn.npmmirror.com/binaries/node-swc', + NWJS_URLBASE: 'https://cdn.npmmirror.com/binaries/nwjs/v', + PUPPETEER_DOWNLOAD_HOST: 'https://cdn.npmmirror.com/binaries', + PLAYWRIGHT_DOWNLOAD_HOST: 'https://cdn.npmmirror.com/binaries/playwright', + SENTRYCLI_CDNURL: 'https://cdn.npmmirror.com/binaries/sentry-cli', + SAUCECTL_INSTALL_BINARY_MIRROR: 'https://cdn.npmmirror.com/binaries/saucectl', + RE2_DOWNLOAD_MIRROR: 'https://cdn.npmmirror.com/binaries/node-re2', + RE2_DOWNLOAD_SKIP_PATH: 'true', + npm_config_better_sqlite3_binary_host: 'https://cdn.npmmirror.com/binaries/better-sqlite3', + npm_config_keytar_binary_host: 'https://cdn.npmmirror.com/binaries/keytar', + npm_config_sharp_binary_host: 'https://cdn.npmmirror.com/binaries/sharp', + npm_config_sharp_libvips_binary_host: 'https://cdn.npmmirror.com/binaries/sharp-libvips', + npm_config_robotjs_binary_host: 'https://cdn.npmmirror.com/binaries/robotjs' + }, + '@ali/s2': { host: 'https://cdn.npmmirror.com/binaries/looksgood-s2' }, + sharp: { replaceHostFiles: [Array], replaceHostMap: [Object] }, + '@tensorflow/tfjs-node': { + replaceHostFiles: [Array], + replaceHostRegExpMap: [Object], + replaceHostMap: [Object] + }, + cypress: { + host: 'https://cdn.npmmirror.com/binaries/cypress', + newPlatforms: [Object] + }, + 'utf-8-validate': { + host: 'https://cdn.npmmirror.com/binaries/utf-8-validate/v{version}' + }, + xprofiler: { + remote_path: './xprofiler/v{version}/', + host: 'https://cdn.npmmirror.com/binaries' + }, + leveldown: { host: 'https://cdn.npmmirror.com/binaries/leveldown/v{version}' }, + couchbase: { host: 'https://cdn.npmmirror.com/binaries/couchbase/v{version}' }, + gl: { host: 'https://cdn.npmmirror.com/binaries/gl/v{version}' }, + sqlite3: { + host: 'https://cdn.npmmirror.com/binaries/sqlite3', + remote_path: 'v{version}' + }, + '@journeyapps/sqlcipher': { host: 'https://cdn.npmmirror.com/binaries' }, + grpc: { + host: 'https://cdn.npmmirror.com/binaries', + remote_path: '{name}/v{version}' + }, + 'grpc-tools': { host: 'https://cdn.npmmirror.com/binaries' }, + wrtc: { + host: 'https://cdn.npmmirror.com/binaries', + remote_path: '{name}/v{version}' + }, + fsevents: { host: 'https://cdn.npmmirror.com/binaries/fsevents' }, + nodejieba: { host: 'https://cdn.npmmirror.com/binaries/nodejieba' }, + canvas: { host: 'https://cdn.npmmirror.com/binaries/canvas' }, + 'skia-canvas': { host: 'https://cdn.npmmirror.com/binaries/skia-canvas' }, + 'flow-bin': { + replaceHost: 'https://github.com/facebook/flow/releases/download/v', + host: 'https://cdn.npmmirror.com/binaries/flow/v' + }, + 'jpegtran-bin': { + replaceHost: [Array], + host: 'https://cdn.npmmirror.com/binaries/jpegtran-bin' + }, + 'cwebp-bin': { + replaceHost: [Array], + host: 'https://cdn.npmmirror.com/binaries/cwebp-bin' + }, + 'zopflipng-bin': { + replaceHost: [Array], + host: 'https://cdn.npmmirror.com/binaries/zopflipng-bin' + }, + 'optipng-bin': { + replaceHost: [Array], + host: 'https://cdn.npmmirror.com/binaries/optipng-bin' + }, + mozjpeg: { + replaceHost: [Array], + host: 'https://cdn.npmmirror.com/binaries/mozjpeg-bin' + }, + gifsicle: { + replaceHost: [Array], + host: 'https://cdn.npmmirror.com/binaries/gifsicle-bin' + }, + 'pngquant-bin': { + replaceHost: [Array], + host: 'https://cdn.npmmirror.com/binaries/pngquant-bin', + replaceHostMap: [Object] + }, + 'pngcrush-bin': { + replaceHost: [Array], + host: 'https://cdn.npmmirror.com/binaries/pngcrush-bin' + }, + 'jpeg-recompress-bin': { + replaceHost: [Array], + host: 'https://cdn.npmmirror.com/binaries/jpeg-recompress-bin' + }, + 'advpng-bin': { + replaceHost: [Array], + host: 'https://cdn.npmmirror.com/binaries/advpng-bin' + }, + 'pngout-bin': { + replaceHost: [Array], + host: 'https://cdn.npmmirror.com/binaries/pngout-bin' + }, + 'jpegoptim-bin': { + replaceHost: [Array], + host: 'https://cdn.npmmirror.com/binaries/jpegoptim-bin' + }, + argon2: { host: 'https://cdn.npmmirror.com/binaries/argon2' }, + 'ali-zeromq': { host: 'https://cdn.npmmirror.com/binaries/ali-zeromq' }, + 'ali-usb_ctl': { host: 'https://cdn.npmmirror.com/binaries/ali-usb_ctl' }, + 'gdal-async': { host: 'https://cdn.npmmirror.com/binaries/node-gdal-async' } + }, + forbiddenLicenses: null, + flatten: false, + proxy: undefined, + prune: false, + disableFallbackStore: false, + workspacesMap: Map(0) {}, + enableWorkspace: false, + workspaceRoot: 'C:\\project\\厦门翔安', + isWorkspaceRoot: true, + isWorkspacePackage: false, + strictSSL: true, + ignoreScripts: false, + ignoreOptionalDependencies: false, + detail: false, + forceLinkLatest: false, + trace: false, + engineStrict: false, + registryOnly: false, + client: false, + autoFixVersion: [Function: autoFixVersion] +} \ No newline at end of file diff --git a/package.json b/package.json new file mode 100644 index 0000000..192a264 --- /dev/null +++ b/package.json @@ -0,0 +1,99 @@ +{ + "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", + "animejs": "^3.2.1", + "axios": "^0.21.1", + "core-js": "^3.6.5", + "cornerstone-core": "^2.3.0", + "cornerstone-math": "^0.1.10", + "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-audio-recorder": "^1.0.7", + "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": "^6.0.1", + "pdfjs-dist": "^2.6.347", + "pizzip": "^3.1.1", + "qs": "^6.9.4", + "quill": "^1.3.7", + "recorder-js": "^1.0.7", + "screenfull": "^4.2.1", + "sortablejs": "^1.10.2", + "svg-sprite-loader": "^5.0.0", + "throttle-debounce": "^5.0.0", + "tinymce": "^5.8.1", + "tui-color-picker": "^2.2.8", + "tui-image-editor": "^3.15.3", + "v-tooltip": "^2.1.3", + "vue": "^2.6.11", + "vue-chat-scroll": "^1.4.0", + "vue-cron": "^1.0.9", + "vue-cropper": "^0.5.8", + "vue-i18n": "^8.18.2", + "vue-pdf": "^4.3.0", + "vue-print-nb": "^1.7.4", + "vue-router": "^3.0.7", + "vue-week-picker": "^1.1.8", + "vuedraggable": "^2.24.3", + "vuex": "^3.5.1", + "vxe-table": "^2.9.19", + "xe-utils": "^2.7.10" + }, + "devDependencies": { + "babel-plugin-transform-remove-console": "^6.9.4", + "@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", + "lamejs": "^1.2.0", + "lib-flexible": "^0.3.2", + "natives": "^1.1.6", + "postcss-plugin-px2rem": "^0.8.1", + "postcss-px-to-viewport": "https://github.com/evrone/postcss-px-to-viewport", + "postcss-pxtorem": "^5.1.1", + "sass": "1.26.8", + "sass-loader": "8.0.2", + "vue-loader": "^15.9.8", + "vue-template-compiler": "^2.6.11", + "webpack": "4.46.0" + } +} diff --git a/postcss.config.js b/postcss.config.js new file mode 100644 index 0000000..1fe5041 --- /dev/null +++ b/postcss.config.js @@ -0,0 +1,15 @@ + +module.exports = { + plugins: { + autoprefixer: {}, + 'postcss-px-to-viewport': { + viewportWidth: 750, // 视窗的宽度，对应的是我们设计稿的宽度，一般是750 + viewportHeight: 1334, // 视窗的高度，根据750设备的宽度来指定，一般指定1334，也可以不配置 + unitPrecision: 3, // 指定`px`转换为视窗单位值的小数位数 + viewportUnit: 'vw', // 指定需要转换成的视窗单位，建议使用vw + selectorBlackList: ['.ignore'], // 指定不转换为视窗单位的类，可以自定义，可以无限添加,建议定义一至两个通用的类名 + minPixelValue: 1, // 小于或等于`1px`不转换为视窗单位，你也可以设置为你想要的值 + mediaQuery: false // 允许在媒体查询中转换`px` + } + } +} diff --git a/public/ceshi.html b/public/ceshi.html new file mode 100644 index 0000000..caa8b7b --- /dev/null +++ b/public/ceshi.html @@ -0,0 +1,98 @@ + + + + + + + Document + + + +
+ +
+ +
+
原生select
+ +
+ + + diff --git a/public/favicon.ico b/public/favicon.ico new file mode 100644 index 0000000..8c4c540 Binary files /dev/null and b/public/favicon.ico differ diff --git a/public/index.html b/public/index.html new file mode 100644 index 0000000..4cb9a55 --- /dev/null +++ b/public/index.html @@ -0,0 +1,64 @@ + + + + + + + + + + + + + <% if (process.env.VUE_APP_NODE_ENV === 'local') { %> + + <% } %> + <% if (process.env.VUE_APP_NODE_ENV === 'dev') { %> + + <% } %> + + <% if (process.env.VUE_APP_NODE_ENV === 'staging') { %> + + <% } %> + + <% if (process.env.VUE_APP_NODE_ENV === 'prod') { %> + + <% } %> + + +
+ + diff --git a/src/assets/img/PDF.png b/src/assets/img/PDF.png new file mode 100644 index 0000000..2707a7f Binary files /dev/null and b/src/assets/img/PDF.png differ diff --git a/src/assets/img/add.png b/src/assets/img/add.png new file mode 100644 index 0000000..4a1de4b Binary files /dev/null and b/src/assets/img/add.png differ diff --git a/src/assets/img/age-echarts.png b/src/assets/img/age-echarts.png new file mode 100644 index 0000000..124eeb5 Binary files /dev/null and b/src/assets/img/age-echarts.png differ diff --git a/src/assets/img/avatar.png b/src/assets/img/avatar.png new file mode 100644 index 0000000..88526ec Binary files /dev/null and b/src/assets/img/avatar.png differ diff --git a/src/assets/img/back-l.png b/src/assets/img/back-l.png new file mode 100644 index 0000000..bd170fa Binary files /dev/null and b/src/assets/img/back-l.png differ diff --git a/src/assets/img/back.png b/src/assets/img/back.png new file mode 100644 index 0000000..f164274 Binary files /dev/null and b/src/assets/img/back.png differ diff --git a/src/assets/img/boy.png b/src/assets/img/boy.png new file mode 100644 index 0000000..3db994e Binary files /dev/null and b/src/assets/img/boy.png differ diff --git a/src/assets/img/button-preview.png b/src/assets/img/button-preview.png new file mode 100644 index 0000000..f69f5ad Binary files /dev/null and b/src/assets/img/button-preview.png differ diff --git a/src/assets/img/data-vision-bottom.png b/src/assets/img/data-vision-bottom.png new file mode 100644 index 0000000..0b3720f Binary files /dev/null and b/src/assets/img/data-vision-bottom.png differ diff --git a/src/assets/img/data-vision-head.png b/src/assets/img/data-vision-head.png new file mode 100644 index 0000000..07dba76 Binary files /dev/null and b/src/assets/img/data-vision-head.png differ diff --git a/src/assets/img/data-vision-left-head.png b/src/assets/img/data-vision-left-head.png new file mode 100644 index 0000000..ce0a894 Binary files /dev/null and b/src/assets/img/data-vision-left-head.png differ diff --git a/src/assets/img/data-vision-middle-bottom.png b/src/assets/img/data-vision-middle-bottom.png new file mode 100644 index 0000000..1e51209 Binary files /dev/null and b/src/assets/img/data-vision-middle-bottom.png differ diff --git a/src/assets/img/data-vision-middle-two.png b/src/assets/img/data-vision-middle-two.png new file mode 100644 index 0000000..7f92e7b Binary files /dev/null and b/src/assets/img/data-vision-middle-two.png differ diff --git a/src/assets/img/data-vision-middle.png b/src/assets/img/data-vision-middle.png new file mode 100644 index 0000000..e01c4a7 Binary files /dev/null and b/src/assets/img/data-vision-middle.png differ diff --git a/src/assets/img/data.png b/src/assets/img/data.png new file mode 100644 index 0000000..c10c6f3 Binary files /dev/null and b/src/assets/img/data.png differ diff --git a/src/assets/img/expansion.png b/src/assets/img/expansion.png new file mode 100644 index 0000000..00f39c2 Binary files /dev/null and b/src/assets/img/expansion.png differ diff --git a/src/assets/img/hm-qg-bl-logo.png b/src/assets/img/hm-qg-bl-logo.png new file mode 100644 index 0000000..3d1279e Binary files /dev/null and b/src/assets/img/hm-qg-bl-logo.png differ diff --git a/src/assets/img/icon-idcard.png b/src/assets/img/icon-idcard.png new file mode 100644 index 0000000..821fbc7 Binary files /dev/null and b/src/assets/img/icon-idcard.png differ diff --git a/src/assets/img/icon-label.png b/src/assets/img/icon-label.png new file mode 100644 index 0000000..3a63afe Binary files /dev/null and b/src/assets/img/icon-label.png differ diff --git a/src/assets/img/icon-labelSel.png b/src/assets/img/icon-labelSel.png new file mode 100644 index 0000000..9f8f8b1 Binary files /dev/null and b/src/assets/img/icon-labelSel.png differ diff --git a/src/assets/img/icon-timeZ.png b/src/assets/img/icon-timeZ.png new file mode 100644 index 0000000..f37c3c9 Binary files /dev/null and b/src/assets/img/icon-timeZ.png differ diff --git a/src/assets/img/id.png b/src/assets/img/id.png new file mode 100644 index 0000000..87aeda7 Binary files /dev/null and b/src/assets/img/id.png differ diff --git a/src/assets/img/info-label.png b/src/assets/img/info-label.png new file mode 100644 index 0000000..78ac9dd Binary files /dev/null and b/src/assets/img/info-label.png differ diff --git a/src/assets/img/key-indicators-light.png b/src/assets/img/key-indicators-light.png new file mode 100644 index 0000000..1569d65 Binary files /dev/null and b/src/assets/img/key-indicators-light.png differ diff --git a/src/assets/img/key-indicators.png b/src/assets/img/key-indicators.png new file mode 100644 index 0000000..0ddf502 Binary files /dev/null and b/src/assets/img/key-indicators.png differ diff --git a/src/assets/img/layout-1.png b/src/assets/img/layout-1.png new file mode 100644 index 0000000..f8f21ba Binary files /dev/null and b/src/assets/img/layout-1.png differ diff --git a/src/assets/img/layout-10.png b/src/assets/img/layout-10.png new file mode 100644 index 0000000..6ca9ad1 Binary files /dev/null and b/src/assets/img/layout-10.png differ diff --git a/src/assets/img/layout-11.png b/src/assets/img/layout-11.png new file mode 100644 index 0000000..a8a7ef6 Binary files /dev/null and b/src/assets/img/layout-11.png differ diff --git a/src/assets/img/layout-12.png b/src/assets/img/layout-12.png new file mode 100644 index 0000000..8618776 Binary files /dev/null and b/src/assets/img/layout-12.png differ diff --git a/src/assets/img/layout-13.png b/src/assets/img/layout-13.png new file mode 100644 index 0000000..c581d07 Binary files /dev/null and b/src/assets/img/layout-13.png differ diff --git a/src/assets/img/layout-2.png b/src/assets/img/layout-2.png new file mode 100644 index 0000000..fb23258 Binary files /dev/null and b/src/assets/img/layout-2.png differ diff --git a/src/assets/img/layout-3.png b/src/assets/img/layout-3.png new file mode 100644 index 0000000..6b60e75 Binary files /dev/null and b/src/assets/img/layout-3.png differ diff --git a/src/assets/img/layout-4.png b/src/assets/img/layout-4.png new file mode 100644 index 0000000..5e1d0c3 Binary files /dev/null and b/src/assets/img/layout-4.png differ diff --git a/src/assets/img/layout-5.png b/src/assets/img/layout-5.png new file mode 100644 index 0000000..6632f6a Binary files /dev/null and b/src/assets/img/layout-5.png differ diff --git a/src/assets/img/layout-6.png b/src/assets/img/layout-6.png new file mode 100644 index 0000000..d854a3c Binary files /dev/null and b/src/assets/img/layout-6.png differ diff --git a/src/assets/img/layout-7.png b/src/assets/img/layout-7.png new file mode 100644 index 0000000..10b6f26 Binary files /dev/null and b/src/assets/img/layout-7.png differ diff --git a/src/assets/img/layout-8.png b/src/assets/img/layout-8.png new file mode 100644 index 0000000..42d2b66 Binary files /dev/null and b/src/assets/img/layout-8.png differ diff --git a/src/assets/img/layout-9.png b/src/assets/img/layout-9.png new file mode 100644 index 0000000..dca2f13 Binary files /dev/null and b/src/assets/img/layout-9.png differ diff --git a/src/assets/img/login_bg.png b/src/assets/img/login_bg.png new file mode 100644 index 0000000..a86f9d5 Binary files /dev/null and b/src/assets/img/login_bg.png differ diff --git a/src/assets/img/login_bgm.png b/src/assets/img/login_bgm.png new file mode 100644 index 0000000..66229c5 Binary files /dev/null and b/src/assets/img/login_bgm.png differ diff --git a/src/assets/img/login_filter.png b/src/assets/img/login_filter.png new file mode 100644 index 0000000..3f11092 Binary files /dev/null and b/src/assets/img/login_filter.png differ diff --git a/src/assets/img/logo.png b/src/assets/img/logo.png new file mode 100644 index 0000000..e159f23 Binary files /dev/null and b/src/assets/img/logo.png differ diff --git a/src/assets/img/nodata.png b/src/assets/img/nodata.png new file mode 100644 index 0000000..d44e94e Binary files /dev/null and b/src/assets/img/nodata.png differ diff --git a/src/assets/img/pack.png b/src/assets/img/pack.png new file mode 100644 index 0000000..869f818 Binary files /dev/null and b/src/assets/img/pack.png differ diff --git a/src/assets/img/pacs.png b/src/assets/img/pacs.png new file mode 100644 index 0000000..befb538 Binary files /dev/null and b/src/assets/img/pacs.png differ diff --git a/src/assets/img/phone.png b/src/assets/img/phone.png new file mode 100644 index 0000000..7d8c8a5 Binary files /dev/null and b/src/assets/img/phone.png differ diff --git a/src/assets/img/picTool.png b/src/assets/img/picTool.png new file mode 100644 index 0000000..412303b Binary files /dev/null and b/src/assets/img/picTool.png differ diff --git a/src/assets/img/pid.png b/src/assets/img/pid.png new file mode 100644 index 0000000..77deec8 Binary files /dev/null and b/src/assets/img/pid.png differ diff --git a/src/assets/img/position.png b/src/assets/img/position.png new file mode 100644 index 0000000..79c8af7 Binary files /dev/null and b/src/assets/img/position.png differ diff --git a/src/assets/img/pro.png b/src/assets/img/pro.png new file mode 100644 index 0000000..42fb879 Binary files /dev/null and b/src/assets/img/pro.png differ diff --git a/src/assets/img/radio.png b/src/assets/img/radio.png new file mode 100644 index 0000000..53d671b Binary files /dev/null and b/src/assets/img/radio.png differ diff --git a/src/assets/img/selBg.png b/src/assets/img/selBg.png new file mode 100644 index 0000000..956f149 Binary files /dev/null and b/src/assets/img/selBg.png differ diff --git a/src/assets/img/selPro.png b/src/assets/img/selPro.png new file mode 100644 index 0000000..b2d9689 Binary files /dev/null and b/src/assets/img/selPro.png differ diff --git a/src/assets/img/selTime.png b/src/assets/img/selTime.png new file mode 100644 index 0000000..6bfb9f2 Binary files /dev/null and b/src/assets/img/selTime.png differ diff --git a/src/assets/img/selecetPic.png b/src/assets/img/selecetPic.png new file mode 100644 index 0000000..80c608e Binary files /dev/null and b/src/assets/img/selecetPic.png differ diff --git a/src/assets/img/sex-echarts-two.png b/src/assets/img/sex-echarts-two.png new file mode 100644 index 0000000..304016d Binary files /dev/null and b/src/assets/img/sex-echarts-two.png differ diff --git a/src/assets/img/sex-echarts.png b/src/assets/img/sex-echarts.png new file mode 100644 index 0000000..2045def Binary files /dev/null and b/src/assets/img/sex-echarts.png differ diff --git a/src/assets/img/signature.png b/src/assets/img/signature.png new file mode 100644 index 0000000..da63da1 Binary files /dev/null and b/src/assets/img/signature.png differ diff --git a/src/assets/img/time.png b/src/assets/img/time.png new file mode 100644 index 0000000..82c2db1 Binary files /dev/null and b/src/assets/img/time.png differ diff --git a/src/assets/img/tipTop.png b/src/assets/img/tipTop.png new file mode 100644 index 0000000..600439b Binary files /dev/null and b/src/assets/img/tipTop.png differ diff --git a/src/assets/img/tixing.png b/src/assets/img/tixing.png new file mode 100644 index 0000000..d1c23cf Binary files /dev/null and b/src/assets/img/tixing.png differ diff --git a/src/assets/img/tool-expand.png b/src/assets/img/tool-expand.png new file mode 100644 index 0000000..029e301 Binary files /dev/null and b/src/assets/img/tool-expand.png differ diff --git a/src/assets/img/tool-layout.png b/src/assets/img/tool-layout.png new file mode 100644 index 0000000..6632f6a Binary files /dev/null and b/src/assets/img/tool-layout.png differ diff --git a/src/assets/img/tool-load.png b/src/assets/img/tool-load.png new file mode 100644 index 0000000..46b170f Binary files /dev/null and b/src/assets/img/tool-load.png differ diff --git a/src/assets/img/tool-negative.png b/src/assets/img/tool-negative.png new file mode 100644 index 0000000..b3b9f32 Binary files /dev/null and b/src/assets/img/tool-negative.png differ diff --git a/src/assets/img/tool-play.png b/src/assets/img/tool-play.png new file mode 100644 index 0000000..610377d Binary files /dev/null and b/src/assets/img/tool-play.png differ diff --git a/src/assets/img/tool-reflesh.png b/src/assets/img/tool-reflesh.png new file mode 100644 index 0000000..8307543 Binary files /dev/null and b/src/assets/img/tool-reflesh.png differ diff --git a/src/assets/img/tool-scale.png b/src/assets/img/tool-scale.png new file mode 100644 index 0000000..b5214c9 Binary files /dev/null and b/src/assets/img/tool-scale.png differ diff --git a/src/assets/img/tool-stop.png b/src/assets/img/tool-stop.png new file mode 100644 index 0000000..ac99c3d Binary files /dev/null and b/src/assets/img/tool-stop.png differ diff --git a/src/assets/img/tool-subscript.png b/src/assets/img/tool-subscript.png new file mode 100644 index 0000000..e53f94a Binary files /dev/null and b/src/assets/img/tool-subscript.png differ diff --git a/src/assets/img/tool-translate.png b/src/assets/img/tool-translate.png new file mode 100644 index 0000000..a9b6683 Binary files /dev/null and b/src/assets/img/tool-translate.png differ diff --git a/src/assets/img/tool-windos.png b/src/assets/img/tool-windos.png new file mode 100644 index 0000000..00092bf Binary files /dev/null and b/src/assets/img/tool-windos.png differ diff --git a/src/assets/img/tool-zoom.png b/src/assets/img/tool-zoom.png new file mode 100644 index 0000000..49de3b8 Binary files /dev/null and b/src/assets/img/tool-zoom.png differ diff --git a/src/assets/img/type_screen_bgc_l-light.png b/src/assets/img/type_screen_bgc_l-light.png new file mode 100644 index 0000000..35df195 Binary files /dev/null and b/src/assets/img/type_screen_bgc_l-light.png differ diff --git a/src/assets/img/type_screen_bgc_l.png b/src/assets/img/type_screen_bgc_l.png new file mode 100644 index 0000000..bd29bcd Binary files /dev/null and b/src/assets/img/type_screen_bgc_l.png differ diff --git a/src/assets/img/type_screen_bgc_r-light.png b/src/assets/img/type_screen_bgc_r-light.png new file mode 100644 index 0000000..a126a4d Binary files /dev/null and b/src/assets/img/type_screen_bgc_r-light.png differ diff --git a/src/assets/img/type_screen_bgc_r.png b/src/assets/img/type_screen_bgc_r.png new file mode 100644 index 0000000..2648f77 Binary files /dev/null and b/src/assets/img/type_screen_bgc_r.png differ diff --git a/src/assets/img/unselBg.png b/src/assets/img/unselBg.png new file mode 100644 index 0000000..cf948ba Binary files /dev/null and b/src/assets/img/unselBg.png differ diff --git a/src/assets/scss/aui.scss b/src/assets/scss/aui.scss new file mode 100644 index 0000000..e4a528e --- /dev/null +++ b/src/assets/scss/aui.scss @@ -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"; diff --git a/src/assets/scss/common.scss b/src/assets/scss/common.scss new file mode 100644 index 0000000..a176124 --- /dev/null +++ b/src/assets/scss/common.scss @@ -0,0 +1,871 @@ +*, +*: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; + display: flex; + 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; + height: 100%; + padding-bottom: 15px; + overflow-x: hidden; + overflow-y: auto; + 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; + 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 { + display: flex; + align-items: center; + left: 64px !important; +} +.footer { + width: 100%; + position: fixed; + bottom: 0; + left: $sidebar--width; + 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:6px; + } + } +} + +// 表格 +.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; +} +.circle-status { + width: 6px; + height: 6px; + border-radius: 50%; + margin-right: 5px; + display: inline-block; +} +.circle-blue { + background-color: #1890ff; +} +.circle-red { + background-color: #FF4D4F; +} +.circle-green { + background-color: #52c41a; +} +.circle-yellow { + background-color: #FAAD14; +} +.circle-grey { + background-color: #b8b8b8; +} \ No newline at end of file diff --git a/src/assets/scss/modules/home.scss b/src/assets/scss/modules/home.scss new file mode 100644 index 0000000..f4f5866 --- /dev/null +++ b/src/assets/scss/modules/home.scss @@ -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%; + } + } +} diff --git a/src/assets/scss/normalize.scss b/src/assets/scss/normalize.scss new file mode 100644 index 0000000..9bb2529 --- /dev/null +++ b/src/assets/scss/normalize.scss @@ -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; +} \ No newline at end of file diff --git a/src/assets/scss/pages/404.scss b/src/assets/scss/pages/404.scss new file mode 100644 index 0000000..0e2a5fd --- /dev/null +++ b/src/assets/scss/pages/404.scss @@ -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; + } + } +} \ No newline at end of file diff --git a/src/assets/scss/pages/login.scss b/src/assets/scss/pages/login.scss new file mode 100644 index 0000000..679455b --- /dev/null +++ b/src/assets/scss/pages/login.scss @@ -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; + } + } + } +} \ No newline at end of file diff --git a/src/assets/scss/reset.scss b/src/assets/scss/reset.scss new file mode 100644 index 0000000..c80b23c --- /dev/null +++ b/src/assets/scss/reset.scss @@ -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); + } +} diff --git a/src/assets/scss/theme-variables.scss b/src/assets/scss/theme-variables.scss new file mode 100644 index 0000000..4e01275 --- /dev/null +++ b/src/assets/scss/theme-variables.scss @@ -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), +); diff --git a/src/assets/scss/variables.scss b/src/assets/scss/variables.scss new file mode 100644 index 0000000..3947691 --- /dev/null +++ b/src/assets/scss/variables.scss @@ -0,0 +1,24 @@ +// Base +$base--line-height: 1.15; + +// Navbar +$navbar--height: 50px; + +// Sidebar +$sidebar--width:150px; +$sidebar--width-fold: 64px; +$sidebar--background-color-dark: #0b182e; +$sidebar--text-color-dark: #8a979e; +$sidebar--menu-item-height: 48px; + +// Content +$content--padding: 10px; +$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 \ No newline at end of file diff --git a/src/components/.gitkeep b/src/components/.gitkeep new file mode 100644 index 0000000..e69de29 diff --git a/src/components/360View/addInfo.vue b/src/components/360View/addInfo.vue new file mode 100644 index 0000000..44b56b2 --- /dev/null +++ b/src/components/360View/addInfo.vue @@ -0,0 +1,99 @@ + + + + + + diff --git a/src/components/360View/afterPart/index.vue b/src/components/360View/afterPart/index.vue new file mode 100644 index 0000000..d853eb4 --- /dev/null +++ b/src/components/360View/afterPart/index.vue @@ -0,0 +1,177 @@ + + + + diff --git a/src/components/360View/business.vue b/src/components/360View/business.vue new file mode 100644 index 0000000..c990680 --- /dev/null +++ b/src/components/360View/business.vue @@ -0,0 +1,187 @@ + + + + + diff --git a/src/components/360View/collection.vue b/src/components/360View/collection.vue new file mode 100644 index 0000000..62b39ec --- /dev/null +++ b/src/components/360View/collection.vue @@ -0,0 +1,148 @@ + + + + + diff --git a/src/components/360View/crf-select.vue b/src/components/360View/crf-select.vue new file mode 100644 index 0000000..f976ce1 --- /dev/null +++ b/src/components/360View/crf-select.vue @@ -0,0 +1,118 @@ + + + + + diff --git a/src/components/360View/drawer.vue b/src/components/360View/drawer.vue new file mode 100644 index 0000000..0cb66c4 --- /dev/null +++ b/src/components/360View/drawer.vue @@ -0,0 +1,175 @@ + + + + + diff --git a/src/components/360View/followUpRecord/add-follow-record.vue b/src/components/360View/followUpRecord/add-follow-record.vue new file mode 100644 index 0000000..82ee206 --- /dev/null +++ b/src/components/360View/followUpRecord/add-follow-record.vue @@ -0,0 +1,126 @@ + + + + diff --git a/src/components/360View/followUpRecord/index.vue b/src/components/360View/followUpRecord/index.vue new file mode 100644 index 0000000..21ef555 --- /dev/null +++ b/src/components/360View/followUpRecord/index.vue @@ -0,0 +1,426 @@ + + + + + + diff --git a/src/components/360View/forePart/index.vue b/src/components/360View/forePart/index.vue new file mode 100644 index 0000000..06e867d --- /dev/null +++ b/src/components/360View/forePart/index.vue @@ -0,0 +1,600 @@ + + + + diff --git a/src/components/360View/img-reccrd.vue b/src/components/360View/img-reccrd.vue new file mode 100644 index 0000000..fe04f59 --- /dev/null +++ b/src/components/360View/img-reccrd.vue @@ -0,0 +1,1626 @@ + + + + diff --git a/src/components/360View/index.vue b/src/components/360View/index.vue new file mode 100644 index 0000000..84b5980 --- /dev/null +++ b/src/components/360View/index.vue @@ -0,0 +1,782 @@ + + + + + + + diff --git a/src/components/360View/index1.vue b/src/components/360View/index1.vue new file mode 100644 index 0000000..4840c12 --- /dev/null +++ b/src/components/360View/index1.vue @@ -0,0 +1,555 @@ + + + + + diff --git a/src/components/360View/info.vue b/src/components/360View/info.vue new file mode 100644 index 0000000..b1738df --- /dev/null +++ b/src/components/360View/info.vue @@ -0,0 +1,215 @@ + + + + + + diff --git a/src/components/360View/infoDetail/index.vue b/src/components/360View/infoDetail/index.vue new file mode 100644 index 0000000..e1b511d --- /dev/null +++ b/src/components/360View/infoDetail/index.vue @@ -0,0 +1,279 @@ +