diff --git a/.gitignore b/.gitignore index e91870e..403adbc 100644 --- a/.gitignore +++ b/.gitignore @@ -1,62 +1,23 @@ -# Logs -logs -*.log +.DS_Store +node_modules +/dist + + +# local env files +.env.local +.env.*.local + +# Log files npm-debug.log* yarn-debug.log* yarn-error.log* -yarn.lock +pnpm-debug.log* -# Runtime data -pids -*.pid -*.seed -*.pid.lock - -# Directory for instrumented libs generated by jscoverage/JSCover -lib-cov - -# Coverage directory used by tools like istanbul -coverage - -# nyc test coverage -.nyc_output - -# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files) -.grunt - -# Bower dependency directory (https://bower.io/) -bower_components - -# node-waf configuration -.lock-wscript - -# Compiled binary addons (https://nodejs.org/api/addons.html) -build/Release - -# Dependency directories -node_modules/ -jspm_packages/ - -# TypeScript v1 declaration files -typings/ - -# Optional npm cache directory -.npm - -# Optional eslint cache -.eslintcache - -# Optional REPL history -.node_repl_history - -# Output of 'npm pack' -*.tgz - -# Yarn Integrity file -.yarn-integrity - -# dotenv environment variables file -.env - -# next.js build output -.next +# Editor directories and files +.idea +.vscode +*.suo +*.ntvs* +*.njsproj +*.sln +*.sw? diff --git a/LICENSE b/LICENSE deleted file mode 100644 index 261eeb9..0000000 --- a/LICENSE +++ /dev/null @@ -1,201 +0,0 @@ - Apache License - Version 2.0, January 2004 - http://www.apache.org/licenses/ - - TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION - - 1. Definitions. - - "License" shall mean the terms and conditions for use, reproduction, - and distribution as defined by Sections 1 through 9 of this document. - - "Licensor" shall mean the copyright owner or entity authorized by - the copyright owner that is granting the License. - - "Legal Entity" shall mean the union of the acting entity and all - other entities that control, are controlled by, or are under common - control with that entity. For the purposes of this definition, - "control" means (i) the power, direct or indirect, to cause the - direction or management of such entity, whether by contract or - otherwise, or (ii) ownership of fifty percent (50%) or more of the - outstanding shares, or (iii) beneficial ownership of such entity. - - "You" (or "Your") shall mean an individual or Legal Entity - exercising permissions granted by this License. - - "Source" form shall mean the preferred form for making modifications, - including but not limited to software source code, documentation - source, and configuration files. - - "Object" form shall mean any form resulting from mechanical - transformation or translation of a Source form, including but - not limited to compiled object code, generated documentation, - and conversions to other media types. - - "Work" shall mean the work of authorship, whether in Source or - Object form, made available under the License, as indicated by a - copyright notice that is included in or attached to the work - (an example is provided in the Appendix below). - - "Derivative Works" shall mean any work, whether in Source or Object - form, that is based on (or derived from) the Work and for which the - editorial revisions, annotations, elaborations, or other modifications - represent, as a whole, an original work of authorship. For the purposes - of this License, Derivative Works shall not include works that remain - separable from, or merely link (or bind by name) to the interfaces of, - the Work and Derivative Works thereof. - - "Contribution" shall mean any work of authorship, including - the original version of the Work and any modifications or additions - to that Work or Derivative Works thereof, that is intentionally - submitted to Licensor for inclusion in the Work by the copyright owner - or by an individual or Legal Entity authorized to submit on behalf of - the copyright owner. For the purposes of this definition, "submitted" - means any form of electronic, verbal, or written communication sent - to the Licensor or its representatives, including but not limited to - communication on electronic mailing lists, source code control systems, - and issue tracking systems that are managed by, or on behalf of, the - Licensor for the purpose of discussing and improving the Work, but - excluding communication that is conspicuously marked or otherwise - designated in writing by the copyright owner as "Not a Contribution." - - "Contributor" shall mean Licensor and any individual or Legal Entity - on behalf of whom a Contribution has been received by Licensor and - subsequently incorporated within the Work. - - 2. Grant of Copyright License. Subject to the terms and conditions of - this License, each Contributor hereby grants to You a perpetual, - worldwide, non-exclusive, no-charge, royalty-free, irrevocable - copyright license to reproduce, prepare Derivative Works of, - publicly display, publicly perform, sublicense, and distribute the - Work and such Derivative Works in Source or Object form. - - 3. Grant of Patent License. Subject to the terms and conditions of - this License, each Contributor hereby grants to You a perpetual, - worldwide, non-exclusive, no-charge, royalty-free, irrevocable - (except as stated in this section) patent license to make, have made, - use, offer to sell, sell, import, and otherwise transfer the Work, - where such license applies only to those patent claims licensable - by such Contributor that are necessarily infringed by their - Contribution(s) alone or by combination of their Contribution(s) - with the Work to which such Contribution(s) was submitted. If You - institute patent litigation against any entity (including a - cross-claim or counterclaim in a lawsuit) alleging that the Work - or a Contribution incorporated within the Work constitutes direct - or contributory patent infringement, then any patent licenses - granted to You under this License for that Work shall terminate - as of the date such litigation is filed. - - 4. Redistribution. You may reproduce and distribute copies of the - Work or Derivative Works thereof in any medium, with or without - modifications, and in Source or Object form, provided that You - meet the following conditions: - - (a) You must give any other recipients of the Work or - Derivative Works a copy of this License; and - - (b) You must cause any modified files to carry prominent notices - stating that You changed the files; and - - (c) You must retain, in the Source form of any Derivative Works - that You distribute, all copyright, patent, trademark, and - attribution notices from the Source form of the Work, - excluding those notices that do not pertain to any part of - the Derivative Works; and - - (d) If the Work includes a "NOTICE" text file as part of its - distribution, then any Derivative Works that You distribute must - include a readable copy of the attribution notices contained - within such NOTICE file, excluding those notices that do not - pertain to any part of the Derivative Works, in at least one - of the following places: within a NOTICE text file distributed - as part of the Derivative Works; within the Source form or - documentation, if provided along with the Derivative Works; or, - within a display generated by the Derivative Works, if and - wherever such third-party notices normally appear. The contents - of the NOTICE file are for informational purposes only and - do not modify the License. You may add Your own attribution - notices within Derivative Works that You distribute, alongside - or as an addendum to the NOTICE text from the Work, provided - that such additional attribution notices cannot be construed - as modifying the License. - - You may add Your own copyright statement to Your modifications and - may provide additional or different license terms and conditions - for use, reproduction, or distribution of Your modifications, or - for any such Derivative Works as a whole, provided Your use, - reproduction, and distribution of the Work otherwise complies with - the conditions stated in this License. - - 5. Submission of Contributions. Unless You explicitly state otherwise, - any Contribution intentionally submitted for inclusion in the Work - by You to the Licensor shall be under the terms and conditions of - this License, without any additional terms or conditions. - Notwithstanding the above, nothing herein shall supersede or modify - the terms of any separate license agreement you may have executed - with Licensor regarding such Contributions. - - 6. Trademarks. This License does not grant permission to use the trade - names, trademarks, service marks, or product names of the Licensor, - except as required for reasonable and customary use in describing the - origin of the Work and reproducing the content of the NOTICE file. - - 7. Disclaimer of Warranty. Unless required by applicable law or - agreed to in writing, Licensor provides the Work (and each - Contributor provides its Contributions) on an "AS IS" BASIS, - WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or - implied, including, without limitation, any warranties or conditions - of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A - PARTICULAR PURPOSE. You are solely responsible for determining the - appropriateness of using or redistributing the Work and assume any - risks associated with Your exercise of permissions under this License. - - 8. Limitation of Liability. In no event and under no legal theory, - whether in tort (including negligence), contract, or otherwise, - unless required by applicable law (such as deliberate and grossly - negligent acts) or agreed to in writing, shall any Contributor be - liable to You for damages, including any direct, indirect, special, - incidental, or consequential damages of any character arising as a - result of this License or out of the use or inability to use the - Work (including but not limited to damages for loss of goodwill, - work stoppage, computer failure or malfunction, or any and all - other commercial damages or losses), even if such Contributor - has been advised of the possibility of such damages. - - 9. Accepting Warranty or Additional Liability. While redistributing - the Work or Derivative Works thereof, You may choose to offer, - and charge a fee for, acceptance of support, warranty, indemnity, - or other liability obligations and/or rights consistent with this - License. However, in accepting such obligations, You may act only - on Your own behalf and on Your sole responsibility, not on behalf - of any other Contributor, and only if You agree to indemnify, - defend, and hold each Contributor harmless for any liability - incurred by, or claims asserted against, such Contributor by reason - of your accepting any such warranty or additional liability. - - END OF TERMS AND CONDITIONS - - APPENDIX: How to apply the Apache License to your work. - - To apply the Apache License to your work, attach the following - boilerplate notice, with the fields enclosed by brackets "[]" - replaced with your own identifying information. (Don't include - the brackets!) The text should be enclosed in the appropriate - comment syntax for the file format. We also recommend that a - file or class name and description of purpose be included on the - same "printed page" as the copyright notice for easier - identification within third-party archives. - - Copyright [yyyy] [name of copyright owner] - - Licensed under the Apache License, Version 2.0 (the "License"); - you may not use this file except in compliance with the License. - You may obtain a copy of the License at - - http://www.apache.org/licenses/LICENSE-2.0 - - Unless required by applicable law or agreed to in writing, software - distributed under the License is distributed on an "AS IS" BASIS, - WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - See the License for the specific language governing permissions and - limitations under the License. diff --git a/README.md b/README.md index 30c6540..8bf94f9 100644 --- a/README.md +++ b/README.md @@ -5,6 +5,10 @@ 这是一个简单的翻页倒计时vue组件，项目中有用到，所以提取了一下。
你们也可以直接把`src/app.vue`文件拷贝到项目里直接用，就是个普通vue组件，就不用`npm install` 了 +# 注意：vue2.x 和 vue3.x +**vue-flip-down 1.x的版本仅适用于vue2.x**
+**vue-flip-down 3.x的版本仅适用于vue3.x** + ### 示例 ![img](public/demo.gif) @@ -16,10 +20,6 @@ ``` npm install vue-flip-down --save ``` -或 -``` -yarn add vue-flip-down -``` ### 使用 ```vue diff --git a/babel.config.js b/babel.config.js new file mode 100644 index 0000000..162a3ea --- /dev/null +++ b/babel.config.js @@ -0,0 +1,3 @@ +module.exports = { + presets: ["@vue/cli-plugin-babel/preset"], +}; diff --git a/dist/main.js b/dist/main.js deleted file mode 100644 index bb0c83c..0000000 --- a/dist/main.js +++ /dev/null @@ -1 +0,0 @@ -!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports["vue-flip-down"]=e():t["vue-flip-down"]=e()}(this,(function(){return function(t){var e={};function n(i){if(e[i])return e[i].exports;var o=e[i]={i:i,l:!1,exports:{}};return t[i].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=t,n.c=e,n.d=function(t,e,i){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:i})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)n.d(i,o,function(e){return t[e]}.bind(null,o));return i},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=2)}([function(t,e,n){var i=n(4),o=n(5);"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[t.i,o,""]]);var r={insert:"head",singleton:!1};i(o,r);t.exports=o.locals||{}},function(t,e,n){"use strict";t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var n=function(t,e){var n=t[1]||"",i=t[3];if(!i)return n;if(e&&"function"==typeof btoa){var o=(a=i,s=btoa(unescape(encodeURIComponent(JSON.stringify(a)))),c="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(s),"/*# ".concat(c," */")),r=i.sources.map((function(t){return"/*# sourceURL=".concat(i.sourceRoot||"").concat(t," */")}));return[n].concat(r).concat([o]).join("\n")}var a,s,c;return[n].join("\n")}(e,t);return e[2]?"@media ".concat(e[2]," {").concat(n,"}"):n})).join("")},e.i=function(t,n,i){"string"==typeof t&&(t=[[null,t,""]]);var o={};if(i)for(var r=0;r div {\n overflow: hidden;\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n -webkit-animation-duration: 400ms;\n animation-duration: 400ms;\n -webkit-transform: rotateX(-0.01deg);\n transform: rotateX(-0.01deg);\n border-radius: 3px;\n}\n.vue-countdown-component .time-box > div.base {\n position: relative;\n}\n.vue-countdown-component .time-box > div.base .base-b {\n position: absolute;\n left: 0;\n bottom: 0;\n border-radius: 0 0 3px 3px;\n width: 100%;\n height: 100%;\n background-color: #709bf1;\n -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 100%, 0 100%);\n clip-path: polygon(0 50%, 100% 50%, 100% 100%, 0 100%);\n}\n.vue-countdown-component .time-box > div.face {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background-color: #6c96e8;\n -webkit-backface-visibility: visible;\n backface-visibility: visible;\n -webkit-clip-path: polygon(0 0, 100% 0, 100% 50%, 0 50%);\n clip-path: polygon(0 0, 100% 0, 100% 50%, 0 50%);\n z-index: 2;\n}\n.vue-countdown-component .time-box > div.face.anime {\n -webkit-animation-name: animate-filp-face;\n animation-name: animate-filp-face;\n}\n.vue-countdown-component .time-box > div.back {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background-color: #709bf1;\n -webkit-transform: rotateX(-180deg);\n transform: rotateX(-180deg);\n -webkit-backface-visibility: visible;\n backface-visibility: visible;\n -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 100%, 0 100%);\n clip-path: polygon(0 50%, 100% 50%, 100% 100%, 0 100%);\n}\n.vue-countdown-component .time-box > div.back.anime {\n -webkit-animation-name: animate-filp-back;\n animation-name: animate-filp-back;\n}\n',""]),e.default=o},function(t,e,n){"use strict";n.r(e);var i=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{class:["vue-countdown-component",{theme2:1!==t.theme},{ie:t.isIE}]},[t._l(t.timeArray,(function(e,i){return[n("div",{key:i,class:["time-box"]},[n("div",{staticClass:"base"},[t._v(t._s(e)),n("div",{staticClass:"base-b"},[t._v(t._s(t.timeArrayT[i]))])]),t._v(" "),n("div",{class:["face",{anime:t.isAnimate[i]}],on:{animationend:function(e){return t.onAnimateEnd(i)}}},[t._v(t._s(t.timeArrayT[i]))]),t._v(" "),n("div",{class:["back",{anime:t.isAnimate[i]}]},[t._v(t._s(e))])]),t._v(" "),t.isTimeUnitShow(i)?n("div",{key:"unit-"+i,staticClass:"time-unit"},[t._v("\n "+t._s(t.setTimeUnit(i))+"\n ")]):t._e()]}))],2)};i._withStripped=!0;var o={data(){return{isIE:!1,timeArray:2===this.theme?new Array(2*this.type).fill("0"):new Array(this.type).fill("00"),timeArrayT:2===this.theme?new Array(2*this.type).fill("0"):new Array(this.type).fill("00"),isAnimate:2===this.theme?new Array(2*this.type).fill(!1):new Array(this.type).fill(!1)}},props:{endDate:{type:[Date,Number,String],default:0},type:{type:[Number,String],default:4},theme:{type:[Number,String],default:1},timeUnit:{type:Array,default:()=>[]}},computed:{endTime(){return this.endDate instanceof Date?this.endDate.getTime():Number(this.endDate)>0?Number(this.endDate):0},step(){return 1===this.theme?1:2},arr(){const t=this.timeArray.length,e=this.step,n=[t-1,t-e-1,t-2*e-1,t-3*e-1];return n.length=this.type>1?this.type:1,n}},watch:{timeArray(t,e){const n=[];t.forEach((t,i)=>{t!==e[i]&&(n.push({value:t,index:i}),this.$set(this.isAnimate,i,!0))}),setTimeout(()=>{n.forEach(t=>{this.$set(this.timeArrayT,t.index,t.value)})},350)},endTime(t){t>0&&this.start()}},mounted(){(window.ActiveXObject||"ActiveXObject"in window||window.navigator.userAgent.indexOf("Edge")>-1)&&(this.isIE=!0),this.start(0)},beforeDestroy(){clearTimeout(this.timer)},methods:{start(t=1e3){clearTimeout(this.timer),this.timer=setTimeout(()=>{let t=this.endTime-(new Date).getTime();t=t<0?0:t;let e=0,n=0,i=0,o=0;const r=Number(this.type);r>=4?(e=Math.floor(t/864e5),n=Math.floor(t/36e5-24*e),i=Math.floor(t/6e4-1440*e-60*n),o=Math.floor(t/1e3-86400*e-3600*n-60*i)):r>=3?(n=Math.floor(t/36e5),i=Math.floor(t/6e4-60*n),o=Math.floor(t/1e3-3600*n-60*i)):r>=2?(i=Math.floor(t/6e4),o=Math.floor(t/1e3-60*i)):o=Math.floor(t/1e3);let a=[];1===Number(this.theme)?(r>=4&&a.push(String(e).padStart(2,"0")),r>=3&&a.push(String(n).padStart(2,"0")),r>=2&&a.push(String(i).padStart(2,"0")),a.push(String(o).padStart(2,"0"))):(r>=4&&a.push(...String(e).padStart(2,"0").split("")),r>=3&&a.push(...String(n).padStart(2,"0").split("")),r>=2&&a.push(...String(i).padStart(2,"0").split("")),a.push(...String(o).padStart(2,"0").split(""))),this.timeArray=a,t>0?this.start():this.$emit("timeUp")},t)},onAnimateEnd(t){this.$set(this.isAnimate,t,!1)},isTimeUnitShow(t){return!!this.arr.includes(t)&&!(t===this.timeArray.length-1&&!this.timeUnit[3])},setTimeUnit(t){switch(t){case this.timeArray.length-1:return this.timeUnit[3]||"";case this.timeArray.length-this.step-1:return this.timeUnit[2]||"";case this.timeArray.length-2*this.step-1:return this.timeUnit[1]||"";default:return this.timeUnit[0]||""}}}};n(3);var r=function(t,e,n,i,o,r,a,s){var c,u="function"==typeof t?t.options:t;if(e&&(u.render=e,u.staticRenderFns=n,u._compiled=!0),i&&(u.functional=!0),r&&(u._scopeId="data-v-"+r),a?(c=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),o&&o.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(a)},u._ssrRegister=c):o&&(c=s?function(){o.call(this,(u.functional?this.parent:this).$root.$options.shadowRoot)}:o),c)if(u.functional){u._injectStyles=c;var p=u.render;u.render=function(t,e){return c.call(e),p(t,e)}}else{var l=u.beforeCreate;u.beforeCreate=l?[].concat(l,c):[c]}return{exports:t,options:u}}(o,i,[],!1,null,null,null);r.options.__file="src/app.vue";var a=r.exports;e.default=a}])})); \ No newline at end of file diff --git a/example/index.html b/example/index.html deleted file mode 100644 index e522c39..0000000 --- a/example/index.html +++ /dev/null @@ -1,16 +0,0 @@ - - - - - - - Example - - - -
- - - - \ No newline at end of file diff --git a/example/main.js b/example/main.js index c22539a..60343e2 100644 --- a/example/main.js +++ b/example/main.js @@ -1,8 +1,4 @@ -import Vue from 'vue'; -import App from './src/app.vue'; +import { createApp } from "vue"; +import App from "./src/app.vue"; -Vue.config.productionTip = false; - -new Vue({ - render: h => h(App), -}).$mount('#root'); +createApp(App).mount("#app"); diff --git a/example/public/index.html b/example/public/index.html new file mode 100644 index 0000000..2f653ec --- /dev/null +++ b/example/public/index.html @@ -0,0 +1,12 @@ + + + + + + Example + + + +
+ + diff --git a/example/src/app.vue b/example/src/app.vue index 7f0cd19..f15e23a 100644 --- a/example/src/app.vue +++ b/example/src/app.vue @@ -1,34 +1,47 @@ + \ No newline at end of file diff --git a/example/src/assets/1.jpg b/example/src/assets/1.jpg new file mode 100644 index 0000000..eb56434 Binary files /dev/null and b/example/src/assets/1.jpg differ diff --git a/package.json b/package.json index c6880f0..ef3a7f4 100644 --- a/package.json +++ b/package.json @@ -1,65 +1,50 @@ { "name": "vue-flip-down", - "version": "1.0.7", - "description": "vue 翻页效果的倒计时组件", - "main": "dist/main.js", - "files": [ - "dist/" - ], + "version": "3.0.0", "scripts": { - "dev": "webpack-dev-server --config webpack.dev.config.js", - "build": "webpack --config webpack.production.config.js --progress --profile --colors", - "test": "echo \"Error: no test specified\" && exit 1" + "serve": "vue-cli-service serve", + "build": "vue-cli-service build --target lib", + "lint": "vue-cli-service lint", + "prettier": "prettier --write \"{src,mock}/**/*.{js,css,less,vue}\"" }, - "repository": { - "type": "git", - "url": "git+https://github.com/javaLuo/vue-flip-down.git" - }, - "keywords": [ - "vue" - ], - "author": "L", - "license": "ISC", - "bugs": { - "url": "https://github.com/javaLuo/vue-flip-down/issues" - }, - "homepage": "https://github.com/javaLuo/vue-flip-down#readme", + "files": ["dist"], + "main": "./dist/vue-flip-down.umd.min.js", "dependencies": { - "optimize-css-assets-webpack-plugin": "^5.0.4", - "terser-webpack-plugin": "^4.1.0", - "vue": "^2.6.12" + "core-js": "^3.6.5", + "vue": "^3.0.0" }, "devDependencies": { - "@babel/core": "^7.11.6", - "@babel/plugin-proposal-class-properties": "^7.10.4", - "@babel/plugin-proposal-object-rest-spread": "^7.11.0", - "@babel/plugin-syntax-dynamic-import": "^7.8.3", - "@babel/plugin-transform-runtime": "^7.11.5", - "@babel/polyfill": "^7.11.5", - "@babel/runtime": "^7.11.2", - "autoprefixer": "^9.8.6", - "babel-loader": "^8.1.0", - "babel-plugin-import": "^1.13.0", - "babel-plugin-transform-decorators-legacy": "^1.3.5", - "babel-preset-vue-app": "^2.0.0", - "clean-webpack-plugin": "^3.0.0", - "css-loader": "^4.3.0", - "less": "^3.12.2", - "less-loader": "^7.0.1", - "postcss-loader": "^4.0.1", - "style-loader": "^1.2.1", - "url-loader": "^4.1.0", - "vue-loader": "^15.9.3", - "vue-template-compiler": "^2.6.12", - "webpack": "^4.44.1", - "webpack-cli": "^3.3.12", - "webpack-dev-server": "^3.11.0" + "@vue/cli-plugin-babel": "~4.5.0", + "@vue/cli-plugin-eslint": "~4.5.0", + "@vue/cli-service": "~4.5.0", + "@vue/compiler-sfc": "^3.0.0", + "@vue/eslint-config-prettier": "^6.0.0", + "babel-eslint": "^10.1.0", + "eslint": "^6.7.2", + "eslint-plugin-prettier": "^3.3.1", + "eslint-plugin-vue": "^7.0.0", + "less": "^3.0.4", + "less-loader": "^5.0.0", + "prettier": "^2.2.1" + }, + "eslintConfig": { + "root": false, + "env": { + "node": true + }, + "extends": [ + "plugin:vue/vue3-essential", + "eslint:recommended", + "@vue/prettier" + ], + "parserOptions": { + "parser": "babel-eslint" + }, + "rules": {} }, "browserslist": [ - "iOS >= 8", - "Android > 4.1", - "last 1 versions", "> 1%", + "last 2 versions", "not dead" ] } diff --git a/postcss.config.js b/postcss.config.js deleted file mode 100644 index 796abe2..0000000 --- a/postcss.config.js +++ /dev/null @@ -1,4 +0,0 @@ -/** postcss-loader 解析器所需的配置文件 **/ -module.exports = { - plugins: [require("autoprefixer")()] -}; diff --git a/public/1.gif b/public/1.gif deleted file mode 100644 index 3b31152..0000000 Binary files a/public/1.gif and /dev/null differ diff --git a/public/2.gif b/public/2.gif deleted file mode 100644 index bd1031f..0000000 Binary files a/public/2.gif and /dev/null differ diff --git a/public/demo.gif b/public/demo.gif deleted file mode 100644 index 987de1a..0000000 Binary files a/public/demo.gif and /dev/null differ diff --git a/src/app.vue b/src/app.vue index 6c00f09..43ac8b5 100644 --- a/src/app.vue +++ b/src/app.vue @@ -1,21 +1,30 @@