diff --git a/.gitignore b/.gitignore index ed187f3..43a81ce 100644 --- a/.gitignore +++ b/.gitignore @@ -4,3 +4,4 @@ bower_components dist npm-debug.log # index.html +yarn-error.log diff --git a/README.md b/README.md index 73b7db3..92a4d43 100644 --- a/README.md +++ b/README.md @@ -7,24 +7,33 @@

Build Status -Version -Downloads +Version +Downloads License +

## Learn Vue Easily > An easy example using Vue2 to implement easy web +

+ +

## Dependence Dependence |Version -------------------|------- -Vue |2.0+ -Vuex |2.0+ -Webpack |3.0+ +Vue |2.6.10 +Vuex |3.1.1 +Webpack |4.32.2 -## Latest Version 0.7.1(2017/06/20) +## Latest Version 0.8.0(2019/05/26) +- 0.8.0 [2019/05/26] + + use webpack 4.32.2 + + use vue 2.6.10 +- 0.7.2 [2017/11/12] + + refactor ui for card component - 0.7.1 [2017/06/20] + separate router, store and vendor css from app.js + format code style @@ -69,7 +78,41 @@ Webpack |3.0+ step 1: yarn install step 2: - - develop: npm run dev - - build : npm run build, and use *lite-server* or *http-server* to visit the dist directory + - develop: yarn run dev + - build : yarn run build, and use *lite-server* or *http-server* to visit the dist directory ``` + +## APPRECIATION + + + +## Contributors + +This project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)]. + + + +## Backers + +Thank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/easy-vue#backer)] + + + + +## Sponsors + +Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/easy-vue#sponsor)] + + + + + + + + + + + + + diff --git a/package.json b/package.json index 42ea601..a8ad500 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "easy-vue", - "version": "0.7.1", + "version": "0.8.0", "description": "Learn Vue Easily", "main": "index.js", "scripts": { @@ -8,37 +8,43 @@ "dev": "npm run clean && webpack-dev-server -d --open --progress", "build": "npm run clean && NODE_ENV=production webpack -p --hide-modules --progress" }, - "author": "TIGERB", + "author": "TIGERB", "license": "MIT", "dependencies": { "animate.css": "^3.5.2", - "fastclick": "^1.0.6", + "babel": "^6.23.0", "font-awesome": "^4.7.0", + "mini-css-extract-plugin": "^0.6.0", + "opencollective": "^1.0.3", "ratchet-npm": "^2.0.4", - "vue": "^2.2.6", - "vue-infinite-scroll": "^2.0.1", - "vue-progressbar": "^0.7.1", + "vue": "^2.6.10", + "vue-infinite-scroll": "^2.0.2", + "vue-progressbar": "^0.7.5", "vue-resource": "^1.3.0", - "vue-router": "^2.3.1", - "vuex": "^2.0.0" + "vue-router": "^3.0.6", + "vue-template-compiler": "^2.6.10", + "vuex": "^3.1.1" }, "devDependencies": { - "babel-cli": "^6.24.1", - "babel-core": "^6.24.1", - "babel-loader": "^7.0.0", + "babel-cli": "^6.26.0", + "babel-core": "^6.26.3", + "babel-loader": "7", "babel-plugin-transform-runtime": "^6.4.3", "babel-preset-es2015": "^6.24.1", "babel-runtime": "^6.23.0", - "copy-webpack-plugin": "^4.0.1", - "css-loader": "^0.28.0", - "extract-text-webpack-plugin": "^2.1.0", - "file-loader": "^0.11.1", - "html-webpack-plugin": "^2.16.0", + "copy-webpack-plugin": "^5.0.3", + "css-loader": "^2.1.1", + "file-loader": "^3.0.1", + "html-webpack-plugin": "^3.2.0", "style-loader": "^0.18.2", - "vue-loader": "^12.2.1", - "vue-style-loader": "^3.0.1", - "vue-template-compiler": "^2.2.6", - "webpack": "3.0.0", - "webpack-dev-server": "^2.4.2" + "vue-loader": "^15.7.0", + "vue-style-loader": "^4.1.2", + "webpack": "^4.32.2", + "webpack-cli": "^3.3.2", + "webpack-dev-server": "^3.4.1" + }, + "collective": { + "type": "opencollective", + "url": "https://opencollective.com/easy-vue" } } diff --git a/src/app.js b/src/app.js index 539d73b..4ec9eff 100644 --- a/src/app.js +++ b/src/app.js @@ -2,7 +2,7 @@ import 'ratchet-npm/dist/css/ratchet.css'; // get ratchet import 'font-awesome/css/font-awesome.css'; // get font-awesome import 'animate.css/animate.css'; // get animate.css -import FastClick from 'fastclick'; +// import FastClick from 'fastclick'; import Vue from 'vue'; // get vue import VueProgressBar from 'vue-progressbar'; // get vue-progressbar import InfiniteScroll from 'vue-infinite-scroll'; // get vue-infinite-scroll @@ -11,7 +11,7 @@ import App from './app.vue'; // get root module import router from './router'; import store from './store'; // get vuex -> store -FastClick.attach(document.body); // init fastclick +// FastClick.attach(document.body); // init fastclick const options = { color: '#fff', failedColor: '#874b4b', diff --git a/src/components/alert.vue b/src/components/alert.vue index 6628e12..651aa5b 100644 --- a/src/components/alert.vue +++ b/src/components/alert.vue @@ -62,7 +62,7 @@ export default { .easy-alert > div > p:first-child { font-size: 20px; line-height: 80px; - color: #1abc9c; + color: #19caad; } .easy-alert > div > p:last-child { @@ -70,6 +70,6 @@ export default { line-height: 22px; padding: 9px 0; color: #fff; - background-color: #1abc9c; + background-color: #19caad; } diff --git a/src/components/barBottom.vue b/src/components/barBottom.vue index ca13e31..06a68a2 100644 --- a/src/components/barBottom.vue +++ b/src/components/barBottom.vue @@ -50,7 +50,7 @@ export default { diff --git a/src/components/list.vue b/src/components/list.vue index 1f10315..cc34702 100644 --- a/src/components/list.vue +++ b/src/components/list.vue @@ -1,5 +1,8 @@