feat:更新ui界面

charles

2024-06-05 fefe4a3011fb472788abb2e7ffdbbc5a4f58623c

 src/views/home/components/topNav.vue

@@ -7,8 +7,13 @@
      <i class="el-icon-bell"></i>
    </div>
    <div class="user-area" >
      <el-avatar size="small" :src="pic"></el-avatar>
      <span class="name">张三</span>
      <el-dropdown placement="bottom"  @command="clickItem">
        <el-avatar size="small" :src="pic"></el-avatar>
        <el-dropdown-menu slot="dropdown">
          <el-dropdown-item command="logout">退出登录</el-dropdown-item>
        </el-dropdown-menu>
      </el-dropdown>
      <span class="name">admin</span>
    </div>
  </div>
</template>
@@ -18,9 +23,18 @@
export default {
  data(){
    return {
      
    }
  },
  methods:{
      clickItem(item){
          if(item==='logout'){
              this.$message.success('退出系统成功');
              setTimeout(()=>{
                  this.$router.push('/login');
              },1000);
          }
      }
  },
  computed:{
    pic(){
      return `${publicPath}images/audio/u73.jpg`