├── .babelrc
├── .editorconfig
├── .eslintignore
├── .eslintrc.js
├── .gitignore
├── .npmrc
├── .postcssrc.js
├── README.md
├── build
├── build.js
├── check-versions.js
├── logo.png
├── utils.js
├── vue-loader.conf.js
├── webpack.base.conf.js
├── webpack.dev.conf.js
└── webpack.prod.conf.js
├── config
├── dev.env.js
├── index.js
└── prod.env.js
├── index.html
├── package.json
├── src
├── App.vue
├── components
│ ├── footer
│ │ ├── index.js
│ │ └── index.vue
│ ├── header
│ │ ├── index.js
│ │ └── index.vue
│ └── index.js
├── config
│ └── index.js
├── main.js
├── router
│ └── index.js
├── scss
│ ├── about.scss
│ ├── common.scss
│ ├── error-404.scss
│ ├── home.scss
│ ├── main.scss
│ ├── normalize.css
│ ├── reset.css
│ └── var.scss
├── util
│ ├── http.js
│ └── storage.js
└── views
│ ├── About.vue
│ ├── Home.vue
│ ├── Html.vue
│ └── error
│ └── Error404.vue
└── static
├── .gitkeep
└── img
├── favicon.png
├── logo.png
├── medal-footer.png
├── medal.svg
├── timg.jpg
├── timg1.jpg
└── timg2.jpg
/.babelrc:
--------------------------------------------------------------------------------
1 | {
2 | "presets": [
3 | ["env", {
4 | "modules": false
5 | }],
6 | "stage-2"
7 | ],
8 | "plugins": ["transform-runtime"]
9 | }
10 |
--------------------------------------------------------------------------------
/.editorconfig:
--------------------------------------------------------------------------------
1 | root = true
2 |
3 | [*]
4 | charset = utf-8
5 | indent_style = space
6 | indent_size = 2
7 | end_of_line = lf
8 | insert_final_newline = true
9 | trim_trailing_whitespace = true
10 |
--------------------------------------------------------------------------------
/.eslintignore:
--------------------------------------------------------------------------------
1 | /build/
2 | /config/
3 | /dist/
4 | /*.js
5 |
--------------------------------------------------------------------------------
/.eslintrc.js:
--------------------------------------------------------------------------------
1 | // https://eslint.org/docs/user-guide/configuring
2 |
3 | module.exports = {
4 | root: true,
5 | parser: 'babel-eslint',
6 | parserOptions: {
7 | sourceType: 'module'
8 | },
9 | env: {
10 | browser: true,
11 | },
12 | // https://github.com/standard/standard/blob/master/docs/RULES-en.md
13 | extends: 'standard',
14 | // required to lint *.vue files
15 | plugins: [
16 | 'html'
17 | ],
18 | // add your custom rules here
19 | rules: {
20 | // allow async-await
21 | 'generator-star-spacing': 'off',
22 | // allow debugger during development
23 | 'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
24 | 'indent': 0,
25 | 'space-before-function-paren': 0
26 | }
27 | }
28 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | node_modules/
3 | /dist/
4 | npm-debug.log*
5 | yarn-debug.log*
6 | yarn-error.log*
7 |
8 | # Editor directories and files
9 | .idea
10 | .vscode
11 | *.suo
12 | *.ntvs*
13 | *.njsproj
14 | *.sln
15 |
--------------------------------------------------------------------------------
/.npmrc:
--------------------------------------------------------------------------------
1 | disturl=https://npm.taobao.org/dist
2 | sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
3 | phantomjs_cdnurl=https://npm.taobao.org/mirrors/phantomjs/
4 | chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver
5 |
--------------------------------------------------------------------------------
/.postcssrc.js:
--------------------------------------------------------------------------------
1 | // https://github.com/michael-ciniawsky/postcss-load-config
2 |
3 | module.exports = {
4 | "plugins": {
5 | // to edit target browsers: use "browserslist" field in package.json
6 | "postcss-import": {},
7 | "autoprefixer": {}
8 | }
9 | }
10 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # template-front
2 |
3 | > A Vue.js project
4 |
5 | ## Build Setup
6 |
7 | ``` bash
8 | # install dependencies
9 | npm install
10 |
11 | # serve with hot reload at localhost:8080
12 | npm run dev
13 |
14 | # build for production with minification
15 | npm run build
16 |
17 | # build for production and view the bundle analyzer report
18 | npm run build --report
19 | ```
20 |
21 | For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).
22 |
--------------------------------------------------------------------------------
/build/build.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 | require('./check-versions')()
3 |
4 | process.env.NODE_ENV = 'production'
5 |
6 | const ora = require('ora')
7 | const rm = require('rimraf')
8 | const path = require('path')
9 | const chalk = require('chalk')
10 | const webpack = require('webpack')
11 | const config = require('../config')
12 | const webpackConfig = require('./webpack.prod.conf')
13 |
14 | const spinner = ora('building for production...')
15 | spinner.start()
16 |
17 | rm(path.join(config.build.assetsRoot, config.build.assetsSubDirectory), err => {
18 | if (err) throw err
19 | webpack(webpackConfig, (err, stats) => {
20 | spinner.stop()
21 | if (err) throw err
22 | process.stdout.write(stats.toString({
23 | colors: true,
24 | modules: false,
25 | children: false,
26 | chunks: false,
27 | chunkModules: false
28 | }) + '\n\n')
29 |
30 | if (stats.hasErrors()) {
31 | console.log(chalk.red(' Build failed with errors.\n'))
32 | process.exit(1)
33 | }
34 |
35 | console.log(chalk.cyan(' Build complete.\n'))
36 | console.log(chalk.yellow(
37 | ' Tip: built files are meant to be served over an HTTP server.\n' +
38 | ' Opening index.html over file:// won\'t work.\n'
39 | ))
40 | })
41 | })
42 |
--------------------------------------------------------------------------------
/build/check-versions.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 | const chalk = require('chalk')
3 | const semver = require('semver')
4 | const packageConfig = require('../package.json')
5 | const shell = require('shelljs')
6 |
7 | function exec (cmd) {
8 | return require('child_process').execSync(cmd).toString().trim()
9 | }
10 |
11 | const versionRequirements = [
12 | {
13 | name: 'node',
14 | currentVersion: semver.clean(process.version),
15 | versionRequirement: packageConfig.engines.node
16 | }
17 | ]
18 |
19 | if (shell.which('npm')) {
20 | versionRequirements.push({
21 | name: 'npm',
22 | currentVersion: exec('npm --version'),
23 | versionRequirement: packageConfig.engines.npm
24 | })
25 | }
26 |
27 | module.exports = function () {
28 | const warnings = []
29 |
30 | for (let i = 0; i < versionRequirements.length; i++) {
31 | const mod = versionRequirements[i]
32 |
33 | if (!semver.satisfies(mod.currentVersion, mod.versionRequirement)) {
34 | warnings.push(mod.name + ': ' +
35 | chalk.red(mod.currentVersion) + ' should be ' +
36 | chalk.green(mod.versionRequirement)
37 | )
38 | }
39 | }
40 |
41 | if (warnings.length) {
42 | console.log('')
43 | console.log(chalk.yellow('To use this template, you must update following to modules:'))
44 | console.log()
45 |
46 | for (let i = 0; i < warnings.length; i++) {
47 | const warning = warnings[i]
48 | console.log(' ' + warning)
49 | }
50 |
51 | console.log()
52 | process.exit(1)
53 | }
54 | }
55 |
--------------------------------------------------------------------------------
/build/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yunser/course-front/c9faec39cecf84a55c4f8bdd9f03db303567d5a0/build/logo.png
--------------------------------------------------------------------------------
/build/utils.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 | const path = require('path')
3 | const config = require('../config')
4 | const ExtractTextPlugin = require('extract-text-webpack-plugin')
5 | const packageConfig = require('../package.json')
6 |
7 | exports.assetsPath = function (_path) {
8 | const assetsSubDirectory = process.env.NODE_ENV === 'production'
9 | ? config.build.assetsSubDirectory
10 | : config.dev.assetsSubDirectory
11 |
12 | return path.posix.join(assetsSubDirectory, _path)
13 | }
14 |
15 | exports.cssLoaders = function (options) {
16 | options = options || {}
17 |
18 | const cssLoader = {
19 | loader: 'css-loader',
20 | options: {
21 | sourceMap: options.sourceMap
22 | }
23 | }
24 |
25 | const postcssLoader = {
26 | loader: 'postcss-loader',
27 | options: {
28 | sourceMap: options.sourceMap
29 | }
30 | }
31 |
32 | // generate loader string to be used with extract text plugin
33 | function generateLoaders(loader, loaderOptions) {
34 | const loaders = options.usePostCSS ? [cssLoader, postcssLoader] : [cssLoader]
35 |
36 | if (loader) {
37 | loaders.push({
38 | loader: loader + '-loader',
39 | options: Object.assign({}, loaderOptions, {
40 | sourceMap: options.sourceMap
41 | })
42 | })
43 | }
44 |
45 | // Extract CSS when that option is specified
46 | // (which is the case during production build)
47 | if (options.extract) {
48 | return ExtractTextPlugin.extract({
49 | use: loaders,
50 | fallback: 'vue-style-loader'
51 | })
52 | } else {
53 | return ['vue-style-loader'].concat(loaders)
54 | }
55 | }
56 |
57 | // https://vue-loader.vuejs.org/en/configurations/extract-css.html
58 | return {
59 | css: generateLoaders(),
60 | postcss: generateLoaders(),
61 | less: generateLoaders('less'),
62 | sass: generateLoaders('sass', {indentedSyntax: true}),
63 | scss: generateLoaders('sass'),
64 | stylus: generateLoaders('stylus'),
65 | styl: generateLoaders('stylus')
66 | }
67 | }
68 |
69 | // Generate loaders for standalone style files (outside of .vue)
70 | exports.styleLoaders = function (options) {
71 | const output = []
72 | const loaders = exports.cssLoaders(options)
73 |
74 | for (const extension in loaders) {
75 | const loader = loaders[extension]
76 | output.push({
77 | test: new RegExp('\\.' + extension + '$'),
78 | use: loader
79 | })
80 | }
81 |
82 | return output
83 | }
84 |
85 | exports.createNotifierCallback = () => {
86 | const notifier = require('node-notifier')
87 |
88 | return (severity, errors) => {
89 | if (severity !== 'error') return
90 |
91 | const error = errors[0]
92 | const filename = error.file && error.file.split('!').pop()
93 |
94 | notifier.notify({
95 | title: packageConfig.name,
96 | message: severity + ': ' + error.name,
97 | subtitle: filename || '',
98 | icon: path.join(__dirname, 'logo.png')
99 | })
100 | }
101 | }
102 |
--------------------------------------------------------------------------------
/build/vue-loader.conf.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 | const utils = require('./utils')
3 | const config = require('../config')
4 | const isProduction = process.env.NODE_ENV === 'production'
5 | const sourceMapEnabled = isProduction
6 | ? config.build.productionSourceMap
7 | : config.dev.cssSourceMap
8 |
9 | module.exports = {
10 | loaders: utils.cssLoaders({
11 | sourceMap: sourceMapEnabled,
12 | extract: isProduction
13 | }),
14 | cssSourceMap: sourceMapEnabled,
15 | cacheBusting: config.dev.cacheBusting,
16 | transformToRequire: {
17 | video: ['src', 'poster'],
18 | source: 'src',
19 | img: 'src',
20 | image: 'xlink:href'
21 | }
22 | }
23 |
--------------------------------------------------------------------------------
/build/webpack.base.conf.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 | const path = require('path')
3 | const utils = require('./utils')
4 | const config = require('../config')
5 | const vueLoaderConfig = require('./vue-loader.conf')
6 |
7 | function resolve(dir) {
8 | return path.join(__dirname, '..', dir)
9 | }
10 |
11 | const createLintingRule = () => ({
12 | test: /\.(js|vue)$/,
13 | loader: 'eslint-loader',
14 | enforce: 'pre',
15 | include: [resolve('src'), resolve('test')],
16 | options: {
17 | formatter: require('eslint-friendly-formatter'),
18 | emitWarning: !config.dev.showEslintErrorsInOverlay
19 | }
20 | })
21 |
22 | module.exports = {
23 | context: path.resolve(__dirname, '../'),
24 | entry: {
25 | app: './src/main.js'
26 | },
27 | output: {
28 | path: config.build.assetsRoot,
29 | filename: '[name].js',
30 | publicPath: process.env.NODE_ENV === 'production'
31 | ? config.build.assetsPublicPath
32 | : config.dev.assetsPublicPath
33 | },
34 | resolve: {
35 | extensions: ['.js', '.vue', '.json'],
36 | alias: {
37 | 'vue$': 'vue/dist/vue.esm.js',
38 | '@': resolve('src'),
39 | 'yunser-components': 'yunser-ui-vue/src/components'
40 | }
41 | },
42 | module: {
43 | rules: [
44 | ...(config.dev.useEslint ? [createLintingRule()] : []),
45 | {
46 | test: /\.vue$/,
47 | loader: 'vue-loader',
48 | options: vueLoaderConfig
49 | },
50 | {
51 | test: /muse-ui.src.*?js$/,
52 | loader: 'babel-loader'
53 | },
54 | {
55 | test: /\.js$/,
56 | loader: 'babel-loader',
57 | include: [resolve('src'), resolve('test')]
58 | },
59 | {
60 | test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
61 | loader: 'url-loader',
62 | options: {
63 | limit: 10000,
64 | name: utils.assetsPath('img/[name].[hash:7].[ext]')
65 | }
66 | },
67 | {
68 | test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,
69 | loader: 'url-loader',
70 | options: {
71 | limit: 10000,
72 | name: utils.assetsPath('media/[name].[hash:7].[ext]')
73 | }
74 | },
75 | {
76 | test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
77 | loader: 'url-loader',
78 | options: {
79 | limit: 10000,
80 | name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
81 | }
82 | }
83 | ]
84 | },
85 | node: {
86 | // prevent webpack from injecting useless setImmediate polyfill because Vue
87 | // source contains it (although only uses it if it's native).
88 | setImmediate: false,
89 | // prevent webpack from injecting mocks to Node native modules
90 | // that does not make sense for the client
91 | dgram: 'empty',
92 | fs: 'empty',
93 | net: 'empty',
94 | tls: 'empty',
95 | child_process: 'empty'
96 | }
97 | }
98 |
--------------------------------------------------------------------------------
/build/webpack.dev.conf.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 | const utils = require('./utils')
3 | const webpack = require('webpack')
4 | const config = require('../config')
5 | const merge = require('webpack-merge')
6 | const baseWebpackConfig = require('./webpack.base.conf')
7 | const HtmlWebpackPlugin = require('html-webpack-plugin')
8 | const FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin')
9 | const portfinder = require('portfinder')
10 |
11 | const HOST = process.env.HOST
12 | const PORT = process.env.PORT && Number(process.env.PORT)
13 |
14 | const devWebpackConfig = merge(baseWebpackConfig, {
15 | module: {
16 | rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap, usePostCSS: true })
17 | },
18 | // cheap-module-eval-source-map is faster for development
19 | devtool: config.dev.devtool,
20 |
21 | // these devServer options should be customized in /config/index.js
22 | devServer: {
23 | clientLogLevel: 'warning',
24 | historyApiFallback: true,
25 | hot: true,
26 | compress: true,
27 | host: HOST || config.dev.host,
28 | port: PORT || config.dev.port,
29 | open: config.dev.autoOpenBrowser,
30 | overlay: config.dev.errorOverlay
31 | ? { warnings: false, errors: true }
32 | : false,
33 | publicPath: config.dev.assetsPublicPath,
34 | proxy: config.dev.proxyTable,
35 | quiet: true, // necessary for FriendlyErrorsPlugin
36 | watchOptions: {
37 | poll: config.dev.poll,
38 | }
39 | },
40 | plugins: [
41 | new webpack.DefinePlugin({
42 | 'process.env': require('../config/dev.env')
43 | }),
44 | new webpack.HotModuleReplacementPlugin(),
45 | new webpack.NamedModulesPlugin(), // HMR shows correct file names in console on update.
46 | new webpack.NoEmitOnErrorsPlugin(),
47 | // https://github.com/ampedandwired/html-webpack-plugin
48 | new HtmlWebpackPlugin({
49 | filename: 'index.html',
50 | template: 'index.html',
51 | inject: true
52 | }),
53 | ]
54 | })
55 |
56 | module.exports = new Promise((resolve, reject) => {
57 | portfinder.basePort = process.env.PORT || config.dev.port
58 | portfinder.getPort((err, port) => {
59 | if (err) {
60 | reject(err)
61 | } else {
62 | // publish the new Port, necessary for e2e tests
63 | process.env.PORT = port
64 | // add port to devServer config
65 | devWebpackConfig.devServer.port = port
66 |
67 | // Add FriendlyErrorsPlugin
68 | devWebpackConfig.plugins.push(new FriendlyErrorsPlugin({
69 | compilationSuccessInfo: {
70 | messages: [`Your application is running here: http://${devWebpackConfig.devServer.host}:${port}`],
71 | },
72 | onErrors: config.dev.notifyOnErrors
73 | ? utils.createNotifierCallback()
74 | : undefined
75 | }))
76 |
77 | resolve(devWebpackConfig)
78 | }
79 | })
80 | })
81 |
--------------------------------------------------------------------------------
/build/webpack.prod.conf.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 | const path = require('path')
3 | const utils = require('./utils')
4 | const webpack = require('webpack')
5 | const config = require('../config')
6 | const merge = require('webpack-merge')
7 | const baseWebpackConfig = require('./webpack.base.conf')
8 | const CopyWebpackPlugin = require('copy-webpack-plugin')
9 | const HtmlWebpackPlugin = require('html-webpack-plugin')
10 | const ExtractTextPlugin = require('extract-text-webpack-plugin')
11 | const OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin')
12 | const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
13 |
14 | const env = require('../config/prod.env')
15 |
16 | const webpackConfig = merge(baseWebpackConfig, {
17 | module: {
18 | rules: utils.styleLoaders({
19 | sourceMap: config.build.productionSourceMap,
20 | extract: true,
21 | usePostCSS: true
22 | })
23 | },
24 | devtool: config.build.productionSourceMap ? config.build.devtool : false,
25 | output: {
26 | path: config.build.assetsRoot,
27 | filename: utils.assetsPath('js/[name].[chunkhash].js'),
28 | chunkFilename: utils.assetsPath('js/[id].[chunkhash].js')
29 | },
30 | plugins: [
31 | // http://vuejs.github.io/vue-loader/en/workflow/production.html
32 | new webpack.DefinePlugin({
33 | 'process.env': env
34 | }),
35 | new UglifyJsPlugin({
36 | uglifyOptions: {
37 | compress: {
38 | warnings: false
39 | }
40 | },
41 | sourceMap: config.build.productionSourceMap,
42 | parallel: true
43 | }),
44 | // extract css into its own file
45 | new ExtractTextPlugin({
46 | filename: utils.assetsPath('css/[name].[contenthash].css'),
47 | // set the following option to `true` if you want to extract CSS from
48 | // codesplit chunks into this main css file as well.
49 | // This will result in *all* of your app's CSS being loaded upfront.
50 | allChunks: false,
51 | }),
52 | // Compress extracted CSS. We are using this plugin so that possible
53 | // duplicated CSS from different components can be deduped.
54 | new OptimizeCSSPlugin({
55 | cssProcessorOptions: config.build.productionSourceMap
56 | ? { safe: true, map: { inline: false } }
57 | : { safe: true }
58 | }),
59 | // generate dist index.html with correct asset hash for caching.
60 | // you can customize output by editing /index.html
61 | // see https://github.com/ampedandwired/html-webpack-plugin
62 | new HtmlWebpackPlugin({
63 | filename: config.build.index,
64 | template: 'index.html',
65 | inject: true,
66 | minify: {
67 | removeComments: true,
68 | collapseWhitespace: true,
69 | removeAttributeQuotes: true
70 | // more options:
71 | // https://github.com/kangax/html-minifier#options-quick-reference
72 | },
73 | // necessary to consistently work with multiple chunks via CommonsChunkPlugin
74 | chunksSortMode: 'dependency'
75 | }),
76 | // keep module.id stable when vender modules does not change
77 | new webpack.HashedModuleIdsPlugin(),
78 | // enable scope hoisting
79 | new webpack.optimize.ModuleConcatenationPlugin(),
80 | // split vendor js into its own file
81 | new webpack.optimize.CommonsChunkPlugin({
82 | name: 'vendor',
83 | minChunks (module) {
84 | // any required modules inside node_modules are extracted to vendor
85 | return (
86 | module.resource &&
87 | /\.js$/.test(module.resource) &&
88 | module.resource.indexOf(
89 | path.join(__dirname, '../node_modules')
90 | ) === 0
91 | )
92 | }
93 | }),
94 | // extract webpack runtime and module manifest to its own file in order to
95 | // prevent vendor hash from being updated whenever app bundle is updated
96 | new webpack.optimize.CommonsChunkPlugin({
97 | name: 'manifest',
98 | minChunks: Infinity
99 | }),
100 | // This instance extracts shared chunks from code splitted chunks and bundles them
101 | // in a separate chunk, similar to the vendor chunk
102 | // see: https://webpack.js.org/plugins/commons-chunk-plugin/#extra-async-commons-chunk
103 | new webpack.optimize.CommonsChunkPlugin({
104 | name: 'app',
105 | async: 'vendor-async',
106 | children: true,
107 | minChunks: 3
108 | }),
109 |
110 | // copy custom static assets
111 | new CopyWebpackPlugin([
112 | {
113 | from: path.resolve(__dirname, '../static'),
114 | to: config.build.assetsSubDirectory,
115 | ignore: ['.*']
116 | }
117 | ])
118 | ]
119 | })
120 |
121 | if (config.build.productionGzip) {
122 | const CompressionWebpackPlugin = require('compression-webpack-plugin')
123 |
124 | webpackConfig.plugins.push(
125 | new CompressionWebpackPlugin({
126 | asset: '[path].gz[query]',
127 | algorithm: 'gzip',
128 | test: new RegExp(
129 | '\\.(' +
130 | config.build.productionGzipExtensions.join('|') +
131 | ')$'
132 | ),
133 | threshold: 10240,
134 | minRatio: 0.8
135 | })
136 | )
137 | }
138 |
139 | if (config.build.bundleAnalyzerReport) {
140 | const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin
141 | webpackConfig.plugins.push(new BundleAnalyzerPlugin())
142 | }
143 |
144 | module.exports = webpackConfig
145 |
--------------------------------------------------------------------------------
/config/dev.env.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 | const merge = require('webpack-merge')
3 | const prodEnv = require('./prod.env')
4 |
5 | module.exports = merge(prodEnv, {
6 | NODE_ENV: '"development"'
7 | })
8 |
--------------------------------------------------------------------------------
/config/index.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 | // Template version: 1.2.5
3 | // see http://vuejs-templates.github.io/webpack for documentation.
4 |
5 | const path = require('path')
6 |
7 | module.exports = {
8 | dev: {
9 |
10 | // Paths
11 | assetsSubDirectory: 'static',
12 | assetsPublicPath: '/',
13 | proxyTable: {},
14 |
15 | // Various Dev Server settings
16 | host: 'localhost', // can be overwritten by process.env.HOST
17 | port: 8082, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
18 | autoOpenBrowser: false,
19 | errorOverlay: true,
20 | notifyOnErrors: true,
21 | poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions-
22 |
23 | // Use Eslint Loader?
24 | // If true, your code will be linted during bundling and
25 | // linting errors and warnings will be shown in the console.
26 | useEslint: true,
27 | // If true, eslint errors and warnings will also be shown in the error overlay
28 | // in the browser.
29 | showEslintErrorsInOverlay: false,
30 |
31 | /**
32 | * Source Maps
33 | */
34 |
35 | // https://webpack.js.org/configuration/devtool/#development
36 | devtool: 'eval-source-map',
37 |
38 | // If you have problems debugging vue-files in devtools,
39 | // set this to false - it *may* help
40 | // https://vue-loader.vuejs.org/en/options.html#cachebusting
41 | cacheBusting: true,
42 |
43 | // CSS Sourcemaps off by default because relative paths are "buggy"
44 | // with this option, according to the CSS-Loader README
45 | // (https://github.com/webpack/css-loader#sourcemaps)
46 | // In our experience, they generally work as expected,
47 | // just be aware of this issue when enabling this option.
48 | cssSourceMap: false,
49 | },
50 |
51 | build: {
52 | // Template for index.html
53 | index: path.resolve(__dirname, '../dist/index.html'),
54 |
55 | // Paths
56 | assetsRoot: path.resolve(__dirname, '../dist'),
57 | assetsSubDirectory: 'static',
58 | assetsPublicPath: '/',
59 |
60 | /**
61 | * Source Maps
62 | */
63 |
64 | productionSourceMap: true,
65 | // https://webpack.js.org/configuration/devtool/#production
66 | devtool: '#source-map',
67 |
68 | // Gzip off by default as many popular static hosts such as
69 | // Surge or Netlify already gzip all static assets for you.
70 | // Before setting to `true`, make sure to:
71 | // npm install --save-dev compression-webpack-plugin
72 | productionGzip: false,
73 | productionGzipExtensions: ['js', 'css'],
74 |
75 | // Run the build command with an extra argument to
76 | // View the bundle analyzer report after build finishes:
77 | // `npm run build --report`
78 | // Set to `true` or `false` to always turn it on or off
79 | bundleAnalyzerReport: process.env.npm_config_report
80 | }
81 | }
82 |
--------------------------------------------------------------------------------
/config/prod.env.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 | module.exports = {
3 | NODE_ENV: '"production"'
4 | }
5 |
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | template-front
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "template-front",
3 | "version": "1.0.0",
4 | "description": "A Vue.js project",
5 | "author": "gitcjh <1418503647@.qq.com>",
6 | "private": true,
7 | "scripts": {
8 | "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
9 | "start": "npm run dev",
10 | "lint": "eslint --ext .js,.vue src",
11 | "build": "node build/build.js"
12 | },
13 | "dependencies": {
14 | "axios": "^0.17.1",
15 | "module": "^1.2.5",
16 | "muse-ui": "^2.1.0",
17 | "qs": "^6.5.1",
18 | "vue": "^2.5.2",
19 | "vue-router": "^3.0.1",
20 | "vue-server-renderer": "^2.5.9",
21 | "yunser-ui-vue": "^0.1.6"
22 | },
23 | "devDependencies": {
24 | "autoprefixer": "^7.1.2",
25 | "babel-core": "^6.22.1",
26 | "babel-eslint": "^7.1.1",
27 | "babel-loader": "^7.1.1",
28 | "babel-plugin-transform-runtime": "^6.22.0",
29 | "babel-preset-env": "^1.3.2",
30 | "babel-preset-stage-2": "^6.22.0",
31 | "chalk": "^2.0.1",
32 | "copy-webpack-plugin": "^4.0.1",
33 | "css-loader": "^0.28.0",
34 | "eslint": "^3.19.0",
35 | "eslint-config-standard": "^10.2.1",
36 | "eslint-friendly-formatter": "^3.0.0",
37 | "eslint-loader": "^1.7.1",
38 | "eslint-plugin-html": "^3.0.0",
39 | "eslint-plugin-import": "^2.7.0",
40 | "eslint-plugin-node": "^5.2.0",
41 | "eslint-plugin-promise": "^3.4.0",
42 | "eslint-plugin-standard": "^3.0.1",
43 | "eventsource-polyfill": "^0.9.6",
44 | "extract-text-webpack-plugin": "^3.0.0",
45 | "file-loader": "^1.1.4",
46 | "friendly-errors-webpack-plugin": "^1.6.1",
47 | "html-webpack-plugin": "^2.30.1",
48 | "node-notifier": "^5.1.2",
49 | "node-sass": "^4.7.2",
50 | "optimize-css-assets-webpack-plugin": "^3.2.0",
51 | "ora": "^1.2.0",
52 | "portfinder": "^1.0.13",
53 | "postcss-import": "^11.0.0",
54 | "postcss-loader": "^2.0.8",
55 | "rimraf": "^2.6.0",
56 | "sass-loader": "^6.0.6",
57 | "semver": "^5.3.0",
58 | "shelljs": "^0.7.6",
59 | "uglifyjs-webpack-plugin": "^1.1.1",
60 | "url-loader": "^0.5.8",
61 | "vue-loader": "^13.3.0",
62 | "vue-style-loader": "^3.0.1",
63 | "vue-template-compiler": "^2.5.2",
64 | "webpack": "^3.6.0",
65 | "webpack-bundle-analyzer": "^2.9.0",
66 | "webpack-dev-server": "^2.9.1",
67 | "webpack-merge": "^4.1.0"
68 | },
69 | "engines": {
70 | "node": ">= 4.0.0",
71 | "npm": ">= 3.0.0"
72 | },
73 | "browserslist": [
74 | "> 1%",
75 | "last 2 versions",
76 | "not ie <= 8"
77 | ]
78 | }
79 |
--------------------------------------------------------------------------------
/src/App.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
12 |
--------------------------------------------------------------------------------
/src/components/footer/index.js:
--------------------------------------------------------------------------------
1 | import vueGoback from './index.vue'
2 |
3 | export default vueGoback
4 |
--------------------------------------------------------------------------------
/src/components/footer/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
8 |
9 |
10 |
22 |
23 |
28 |
--------------------------------------------------------------------------------
/src/components/header/index.js:
--------------------------------------------------------------------------------
1 | import vueGoback from './index.vue'
2 |
3 | export default vueGoback
4 |
--------------------------------------------------------------------------------
/src/components/header/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
13 |
14 |
15 |
27 |
--------------------------------------------------------------------------------
/src/components/index.js:
--------------------------------------------------------------------------------
1 | import header from './header'
2 | import footer from './footer'
3 |
4 | export default {
5 | install: function (Vue) {
6 | Vue.component('ui-header', header)
7 | Vue.component('ui-footer', footer)
8 | }
9 | }
10 |
--------------------------------------------------------------------------------
/src/config/index.js:
--------------------------------------------------------------------------------
1 | let debug = process.env.NODE_ENV !== 'production'
2 |
3 | let imgDomain
4 | let apiDomain
5 | if (process.env.NODE_ENV === 'production') {
6 | imgDomain = 'http://120.79.29.47'
7 | apiDomain = 'http://example.yunser.com'
8 | } else {
9 | imgDomain = 'http://120.79.29.47'
10 | apiDomain = 'http://localhost'
11 | }
12 |
13 | module.exports = {
14 | imgDomain,
15 | apiDomain,
16 | debug
17 | }
18 |
--------------------------------------------------------------------------------
/src/main.js:
--------------------------------------------------------------------------------
1 | // The Vue build version to load with the `import` command
2 | // (runtime-only or standalone) has been set in webpack.base.conf with an alias.
3 | import Vue from 'vue'
4 | import App from './App'
5 | import router from './router'
6 | import http from '@/util/http'
7 | import qs from 'qs'
8 | import storage from '@/util/storage'
9 | // 全部加载
10 | import YunserUI from 'yunser-ui-vue'
11 | import 'yunser-ui-vue/dist/yunser-ui.css'
12 | // 单个组件加载
13 | // import appBar from 'yunser-components/'
14 | import './scss/main.scss'
15 | // import 'yunser-components/styles2/base.scss' // 加载基础的样式
16 | import ui from './components/index'
17 | import 'yunser-ui-vue/dist/theme-carbon.css' // 使用 carbon 主题
18 | // import appBar from 'yunser-components/appBar'
19 | // import avatar from 'yunser-components/avatar'
20 | // Vue.component(appBar.name, appBar)
21 | // Vue.component(avatar.name, avatar)
22 |
23 | // 全部加载
24 | Vue.use(YunserUI)
25 |
26 | Vue.config.productionTip = false
27 |
28 | Vue.prototype.$http = http
29 | Vue.prototype.$qs = qs
30 | Vue.prototype.$storage = storage
31 |
32 | Vue.use(ui)
33 |
34 | /* eslint-disable no-new */
35 | new Vue({
36 | el: '#app',
37 | router,
38 | template: '',
39 | components: {App}
40 | })
41 |
42 | // const renderer = require('vue-server-renderer').createRenderer()
43 | //
44 | // renderer.renderToString(app, (err, html) => {
45 | // if (err) throw err
46 | // console.log(html)
47 | // // => Hello World
48 | // })
49 |
--------------------------------------------------------------------------------
/src/router/index.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 | import Router from 'vue-router'
3 |
4 | const Home = resolve => require(['@/views/Home'], resolve)
5 | const About = resolve => require(['@/views/About'], resolve)
6 | const Html = resolve => require(['@/views/Html'], resolve)
7 |
8 | const Error404 = resolve => require(['@/views/error/Error404'], resolve)
9 |
10 | Vue.use(Router)
11 |
12 | const APP_NAME = '云设'
13 |
14 | let routes = [
15 | {
16 | path: '/',
17 | component: Home,
18 | meta: {
19 | title: '首页'
20 | }
21 | },
22 | {
23 | path: '/about',
24 | component: About,
25 | meta: {
26 | title: '关于'
27 | }
28 | },
29 | {
30 | path: '/cat/html',
31 | component: Html
32 | },
33 | {
34 | path: '/404',
35 | component: Error404,
36 | meta: {
37 | title: '页面找不到了'
38 | }
39 | },
40 | {
41 | path: '*',
42 | redirect: '/404'
43 | }
44 | ]
45 |
46 | function getTitle(title) {
47 | if (title) {
48 | return title
49 | } else {
50 | return APP_NAME
51 | }
52 | }
53 |
54 | let router = new Router({
55 | mode: 'history',
56 | routes: routes,
57 | scrollBehavior (to, from, savedPosition) {
58 | return {
59 | x: 0,
60 | y: 0
61 | }
62 | }
63 | })
64 |
65 | router.beforeEach((to, from, next) => {
66 | if (to.meta && to.meta.title) {
67 | document.title = getTitle(to.meta.title)
68 | } else {
69 | document.title = getTitle()
70 | }
71 | next()
72 | })
73 |
74 | export default router
75 |
--------------------------------------------------------------------------------
/src/scss/about.scss:
--------------------------------------------------------------------------------
1 | @import "var";
2 |
3 | .page-about {
4 |
5 | }
--------------------------------------------------------------------------------
/src/scss/common.scss:
--------------------------------------------------------------------------------
1 | // TODO
--------------------------------------------------------------------------------
/src/scss/error-404.scss:
--------------------------------------------------------------------------------
1 | @import "var";
2 |
3 | .page-404 {
4 |
5 | }
--------------------------------------------------------------------------------
/src/scss/home.scss:
--------------------------------------------------------------------------------
1 | @import "var";
2 |
3 | .page-home {
4 |
5 | }
--------------------------------------------------------------------------------
/src/scss/main.scss:
--------------------------------------------------------------------------------
1 | @import "normalize.css";
2 | @import "reset.css";
3 | @import "var";
4 | @import "common";
5 | @import "home";
6 | @import "about";
7 | @import "error-404";
--------------------------------------------------------------------------------
/src/scss/normalize.css:
--------------------------------------------------------------------------------
1 | /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
2 |
3 | /* Document
4 | ========================================================================== */
5 |
6 | /**
7 | * 1. Correct the line height in all browsers.
8 | * 2. Prevent adjustments of font size after orientation changes in
9 | * IE on Windows Phone and in iOS.
10 | */
11 |
12 | html {
13 | line-height: 1.15; /* 1 */
14 | -ms-text-size-adjust: 100%; /* 2 */
15 | -webkit-text-size-adjust: 100%; /* 2 */
16 | }
17 |
18 | /* Sections
19 | ========================================================================== */
20 |
21 | /**
22 | * Remove the margin in all browsers (opinionated).
23 | */
24 |
25 | body {
26 | margin: 0;
27 | }
28 |
29 | /**
30 | * Add the correct display in IE 9-.
31 | */
32 |
33 | article,
34 | aside,
35 | footer,
36 | header,
37 | nav,
38 | section {
39 | display: block;
40 | }
41 |
42 | /**
43 | * Correct the font size and margin on `h1` elements within `section` and
44 | * `article` contexts in Chrome, Firefox, and Safari.
45 | */
46 |
47 | h1 {
48 | font-size: 2em;
49 | margin: 0.67em 0;
50 | }
51 |
52 | /* Grouping content
53 | ========================================================================== */
54 |
55 | /**
56 | * Add the correct display in IE 9-.
57 | * 1. Add the correct display in IE.
58 | */
59 |
60 | figcaption,
61 | figure,
62 | main { /* 1 */
63 | display: block;
64 | }
65 |
66 | /**
67 | * Add the correct margin in IE 8.
68 | */
69 |
70 | figure {
71 | margin: 1em 40px;
72 | }
73 |
74 | /**
75 | * 1. Add the correct box sizing in Firefox.
76 | * 2. Show the overflow in Edge and IE.
77 | */
78 |
79 | hr {
80 | box-sizing: content-box; /* 1 */
81 | height: 0; /* 1 */
82 | overflow: visible; /* 2 */
83 | }
84 |
85 | /**
86 | * 1. Correct the inheritance and scaling of font size in all browsers.
87 | * 2. Correct the odd `em` font sizing in all browsers.
88 | */
89 |
90 | pre {
91 | font-family: monospace, monospace; /* 1 */
92 | font-size: 1em; /* 2 */
93 | }
94 |
95 | /* Text-level semantics
96 | ========================================================================== */
97 |
98 | /**
99 | * 1. Remove the gray background on active links in IE 10.
100 | * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
101 | */
102 |
103 | a {
104 | background-color: transparent; /* 1 */
105 | -webkit-text-decoration-skip: objects; /* 2 */
106 | }
107 |
108 | /**
109 | * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
110 | * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
111 | */
112 |
113 | abbr[title] {
114 | border-bottom: none; /* 1 */
115 | text-decoration: underline; /* 2 */
116 | text-decoration: underline dotted; /* 2 */
117 | }
118 |
119 | /**
120 | * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
121 | */
122 |
123 | b,
124 | strong {
125 | font-weight: inherit;
126 | }
127 |
128 | /**
129 | * Add the correct font weight in Chrome, Edge, and Safari.
130 | */
131 |
132 | b,
133 | strong {
134 | font-weight: bolder;
135 | }
136 |
137 | /**
138 | * 1. Correct the inheritance and scaling of font size in all browsers.
139 | * 2. Correct the odd `em` font sizing in all browsers.
140 | */
141 |
142 | code,
143 | kbd,
144 | samp {
145 | font-family: monospace, monospace; /* 1 */
146 | font-size: 1em; /* 2 */
147 | }
148 |
149 | /**
150 | * Add the correct font style in Android 4.3-.
151 | */
152 |
153 | dfn {
154 | font-style: italic;
155 | }
156 |
157 | /**
158 | * Add the correct background and color in IE 9-.
159 | */
160 |
161 | mark {
162 | background-color: #ff0;
163 | color: #000;
164 | }
165 |
166 | /**
167 | * Add the correct font size in all browsers.
168 | */
169 |
170 | small {
171 | font-size: 80%;
172 | }
173 |
174 | /**
175 | * Prevent `sub` and `sup` elements from affecting the line height in
176 | * all browsers.
177 | */
178 |
179 | sub,
180 | sup {
181 | font-size: 75%;
182 | line-height: 0;
183 | position: relative;
184 | vertical-align: baseline;
185 | }
186 |
187 | sub {
188 | bottom: -0.25em;
189 | }
190 |
191 | sup {
192 | top: -0.5em;
193 | }
194 |
195 | /* Embedded content
196 | ========================================================================== */
197 |
198 | /**
199 | * Add the correct display in IE 9-.
200 | */
201 |
202 | audio,
203 | video {
204 | display: inline-block;
205 | }
206 |
207 | /**
208 | * Add the correct display in iOS 4-7.
209 | */
210 |
211 | audio:not([controls]) {
212 | display: none;
213 | height: 0;
214 | }
215 |
216 | /**
217 | * Remove the border on images inside links in IE 10-.
218 | */
219 |
220 | img {
221 | border-style: none;
222 | }
223 |
224 | /**
225 | * Hide the overflow in IE.
226 | */
227 |
228 | svg:not(:root) {
229 | overflow: hidden;
230 | }
231 |
232 | /* Forms
233 | ========================================================================== */
234 |
235 | /**
236 | * 1. Change the font styles in all browsers (opinionated).
237 | * 2. Remove the margin in Firefox and Safari.
238 | */
239 |
240 | button,
241 | input,
242 | optgroup,
243 | select,
244 | textarea {
245 | font-family: sans-serif; /* 1 */
246 | font-size: 100%; /* 1 */
247 | line-height: 1.15; /* 1 */
248 | margin: 0; /* 2 */
249 | }
250 |
251 | /**
252 | * Show the overflow in IE.
253 | * 1. Show the overflow in Edge.
254 | */
255 |
256 | button,
257 | input { /* 1 */
258 | overflow: visible;
259 | }
260 |
261 | /**
262 | * Remove the inheritance of text transform in Edge, Firefox, and IE.
263 | * 1. Remove the inheritance of text transform in Firefox.
264 | */
265 |
266 | button,
267 | select { /* 1 */
268 | text-transform: none;
269 | }
270 |
271 | /**
272 | * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
273 | * controls in Android 4.
274 | * 2. Correct the inability to style clickable types in iOS and Safari.
275 | */
276 |
277 | button,
278 | html [type="button"], /* 1 */
279 | [type="reset"],
280 | [type="submit"] {
281 | -webkit-appearance: button; /* 2 */
282 | }
283 |
284 | /**
285 | * Remove the inner border and padding in Firefox.
286 | */
287 |
288 | button::-moz-focus-inner,
289 | [type="button"]::-moz-focus-inner,
290 | [type="reset"]::-moz-focus-inner,
291 | [type="submit"]::-moz-focus-inner {
292 | border-style: none;
293 | padding: 0;
294 | }
295 |
296 | /**
297 | * Restore the focus styles unset by the previous rule.
298 | */
299 |
300 | button:-moz-focusring,
301 | [type="button"]:-moz-focusring,
302 | [type="reset"]:-moz-focusring,
303 | [type="submit"]:-moz-focusring {
304 | outline: 1px dotted ButtonText;
305 | }
306 |
307 | /**
308 | * Correct the padding in Firefox.
309 | */
310 |
311 | fieldset {
312 | padding: 0.35em 0.75em 0.625em;
313 | }
314 |
315 | /**
316 | * 1. Correct the text wrapping in Edge and IE.
317 | * 2. Correct the color inheritance from `fieldset` elements in IE.
318 | * 3. Remove the padding so developers are not caught out when they zero out
319 | * `fieldset` elements in all browsers.
320 | */
321 |
322 | legend {
323 | box-sizing: border-box; /* 1 */
324 | color: inherit; /* 2 */
325 | display: table; /* 1 */
326 | max-width: 100%; /* 1 */
327 | padding: 0; /* 3 */
328 | white-space: normal; /* 1 */
329 | }
330 |
331 | /**
332 | * 1. Add the correct display in IE 9-.
333 | * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
334 | */
335 |
336 | progress {
337 | display: inline-block; /* 1 */
338 | vertical-align: baseline; /* 2 */
339 | }
340 |
341 | /**
342 | * Remove the default vertical scrollbar in IE.
343 | */
344 |
345 | textarea {
346 | overflow: auto;
347 | }
348 |
349 | /**
350 | * 1. Add the correct box sizing in IE 10-.
351 | * 2. Remove the padding in IE 10-.
352 | */
353 |
354 | [type="checkbox"],
355 | [type="radio"] {
356 | box-sizing: border-box; /* 1 */
357 | padding: 0; /* 2 */
358 | }
359 |
360 | /**
361 | * Correct the cursor style of increment and decrement buttons in Chrome.
362 | */
363 |
364 | [type="number"]::-webkit-inner-spin-button,
365 | [type="number"]::-webkit-outer-spin-button {
366 | height: auto;
367 | }
368 |
369 | /**
370 | * 1. Correct the odd appearance in Chrome and Safari.
371 | * 2. Correct the outline style in Safari.
372 | */
373 |
374 | [type="search"] {
375 | -webkit-appearance: textfield; /* 1 */
376 | outline-offset: -2px; /* 2 */
377 | }
378 |
379 | /**
380 | * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
381 | */
382 |
383 | [type="search"]::-webkit-search-cancel-button,
384 | [type="search"]::-webkit-search-decoration {
385 | -webkit-appearance: none;
386 | }
387 |
388 | /**
389 | * 1. Correct the inability to style clickable types in iOS and Safari.
390 | * 2. Change font properties to `inherit` in Safari.
391 | */
392 |
393 | ::-webkit-file-upload-button {
394 | -webkit-appearance: button; /* 1 */
395 | font: inherit; /* 2 */
396 | }
397 |
398 | /* Interactive
399 | ========================================================================== */
400 |
401 | /*
402 | * Add the correct display in IE 9-.
403 | * 1. Add the correct display in Edge, IE, and Firefox.
404 | */
405 |
406 | details, /* 1 */
407 | menu {
408 | display: block;
409 | }
410 |
411 | /*
412 | * Add the correct display in all browsers.
413 | */
414 |
415 | summary {
416 | display: list-item;
417 | }
418 |
419 | /* Scripting
420 | ========================================================================== */
421 |
422 | /**
423 | * Add the correct display in IE 9-.
424 | */
425 |
426 | canvas {
427 | display: inline-block;
428 | }
429 |
430 | /**
431 | * Add the correct display in IE.
432 | */
433 |
434 | template {
435 | display: none;
436 | }
437 |
438 | /* Hidden
439 | ========================================================================== */
440 |
441 | /**
442 | * Add the correct display in IE 10-.
443 | */
444 |
445 | [hidden] {
446 | display: none;
447 | }
448 |
--------------------------------------------------------------------------------
/src/scss/reset.css:
--------------------------------------------------------------------------------
1 | * {
2 | box-sizing: border-box;
3 | }
4 | label {
5 | font-weight: normal;
6 | }
7 | ul,
8 | ol,
9 | li,
10 | h1, h2, h3, h4, h5, h6 {
11 | padding: 0;
12 | margin: 0;
13 | font-size: inherit;
14 | }
15 | article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
16 | display: block;
17 | }
18 | button {
19 | outline: none;
20 | }
21 | a {
22 | outline: none;
23 | text-decoration: none;
24 | text-decoration:none;
25 | text-decoration: none;
26 | transition: background-color .2s ease 0s,color .2s ease 0s,width .2s ease 0s,border-width .2s ease 0s,border-color .2s ease 0s;
27 | }
28 | a:hover,
29 | a:active,
30 | a:focus {
31 | text-decoration: none;
32 | }
33 | ol, ul, li {
34 | list-style: none;
35 | }
36 | body {
37 | color: #333;
38 | font-size: 14px;
39 | font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", 微软雅黑, Arial, sans-serif;
40 | }
--------------------------------------------------------------------------------
/src/scss/var.scss:
--------------------------------------------------------------------------------
1 | $primary: #2974b5;
2 | $line: #eee;
3 | $bg: #f1f1f1;
4 | $divider: rgba(0,0,0,.12);
5 | $radius: 2px;
6 | $color_9: rgba(0,0,0,.54);
7 |
8 | @function px2rem($px) {
9 | @return $px / 100 * 1rem;
10 | }
11 |
12 | @mixin clearfix {
13 | &:after {
14 | clear: both;
15 | content: '.';
16 | display: block;
17 | height: 0;
18 | line-height: 0;
19 | overflow: hidden;
20 | }
21 | }
--------------------------------------------------------------------------------
/src/util/http.js:
--------------------------------------------------------------------------------
1 | import axios from 'axios'
2 | import {apiDomain} from '@/config'
3 |
4 | axios.defaults.withCredentials = true
5 |
6 | const instance = axios.create({
7 | baseURL: apiDomain
8 | })
9 |
10 | export default instance
11 |
--------------------------------------------------------------------------------
/src/util/storage.js:
--------------------------------------------------------------------------------
1 | const storage = {
2 | set (key, value) {
3 | console.log('set', key, value)
4 | if (value === undefined || value === null) {
5 | localStorage.setItem(key, null)
6 | return
7 | }
8 | if (typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean') {
9 | localStorage.setItem(key, JSON.stringify({
10 | _type: typeof value,
11 | value: value
12 | }))
13 | } else {
14 | localStorage.setItem(key, JSON.stringify(value))
15 | }
16 | },
17 | get (key) {
18 | // console.log('storage get ' + key)
19 | let item = localStorage.getItem(key)
20 | if (item === null) {
21 | return null
22 | }
23 | let ret = JSON.parse(item)
24 | if (ret && typeof ret === 'object') {
25 | if (ret._type === 'string' || ret._type === 'number' || ret._type === 'boolean') {
26 | return ret.value
27 | }
28 | }
29 | return ret
30 | },
31 | setItem (key, value) {
32 | this.set(key, value)
33 | return this
34 | },
35 | getItem (key) {
36 | return this.get(key)
37 | }
38 | }
39 |
40 | // let storage2 = new Proxy(storage, {
41 | // get: function (target, key, receiver) {
42 | // storage.get(key)
43 | // return Reflect.get(target, key, receiver)
44 | // },
45 | // set: function (target, key, value, receiver) {
46 | // storage.set(key, value)
47 | // return Reflect.set(target, key, value, receiver)
48 | // }
49 | // })
50 |
51 | export default storage
52 |
--------------------------------------------------------------------------------
/src/views/About.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | 关于我们
8 | 云设教程致力于提供最新、最全、最好的入门基础教程。
9 | 我们的目标是,让技术入门不再有难度,让人人都能学会编程,让每个人都能实现自己的产品梦想。
10 | 本站提供了 HTML、CSS、JavaScript 等各种基础教程,有各种讲解,有示例,有测试,让学习不再枯燥。
11 | 通过本站,你只要花几天的时间,就可以实现一个简单的网站或 App。
12 | 当然,由于人力有限,本站内容还有很多不足之处,欢迎广大编程爱好者在本站留言提供意见。
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
55 |
56 |
58 |
--------------------------------------------------------------------------------
/src/views/Home.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | 云设教程,做最好的教程网站。
7 |
8 |
教程
9 | HTML 教程
10 | CSS 教程
11 | JavaScript 教程
12 |
13 |
14 |
15 |
前端工程师
16 |
1. 基础:HTML、CSS、JavaScript
17 |
2. 进阶:HTML、CSS
18 |
2. 进阶:HTML、CSS
19 |
20 |
21 |
奖章矢量图:
22 |
23 |
24 |
25 |
http://sc.chinaz.com/shiliang/170528017143.htm
26 |
http://sc.chinaz.com/shiliang/170613465820.htm
27 |
http://sc.chinaz.com/shiliang/170403311131.htm
28 |
http://sc.chinaz.com/shiliang/140727445981.htm
29 |
30 |
31 |

