<template>
    <div style="display: flex;margin-left: 20px;margin-top: 7vh;flex-direction: column">
        <el-card class="box-card" style="width: 15vw;height: auto;border: none">
            <el-button type="info" plain @click="openLogin" v-show="this.$cookie.get('username')==null">登 录</el-button>
            <LoginDialog :login-dialog-visible.sync="loginDialogVisible"></LoginDialog>
            <UserInfo></UserInfo>
        </el-card>
        <RandomProjects style="margin-top: 20px"></RandomProjects>
    </div>
</template>

<script>
import UserInfo from "@/components/User/UserInfo.vue";
import LoginDialog from "@/components/Home/LoginDialog.vue";
import RandomProjects from "@/components/Project/RandomProjects.vue";

export default {
    name: "RightTools",
    components: {RandomProjects, LoginDialog, UserInfo},
    data(){
        return{
            loginDialogVisible:false
        }
    },
    methods:{
        openLogin(){
            this.loginDialogVisible=true;
        },
    }
}
</script>

<style scoped>

</style>