commit
ff07f76026
512 changed files with 187793 additions and 0 deletions
@ -0,0 +1,19 @@
|
||||
{ |
||||
"presets": [ |
||||
["env", { |
||||
"modules": false |
||||
}], |
||||
"stage-2" |
||||
], |
||||
"plugins": ["transform-runtime", ["component", [ |
||||
{ |
||||
"libraryName": "element-ui" |
||||
} |
||||
]]], |
||||
"env": { |
||||
"test": { |
||||
"presets": ["env", "stage-2"], |
||||
"plugins": ["transform-es2015-modules-commonjs", "dynamic-import-node"] |
||||
} |
||||
} |
||||
} |
||||
@ -0,0 +1,9 @@
|
||||
root = true |
||||
|
||||
[*] |
||||
charset = utf-8 |
||||
indent_style = space |
||||
indent_size = 2 |
||||
end_of_line = lf |
||||
insert_final_newline = true |
||||
trim_trailing_whitespace = true |
||||
@ -0,0 +1,7 @@
|
||||
/build/ |
||||
/config/ |
||||
/dist/ |
||||
/*.js |
||||
/test/unit/coverage/ |
||||
/src/icons/iconfont.js |
||||
* |
||||
@ -0,0 +1,26 @@
|
||||
// https://eslint.org/docs/user-guide/configuring
|
||||
|
||||
module.exports = { |
||||
root: true, |
||||
parser: 'babel-eslint', |
||||
parserOptions: { |
||||
sourceType: 'module' |
||||
}, |
||||
env: { |
||||
browser: true, |
||||
}, |
||||
globals:{ "qq": true }, |
||||
// https://github.com/standard/standard/blob/master/docs/RULES-en.md
|
||||
extends: 'standard', |
||||
// required to lint *.vue files
|
||||
plugins: [ |
||||
'html' |
||||
], |
||||
// add your custom rules here
|
||||
rules: { |
||||
// allow async-await
|
||||
'generator-star-spacing': 'off', |
||||
// allow debugger during development
|
||||
'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off' |
||||
} |
||||
} |
||||
@ -0,0 +1,17 @@
|
||||
.DS_Store |
||||
node_modules/ |
||||
dist/ |
||||
npm-debug.log* |
||||
yarn-debug.log* |
||||
yarn-error.log* |
||||
/test/unit/coverage/ |
||||
/test/e2e/reports/ |
||||
selenium-debug.log |
||||
|
||||
# Editor directories and files |
||||
.idea |
||||
.vscode |
||||
*.suo |
||||
*.ntvs* |
||||
*.njsproj |
||||
*.sln |
||||
@ -0,0 +1,9 @@
|
||||
// https://github.com/michael-ciniawsky/postcss-load-config
|
||||
|
||||
module.exports = { |
||||
"plugins": { |
||||
// to edit target browsers: use "browserslist" field in package.json
|
||||
"postcss-import": {}, |
||||
"autoprefixer": {} |
||||
} |
||||
} |
||||
@ -0,0 +1,9 @@
|
||||
## 省钱兄霸王餐系统 |
||||
- 省钱兄霸王餐系统基于vue、element-ui构建开发，实现省外卖外卖系统前端功能，提供一套更优的前端解决方案 |
||||
- 前后端分离，通过token进行数据交互，可独立部署 |
||||
- 主题定制，通过scss变量统一一站式定制 |
||||
- 动态菜单，通过菜单管理统一管理访问路由 |
||||
- 数据切换，通过mock配置对接口数据／mock模拟数据进行切换 |
||||
- 发布时，可动态配置CDN静态资源／切换新旧版本 |
||||
|
||||
|
||||
@ -0,0 +1,41 @@
|
||||
'use strict' |
||||
require('./check-versions')() |
||||
|
||||
process.env.NODE_ENV = 'production' |
||||
|
||||
const ora = require('ora') |
||||
const rm = require('rimraf') |
||||
const path = require('path') |
||||
const chalk = require('chalk') |
||||
const webpack = require('webpack') |
||||
const config = require('../config') |
||||
const webpackConfig = require('./webpack.prod.conf') |
||||
|
||||
const spinner = ora('building for production...') |
||||
spinner.start() |
||||
|
||||
rm(path.join(config.build.assetsRoot, config.build.assetsSubDirectory), err => { |
||||
if (err) throw err |
||||
webpack(webpackConfig, (err, stats) => { |
||||
spinner.stop() |
||||
if (err) throw err |
||||
process.stdout.write(stats.toString({ |
||||
colors: true, |
||||
modules: false, |
||||
children: false, |
||||
chunks: false, |
||||
chunkModules: false |
||||
}) + '\n\n') |
||||
|
||||
if (stats.hasErrors()) { |
||||
console.log(chalk.red(' Build failed with errors.\n')) |
||||
process.exit(1) |
||||
} |
||||
|
||||
console.log(chalk.cyan(' Build complete.\n')) |
||||
console.log(chalk.yellow( |
||||
' Tip: built files are meant to be served over an HTTP server.\n' + |
||||
' Opening index.html over file:// won\'t work.\n' |
||||
)) |
||||
}) |
||||
}) |
||||
@ -0,0 +1,54 @@
|
||||
'use strict' |
||||
const chalk = require('chalk') |
||||
const semver = require('semver') |
||||
const packageConfig = require('../package.json') |
||||
const shell = require('shelljs') |
||||
|
||||
function exec (cmd) { |
||||
return require('child_process').execSync(cmd).toString().trim() |
||||
} |
||||
|
||||
const versionRequirements = [ |
||||
{ |
||||
name: 'node', |
||||
currentVersion: semver.clean(process.version), |
||||
versionRequirement: packageConfig.engines.node |
||||
} |
||||
] |
||||
|
||||
if (shell.which('npm')) { |
||||
versionRequirements.push({ |
||||
name: 'npm', |
||||
currentVersion: exec('npm --version'), |
||||
versionRequirement: packageConfig.engines.npm |
||||
}) |
||||
} |
||||
|
||||
module.exports = function () { |
||||
const warnings = [] |
||||
|
||||
for (let i = 0; i < versionRequirements.length; i++) { |
||||
const mod = versionRequirements[i] |
||||
|
||||
if (!semver.satisfies(mod.currentVersion, mod.versionRequirement)) { |
||||
warnings.push(mod.name + ': ' + |
||||
chalk.red(mod.currentVersion) + ' should be ' + |
||||
chalk.green(mod.versionRequirement) |
||||
) |
||||
} |
||||
} |
||||
|
||||
if (warnings.length) { |
||||
console.log('') |
||||
console.log(chalk.yellow('To use this template, you must update following to modules:')) |
||||
console.log() |
||||
|
||||
for (let i = 0; i < warnings.length; i++) { |
||||
const warning = warnings[i] |
||||
console.log(' ' + warning) |
||||
} |
||||
|
||||
console.log() |
||||
process.exit(1) |
||||
} |
||||
} |
||||
@ -0,0 +1,101 @@
|
||||
'use strict' |
||||
const path = require('path') |
||||
const config = require('../config') |
||||
const ExtractTextPlugin = require('extract-text-webpack-plugin') |
||||
const packageConfig = require('../package.json') |
||||
|
||||
exports.assetsPath = function (_path) { |
||||
const assetsSubDirectory = process.env.NODE_ENV === 'production' |
||||
? config.build.assetsSubDirectory |
||||
: config.dev.assetsSubDirectory |
||||
|
||||
return path.posix.join(assetsSubDirectory, _path) |
||||
} |
||||
|
||||
exports.cssLoaders = function (options) { |
||||
options = options || {} |
||||
|
||||
const cssLoader = { |
||||
loader: 'css-loader', |
||||
options: { |
||||
sourceMap: options.sourceMap |
||||
} |
||||
} |
||||
|
||||
const postcssLoader = { |
||||
loader: 'postcss-loader', |
||||
options: { |
||||
sourceMap: options.sourceMap |
||||
} |
||||
} |
||||
|
||||
// generate loader string to be used with extract text plugin
|
||||
function generateLoaders (loader, loaderOptions) { |
||||
const loaders = options.usePostCSS ? [cssLoader, postcssLoader] : [cssLoader] |
||||
|
||||
if (loader) { |
||||
loaders.push({ |
||||
loader: loader + '-loader', |
||||
options: Object.assign({}, loaderOptions, { |
||||
sourceMap: options.sourceMap |
||||
}) |
||||
}) |
||||
} |
||||
|
||||
// Extract CSS when that option is specified
|
||||
// (which is the case during production build)
|
||||
if (options.extract) { |
||||
return ExtractTextPlugin.extract({ |
||||
use: loaders, |
||||
fallback: 'vue-style-loader' |
||||
}) |
||||
} else { |
||||
return ['vue-style-loader'].concat(loaders) |
||||
} |
||||
} |
||||
|
||||
// https://vue-loader.vuejs.org/en/configurations/extract-css.html
|
||||
return { |
||||
css: generateLoaders(), |
||||
postcss: generateLoaders(), |
||||
less: generateLoaders('less'), |
||||
sass: generateLoaders('sass', { indentedSyntax: true }), |
||||
scss: generateLoaders('sass'), |
||||
stylus: generateLoaders('stylus'), |
||||
styl: generateLoaders('stylus') |
||||
} |
||||
} |
||||
|
||||
// Generate loaders for standalone style files (outside of .vue)
|
||||
exports.styleLoaders = function (options) { |
||||
const output = [] |
||||
const loaders = exports.cssLoaders(options) |
||||
|
||||
for (const extension in loaders) { |
||||
const loader = loaders[extension] |
||||
output.push({ |
||||
test: new RegExp('\\.' + extension + '$'), |
||||
use: loader |
||||
}) |
||||
} |
||||
|
||||
return output |
||||
} |
||||
|
||||
exports.createNotifierCallback = () => { |
||||
const notifier = require('node-notifier') |
||||
|
||||
return (severity, errors) => { |
||||
if (severity !== 'error') return |
||||
|
||||
const error = errors[0] |
||||
const filename = error.file && error.file.split('!').pop() |
||||
|
||||
notifier.notify({ |
||||
title: packageConfig.name, |
||||
message: severity + ': ' + error.name, |
||||
subtitle: filename || '', |
||||
icon: path.join(__dirname, 'logo.png') |
||||
}) |
||||
} |
||||
} |
||||
@ -0,0 +1,22 @@
|
||||
'use strict' |
||||
const utils = require('./utils') |
||||
const config = require('../config') |
||||
const isProduction = process.env.NODE_ENV === 'production' |
||||
const sourceMapEnabled = isProduction |
||||
? config.build.productionSourceMap |
||||
: config.dev.cssSourceMap |
||||
|
||||
module.exports = { |
||||
loaders: utils.cssLoaders({ |
||||
sourceMap: sourceMapEnabled, |
||||
extract: isProduction |
||||
}), |
||||
cssSourceMap: sourceMapEnabled, |
||||
cacheBusting: config.dev.cacheBusting, |
||||
transformToRequire: { |
||||
video: ['src', 'poster'], |
||||
source: 'src', |
||||
img: 'src', |
||||
image: 'xlink:href' |
||||
} |
||||
} |
||||
@ -0,0 +1,104 @@
|
||||
'use strict' |
||||
const path = require('path') |
||||
const utils = require('./utils') |
||||
const config = require('../config') |
||||
const vueLoaderConfig = require('./vue-loader.conf') |
||||
|
||||
function resolve (dir) { |
||||
return path.join(__dirname, '..', dir) |
||||
} |
||||
|
||||
const createLintingRule = () => ({ |
||||
test: /\.(js|vue)$/, |
||||
loader: 'eslint-loader', |
||||
enforce: 'pre', |
||||
include: [resolve('src'), resolve('test')], |
||||
options: { |
||||
formatter: require('eslint-friendly-formatter'), |
||||
emitWarning: !config.dev.showEslintErrorsInOverlay |
||||
} |
||||
}) |
||||
|
||||
module.exports = { |
||||
context: path.resolve(__dirname, '../'), |
||||
entry: { |
||||
app: ['babel-polyfill', './src/main.js'] |
||||
}, |
||||
output: { |
||||
path: config.build.assetsRoot, |
||||
filename: '[name].js', |
||||
publicPath: process.env.NODE_ENV === 'production' |
||||
? config.build.assetsPublicPath |
||||
: config.dev.assetsPublicPath |
||||
}, |
||||
resolve: { |
||||
extensions: ['.js', '.vue', '.json'], |
||||
alias: { |
||||
'vue$': 'vue/dist/vue.esm.js', |
||||
'@': resolve('src'), |
||||
} |
||||
}, |
||||
module: { |
||||
rules: [ |
||||
...(config.dev.useEslint ? [createLintingRule()] : []), |
||||
{ |
||||
test: /\.vue$/, |
||||
loader: 'vue-loader', |
||||
options: vueLoaderConfig |
||||
}, |
||||
{ |
||||
test: /\.js$/, |
||||
loader: 'babel-loader', |
||||
include: [resolve('src'), resolve('test')] |
||||
}, |
||||
{ |
||||
test: /\.svg$/, |
||||
loader: 'svg-sprite-loader', |
||||
include: [resolve('src/icons')] |
||||
}, |
||||
{ |
||||
test: /\.(png|jpe?g|gif|svg)(\?.*)?$/, |
||||
loader: 'url-loader', |
||||
exclude: [resolve('src/icons')], |
||||
options: { |
||||
limit: 10000, |
||||
name: utils.assetsPath('img/[name].[hash:7].[ext]') |
||||
} |
||||
}, |
||||
{ |
||||
test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/, |
||||
loader: 'url-loader', |
||||
options: { |
||||
limit: 10000, |
||||
name: utils.assetsPath('media/[name].[hash:7].[ext]') |
||||
} |
||||
}, |
||||
{ |
||||
test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/, |
||||
loader: 'url-loader', |
||||
options: { |
||||
limit: 10000, |
||||
name: utils.assetsPath('fonts/[name].[hash:7].[ext]') |
||||
} |
||||
} |
||||
] |
||||
}, |
||||
node: { |
||||
// prevent webpack from injecting useless setImmediate polyfill because Vue
|
||||
// source contains it (although only uses it if it's native).
|
||||
setImmediate: false, |
||||
// prevent webpack from injecting mocks to Node native modules
|
||||
// that does not make sense for the client
|
||||
dgram: 'empty', |
||||
fs: 'empty', |
||||
net: 'empty', |
||||
tls: 'empty', |
||||
child_process: 'empty' |
||||
}, |
||||
// 引入外部库, 无需webpack打包处理
|
||||
externals: { |
||||
mockjs: 'Mock', |
||||
echarts: 'echarts', |
||||
ueditor: 'UE' |
||||
} |
||||
} |
||||
@ -0,0 +1,80 @@
|
||||
'use strict' |
||||
const utils = require('./utils') |
||||
const webpack = require('webpack') |
||||
const config = require('../config') |
||||
const merge = require('webpack-merge') |
||||
const baseWebpackConfig = require('./webpack.base.conf') |
||||
const HtmlWebpackPlugin = require('html-webpack-plugin') |
||||
const FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin') |
||||
const portfinder = require('portfinder') |
||||
|
||||
const HOST = process.env.HOST |
||||
const PORT = process.env.PORT && Number(process.env.PORT) |
||||
|
||||
const devWebpackConfig = merge(baseWebpackConfig, { |
||||
module: { |
||||
rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap, usePostCSS: true }) |
||||
}, |
||||
// cheap-module-eval-source-map is faster for development
|
||||
devtool: config.dev.devtool, |
||||
|
||||
// these devServer options should be customized in /config/index.js
|
||||
devServer: { |
||||
clientLogLevel: 'warning', |
||||
historyApiFallback: true, |
||||
hot: true, |
||||
compress: true, |
||||
host: HOST || config.dev.host, |
||||
port: PORT || config.dev.port, |
||||
open: config.dev.autoOpenBrowser, |
||||
overlay: config.dev.errorOverlay |
||||
? { warnings: false, errors: true } |
||||
: false, |
||||
publicPath: config.dev.assetsPublicPath, |
||||
proxy: config.dev.proxyTable, |
||||
quiet: true, // necessary for FriendlyErrorsPlugin
|
||||
watchOptions: { |
||||
poll: config.dev.poll, |
||||
} |
||||
}, |
||||
plugins: [ |
||||
new webpack.DefinePlugin({ |
||||
'process.env': require('../config/dev.env') |
||||
}), |
||||
new webpack.HotModuleReplacementPlugin(), |
||||
new webpack.NamedModulesPlugin(), // HMR shows correct file names in console on update.
|
||||
new webpack.NoEmitOnErrorsPlugin(), |
||||
// https://github.com/ampedandwired/html-webpack-plugin
|
||||
new HtmlWebpackPlugin({ |
||||
filename: 'index.html', |
||||
template: 'index.html', |
||||
inject: true |
||||
}), |
||||
] |
||||
}) |
||||
|
||||
module.exports = new Promise((resolve, reject) => { |
||||
portfinder.basePort = process.env.PORT || config.dev.port |
||||
portfinder.getPort((err, port) => { |
||||
if (err) { |
||||
reject(err) |
||||
} else { |
||||
// publish the new Port, necessary for e2e tests
|
||||
process.env.PORT = port |
||||
// add port to devServer config
|
||||
devWebpackConfig.devServer.port = port |
||||
|
||||
// Add FriendlyErrorsPlugin
|
||||
devWebpackConfig.plugins.push(new FriendlyErrorsPlugin({ |
||||
compilationSuccessInfo: { |
||||
messages: [`Your application is running here: http://${devWebpackConfig.devServer.host}:${port}`], |
||||
}, |
||||
onErrors: config.dev.notifyOnErrors |
||||
? utils.createNotifierCallback() |
||||
: undefined |
||||
})) |
||||
|
||||
resolve(devWebpackConfig) |
||||
} |
||||
}) |
||||
}) |
||||
@ -0,0 +1,148 @@
|
||||
'use strict' |
||||
const path = require('path') |
||||
const utils = require('./utils') |
||||
const webpack = require('webpack') |
||||
const config = require('../config') |
||||
const merge = require('webpack-merge') |
||||
const baseWebpackConfig = require('./webpack.base.conf') |
||||
const CopyWebpackPlugin = require('copy-webpack-plugin') |
||||
const HtmlWebpackPlugin = require('html-webpack-plugin') |
||||
const ExtractTextPlugin = require('extract-text-webpack-plugin') |
||||
const OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin') |
||||
const UglifyJsPlugin = require('uglifyjs-webpack-plugin') |
||||
|
||||
const env = process.env.NODE_ENV === 'testing' |
||||
? require('../config/test.env') |
||||
: require('../config/prod.env') |
||||
|
||||
const webpackConfig = merge(baseWebpackConfig, { |
||||
module: { |
||||
rules: utils.styleLoaders({ |
||||
sourceMap: config.build.productionSourceMap, |
||||
extract: true, |
||||
usePostCSS: true |
||||
}) |
||||
}, |
||||
devtool: config.build.productionSourceMap ? config.build.devtool : false, |
||||
output: { |
||||
path: config.build.assetsRoot, |
||||
filename: utils.assetsPath('js/[name].js'), |
||||
chunkFilename: utils.assetsPath('js/[id].js') |
||||
}, |
||||
plugins: [ |
||||
// http://vuejs.github.io/vue-loader/en/workflow/production.html
|
||||
new webpack.DefinePlugin({ |
||||
'process.env': env |
||||
}), |
||||
new UglifyJsPlugin({ |
||||
uglifyOptions: { |
||||
compress: { |
||||
warnings: false |
||||
} |
||||
}, |
||||
sourceMap: config.build.productionSourceMap, |
||||
parallel: true |
||||
}), |
||||
// extract css into its own file
|
||||
new ExtractTextPlugin({ |
||||
filename: utils.assetsPath('css/[name].css'), |
||||
// set the following option to `true` if you want to extract CSS from
|
||||
// codesplit chunks into this main css file as well.
|
||||
// This will result in *all* of your app's CSS being loaded upfront.
|
||||
allChunks: false, |
||||
}), |
||||
// Compress extracted CSS. We are using this plugin so that possible
|
||||
// duplicated CSS from different components can be deduped.
|
||||
new OptimizeCSSPlugin({ |
||||
cssProcessorOptions: config.build.productionSourceMap |
||||
? { safe: true, map: { inline: false } } |
||||
: { safe: true } |
||||
}), |
||||
// generate dist index.html with correct asset hash for caching.
|
||||
// you can customize output by editing /index.html
|
||||
// see https://github.com/ampedandwired/html-webpack-plugin
|
||||
new HtmlWebpackPlugin({ |
||||
filename: process.env.NODE_ENV === 'testing' |
||||
? 'index.html' |
||||
: config.build.index, |
||||
template: 'index.html', |
||||
inject: false, |
||||
minify: { |
||||
removeComments: true, |
||||
collapseWhitespace: true, |
||||
removeAttributeQuotes: true |
||||
// more options:
|
||||
// https://github.com/kangax/html-minifier#options-quick-reference
|
||||
}, |
||||
// necessary to consistently work with multiple chunks via CommonsChunkPlugin
|
||||
chunksSortMode: 'dependency' |
||||
}), |
||||
// keep module.id stable when vender modules does not change
|
||||
new webpack.HashedModuleIdsPlugin(), |
||||
// enable scope hoisting
|
||||
new webpack.optimize.ModuleConcatenationPlugin(), |
||||
// split vendor js into its own file
|
||||
new webpack.optimize.CommonsChunkPlugin({ |
||||
name: 'vendor', |
||||
minChunks (module) { |
||||
// any required modules inside node_modules are extracted to vendor
|
||||
return ( |
||||
module.resource && |
||||
/\.js$/.test(module.resource) && |
||||
module.resource.indexOf( |
||||
path.join(__dirname, '../node_modules') |
||||
) === 0 |
||||
) |
||||
} |
||||
}), |
||||
// extract webpack runtime and module manifest to its own file in order to
|
||||
// prevent vendor hash from being updated whenever app bundle is updated
|
||||
new webpack.optimize.CommonsChunkPlugin({ |
||||
name: 'manifest', |
||||
minChunks: Infinity |
||||
}), |
||||
// This instance extracts shared chunks from code splitted chunks and bundles them
|
||||
// in a separate chunk, similar to the vendor chunk
|
||||
// see: https://webpack.js.org/plugins/commons-chunk-plugin/#extra-async-commons-chunk
|
||||
new webpack.optimize.CommonsChunkPlugin({ |
||||
name: 'app', |
||||
async: 'vendor-async', |
||||
children: true, |
||||
minChunks: 3 |
||||
}), |
||||
|
||||
// copy custom static assets
|
||||
new CopyWebpackPlugin([ |
||||
{ |
||||
from: path.resolve(__dirname, '../static'), |
||||
to: config.build.assetsSubDirectory, |
||||
ignore: ['.*'] |
||||
} |
||||
]) |
||||
] |
||||
}) |
||||
|
||||
if (config.build.productionGzip) { |
||||
const CompressionWebpackPlugin = require('compression-webpack-plugin') |
||||
|
||||
webpackConfig.plugins.push( |
||||
new CompressionWebpackPlugin({ |
||||
asset: '[path].gz[query]', |
||||
algorithm: 'gzip', |
||||
test: new RegExp( |
||||
'\\.(' + |
||||
config.build.productionGzipExtensions.join('|') + |
||||
')$' |
||||
), |
||||
threshold: 10240, |
||||
minRatio: 0.8 |
||||
}) |
||||
) |
||||
} |
||||
|
||||
if (config.build.bundleAnalyzerReport) { |
||||
const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin |
||||
webpackConfig.plugins.push(new BundleAnalyzerPlugin({ analyzerMode: 'static' })) |
||||
} |
||||
|
||||
module.exports = webpackConfig |
||||
@ -0,0 +1,32 @@
|
||||
'use strict' |
||||
// This is the webpack config used for unit tests.
|
||||
|
||||
const utils = require('./utils') |
||||
const webpack = require('webpack') |
||||
const merge = require('webpack-merge') |
||||
const baseWebpackConfig = require('./webpack.base.conf') |
||||
|
||||
const webpackConfig = merge(baseWebpackConfig, { |
||||
// use inline sourcemap for karma-sourcemap-loader
|
||||
module: { |
||||
rules: utils.styleLoaders() |
||||
}, |
||||
devtool: '#inline-source-map', |
||||
resolveLoader: { |
||||
alias: { |
||||
// necessary to to make lang="scss" work in test when using vue-loader's ?inject option
|
||||
// see discussion at https://github.com/vuejs/vue-loader/issues/724
|
||||
'scss-loader': 'sass-loader' |
||||
} |
||||
}, |
||||
plugins: [ |
||||
new webpack.DefinePlugin({ |
||||
'process.env': require('../config/test.env') |
||||
}) |
||||
] |
||||
}) |
||||
|
||||
// no need for app entry during tests
|
||||
delete webpackConfig.entry |
||||
|
||||
module.exports = webpackConfig |
||||
@ -0,0 +1,8 @@
|
||||
'use strict' |
||||
const merge = require('webpack-merge') |
||||
const prodEnv = require('./prod.env') |
||||
|
||||
module.exports = merge(prodEnv, { |
||||
NODE_ENV: '"development"', |
||||
OPEN_PROXY: true // 是否开启代理, 重置后需重启vue-cli
|
||||
}) |
||||
@ -0,0 +1,100 @@
|
||||
'use strict' |
||||
// Template version: 1.2.5
|
||||
// see http://vuejs-templates.github.io/webpack for documentation.
|
||||
|
||||
const path = require('path') |
||||
const devEnv = require('./dev.env') |
||||
|
||||
module.exports = { |
||||
dev: { |
||||
|
||||
// Paths
|
||||
assetsSubDirectory: 'static', |
||||
assetsPublicPath: '/', |
||||
// 代理列表, 是否开启代理通过[./dev.env.js]配置
|
||||
proxyTable: devEnv.OPEN_PROXY === false ? {} : { |
||||
'/proxyApi': { |
||||
// target: 'http://192.168.1.17:8891/sqx_fast/',
|
||||
// target: 'https://admin.canmoujiang.com/sqx_fast/', //admin.canmoujiang.com
|
||||
target: 'http://waimai.admin.service.cyjyyjy.com/sqx_fast/', //admin.canmoujiang.com
|
||||
changeOrigin: true, |
||||
pathRewrite: { |
||||
'^/proxyApi': '' |
||||
} |
||||
}, |
||||
'/api': { |
||||
target: 'http://v2.api.haodanku.com/', |
||||
changeOrigin: true, |
||||
pathRewrite: { |
||||
'^/api': '' |
||||
} |
||||
}, |
||||
}, |
||||
|
||||
// Various Dev Server settings
|
||||
host: 'localhost', // can be overwritten by process.env.HOST
|
||||
port: 8001, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
|
||||
autoOpenBrowser: true, |
||||
errorOverlay: true, |
||||
notifyOnErrors: true, |
||||
poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions-
|
||||
|
||||
// Use Eslint Loader?
|
||||
// If true, your code will be linted during bundling and
|
||||
// linting errors and warnings will be shown in the console.
|
||||
useEslint: true, |
||||
// If true, eslint errors and warnings will also be shown in the error overlay
|
||||
// in the browser.
|
||||
showEslintErrorsInOverlay: false, |
||||
|
||||
/** |
||||
* Source Maps |
||||
*/ |
||||
|
||||
// https://webpack.js.org/configuration/devtool/#development
|
||||
devtool: 'eval-source-map', |
||||
|
||||
// If you have problems debugging vue-files in devtools,
|
||||
// set this to false - it *may* help
|
||||
// https://vue-loader.vuejs.org/en/options.html#cachebusting
|
||||
cacheBusting: true, |
||||
|
||||
// CSS Sourcemaps off by default because relative paths are "buggy"
|
||||
// with this option, according to the CSS-Loader README
|
||||
// (https://github.com/webpack/css-loader#sourcemaps)
|
||||
// In our experience, they generally work as expected,
|
||||
// just be aware of this issue when enabling this option.
|
||||
cssSourceMap: false, |
||||
}, |
||||
|
||||
build: { |
||||
// Template for index.html
|
||||
index: path.resolve(__dirname, '../dist/index.html'), |
||||
|
||||
// Paths
|
||||
assetsRoot: path.resolve(__dirname, '../dist'), |
||||
assetsSubDirectory: 'static', |
||||
assetsPublicPath: './', |
||||
|
||||
/** |
||||
* Source Maps |
||||
*/ |
||||
|
||||
productionSourceMap: false, |
||||
// https://webpack.js.org/configuration/devtool/#production
|
||||
devtool: '#source-map', |
||||
|
||||
// Gzip off by default as many popular static hosts such as
|
||||
// Surge or Netlify already gzip all static assets for you.
|
||||
// Before setting to `true`, make sure to:
|
||||
// npm install --save-dev compression-webpack-plugin
|
||||
productionGzip: false, |
||||
productionGzipExtensions: ['js', 'css'], |
||||
|
||||
// Run the build command with an extra argument to
|
||||
// View the bundle analyzer report after build finishes:
|
||||
// `npm run build --report`
|
||||
// Set to `true` or `false` to always turn it on or off
|
||||
bundleAnalyzerReport: process.env.npm_config_report |
||||
} |
||||
} |
||||
@ -0,0 +1,4 @@
|
||||
'use strict' |
||||
module.exports = { |
||||
NODE_ENV: '"production"' |
||||
} |
||||
@ -0,0 +1,7 @@
|
||||
'use strict' |
||||
const merge = require('webpack-merge') |
||||
const devEnv = require('./dev.env') |
||||
|
||||
module.exports = merge(devEnv, { |
||||
NODE_ENV: '"testing"' |
||||
}) |
||||
@ -0,0 +1,5 @@
|
||||
[1027/092342.976:ERROR:directory_reader_win.cc(43)] FindFirstFile: 系统找不到指定的路径。 (0x3) |
||||
[1028/134256.775:ERROR:directory_reader_win.cc(43)] FindFirstFile: 系统找不到指定的路径。 (0x3) |
||||
[1029/092901.009:ERROR:directory_reader_win.cc(43)] FindFirstFile: 系统找不到指定的路径。 (0x3) |
||||
[1030/092842.753:ERROR:directory_reader_win.cc(43)] FindFirstFile: 系统找不到指定的路径。 (0x3) |
||||
[1111/134524.693:ERROR:directory_reader_win.cc(43)] FindFirstFile: 系统找不到指定的路径。 (0x3) |
||||
Binary file not shown.
@ -0,0 +1,66 @@
|
||||
var gulp = require('gulp'); |
||||
var $ = require('gulp-load-plugins')(); |
||||
var path = require('path'); |
||||
var del = require('del'); |
||||
|
||||
var distPath = path.resolve('./dist'); |
||||
var version = ''; // 版本号
|
||||
var versionPath = ''; // 版本号路径
|
||||
var env = process.env.npm_config_qa ? 'qa' : process.env.npm_config_uat ? 'uat' : 'prod'; // 运行环境
|
||||
|
||||
// 创建版本号(年月日时分)
|
||||
(function () { |
||||
var d = new Date(); |
||||
var yy = d.getFullYear(); |
||||
var MM = d.getMonth() + 1 >= 10 ? (d.getMonth() + 1) : '0' + (d.getMonth() + 1); |
||||
var DD = d.getDate() >= 10 ? d.getDate() : '0' + d.getDate(); |
||||
var h = d.getHours() >= 10 ? d.getHours() : '0' + d.getHours(); |
||||
var mm = d.getMinutes() >= 10 ? d.getMinutes() : '0' + d.getMinutes(); |
||||
version = yy + MM + DD + h + mm; |
||||
versionPath = distPath + '/' + version; |
||||
})(); |
||||
|
||||
// 编译
|
||||
gulp.task('build', $.shell.task([ 'node build/build.js' ])); |
||||
|
||||
// 创建版本号目录
|
||||
gulp.task('create:versionCatalog', function () { |
||||
return gulp.src(`${distPath}/static/**/*`) |
||||
.pipe(gulp.dest(`${versionPath}/static/`)) |
||||
}); |
||||
|
||||
// 替换${versionPath}/static/js/manifest.js window.SITE_CONFIG.cdnUrl占位变量
|
||||
gulp.task('replace:cdnUrl', function () { |
||||
return gulp.src(`${versionPath}/static/js/manifest.js`) |
||||
.pipe($.replace(new RegExp(`"${require('./config').build.assetsPublicPath}"`, 'g'), 'window.SITE_CONFIG.cdnUrl + "/"')) |
||||
.pipe(gulp.dest(`${versionPath}/static/js/`)) |
||||
}); |
||||
|
||||
// 替换${versionPath}/static/config/index-${env}.js window.SITE_CONFIG['version']配置变量
|
||||
gulp.task('replace:version', function () { |
||||
return gulp.src(`${versionPath}/static/config/index-${env}.js`) |
||||
.pipe($.replace(/window.SITE_CONFIG\['version'\] = '.*'/g, `window.SITE_CONFIG['version'] = '${version}'`)) |
||||
.pipe(gulp.dest(`${versionPath}/static/config/`)) |
||||
}); |
||||
|
||||
// 合并${versionPath}/static/config/[index-${env}, init].js 至 ${distPath}/config/index.js
|
||||
gulp.task('concat:config', function () { |
||||
return gulp.src([`${versionPath}/static/config/index-${env}.js`, `${versionPath}/static/config/init.js`]) |
||||
.pipe($.concat('index.js')) |
||||
.pipe(gulp.dest(`${distPath}/config/`)) |
||||
}); |
||||
|
||||
|
||||
//清除, 编译 / 处理项目中产生的文件
|
||||
gulp.task('cleanBuild', function () { |
||||
return del([`${distPath}/static`, `${versionPath}/static/config`]) |
||||
}); |
||||
// 清空
|
||||
gulp.task('clean', function () { |
||||
return del([versionPath]) |
||||
}); |
||||
|
||||
|
||||
//gulp.series|4.0 依赖
|
||||
//gulp.parallel|4.0 多个依赖嵌套
|
||||
gulp.task('default',gulp.series(gulp.series('build','create:versionCatalog','replace:cdnUrl','replace:version','concat:config','cleanBuild'))); |
||||
@ -0,0 +1,39 @@
|
||||
<!DOCTYPE html> |
||||
<html lang="zh-CN"> |
||||
<head> |
||||
<meta charset="UTF-8"> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge"> |
||||
<!-- <script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=miP4RMG1yZoROVRSqTPghvUaRb68iGUB"></script> --> |
||||
<title>省钱兄霸王餐系统</title> |
||||
<% if (process.env.NODE_ENV === 'production') { %> |
||||
<!-- 生产环境 --> |
||||
<script>document.write('<script src="./config/index.js?t=' + new Date().getTime() + '"><\/script>');</script> |
||||
<link rel="shortcut icon" type="image/x-icon" href="./static/img/favicon.ico"> |
||||
<script src="./static/config/index.js"></script> |
||||
<script src="./static/plugins/mock-1.0.0-beta3/mock-min.js"></script> |
||||
<script src="./static/plugins/echarts-3.8.5/echarts.common.min.js"></script> |
||||
<script src="./static/plugins/ueditor-1.4.3.3/ueditor.config.js"></script> |
||||
<script src="./static/plugins/ueditor-1.4.3.3/ueditor.all.min.js"></script> |
||||
<script src="./static/plugins/ueditor-1.4.3.3/lang/zh-cn/zh-cn.js"></script> |
||||
<script charset="utf-8" src="https://map.qq.com/api/js?v=2.exp&key=ZBABZ-ZWECU-UQTVV-4LYDR-COK3F-5SF75"></script> |
||||
<script src="https://map.qq.com/api/gljs?v=1.exp&key=ZBABZ-ZWECU-UQTVV-4LYDR-COK3F-5SF75"></script> |
||||
<script src="https://3gimg.qq.com/lightmap/components/geolocation/geolocation.min.js"></script> |
||||
<% }else { %> |
||||
<!-- 开发环境 --> |
||||
<link rel="shortcut icon" type="image/x-icon" href="./static/img/favicon.ico"> |
||||
<script src="./static/config/index.js"></script> |
||||
<script src="./static/plugins/mock-1.0.0-beta3/mock-min.js"></script> |
||||
<script src="./static/plugins/echarts-3.8.5/echarts.common.min.js"></script> |
||||
<script src="./static/plugins/ueditor-1.4.3.3/ueditor.config.js"></script> |
||||
<script src="./static/plugins/ueditor-1.4.3.3/ueditor.all.min.js"></script> |
||||
<script src="./static/plugins/ueditor-1.4.3.3/lang/zh-cn/zh-cn.js"></script> |
||||
<script charset="utf-8" src="https://map.qq.com/api/js?v=2.exp&key=ZBABZ-ZWECU-UQTVV-4LYDR-COK3F-5SF75"></script> |
||||
<script src="https://map.qq.com/api/gljs?v=1.exp&key=ZBABZ-ZWECU-UQTVV-4LYDR-COK3F-5SF75"></script> |
||||
<script src="https://3gimg.qq.com/lightmap/components/geolocation/geolocation.min.js"></script> |
||||
<% } %> |
||||
</head> |
||||
<body> |
||||
<div id="app"></div> |
||||
</body> |
||||
</html> |
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,105 @@
|
||||
{ |
||||
"name": "sz-fast-vue", |
||||
"version": "1.2.2", |
||||
"description": "sz-fast-vue基于vue、element-ui构建开发，实现sz-fast后台管理前端功能，提供一套更优的前端解决方案。", |
||||
"author": "daxiong.yang <daxiong.yang@qq.com>", |
||||
"private": true, |
||||
"scripts": { |
||||
"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", |
||||
"start": "npm run dev", |
||||
"unit": "jest --config test/unit/jest.conf.js --coverage", |
||||
"e2e": "node test/e2e/runner.js", |
||||
"test": "npm run unit && npm run e2e", |
||||
"lint": "eslint --ext .js,.vue src test/unit/specs test/e2e/specs", |
||||
"build": "gulp" |
||||
}, |
||||
"dependencies": { |
||||
"axios": "^0.21.1", |
||||
"babel-plugin-component": "0.10.1", |
||||
"babel-polyfill": "6.26.0", |
||||
"element-china-area-data": "^5.0.2", |
||||
"element-ui": "2.8.2", |
||||
"fs": "0.0.1-security", |
||||
"gulp-concat": "2.6.1", |
||||
"gulp-load-plugins": "1.5.0", |
||||
"gulp-replace": "0.6.1", |
||||
"gulp-shell": "0.6.5", |
||||
"lodash": "^4.17.21", |
||||
"npm": "^6.9.0", |
||||
"sass-loader": "6.0.6", |
||||
"svg-sprite-loader": "3.7.3", |
||||
"vue": "2.5.16", |
||||
"vue-baidu-map": "^0.21.22", |
||||
"vue-cookie": "1.1.4", |
||||
"vue-jsonp": "^2.0.0", |
||||
"vue-quill-editor": "^3.0.6", |
||||
"vue-router": "3.0.1", |
||||
"vuex": "3.0.1" |
||||
}, |
||||
"devDependencies": { |
||||
"autoprefixer": "7.1.2", |
||||
"babel-core": "6.22.1", |
||||
"babel-eslint": "7.1.1", |
||||
"babel-jest": "21.0.2", |
||||
"babel-loader": "7.1.1", |
||||
"babel-plugin-dynamic-import-node": "1.2.0", |
||||
"babel-plugin-transform-es2015-modules-commonjs": "6.26.0", |
||||
"babel-plugin-transform-runtime": "6.22.0", |
||||
"babel-preset-env": "1.3.2", |
||||
"babel-preset-stage-2": "6.22.0", |
||||
"babel-register": "6.22.0", |
||||
"chalk": "2.3.0", |
||||
"chromedriver": "2.27.2", |
||||
"copy-webpack-plugin": "4.0.1", |
||||
"cross-spawn": "5.0.1", |
||||
"css-loader": "0.28.0", |
||||
"eslint": "3.19.0", |
||||
"eslint-config-standard": "10.2.1", |
||||
"eslint-friendly-formatter": "3.0.0", |
||||
"eslint-loader": "1.7.1", |
||||
"eslint-plugin-html": "3.0.0", |
||||
"eslint-plugin-import": "2.7.0", |
||||
"eslint-plugin-node": "5.2.0", |
||||
"eslint-plugin-promise": "3.5.0", |
||||
"eslint-plugin-standard": "3.0.1", |
||||
"eventsource-polyfill": "0.9.6", |
||||
"extract-text-webpack-plugin": "3.0.0", |
||||
"file-loader": "1.1.4", |
||||
"friendly-errors-webpack-plugin": "1.6.1", |
||||
"gulp": "^4.0.2", |
||||
"html-webpack-plugin": "2.30.1", |
||||
"jest": "21.2.0", |
||||
"jest-serializer-vue": "0.3.0", |
||||
"nightwatch": "0.9.12", |
||||
"node-notifier": "5.1.2", |
||||
"node-sass": "^4.14.1", |
||||
"optimize-css-assets-webpack-plugin": "3.2.0", |
||||
"ora": "1.2.0", |
||||
"portfinder": "1.0.13", |
||||
"postcss-import": "11.0.0", |
||||
"postcss-loader": "2.0.8", |
||||
"rimraf": "2.6.0", |
||||
"selenium-server": "3.0.1", |
||||
"semver": "5.3.0", |
||||
"shelljs": "0.7.6", |
||||
"uglifyjs-webpack-plugin": "1.1.1", |
||||
"url-loader": "0.5.8", |
||||
"vue-jest": "1.0.2", |
||||
"vue-loader": "13.3.0", |
||||
"vue-style-loader": "3.0.1", |
||||
"vue-template-compiler": "2.5.16", |
||||
"webpack": "3.6.0", |
||||
"webpack-bundle-analyzer": "2.9.0", |
||||
"webpack-dev-server": "2.9.1", |
||||
"webpack-merge": "4.1.0" |
||||
}, |
||||
"engines": { |
||||
"node": ">= 8.11.1", |
||||
"npm": ">= 5.6.0" |
||||
}, |
||||
"browserslist": [ |
||||
"> 1%", |
||||
"last 2 versions", |
||||
"not ie <= 8" |
||||
] |
||||
} |
||||
@ -0,0 +1,10 @@
|
||||
<template> |
||||
<transition name="fade"> |
||||
<router-view></router-view> |
||||
</transition> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
} |
||||
</script> |
||||
|
After Width: | Height: | Size: 30 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 60 KiB |
|
After Width: | Height: | Size: 416 KiB |
@ -0,0 +1,364 @@
|
||||
*, |
||||
*:before, |
||||
*:after { |
||||
box-sizing: border-box; |
||||
} |
||||
body { |
||||
font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif; |
||||
font-size: 14px; |
||||
line-height: 1.15; |
||||
color: #303133; |
||||
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; |
||||
} |
||||
|
||||
|
||||
/* Utils |
||||
------------------------------ */ |
||||
.clearfix:before, |
||||
.clearfix:after { |
||||
content: " "; |
||||
display: table; |
||||
} |
||||
.clearfix:after { |
||||
clear: both; |
||||
} |
||||
|
||||
|
||||
/* Animation |
||||
------------------------------ */ |
||||
.fade-enter-active, |
||||
.fade-leave-active { |
||||
transition: opacity .5s; |
||||
} |
||||
.fade-enter, |
||||
.fade-leave-to { |
||||
opacity: 0; |
||||
} |
||||
|
||||
|
||||
/* Reset element-ui |
||||
------------------------------ */ |
||||
.site-wrapper { |
||||
.el-pagination { |
||||
margin-top: 15px; |
||||
text-align: right; |
||||
} |
||||
} |
||||
|
||||
|
||||
/* Layout |
||||
------------------------------ */ |
||||
.site-wrapper { |
||||
position: relative; |
||||
min-width: 1180px; |
||||
} |
||||
|
||||
|
||||
/* Sidebar fold |
||||
------------------------------ */ |
||||
.site-sidebar--fold { |
||||
.site-navbar__header, |
||||
.site-navbar__brand, |
||||
.site-sidebar, |
||||
.site-sidebar__inner, |
||||
.el-menu.site-sidebar__menu { |
||||
width: 64px; |
||||
} |
||||
.site-navbar__body, |
||||
.site-content__wrapper { |
||||
margin-left: 64px; |
||||
} |
||||
.site-navbar__brand { |
||||
&-lg { |
||||
display: none; |
||||
} |
||||
&-mini { |
||||
display: inline-block; |
||||
} |
||||
} |
||||
.site-sidebar, |
||||
.site-sidebar__inner { |
||||
overflow: initial; |
||||
} |
||||
.site-sidebar__menu-icon { |
||||
margin-right: 0; |
||||
font-size: 20px; |
||||
} |
||||
.site-content--tabs > .el-tabs > .el-tabs__header { |
||||
left: 64px; |
||||
} |
||||
} |
||||
// animation |
||||
.site-navbar__header, |
||||
.site-navbar__brand, |
||||
.site-navbar__body, |
||||
.site-sidebar, |
||||
.site-sidebar__inner, |
||||
.site-sidebar__menu.el-menu, |
||||
.site-sidebar__menu-icon, |
||||
.site-content__wrapper, |
||||
.site-content--tabs > .el-tabs .el-tabs__header { |
||||
transition: inline-block .3s, left .3s, width .3s, margin-left .3s, font-size .3s; |
||||
} |
||||
|
||||
|
||||
/* Navbar |
||||
------------------------------ */ |
||||
.site-navbar { |
||||
position: fixed; |
||||
top: 0; |
||||
right: 0; |
||||
left: 0; |
||||
z-index: 1030; |
||||
height: 50px; |
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, .08); |
||||
background-color: $navbar--background-color; |
||||
|
||||
&--inverse { |
||||
.site-navbar__body { |
||||
background-color: transparent; |
||||
} |
||||
.el-menu { |
||||
> .el-menu-item, |
||||
> .el-submenu > .el-submenu__title { |
||||
color: #fff; |
||||
&:focus, |
||||
&:hover { |
||||
color: #fff; |
||||
background-color: mix(#000, $navbar--background-color, 15%); |
||||
} |
||||
} |
||||
> .el-menu-item.is-active, |
||||
> .el-submenu.is-active > .el-submenu__title { |
||||
border-bottom-color: mix(#fff, $navbar--background-color, 85%); |
||||
} |
||||
.el-menu-item i, |
||||
.el-submenu__title i, |
||||
.el-dropdown { |
||||
color: #fff; |
||||
} |
||||
} |
||||
.el-menu--popup-bottom-start { |
||||
background-color: $navbar--background-color; |
||||
} |
||||
} |
||||
|
||||
&__header { |
||||
position: relative; |
||||
float: left; |
||||
width: 230px; |
||||
height: 50px; |
||||
overflow: hidden; |
||||
} |
||||
&__brand { |
||||
display: table-cell; |
||||
vertical-align: middle; |
||||
width: 230px; |
||||
height: 50px; |
||||
margin: 0; |
||||
line-height: 50px; |
||||
font-size: 18px; |
||||
text-align: center; |
||||
text-transform: uppercase; |
||||
white-space: nowrap; |
||||
color: #fff; |
||||
|
||||
&-lg, |
||||
&-mini { |
||||
margin: 0 5px; |
||||
color: #fff; |
||||
&:focus, |
||||
&:hover { |
||||
color: #fff; |
||||
text-decoration: none; |
||||
} |
||||
} |
||||
&-mini { |
||||
display: none; |
||||
} |
||||
} |
||||
&__switch { |
||||
font-size: 18px; |
||||
border-bottom: none !important; |
||||
} |
||||
&__avatar { |
||||
border-bottom: none !important; |
||||
* { |
||||
vertical-align: inherit; |
||||
} |
||||
.el-dropdown-link { |
||||
> img { |
||||
width: 36px; |
||||
height: auto; |
||||
margin-right: 5px; |
||||
border-radius: 100%; |
||||
vertical-align: middle; |
||||
} |
||||
} |
||||
} |
||||
&__body { |
||||
position: relative; |
||||
margin-left: 230px; |
||||
padding-right: 15px; |
||||
background-color: #fff; |
||||
} |
||||
&__menu { |
||||
float: left; |
||||
background-color: transparent; |
||||
border-bottom: 0; |
||||
|
||||
&--right { |
||||
float: right; |
||||
} |
||||
a:focus, |
||||
a:hover { |
||||
text-decoration: none; |
||||
} |
||||
.el-menu-item, |
||||
.el-submenu > .el-submenu__title { |
||||
height: 50px; |
||||
line-height: 50px; |
||||
} |
||||
.el-submenu > .el-menu { |
||||
top: 55px; |
||||
} |
||||
.el-badge { |
||||
display: inline; |
||||
z-index: 2; |
||||
&__content { |
||||
line-height: 16px; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
|
||||
/* Sidebar |
||||
------------------------------ */ |
||||
.site-sidebar { |
||||
position: fixed; |
||||
top: 50px; |
||||
left: 0; |
||||
bottom: 0; |
||||
z-index: 1020; |
||||
width: 230px; |
||||
overflow: hidden; |
||||
|
||||
&--dark, |
||||
&--dark-popper { |
||||
background-color: $sidebar--background-color-dark; |
||||
.site-sidebar__menu.el-menu, |
||||
> .el-menu--popup { |
||||
background-color: $sidebar--background-color-dark; |
||||
.el-menu-item, |
||||
.el-submenu > .el-submenu__title { |
||||
color: $sidebar--color-text-dark; |
||||
&:focus, |
||||
&:hover { |
||||
color: mix(#fff, $sidebar--color-text-dark, 50%); |
||||
background-color: mix(#293749, $sidebar--background-color-dark, 65%); |
||||
} |
||||
} |
||||
.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(#4f9dec, $sidebar--color-text-dark, 100%); |
||||
} |
||||
} |
||||
} |
||||
&__inner { |
||||
position: relative; |
||||
z-index: 1; |
||||
width: 250px; |
||||
height: 100%; |
||||
padding-bottom: 15px; |
||||
overflow-y: scroll; |
||||
} |
||||
&__menu.el-menu { |
||||
width: 230px; |
||||
border-right: 0; |
||||
} |
||||
&__menu-icon { |
||||
width: 24px; |
||||
margin-right: 5px; |
||||
text-align: center; |
||||
font-size: 18px; |
||||
color: inherit !important; |
||||
} |
||||
} |
||||
|
||||
|
||||
/* Content |
||||
------------------------------ */ |
||||
.site-content { |
||||
position: relative; |
||||
padding: 15px; |
||||
|
||||
&__wrapper { |
||||
position: relative; |
||||
padding-top: 50px; |
||||
margin-left: 230px; |
||||
min-height: 100%; |
||||
background: $content--background-color; |
||||
} |
||||
&--tabs { |
||||
padding: 55px 0 0; |
||||
} |
||||
> .el-tabs { |
||||
> .el-tabs__header { |
||||
position: fixed; |
||||
top: 50px; |
||||
left: 230px; |
||||
right: 0; |
||||
z-index: 930; |
||||
padding: 0 55px 0 15px; |
||||
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12), 0 0 6px 0 rgba(0, 0, 0, .04); |
||||
background-color: #fff; |
||||
> .el-tabs__nav-wrap { |
||||
margin-bottom: 0; |
||||
&:after { |
||||
display: none; |
||||
} |
||||
} |
||||
} |
||||
> .el-tabs__content { |
||||
padding: 0 15px 15px; |
||||
> .site-tabs__tools { |
||||
position: fixed; |
||||
top: 50px; |
||||
right: 0; |
||||
z-index: 931; |
||||
height: 40px; |
||||
padding: 0 12px; |
||||
font-size: 16px; |
||||
line-height: 40px; |
||||
background-color: $content--background-color; |
||||
cursor: pointer; |
||||
.el-icon--right { |
||||
margin-left: 0; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
.el-table__expand-icon { |
||||
display: inline-block; |
||||
width: 14px; |
||||
vertical-align: middle; |
||||
margin-right: 5px; |
||||
} |
||||
@ -0,0 +1,447 @@
|
||||
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ |
||||
|
||||
/* Document |
||||
========================================================================== */ |
||||
|
||||
/** |
||||
* 1. Correct the line height in all browsers. |
||||
* 2. Prevent adjustments of font size after orientation changes in |
||||
* IE on Windows Phone and in iOS. |
||||
*/ |
||||
|
||||
html { |
||||
line-height: 1.15; /* 1 */ |
||||
-ms-text-size-adjust: 100%; /* 2 */ |
||||
-webkit-text-size-adjust: 100%; /* 2 */ |
||||
} |
||||
|
||||
/* Sections |
||||
========================================================================== */ |
||||
|
||||
/** |
||||
* Remove the margin in all browsers (opinionated). |
||||
*/ |
||||
|
||||
body { |
||||
margin: 0; |
||||
} |
||||
|
||||
/** |
||||
* Add the correct display in IE 9-. |
||||
*/ |
||||
|
||||
article, |
||||
aside, |
||||
footer, |
||||
header, |
||||
nav, |
||||
section { |
||||
display: block; |
||||
} |
||||
|
||||
/** |
||||
* Correct the font size and margin on `h1` elements within `section` and |
||||
* `article` contexts in Chrome, Firefox, and Safari. |
||||
*/ |
||||
|
||||
h1 { |
||||
font-size: 2em; |
||||
margin: 0.67em 0; |
||||
} |
||||
|
||||
/* Grouping content |
||||
========================================================================== */ |
||||
|
||||
/** |
||||
* Add the correct display in IE 9-. |
||||
* 1. Add the correct display in IE. |
||||
*/ |
||||
|
||||
figcaption, |
||||
figure, |
||||
main { /* 1 */ |
||||
display: block; |
||||
} |
||||
|
||||
/** |
||||
* Add the correct margin in IE 8. |
||||
*/ |
||||
|
||||
figure { |
||||
margin: 1em 40px; |
||||
} |
||||
|
||||
/** |
||||
* 1. Add the correct box sizing in Firefox. |
||||
* 2. Show the overflow in Edge and IE. |
||||
*/ |
||||
|
||||
hr { |
||||
box-sizing: content-box; /* 1 */ |
||||
height: 0; /* 1 */ |
||||
overflow: visible; /* 2 */ |
||||
} |
||||
|
||||
/** |
||||
* 1. Correct the inheritance and scaling of font size in all browsers. |
||||
* 2. Correct the odd `em` font sizing in all browsers. |
||||
*/ |
||||
|
||||
pre { |
||||
font-family: monospace, monospace; /* 1 */ |
||||
font-size: 1em; /* 2 */ |
||||
} |
||||
|
||||
/* Text-level semantics |
||||
========================================================================== */ |
||||
|
||||
/** |
||||
* 1. Remove the gray background on active links in IE 10. |
||||
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+. |
||||
*/ |
||||
|
||||
a { |
||||
background-color: transparent; /* 1 */ |
||||
-webkit-text-decoration-skip: objects; /* 2 */ |
||||
} |
||||
|
||||
/** |
||||
* 1. Remove the bottom border in Chrome 57- and Firefox 39-. |
||||
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. |
||||
*/ |
||||
|
||||
abbr[title] { |
||||
border-bottom: none; /* 1 */ |
||||
text-decoration: underline; /* 2 */ |
||||
text-decoration: underline dotted; /* 2 */ |
||||
} |
||||
|
||||
/** |
||||
* Prevent the duplicate application of `bolder` by the next rule in Safari 6. |
||||
*/ |
||||
|
||||
b, |
||||
strong { |
||||
font-weight: inherit; |
||||
} |
||||
|
||||
/** |
||||
* Add the correct font weight in Chrome, Edge, and Safari. |
||||
*/ |
||||
|
||||
b, |
||||
strong { |
||||
font-weight: bolder; |
||||
} |
||||
|
||||
/** |
||||
* 1. Correct the inheritance and scaling of font size in all browsers. |
||||
* 2. Correct the odd `em` font sizing in all browsers. |
||||
*/ |
||||
|
||||
code, |
||||
kbd, |
||||
samp { |
||||
font-family: monospace, monospace; /* 1 */ |
||||
font-size: 1em; /* 2 */ |
||||
} |
||||
|
||||
/** |
||||
* Add the correct font style in Android 4.3-. |
||||
*/ |
||||
|
||||
dfn { |
||||
font-style: italic; |
||||
} |
||||
|
||||
/** |
||||
* Add the correct background and color in IE 9-. |
||||
*/ |
||||
|
||||
mark { |
||||
background-color: #ff0; |
||||
color: #000; |
||||
} |
||||
|
||||
/** |
||||
* Add the correct font size in all browsers. |
||||
*/ |
||||
|
||||
small { |
||||
font-size: 80%; |
||||
} |
||||
|
||||
/** |
||||
* Prevent `sub` and `sup` elements from affecting the line height in |
||||
* all browsers. |
||||
*/ |
||||
|
||||
sub, |
||||
sup { |
||||
font-size: 75%; |
||||
line-height: 0; |
||||
position: relative; |
||||
vertical-align: baseline; |
||||
} |
||||
|
||||
sub { |
||||
bottom: -0.25em; |
||||
} |
||||
|
||||
sup { |
||||
top: -0.5em; |
||||
} |
||||
|
||||
/* Embedded content |
||||
========================================================================== */ |
||||
|
||||
/** |
||||
* Add the correct display in IE 9-. |
||||
*/ |
||||
|
||||
audio, |
||||
video { |
||||
display: inline-block; |
||||
} |
||||
|
||||
/** |
||||
* Add the correct display in iOS 4-7. |
||||
*/ |
||||
|
||||
audio:not([controls]) { |
||||
display: none; |
||||
height: 0; |
||||
} |
||||
|
||||
/** |
||||
* Remove the border on images inside links in IE 10-. |
||||
*/ |
||||
|
||||
img { |
||||
border-style: none; |
||||
} |
||||
|
||||
/** |
||||
* Hide the overflow in IE. |
||||
*/ |
||||
|
||||
svg:not(:root) { |
||||
overflow: hidden; |
||||
} |
||||
|
||||
/* Forms |
||||
========================================================================== */ |
||||
|
||||
/** |
||||
* 1. Change the font styles in all browsers (opinionated). |
||||
* 2. Remove the margin in Firefox and Safari. |
||||
*/ |
||||
|
||||
button, |
||||
input, |
||||
optgroup, |
||||
select, |
||||
textarea { |
||||
font-family: sans-serif; /* 1 */ |
||||
font-size: 100%; /* 1 */ |
||||
line-height: 1.15; /* 1 */ |
||||
margin: 0; /* 2 */ |
||||
} |
||||
|
||||
/** |
||||
* Show the overflow in IE. |
||||
* 1. Show the overflow in Edge. |
||||
*/ |
||||
|
||||
button, |
||||
input { /* 1 */ |
||||
overflow: visible; |
||||
} |
||||
|
||||
/** |
||||
* Remove the inheritance of text transform in Edge, Firefox, and IE. |
||||
* 1. Remove the inheritance of text transform in Firefox. |
||||
*/ |
||||
|
||||
button, |
||||
select { /* 1 */ |
||||
text-transform: none; |
||||
} |
||||
|
||||
/** |
||||
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` |
||||
* controls in Android 4. |
||||
* 2. Correct the inability to style clickable types in iOS and Safari. |
||||
*/ |
||||
|
||||
button, |
||||
html [type="button"], /* 1 */ |
||||
[type="reset"], |
||||
[type="submit"] { |
||||
-webkit-appearance: button; /* 2 */ |
||||
} |
||||
|
||||
/** |
||||
* Remove the inner border and padding in Firefox. |
||||
*/ |
||||
|
||||
button::-moz-focus-inner, |
||||
[type="button"]::-moz-focus-inner, |
||||
[type="reset"]::-moz-focus-inner, |
||||
[type="submit"]::-moz-focus-inner { |
||||
border-style: none; |
||||
padding: 0; |
||||
} |
||||
|
||||
/** |
||||
* Restore the focus styles unset by the previous rule. |
||||
*/ |
||||
|
||||
button:-moz-focusring, |
||||
[type="button"]:-moz-focusring, |
||||
[type="reset"]:-moz-focusring, |
||||
[type="submit"]:-moz-focusring { |
||||
outline: 1px dotted ButtonText; |
||||
} |
||||
|
||||
/** |
||||
* Correct the padding in Firefox. |
||||
*/ |
||||
|
||||
fieldset { |
||||
padding: 0.35em 0.75em 0.625em; |
||||
} |
||||
|
||||
/** |
||||
* 1. Correct the text wrapping in Edge and IE. |
||||
* 2. Correct the color inheritance from `fieldset` elements in IE. |
||||
* 3. Remove the padding so developers are not caught out when they zero out |
||||
* `fieldset` elements in all browsers. |
||||
*/ |
||||
|
||||
legend { |
||||
box-sizing: border-box; /* 1 */ |
||||
color: inherit; /* 2 */ |
||||
display: table; /* 1 */ |
||||
max-width: 100%; /* 1 */ |
||||
padding: 0; /* 3 */ |
||||
white-space: normal; /* 1 */ |
||||
} |
||||
|
||||
/** |
||||
* 1. Add the correct display in IE 9-. |
||||
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. |
||||
*/ |
||||
|
||||
progress { |
||||
display: inline-block; /* 1 */ |
||||
vertical-align: baseline; /* 2 */ |
||||
} |
||||
|
||||
/** |
||||
* Remove the default vertical scrollbar in IE. |
||||
*/ |
||||
|
||||
textarea { |
||||
overflow: auto; |
||||
} |
||||
|
||||
/** |
||||
* 1. Add the correct box sizing in IE 10-. |
||||
* 2. Remove the padding in IE 10-. |
||||
*/ |
||||
|
||||
[type="checkbox"], |
||||
[type="radio"] { |
||||
box-sizing: border-box; /* 1 */ |
||||
padding: 0; /* 2 */ |
||||
} |
||||
|
||||
/** |
||||
* Correct the cursor style of increment and decrement buttons in Chrome. |
||||
*/ |
||||
|
||||
[type="number"]::-webkit-inner-spin-button, |
||||
[type="number"]::-webkit-outer-spin-button { |
||||
height: auto; |
||||
} |
||||
|
||||
/** |
||||
* 1. Correct the odd appearance in Chrome and Safari. |
||||
* 2. Correct the outline style in Safari. |
||||
*/ |
||||
|
||||
[type="search"] { |
||||
-webkit-appearance: textfield; /* 1 */ |
||||
outline-offset: -2px; /* 2 */ |
||||
} |
||||
|
||||
/** |
||||
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS. |
||||
*/ |
||||
|
||||
[type="search"]::-webkit-search-cancel-button, |
||||
[type="search"]::-webkit-search-decoration { |
||||
-webkit-appearance: none; |
||||
} |
||||
|
||||
/** |
||||
* 1. Correct the inability to style clickable types in iOS and Safari. |
||||
* 2. Change font properties to `inherit` in Safari. |
||||
*/ |
||||
|
||||
::-webkit-file-upload-button { |
||||
-webkit-appearance: button; /* 1 */ |
||||
font: inherit; /* 2 */ |
||||
} |
||||
|
||||
/* Interactive |
||||
========================================================================== */ |
||||
|
||||
/* |
||||
* Add the correct display in IE 9-. |
||||
* 1. Add the correct display in Edge, IE, and Firefox. |
||||
*/ |
||||
|
||||
details, /* 1 */ |
||||
menu { |
||||
display: block; |
||||
} |
||||
|
||||
/* |
||||
* Add the correct display in all browsers. |
||||
*/ |
||||
|
||||
summary { |
||||
display: list-item; |
||||
} |
||||
|
||||
/* Scripting |
||||
========================================================================== */ |
||||
|
||||
/** |
||||
* Add the correct display in IE 9-. |
||||
*/ |
||||
|
||||
canvas { |
||||
display: inline-block; |
||||
} |
||||
|
||||
/** |
||||
* Add the correct display in IE. |
||||
*/ |
||||
|
||||
template { |
||||
display: none; |
||||
} |
||||
|
||||
/* Hidden |
||||
========================================================================== */ |
||||
|
||||
/** |
||||
* Add the correct display in IE 10-. |
||||
*/ |
||||
|
||||
[hidden] { |
||||
display: none; |
||||
} |
||||
@ -0,0 +1,13 @@
|
||||
// 站点主色 |
||||
// tips: 要达到整站主题修改效果, 请确保[$--color-primary]站点主色与[/src/element-ui-theme/index.js]文件中[import './element-[#17B3A3]/index.css']当前主题色一致 |
||||
$--color-primary: #304156; |
||||
|
||||
// Navbar |
||||
$navbar--background-color: $--color-primary; |
||||
|
||||
// Sidebar |
||||
$sidebar--background-color-dark: #304156; |
||||
$sidebar--color-text-dark:#c1cbd9; |
||||
|
||||
// Content |
||||
$content--background-color: #f1f4f5; |
||||
@ -0,0 +1,3 @@
|
||||
@import "normalize"; // api: https://github.com/necolas/normalize.css/ |
||||
@import "variables"; // 站点变量 |
||||
@import "base"; |
||||
|
After Width: | Height: | Size: 126 KiB |
|
After Width: | Height: | Size: 231 B |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 12 KiB |
@ -0,0 +1,51 @@
|
||||
<template> |
||||
<svg |
||||
:class="getClassName" |
||||
:width="width" |
||||
:height="height" |
||||
aria-hidden="true"> |
||||
<use :xlink:href="getName"></use> |
||||
</svg> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
name: 'icon-svg', |
||||
props: { |
||||
name: { |
||||
type: String, |
||||
required: true |
||||
}, |
||||
className: { |
||||
type: String |
||||
}, |
||||
width: { |
||||
type: String |
||||
}, |
||||
height: { |
||||
type: String |
||||
} |
||||
}, |
||||
computed: { |
||||
getName () { |
||||
return `#icon-${this.name}` |
||||
}, |
||||
getClassName () { |
||||
return [ |
||||
'icon-svg', |
||||
`icon-svg__${this.name}`, |
||||
this.className && /\S/.test(this.className) ? `${this.className}` : '' |
||||
] |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style> |
||||
.icon-svg { |
||||
width: 1em; |
||||
height: 1em; |
||||
fill: currentColor; |
||||
overflow: hidden; |
||||
} |
||||
</style> |
||||
@ -0,0 +1,84 @@
|
||||
<template> |
||||
<el-table-column :prop="prop" v-bind="$attrs"> |
||||
<template slot-scope="scope"> |
||||
<span @click.prevent="toggleHandle(scope.$index, scope.row)" :style="childStyles(scope.row)"> |
||||
<i :class="iconClasses(scope.row)" :style="iconStyles(scope.row)"></i> |
||||
{{ scope.row[prop] }} |
||||
</span> |
||||
</template> |
||||
</el-table-column> |
||||
</template> |
||||
|
||||
<script> |
||||
import isArray from 'lodash/isArray' |
||||
export default { |
||||
name: 'table-tree-column', |
||||
props: { |
||||
prop: { |
||||
type: String |
||||
}, |
||||
treeKey: { |
||||
type: String, |
||||
default: 'id' |
||||
}, |
||||
parentKey: { |
||||
type: String, |
||||
default: 'parentId' |
||||
}, |
||||
levelKey: { |
||||
type: String, |
||||
default: '_level' |
||||
}, |
||||
childKey: { |
||||
type: String, |
||||
default: 'children' |
||||
} |
||||
}, |
||||
methods: { |
||||
childStyles (row) { |
||||
return { 'padding-left': (row[this.levelKey] > 1 ? row[this.levelKey] * 7 : 0) + 'px' } |
||||
}, |
||||
iconClasses (row) { |
||||
return [ !row._expanded ? 'el-icon-caret-right' : 'el-icon-caret-bottom' ] |
||||
}, |
||||
iconStyles (row) { |
||||
return { 'visibility': this.hasChild(row) ? 'visible' : 'hidden' } |
||||
}, |
||||
hasChild (row) { |
||||
return (isArray(row[this.childKey]) && row[this.childKey].length >= 1) || false |
||||
}, |
||||
// 切换处理 |
||||
toggleHandle (index, row) { |
||||
if (this.hasChild(row)) { |
||||
var data = this.$parent.store.states.data.slice(0) |
||||
data[index]._expanded = !data[index]._expanded |
||||
if (data[index]._expanded) { |
||||
data = data.splice(0, index + 1).concat(row[this.childKey]).concat(data) |
||||
} else { |
||||
data = this.removeChildNode(data, row[this.treeKey]) |
||||
} |
||||
this.$parent.store.commit('setData', data) |
||||
this.$nextTick(() => { |
||||
this.$parent.doLayout() |
||||
}) |
||||
} |
||||
}, |
||||
// 移除子节点 |
||||
removeChildNode (data, parentId) { |
||||
var parentIds = isArray(parentId) ? parentId : [parentId] |
||||
if (parentId.length <= 0) { |
||||
return data |
||||
} |
||||
var ids = [] |
||||
for (var i = 0; i < data.length; i++) { |
||||
if (parentIds.indexOf(data[i][this.parentKey]) !== -1 && parentIds.indexOf(data[i][this.treeKey]) === -1) { |
||||
data[i]._expanded = false |
||||
ids.push(data.splice(i, 1)[0][this.treeKey]) |
||||
i-- |
||||
} |
||||
} |
||||
return this.removeChildNode(data, ids) |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
Binary file not shown.
Binary file not shown.
File diff suppressed because one or more lines are too long
Binary file not shown.
Binary file not shown.
File diff suppressed because one or more lines are too long
Binary file not shown.
Binary file not shown.
File diff suppressed because it is too large
Load Diff
Binary file not shown.
Binary file not shown.
File diff suppressed because one or more lines are too long
Binary file not shown.
Binary file not shown.
File diff suppressed because one or more lines are too long
Binary file not shown.
Binary file not shown.
File diff suppressed because one or more lines are too long
Binary file not shown.
Binary file not shown.
File diff suppressed because one or more lines are too long
Binary file not shown.
Binary file not shown.
File diff suppressed because one or more lines are too long
Binary file not shown.
Binary file not shown.
File diff suppressed because one or more lines are too long
Binary file not shown.
Binary file not shown.
File diff suppressed because one or more lines are too long
Binary file not shown.
Binary file not shown.
File diff suppressed because one or more lines are too long
Binary file not shown.
Binary file not shown.
File diff suppressed because one or more lines are too long
@ -0,0 +1,24 @@
|
||||
/** |
||||
* element-ui组件主题 |
||||
* |
||||
* tips: |
||||
* 1. 此处只包含element-ui组件主题 |
||||
* 2. 要达到整站主题修改效果, 请确保[import './element-[#17B3A3]/index.css']当前主题色与[/src/assets/scss/_variables.scss]文件中[$--color-primary]属性值一致 |
||||
*/ |
||||
import './element-#3E8EF7/index.css' // 当前主题色
|
||||
export default { |
||||
list: [ |
||||
'#0BB2D4', // 青色
|
||||
'#3E8EF7', // 蓝色
|
||||
'#11C26D', // 绿色
|
||||
'#17B3A3', // 蓝绿色
|
||||
'#667AFA', // 靛青色
|
||||
'#997B71', // 棕色
|
||||
'#9463F7', // 紫色
|
||||
'#757575', // 灰色
|
||||
'#EB6709', // 橙色
|
||||
'#F74584', // 粉红色
|
||||
'#FCB900', // 黄色
|
||||
'#FF4C52' // 红色
|
||||
] |
||||
} |
||||
@ -0,0 +1,155 @@
|
||||
/** |
||||
* UI组件, 统一使用饿了么桌面端组件库(https://github.com/ElemeFE/element）
|
||||
* |
||||
* 使用: |
||||
* 1. 项目中需要的组件进行释放(解开注释) |
||||
* |
||||
* 注意: |
||||
* 1. 打包只会包含释放(解开注释)的组件, 减少打包文件大小 |
||||
*/ |
||||
import Vue from 'vue' |
||||
import { |
||||
Pagination, |
||||
Dialog, |
||||
Autocomplete, |
||||
Dropdown, |
||||
DropdownMenu, |
||||
DropdownItem, |
||||
Menu, |
||||
Submenu, |
||||
MenuItem, |
||||
MenuItemGroup, |
||||
Input, |
||||
InputNumber, |
||||
Radio, |
||||
RadioGroup, |
||||
RadioButton, |
||||
Checkbox, |
||||
CheckboxButton, |
||||
CheckboxGroup, |
||||
Switch, |
||||
Select, |
||||
Option, |
||||
OptionGroup, |
||||
Button, |
||||
ButtonGroup, |
||||
Table, |
||||
TableColumn, |
||||
DatePicker, |
||||
TimeSelect, |
||||
TimePicker, |
||||
Popover, |
||||
Tooltip, |
||||
Breadcrumb, |
||||
BreadcrumbItem, |
||||
Form, |
||||
FormItem, |
||||
Tabs, |
||||
TabPane, |
||||
Tag, |
||||
Tree, |
||||
Alert, |
||||
Slider, |
||||
Icon, |
||||
Row, |
||||
Col, |
||||
Upload, |
||||
Progress, |
||||
Badge, |
||||
Card, |
||||
Rate, |
||||
Steps, |
||||
Step, |
||||
Carousel, |
||||
CarouselItem, |
||||
Collapse, |
||||
CollapseItem, |
||||
Cascader, |
||||
ColorPicker, |
||||
Transfer, |
||||
Container, |
||||
Header, |
||||
Aside, |
||||
Main, |
||||
Footer, |
||||
Loading, |
||||
MessageBox, |
||||
Message, |
||||
Notification |
||||
} from 'element-ui' |
||||
|
||||
Vue.use(Pagination) |
||||
Vue.use(Dialog) |
||||
Vue.use(Autocomplete) |
||||
Vue.use(Dropdown) |
||||
Vue.use(DropdownMenu) |
||||
Vue.use(DropdownItem) |
||||
Vue.use(Menu) |
||||
Vue.use(Submenu) |
||||
Vue.use(MenuItem) |
||||
Vue.use(MenuItemGroup) |
||||
Vue.use(Input) |
||||
Vue.use(InputNumber) |
||||
Vue.use(Radio) |
||||
Vue.use(RadioGroup) |
||||
Vue.use(RadioButton) |
||||
Vue.use(Checkbox) |
||||
Vue.use(CheckboxButton) |
||||
Vue.use(CheckboxGroup) |
||||
Vue.use(Switch) |
||||
Vue.use(Select) |
||||
Vue.use(Option) |
||||
Vue.use(OptionGroup) |
||||
Vue.use(Button) |
||||
Vue.use(ButtonGroup) |
||||
Vue.use(Table) |
||||
Vue.use(TableColumn) |
||||
Vue.use(DatePicker) |
||||
Vue.use(TimeSelect) |
||||
Vue.use(TimePicker) |
||||
Vue.use(Popover) |
||||
Vue.use(Tooltip) |
||||
Vue.use(Breadcrumb) |
||||
Vue.use(BreadcrumbItem) |
||||
Vue.use(Form) |
||||
Vue.use(FormItem) |
||||
Vue.use(Tabs) |
||||
Vue.use(TabPane) |
||||
Vue.use(Tag) |
||||
Vue.use(Tree) |
||||
Vue.use(Alert) |
||||
Vue.use(Slider) |
||||
Vue.use(Icon) |
||||
Vue.use(Row) |
||||
Vue.use(Col) |
||||
Vue.use(Upload) |
||||
Vue.use(Progress) |
||||
Vue.use(Badge) |
||||
Vue.use(Card) |
||||
Vue.use(Rate) |
||||
Vue.use(Steps) |
||||
Vue.use(Step) |
||||
Vue.use(Carousel) |
||||
Vue.use(CarouselItem) |
||||
Vue.use(Collapse) |
||||
Vue.use(CollapseItem) |
||||
Vue.use(Cascader) |
||||
Vue.use(ColorPicker) |
||||
Vue.use(Transfer) |
||||
Vue.use(Container) |
||||
Vue.use(Header) |
||||
Vue.use(Aside) |
||||
Vue.use(Main) |
||||
Vue.use(Footer) |
||||
|
||||
Vue.use(Loading.directive) |
||||
|
||||
Vue.prototype.$loading = Loading.service |
||||
Vue.prototype.$msgbox = MessageBox |
||||
Vue.prototype.$alert = MessageBox.alert |
||||
Vue.prototype.$confirm = MessageBox.confirm |
||||
Vue.prototype.$prompt = MessageBox.prompt |
||||
Vue.prototype.$notify = Notification |
||||
Vue.prototype.$message = Message |
||||
|
||||
Vue.prototype.$ELEMENT = { size: 'medium' } |
||||
@ -0,0 +1,27 @@
|
||||
/** |
||||
* 字体图标, 统一使用SVG Sprite矢量图标(http://www.iconfont.cn/）
|
||||
* |
||||
* 使用: |
||||
* 1. 在阿里矢量图标站创建一个项目, 并添加图标(这一步非必须, 创建方便项目图标管理) |
||||
* 2-1. 添加icon, 选中新增的icon图标, 复制代码 -> 下载 -> SVG下载 -> 粘贴代码(重命名) |
||||
* 2-2. 添加icons, 下载图标库对应[iconfont.js]文件, 替换项目[./iconfont.js]文件 |
||||
* 3. 组件模版中使用 [<icon-svg name="canyin"></icon-svg>] |
||||
* |
||||
* 注意: |
||||
* 1. 通过2-2 添加icons, getNameList方法无法返回对应数据 |
||||
*/ |
||||
import Vue from 'vue' |
||||
import IconSvg from '@/components/icon-svg' |
||||
import './iconfont.js' |
||||
|
||||
Vue.component('IconSvg', IconSvg) |
||||
|
||||
const svgFiles = require.context('./svg', true, /\.svg$/) |
||||
const iconList = svgFiles.keys().map(item => svgFiles(item)) |
||||
|
||||
export default { |
||||
// 获取图标icon-(*).svg名称列表, 例如[shouye, xitong, zhedie, ...]
|
||||
getNameList () { |
||||
return iconList.map(item => item.default.id.replace('icon-', '')) |
||||
} |
||||
} |
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in new issue