32 |
33 | 1st
34 |
35 |
36 |
40 |
41 |
42 |
关于21212127
43 |
44 |
45 |
46 |
47 |
48 |
49 |
57 |
58 |
108 |
--------------------------------------------------------------------------------
/src/views/Html.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
HTML/HTML5 教程
7 |
不讲解过时的知识
8 |
9 |
知识点
10 |
13 |
14 |
工具
15 |
18 |
19 |
测验
20 |
46 |
47 |
关于21212127
48 |
49 |
50 |
51 |
52 |
53 |
54 |
62 |
63 |
113 |
--------------------------------------------------------------------------------
/src/views/error/Error404.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | 404
7 |
8 |
9 |
10 |
11 |
12 |
13 |
21 |
22 |
24 |
--------------------------------------------------------------------------------
/static/.gitkeep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yunser/course-front/c9faec39cecf84a55c4f8bdd9f03db303567d5a0/static/.gitkeep
--------------------------------------------------------------------------------
/static/img/favicon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yunser/course-front/c9faec39cecf84a55c4f8bdd9f03db303567d5a0/static/img/favicon.png
--------------------------------------------------------------------------------
/static/img/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yunser/course-front/c9faec39cecf84a55c4f8bdd9f03db303567d5a0/static/img/logo.png
--------------------------------------------------------------------------------
/static/img/medal-footer.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yunser/course-front/c9faec39cecf84a55c4f8bdd9f03db303567d5a0/static/img/medal-footer.png
--------------------------------------------------------------------------------
/static/img/medal.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
23 |
--------------------------------------------------------------------------------
/static/img/timg.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yunser/course-front/c9faec39cecf84a55c4f8bdd9f03db303567d5a0/static/img/timg.jpg
--------------------------------------------------------------------------------
/static/img/timg1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yunser/course-front/c9faec39cecf84a55c4f8bdd9f03db303567d5a0/static/img/timg1.jpg
--------------------------------------------------------------------------------
/static/img/timg2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yunser/course-front/c9faec39cecf84a55c4f8bdd9f03db303567d5a0/static/img/timg2.jpg
--------------------------------------------------------------------------------