更新

src/router/index.js

@@ -12,6 +12,13 @@ const routes = [
     meta: { title: '绑定', isleftarrow: false },
     component: () => import('../views/bind.vue'),
   },
+  //关注公众号
+  {
+    path: '/followbind',
+    name: 'followbind',
+    meta: { title: '关注公众号', isleftarrow: false },
+    component: () => import('../views/followbind.vue'),
+  },
   // 错误
   {
     path: '/error',

src/views/followbind.vue

@@ -0,0 +1,74 @@
+<template>
+  <div id="followbind">
+    <el-row>
+      <el-col :span="24" class="style">
+        <el-col :span="24" class="top">
+          <NavBar v-show="navShow" :title="title" :isleftarrow="isleftarrow"> </NavBar>
+        </el-col>
+        <el-col :span="24" class="main">
+          <el-input v-model="phone"></el-input>
+          <el-button @click="bindBtn()" type="primary">确认绑定</el-button>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import NavBar from '@/layout/common/topInfo.vue';
+import { mapState, createNamespacedHelpers } from 'vuex';
+const { mapActions: authUser } = createNamespacedHelpers('authUser');
+export default {
+  name: 'followbind',
+  props: {},
+  components: {
+    NavBar,
+  },
+  data: function() {
+    return {
+      // 头部标题
+      title: '',
+      // meta为true
+      isleftarrow: '',
+      // 返回
+      navShow: true,
+      phone: '',
+    };
+  },
+  created() {},
+  computed: {
+    uid() {
+      return this.$route.query.uid;
+    },
+    openid() {
+      return this.$route.query.openid;
+    },
+  },
+  methods: {
+    bindBtn() {
+      console.log(this.phone);
+    },
+  },
+  mounted() {
+    this.title = this.$route.meta.title;
+    this.isleftarrow = this.$route.meta.isleftarrow;
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.style {
+  width: 100%;
+  min-height: 667px;
+  position: relative;
+  background-color: #f9fafc;
+}
+.top {
+  height: 46px;
+  overflow: hidden;
+}
+.main {
+  min-height: 570px;
+  padding: 150px;
+}
+</style>