zhangzengfei
2022-08-23 e37e45cfe1123928dba5d9c5a427b0ee497b7ad6
src/views/index/components/userCard.vue
@@ -1,12 +1,18 @@
<template>
  <div class="userCard">
    <div class="profile">
      <img src="/images/index/默认头像-01.png" alt="" />
      <img v-if="!userInfo" src="/images/index/default.png" alt="" />
      <img v-else src="/images/index/8.jpg" style="border-radius: 50%" 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="des" v-if="!userInfo">欢迎来到贝思科工业互联网平台</div>
    <div class="userName" v-else>{{ userInfo.username }}</div>
    <div class="bottom">
      <div class="bottomItem" v-for="(item, index) in userCardArr" :key="index">
@@ -20,6 +26,7 @@
<script>
export default {
  props: {
    userBuyInfo: Object,
    userCardArr: {
      type: Array,
      default: () => {
@@ -28,14 +35,14 @@
            num: "_",
            label: "待付款",
          },
          {
          /*   {
            num: "_",
            label: "待消费",
            label: "待续费",
          },
          {
            num: "_",
            label: "消息中心",
          },
          }, */
        ];
      },
    },
@@ -49,6 +56,11 @@
      userInfo: null, //用户信息
    };
  },
  methods: {
    jump(url) {
      this.$router.push(url);
    },
  },
};
</script>