🌈 style:增加翻译

pyt

2025-03-05 1c4dddd5cab815cb15cbb57475a4c6f6ed60ceb2

 src/component/LogOut.vue

@@ -1,79 +1,82 @@
<template>
    <div>
        <el-dialog :visible.sync="show" :show-close="false" width="518px" @close="$emit('close')"
            :modal-append-to-body="false">
            <div class="txt-center pt--32">
                <div class="fs--21 font-bold">退出登录</div>
                <div class="fs--16 mt--77 color">确认退出当前登录帐号吗？</div>
                <div class="btns">
                    <el-button @click="$emit('close')">关闭</el-button>
                    <el-button @click="submit" type="primary">确认</el-button>
                </div>
            </div>
        </el-dialog>
    </div>
</template>

<script>
export default {
    components: {},
    props: {
        show: {
            type: Boolean,
            default: false
        }
    },
    data() {
        return {};
    },
    computed: {},
    watch: {},
    created() { },
    mounted() { },
    methods: {
        submit() {
            this.$store.commit('SET_USERINFO', {})
            this.$store.commit('SET_USERNAME', '')
            localStorage.clear()
            window.location.replace('/');
        }
    },
};
</script>
<style scoped lang="less">
.color {
    color: rgba(59, 63, 86, .83);
}

.btns {
    display: flex;
    justify-content: center;
    margin-top: 108px;
    padding-bottom: 29px;

    .el-button {
        width: 190px;
        height: 50px;
        font-size: 20px;

    }

    .el-button--primary {
        background-color: #014099;
        border-color: #014099;
    }
}

::v-deep .el-dialog {
    border-radius: 8px;

    .el-dialog__header {
        display: none !important;
    }

    .el-dialog__body {
        padding: 0 !important;

    }
}
<template>

    <div>

        <el-dialog :visible.sync="show" :show-close="false" width="518px" @close="$emit('close')"

            :modal-append-to-body="false">

            <div class="txt-center pt--32">

                <div class="fs--21 font-bold">退出登录 | Log Out</div>

                <div class="fs--16 mt--77 color">

                    <div>确认退出当前登录帐号吗？</div>

                    <div>Confirm to log out of this account?</div>

                </div>

                <div class="btns">

                    <el-button @click="$emit('close')">关闭 | Close</el-button>

                    <el-button @click="submit" type="primary">确认 | Confirm</el-button>

                </div>

            </div>

        </el-dialog>

    </div>

</template>



<script>

export default {

    components: {},

    props: {

        show: {

            type: Boolean,

            default: false

        }

    },

    data() {

        return {};

    },

    computed: {},

    watch: {},

    created() { },

    mounted() { },

    methods: {

        submit() {

            this.$store.commit('SET_USERINFO', {})

            this.$store.commit('SET_USERNAME', '')

            localStorage.clear()

            window.location.replace('/');

        }

    },

};

</script>

<style scoped lang="less">

.color {

    color: rgba(59, 63, 86, .83);

}



.btns {

    display: flex;

    justify-content: center;

    margin-top: 108px;

    padding-bottom: 29px;



    .el-button {

        width: 190px;

        height: 50px;

        font-size: 20px;



    }



    .el-button--primary {

        background-color: #014099;

        border-color: #014099;

    }

}



::v-deep .el-dialog {

    border-radius: 8px;



    .el-dialog__header {

        display: none !important;

    }



    .el-dialog__body {

        padding: 0 !important;



    }

}

</style>