4 years ago · acdfae570f
--- a/README.md
+++ b/README.md
@@ -0,0 +1,24 @@
 
				+# matcherweb
			
 
				+
			
 
				+## Project setup
			
 
				+```
			
 
				+npm install
			
 
				+```
			
 
				+
			
 
				+### Compiles and hot-reloads for development
			
 
				+```
			
 
				+npm run serve
			
 
				+```
			
 
				+
			
 
				+### Compiles and minifies for production
			
 
				+```
			
 
				+npm run build
			
 
				+```
			
 
				+
			
 
				+### Lints and fixes files
			
 
				+```
			
 
				+npm run lint
			
 
				+```
			
 
				+
			
 
				+### Customize configuration
			
 
				+See [Configuration Reference](https://cli.vuejs.org/config/).
			
--- a/babel.config.js
+++ b/babel.config.js
@@ -0,0 +1,5 @@
 
				+module.exports = {
			
 
				+  presets: [
			
 
				+    '@vue/cli-plugin-babel/preset'
			
 
				+  ]
			
 
				+}
			
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -0,0 +1,48 @@
 
				+{
			
 
				+  "name": "matcherweb",
			
 
				+  "version": "0.1.0",
			
 
				+  "private": true,
			
 
				+  "scripts": {
			
 
				+    "serve": "vue-cli-service serve",
			
 
				+    "build": "vue-cli-service build",
			
 
				+    "lint": "vue-cli-service lint"
			
 
				+  },
			
 
				+  "dependencies": {
			
 
				+    "core-js": "^3.6.5",
			
 
				+    "element-ui": "^2.14.1",
			
 
				+    "vant": "^2.11.3",
			
 
				+    "vue": "^2.6.11",
			
 
				+    "vue-router": "^3.2.0",
			
 
				+    "vuex": "^3.4.0"
			
 
				+  },
			
 
				+  "devDependencies": {
			
 
				+    "@vue/cli-plugin-babel": "~4.5.0",
			
 
				+    "@vue/cli-plugin-eslint": "~4.5.0",
			
 
				+    "@vue/cli-plugin-router": "^4.5.9",
			
 
				+    "@vue/cli-plugin-vuex": "^4.5.9",
			
 
				+    "@vue/cli-service": "~4.5.0",
			
 
				+    "babel-eslint": "^10.1.0",
			
 
				+    "eslint": "^6.7.2",
			
 
				+    "eslint-plugin-vue": "^6.2.2",
			
 
				+    "vue-template-compiler": "^2.6.11"
			
 
				+  },
			
 
				+  "eslintConfig": {
			
 
				+    "root": true,
			
 
				+    "env": {
			
 
				+      "node": true
			
 
				+    },
			
 
				+    "extends": [
			
 
				+      "plugin:vue/essential",
			
 
				+      "eslint:recommended"
			
 
				+    ],
			
 
				+    "parserOptions": {
			
 
				+      "parser": "babel-eslint"
			
 
				+    },
			
 
				+    "rules": {}
			
 
				+  },
			
 
				+  "browserslist": [
			
 
				+    "> 1%",
			
 
				+    "last 2 versions",
			
 
				+    "not dead"
			
 
				+  ]
			
 
				+}
			
--- a/public/favicon.ico
+++ b/public/favicon.ico
--- a/public/index.html
+++ b/public/index.html
@@ -0,0 +1,17 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="en">
			
 
				+  <head>
			
 
				+    <meta charset="utf-8">
			
 
				+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
			
 
				+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
			
 
				+    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
			
 
				+    <title><%= htmlWebpackPlugin.options.title %></title>
			
 
				+  </head>
			
 
				+  <body>
			
 
				+    <noscript>
			
 
				+      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
			
 
				+    </noscript>
			
 
				+    <div id="app"></div>
			
 
				+    <!-- built files will be auto injected -->
			
 
				+  </body>
			
 
				+</html>
			
--- a/src/App.vue
+++ b/src/App.vue
@@ -0,0 +1,32 @@
 
				+<template>
			
 
				+  <div id="app">
			
 
				+    <!-- <div id="nav">
			
 
				+      <router-link to="/">Home</router-link> |
			
 
				+      <router-link to="/about">About</router-link>
			
 
				+    </div> -->
			
 
				+    <router-view/>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<style>
			
 
				+#app {
			
 
				+  font-family: Avenir, Helvetica, Arial, sans-serif;
			
 
				+  -webkit-font-smoothing: antialiased;
			
 
				+  -moz-osx-font-smoothing: grayscale;
			
 
				+  text-align: center;
			
 
				+  color: #2c3e50;
			
 
				+}
			
 
				+
			
 
				+#nav {
			
 
				+  padding: 30px;
			
 
				+}
			
 
				+
			
 
				+#nav a {
			
 
				+  font-weight: bold;
			
 
				+  color: #2c3e50;
			
 
				+}
			
 
				+
			
 
				+#nav a.router-link-exact-active {
			
 
				+  color: #42b983;
			
 
				+}
			
 
				+</style>
			
