From 70f4750066f6bb594931fce161a4377f16518357 Mon Sep 17 00:00:00 2001 From: pplokijuhyg <1162963624@qq.com> Date: Mon, 25 Nov 2019 15:27:58 +0800 Subject: [PATCH] =?UTF-8?q?=E6=88=90=E5=8A=9F=E5=BC=95=E5=85=A5vant?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .babelrc | 9 ++++++ package.json | 16 ++++++++++- src/PersonalHomepage.vue | 3 +- src/index.vue | 17 +++++++++++ src/main.js | 2 ++ src/router.js | 5 ++++ yarn.lock | 62 ++++++++++++++++++++++++++++++++++++++-- 7 files changed, 110 insertions(+), 4 deletions(-) create mode 100644 .babelrc create mode 100644 src/index.vue diff --git a/.babelrc b/.babelrc new file mode 100644 index 0000000..54ee2dd --- /dev/null +++ b/.babelrc @@ -0,0 +1,9 @@ +{ + "plugins": [ + ["import", { + "libraryName": "vant", + "libraryDirectory": "es", + "style": true + }] + ] + } \ No newline at end of file diff --git a/package.json b/package.json index c297527..20d028e 100644 --- a/package.json +++ b/package.json @@ -8,9 +8,12 @@ "lint": "vue-cli-service lint" }, "dependencies": { + "babel-plugin-import": "^1.12.2", "core-js": "^3.3.2", "node-sass": "^4.13.0", + "postcss-pxtorem": "^4.0.1", "sass-loader": "^8.0.0", + "vant": "^2.2.14", "vue": "^2.6.10", "vue-router": "^3.1.3" }, @@ -39,7 +42,18 @@ }, "postcss": { "plugins": { - "autoprefixer": {} + "autoprefixer": { + "browsers": [ + "Android >= 4.0", + "iOS >= 7" + ] + }, + "postcss-pxtorem": { + "rootValue": 100, + "propList": [ + "*" + ] + } } }, "browserslist": [ diff --git a/src/PersonalHomepage.vue b/src/PersonalHomepage.vue index 4a238fa..ec544dc 100644 --- a/src/PersonalHomepage.vue +++ b/src/PersonalHomepage.vue @@ -112,7 +112,8 @@ import answer from "./components/PersonalAnswer" export default { name: "Personal homepage", data() { - return {}; + return { + }; }, components:{ follow, diff --git a/src/index.vue b/src/index.vue new file mode 100644 index 0000000..5777d96 --- /dev/null +++ b/src/index.vue @@ -0,0 +1,17 @@ + + + \ No newline at end of file diff --git a/src/main.js b/src/main.js index 65c9d1a..67d80d5 100644 --- a/src/main.js +++ b/src/main.js @@ -1,6 +1,8 @@ import Vue from 'vue' import App from './App.vue' import router from "./router" +import { Popup } from 'vant'; +Vue.use(Popup); Vue.config.productionTip = false new Vue({ diff --git a/src/router.js b/src/router.js index 3f19bd0..bddb0e3 100644 --- a/src/router.js +++ b/src/router.js @@ -4,10 +4,15 @@ import Router from 'vue-router' //2.调用vue-router Vue.use(Router) import PersonalHomepage from "./PersonalHomepage" +import index from "./index" const router=new Router({ routes: [ { path: '/', + component: index + }, + { + path: '/PersonalHomepage', component: PersonalHomepage } ] diff --git a/yarn.lock b/yarn.lock index 6f3f166..af9b91c 100644 --- a/yarn.lock +++ b/yarn.lock @@ -678,7 +678,7 @@ core-js-pure "^3.0.0" regenerator-runtime "^0.13.2" -"@babel/runtime@^7.6.3": +"@babel/runtime@7.x", "@babel/runtime@^7.0.0", "@babel/runtime@^7.6.3": version "7.7.4" resolved "https://registry.npm.taobao.org/@babel/runtime/download/@babel/runtime-7.7.4.tgz#b23a856751e4bf099262f867767889c0e3fe175b" integrity sha1-sjqFZ1HkvwmSYvhndniJwOP+F1s= @@ -820,6 +820,11 @@ resolved "https://registry.npm.taobao.org/@types/q/download/@types/q-1.5.2.tgz#690a1475b84f2a884fd07cd797c00f5f31356ea8" integrity sha1-aQoUdbhPKohP0HzXl8APXzE1bqg= +"@vant/icons@1.1.15": + version "1.1.15" + resolved "https://registry.yarnpkg.com/@vant/icons/-/icons-1.1.15.tgz#53c51ace21e9992bfeeb2e1ad9094fbf6506d116" + integrity sha512-96tbJotfofrKpOrUGWKkiGLJsCFc0OX5pikWLW5yarD+EMhi0zCrQSDb95xGrp/HETAFm+nSTQu2e1zGsWN/7A== + "@vue/babel-helper-vue-jsx-merge-props@^1.0.0": version "1.0.0" resolved "https://registry.npm.taobao.org/@vue/babel-helper-vue-jsx-merge-props/download/@vue/babel-helper-vue-jsx-merge-props-1.0.0.tgz#048fe579958da408fb7a8b2a3ec050b50a661040" @@ -1540,6 +1545,14 @@ babel-plugin-dynamic-import-node@^2.2.0, babel-plugin-dynamic-import-node@^2.3.0 dependencies: object.assign "^4.1.0" +babel-plugin-import@^1.12.2: + version "1.12.2" + resolved "https://registry.yarnpkg.com/babel-plugin-import/-/babel-plugin-import-1.12.2.tgz#bb8e11dabae68fbff4484c8e2bc2db1e086286a8" + integrity sha512-Vz9s+I6vAnsY8sYczU/cdtkKAHSorapa/2St6K+OzowplKizpWxul4HLi3kj1eRmHMFjhbROSMGXP+mFna2nUw== + dependencies: + "@babel/helper-module-imports" "^7.0.0" + "@babel/runtime" "^7.0.0" + babel-plugin-module-resolver@^3.2.0: version "3.2.0" resolved "https://registry.npm.taobao.org/babel-plugin-module-resolver/download/babel-plugin-module-resolver-3.2.0.tgz#ddfa5e301e3b9aa12d852a9979f18b37881ff5a7" @@ -3899,6 +3912,11 @@ has-ansi@^2.0.0: dependencies: ansi-regex "^2.0.0" +has-flag@^1.0.0: + version "1.0.0" + resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-1.0.0.tgz#9d9e793165ce017a00f00418c43f942a7b1d11fa" + integrity sha1-nZ55MWXOAXoA8AQYxD+UKnsdEfo= + has-flag@^3.0.0: version "3.0.0" resolved "https://registry.npm.taobao.org/has-flag/download/has-flag-3.0.0.tgz#b5d454dc2199ae225699f3467e5a07f3b955bafd" @@ -4684,7 +4702,7 @@ jest-worker@^24.9.0: merge-stream "^2.0.0" supports-color "^6.1.0" -js-base64@^2.1.8: +js-base64@^2.1.8, js-base64@^2.1.9: version "2.5.1" resolved "https://registry.yarnpkg.com/js-base64/-/js-base64-2.5.1.tgz#1efa39ef2c5f7980bb1784ade4a8af2de3291121" integrity sha512-M7kLczedRMYX4L8Mdh4MzyAMM9O5osx+4FcOQuTvr3A9F2D9S5JXheN0ewNbrvK2UatkTRhL5ejGmGSjNMiZuw== @@ -6452,6 +6470,14 @@ postcss-ordered-values@^4.1.2: postcss "^7.0.0" postcss-value-parser "^3.0.0" +postcss-pxtorem@^4.0.1: + version "4.0.1" + resolved "https://registry.yarnpkg.com/postcss-pxtorem/-/postcss-pxtorem-4.0.1.tgz#9c64d0efe4885473cc1cb0305c6ffc3ebb45b1cd" + integrity sha1-nGTQ7+SIVHPMHLAwXG/8PrtFsc0= + dependencies: + object-assign "^4.1.0" + postcss "^5.2.10" + postcss-reduce-initial@^4.0.3: version "4.0.3" resolved "https://registry.npm.taobao.org/postcss-reduce-initial/download/postcss-reduce-initial-4.0.3.tgz#7fd42ebea5e9c814609639e2c2e84ae270ba48df" @@ -6528,6 +6554,16 @@ postcss-value-parser@^4.0.0, postcss-value-parser@^4.0.2: resolved "https://registry.npm.taobao.org/postcss-value-parser/download/postcss-value-parser-4.0.2.tgz#482282c09a42706d1fc9a069b73f44ec08391dc9" integrity sha1-SCKCwJpCcG0fyaBptz9E7Ag5Hck= +postcss@^5.2.10: + version "5.2.18" + resolved "https://registry.yarnpkg.com/postcss/-/postcss-5.2.18.tgz#badfa1497d46244f6390f58b319830d9107853c5" + integrity sha512-zrUjRRe1bpXKsX1qAJNJjqZViErVuyEkMTRrwu4ud4sbTtIBRmtaYDrHmcGgmrbsW3MHfmtIf+vJumgQn+PrXg== + dependencies: + chalk "^1.1.3" + js-base64 "^2.1.9" + source-map "^0.5.6" + supports-color "^3.2.3" + postcss@^7.0.0, postcss@^7.0.1, postcss@^7.0.14, postcss@^7.0.16, postcss@^7.0.17, postcss@^7.0.23, postcss@^7.0.5, postcss@^7.0.6: version "7.0.23" resolved "https://registry.npm.taobao.org/postcss/download/postcss-7.0.23.tgz#9f9759fad661b15964f3cfc3140f66f1e05eadc1" @@ -7764,6 +7800,13 @@ supports-color@^2.0.0: resolved "https://registry.npm.taobao.org/supports-color/download/supports-color-2.0.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsupports-color%2Fdownload%2Fsupports-color-2.0.0.tgz#535d045ce6b6363fa40117084629995e9df324c7" integrity sha1-U10EXOa2Nj+kARcIRimZXp3zJMc= +supports-color@^3.2.3: + version "3.2.3" + resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-3.2.3.tgz#65ac0504b3954171d8a64946b2ae3cbb8a5f54f6" + integrity sha1-ZawFBLOVQXHYpklGsq48u4pfVPY= + dependencies: + has-flag "^1.0.0" + supports-color@^5.3.0: version "5.5.0" resolved "https://registry.npm.taobao.org/supports-color/download/supports-color-5.5.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsupports-color%2Fdownload%2Fsupports-color-5.5.0.tgz#e2e69a44ac8772f78a1ec0b35b689df6530efc8f" @@ -8264,6 +8307,16 @@ validate-npm-package-license@^3.0.1: spdx-correct "^3.0.0" spdx-expression-parse "^3.0.0" +vant@^2.2.14: + version "2.2.14" + resolved "https://registry.yarnpkg.com/vant/-/vant-2.2.14.tgz#882f1d46626bc04b89bc1e1bda7171f24f0d84b7" + integrity sha512-IpYs2FsQ8ZY6EcesOD0SBl24mpnzJW/aDVGfjDoGI5fgLQJcYp24twCeLbiX9KdZ0lAgS4PKwKQjkFX/i0yHnQ== + dependencies: + "@babel/runtime" "7.x" + "@vant/icons" "1.1.15" + "@vue/babel-helper-vue-jsx-merge-props" "^1.0.0" + vue-lazyload "1.2.3" + vary@~1.1.2: version "1.1.2" resolved "https://registry.npm.taobao.org/vary/download/vary-1.1.2.tgz#2299f02c6ded30d4a5961b0b9f74524a18f634fc" @@ -8305,6 +8358,11 @@ vue-hot-reload-api@^2.3.0: resolved "https://registry.npm.taobao.org/vue-hot-reload-api/download/vue-hot-reload-api-2.3.4.tgz#532955cc1eb208a3d990b3a9f9a70574657e08f2" integrity sha1-UylVzB6yCKPZkLOp+acFdGV+CPI= +vue-lazyload@1.2.3: + version "1.2.3" + resolved "https://registry.yarnpkg.com/vue-lazyload/-/vue-lazyload-1.2.3.tgz#901f9ec15c7e6ca78781a2bae4a343686bdedb2c" + integrity sha512-DC0ZwxanbRhx79tlA3zY5OYJkH8FYp3WBAnAJbrcuoS8eye1P73rcgAZhyxFSPUluJUTelMB+i/+VkNU/qVm7g== + vue-loader@^15.7.0: version "15.7.2" resolved "https://registry.npm.taobao.org/vue-loader/download/vue-loader-15.7.2.tgz?cache=0&sync_timestamp=1572672101730&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvue-loader%2Fdownload%2Fvue-loader-15.7.2.tgz#cc89e2716df87f70fe656c9da9d7f8bec06c73d6"