heyujie
2022-07-15 a0b5604fcefa0c7900ecc50830b718f77bba8f39
src/views/index/components/userCard.vue
@@ -4,7 +4,12 @@
      <img src="/images/index/默认头像-01.png" alt="" />
    </div>
    <div class="notification" v-if="!userInfo">
      Hi!请 <span class="login">登录</span>或<span class="register">注册</span>
      Hi!请
      <span class="login" @click="jump('/login')">登录</span>或<span
        class="register"
        @click="jump('/register')"
        >注册</span
      >
    </div>
    <div class="des" v-if="!userInfo">登录后查看个人工具栏</div>
    <div class="userName" v-else>{{ userInfo.username }}</div>
@@ -20,6 +25,7 @@
<script>
export default {
  props: {
    userBuyInfo:Object,
    userCardArr: {
      type: Array,
      default: () => {
@@ -30,7 +36,7 @@
          },
          {
            num: "_",
            label: "待消费",
            label: "待续费",
          },
          {
            num: "_",
@@ -49,6 +55,11 @@
      userInfo: null, //用户信息
    };
  },
  methods: {
    jump(url) {
      this.$router.push(url);
    },
  },
};
</script>