--- a/src/assets/active_bar1.png
+++ b/src/assets/active_bar1.png
--- a/src/assets/active_bar2.png
+++ b/src/assets/active_bar2.png
--- a/src/assets/active_bar3.png
+++ b/src/assets/active_bar3.png
--- a/src/assets/activeimg.png
+++ b/src/assets/activeimg.png
--- a/src/assets/activephoto.png
+++ b/src/assets/activephoto.png
--- a/src/assets/cardModel.png
+++ b/src/assets/cardModel.png
--- a/src/assets/demo.png
+++ b/src/assets/demo.png
--- a/src/assets/di.png
+++ b/src/assets/di.png
--- a/src/assets/ewm.png
+++ b/src/assets/ewm.png
--- a/src/assets/ewmbj.png
+++ b/src/assets/ewmbj.png
--- a/src/assets/gou.png
+++ b/src/assets/gou.png
--- a/src/assets/gray.png
+++ b/src/assets/gray.png
--- a/src/assets/heart.png
+++ b/src/assets/heart.png
--- a/src/assets/icon1.png
+++ b/src/assets/icon1.png
--- a/src/assets/icon2.png
+++ b/src/assets/icon2.png
--- a/src/assets/icon3.png
+++ b/src/assets/icon3.png
--- a/src/assets/icon4.png
+++ b/src/assets/icon4.png
--- a/src/assets/icon5.png
+++ b/src/assets/icon5.png
--- a/src/assets/icon6.png
+++ b/src/assets/icon6.png
--- a/src/assets/lb.png
+++ b/src/assets/lb.png
--- a/src/assets/logo.png
+++ b/src/assets/logo.png
--- a/src/assets/love.png
+++ b/src/assets/love.png
--- a/src/assets/person_bj.png
+++ b/src/assets/person_bj.png
--- a/src/assets/photo.jpg
+++ b/src/assets/photo.jpg
--- a/src/assets/show.png
+++ b/src/assets/show.png
--- a/src/assets/unactive_bar1.png
+++ b/src/assets/unactive_bar1.png
--- a/src/assets/unactive_bar2.png
+++ b/src/assets/unactive_bar2.png
--- a/src/assets/unactive_bar3.png
+++ b/src/assets/unactive_bar3.png
--- a/src/components/tabbar.vue
+++ b/src/components/tabbar.vue
@@ -0,0 +1,39 @@
 
				+<template>
			
 
				+  <div class="tabbar">
			
 
				+    <div class="t1">
			
 
				+      <img src="../assets/active_bar1.png" alt="" />
			
 
				+      <p>首页</p>
			
 
				+    </div>
			
 
				+    <div class="t1">红娘</div>
			
 
				+    <div class="t1">我的</div>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+export default {
			
 
				+  name: "tabbar",
			
 
				+};
			
 
				+</script>
			
 
				+<style scoped>
			
 
				+.tabbar {
			
 
				+  width: 100%;
			
 
				+  height: 50px;
			
 
				+  background-color: #fff;
			
 
				+  box-shadow: 0 0 10rpx 10rpx #eceafa;
			
 
				+  display: flex;
			
 
				+  position: fixed;
			
 
				+  bottom: 0;
			
 
				+  left: 0;
			
 
				+  border: 1px solid red;
			
 
				+}
			
 
				+.t1 {
			
 
				+  width: 33%;
			
 
				+  height: 100%;
			
 
				+  border: 1px solid red;
			
 
				+  text-align: center;
			
 
				+}
			
 
				+.t1 img{
			
 
				+  width: 30px;
			
 
				+  height:30px;
			
 
				+}
			
 
				+</style>
			
--- a/src/main.js
+++ b/src/main.js
@@ -0,0 +1,18 @@
 
				+import Vue from 'vue'
			
 
				+import App from './App.vue'
			
 
				+import router from './router'
			
 
				+import store from './store'
			
 
				+import ElementUI from 'element-ui'
			
 
				+import 'element-ui/lib/theme-chalk/index.css'
			
 
				+import Vant from 'vant';
			
 
				+import 'vant/lib/index.css';
			
 
				+
			
 
				+Vue.config.productionTip = false;
			
 
				+Vue.use(ElementUI);
			
 
				+Vue.use(Vant);
			
 
				+
			
 
				+new Vue({
			
 
				+  router,
			
 
				+  store,
			
 
				+  render: h => h(App)
			
 
				+}).$mount('#app')
			
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -0,0 +1,27 @@
 
				+import Vue from 'vue'
			
 
				+import VueRouter from 'vue-router'
			
 
				+import index from '../views/index.vue'
			
 
				+
			
 
				+Vue.use(VueRouter)
			
 
				+
			
 
				+const routes = [
			
 
				+  {
			
 
				+    path: '/',
			
 
				+    name: 'index',
			
 
				+    component: index
			
 
				+  },
			
 
				+  {
			
 
				+    path: '/about',
			
 
				+    name: 'About',
			
 
				+    // route level code-splitting
			
 
				+    // this generates a separate chunk (about.[hash].js) for this route
			
 
				+    // which is lazy-loaded when the route is visited.
			
 
				+    component: () => import(/* webpackChunkName: "about" */ '../views/About.vue')
			
 
				+  }
			
 
				+]
			
 
				+
			
 
				+const router = new VueRouter({
			
 
				+  routes
			
 
				+})
			
 
				+
			
 
				+export default router
			
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -0,0 +1,15 @@
 
				+import Vue from 'vue'
			
 
				+import Vuex from 'vuex'
			
 
				+
			
 
				+Vue.use(Vuex)
			
 
				+
			
 
				+export default new Vuex.Store({
			
 
				+  state: {
			
 
				+  },
			
 
				+  mutations: {
			
 
				+  },
			
 
				+  actions: {
			
 
				+  },
			
 
				+  modules: {
			
 
				+  }
			
 
				+})
			
--- a/src/views/About.vue
+++ b/src/views/About.vue
@@ -0,0 +1,5 @@
 
				+<template>
			
 
				+  <div class="about">
			
 
				+    <h1>This is an about page</h1>
			
 
				+  </div>
			
 
				+</template>
			
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -0,0 +1,13 @@
 
				+<template>
			
 
				+  <div class="home">
			
 
				+    <tabbaar></tabbaar>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import tabbaar from '../components/tabbar'
			
 
				+export default {
			
 
				+  name: 'Home',
			
 
				+  components: {tabbaar}
			
 
				+}
			
 
				+</script>