bug修改

zhouwx

2024-07-16 7ff622307191ded044715b19ea32e2b88a057554

 src/layout/components/Navbar.vue

@@ -24,9 +24,10 @@
      </template>
      <div class="avatar-container">
        <el-dropdown @command="handleCommand" class="right-menu-item hover-effect" trigger="click">
          <div class="avatar-wrapper">
          <div class="avatar-wrapper" style="display: flex;align-items: center">
<!--            <img :src="userStore.avatar" class="user-avatar" />-->
            <img src="../../assets/images/avator.png" class="user-avatar" />
            <img src="../../assets/images/avator.png" class="user-avatar"  />
            <span>{{userName}}</span>
            <el-icon><caret-bottom /></el-icon>
          </div>
          <template #dropdown>
@@ -83,9 +84,11 @@
const regRef = ref(null)
const superRef = ref();
const userInfo = ref();
const userName = ref('')
onMounted(()=>{
  if(getToken()){
    userInfo.value = JSON.parse(Cookies.get('userInfo'))
    userName.value = userInfo.value.username
    console.log("userInfo",userInfo.value )
  }
  // getState();
@@ -214,6 +217,7 @@
    height: 100%;
    line-height: 50px;
    display: flex;
    align-items: center;

    &:focus {
      outline: none;
@@ -241,7 +245,7 @@
      margin-right: 40px;

      .avatar-wrapper {
        margin-top: 5px;
        margin-top: 15px;
        position: relative;

        .user-avatar {
@@ -249,13 +253,13 @@
          width: 40px;
          height: 40px;
          border-radius: 10px;
          margin-right: 15px;
        }

        i {
          cursor: pointer;
          position: absolute;
          right: -20px;
          top: 25px;
          font-size: 12px;
        }
      }