@ -0,0 +1,13 @@
|
||||
{ |
||||
"presets": [ |
||||
["env", { |
||||
"modules": false |
||||
}], |
||||
"stage-2" |
||||
], |
||||
"plugins": ["transform-runtime", ["component", [ |
||||
{ |
||||
"libraryName": "element-ui" |
||||
} |
||||
]]] |
||||
} |
@ -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,4 @@
|
||||
ENV = 'development' |
||||
|
||||
# 接口地址 |
||||
VUE_APP_BASE_API = 'http://192.168.1.111:8891/sqx_fast/' |
@ -0,0 +1,6 @@
|
||||
ENV = 'production' |
||||
|
||||
# 接口地址 |
||||
VUE_APP_BASE_API = 'http://waimai.admin.service.cyjyyjy.com/sqx_fast/' |
||||
VUE_APP_WS_API = 'ws:///127.0.0.1:8001' |
||||
|
@ -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,102 @@
|
||||
'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', |
||||
publicPath:'../../' |
||||
}) |
||||
} 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.111: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: '0.0.0.0', // can be overwritten by process.env.HOST
|
||||
port: 8003, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
|
||||
autoOpenBrowser: false, |
||||
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) |
@ -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> |
@ -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: 917 KiB |
After Width: | Height: | Size: 30 KiB |
After Width: | Height: | Size: 12 KiB |
After Width: | Height: | Size: 60 KiB |
After Width: | Height: | Size: 559 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> |
@ -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-', '')) |
||||
} |
||||
} |