成功引入vant
This commit is contained in:
		
							parent
							
								
									4eb31ea11f
								
							
						
					
					
						commit
						70f4750066
					
				
							
								
								
									
										9
									
								
								.babelrc
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										9
									
								
								.babelrc
									
									
									
									
									
										Normal file
									
								
							@ -0,0 +1,9 @@
 | 
			
		||||
{
 | 
			
		||||
    "plugins": [
 | 
			
		||||
      ["import", {
 | 
			
		||||
        "libraryName": "vant",
 | 
			
		||||
        "libraryDirectory": "es",
 | 
			
		||||
        "style": true
 | 
			
		||||
      }]
 | 
			
		||||
    ]
 | 
			
		||||
  }
 | 
			
		||||
							
								
								
									
										16
									
								
								package.json
									
									
									
									
									
								
							
							
						
						
									
										16
									
								
								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": [
 | 
			
		||||
 | 
			
		||||
@ -112,7 +112,8 @@ import answer from "./components/PersonalAnswer"
 | 
			
		||||
export default {
 | 
			
		||||
  name: "Personal homepage",
 | 
			
		||||
  data() {
 | 
			
		||||
    return {};
 | 
			
		||||
    return {
 | 
			
		||||
    };
 | 
			
		||||
  },
 | 
			
		||||
  components:{
 | 
			
		||||
      follow,
 | 
			
		||||
 | 
			
		||||
							
								
								
									
										17
									
								
								src/index.vue
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										17
									
								
								src/index.vue
									
									
									
									
									
										Normal file
									
								
							@ -0,0 +1,17 @@
 | 
			
		||||
<template>
 | 
			
		||||
  <div class="box"></div>
 | 
			
		||||
</template>
 | 
			
		||||
<style lang="scss" scoped>
 | 
			
		||||
.box {
 | 
			
		||||
  min-height: 100vh;
 | 
			
		||||
  background-color: #f6f6f6;
 | 
			
		||||
}
 | 
			
		||||
</style>
 | 
			
		||||
<script>
 | 
			
		||||
export default {
 | 
			
		||||
  name: "index",
 | 
			
		||||
  data() {
 | 
			
		||||
    return {};
 | 
			
		||||
  }
 | 
			
		||||
};
 | 
			
		||||
</script>
 | 
			
		||||
@ -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({
 | 
			
		||||
 | 
			
		||||
@ -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
 | 
			
		||||
    }
 | 
			
		||||
  ]
 | 
			
		||||
 | 
			
		||||
							
								
								
									
										62
									
								
								yarn.lock
									
									
									
									
									
								
							
							
						
						
									
										62
									
								
								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"
 | 
			
		||||
 | 
			
		||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user