<template>
  <div id="login">
    <admin-frame :useTop="false" :usePage="false" :useNav="false">
      <template v-slot:info>
        <van-col span="24" class="one">吉林专利市场</van-col>
        <van-col span="24" class="two">
          <van-tabs v-model="active" color="#409eff">
            <van-tab title="平台用户">
              <login-1></login-1>
            </van-tab>
            <van-tab title="代理机构">
              <login-3></login-3>
            </van-tab>
            <van-tab title="咨询师">
              <login-4></login-4>
            </van-tab>
            <van-tab title="管理用户">
              <login-2></login-2>
            </van-tab>
          </van-tabs>
        </van-col>
      </template>
    </admin-frame>
  </div>
</template>

<script>
import login1 from '@/layout/login/login-1.vue';
import login2 from '@/layout/login/login-2.vue';
import login3 from '@/layout/login/login-3.vue';
import login4 from '@/layout/login/login-4.vue';
import adminFrame from '@frame/src/components/mobile-frame/mobile-main.vue';
import { mapState, createNamespacedHelpers } from 'vuex';
export default {
  name: 'login',
  props: {},
  components: {
    adminFrame,
    login1,
    login2,
    login3,
    login4,
  },
  data: function () {
    return {
      active: 0,
    };
  },
  async created() {},
  methods: {},
  computed: {
    ...mapState(['user']),
  },
  metaInfo() {
    return { title: this.$route.meta.title };
  },
  watch: {
    test: {
      deep: true,
      immediate: true,
      handler(val) {},
    },
  },
};
</script>

<style lang="less" scoped>
.one {
  text-align: center;
  padding: 30px 0;
  font-size: 30px;
  font-family: cursive;
  font-weight: bold;
}
.two {
  padding: 0 10px;
}
</style>
