11.6

DESKTOP-CVS3R96\我恁爹

2022-11-06 4cf29de231ee3503c48e0c1d098dab795091ff46

 src/page/login/components/header.vue

@@ -1,53 +1,96 @@
<template>
    <div class="header_history">
        <div class="header_content">
            <div class="left_back" @click="$router.go(-1)"><img src="../../../assets/img/backs.png" alt=""></div>
            <div class="left_back" @click="$router.go(-1)"><img src="../../../assets/img/back.png" alt=""></div>
            <div class="right_mess"><span>{{ '' }}</span></div>
            <div class="right_back" @click="goOnline()">
                <img :src="Service" alt />
            </div>
        </div>
    </div>
</template>

<script>
import Service from "@/assets/home/icon_talk.png";
export default {
    name: 'headers',
    props: ['mess']
    props: ['mess'],
    data() {
        return {
            Service,
            onlineService: "",
        }
    },
    methods: {

        goOnline() {
            window.location.href = this.onlineService;
        },
        async getInfoSite() {

            let data = await api.getInfoSite()
            if (data.status === 0) {
                this.onlineService = data.data.onlineService
            } else {
                Toast(data.msg)
            }
        },
    },
    mounted() {
        this.getInfoSite()
    }
}
</script>

<style scope lang="less">
.header_history {
    width: 100%;
    height: 1.0256rem;
    height: 1.6256rem;
    display: flex;
    align-items: center;
    > div {

    >div {
        width: 100%;
        height: 80%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-left: 0.2rem;
        padding-right: 0.2rem;
    }

    .left_back {
        width: .6513rem;
        height: 1.0513rem;
        display: flex;
        align-items: center;
        justify-content: center;

    }

    .right_back {
        width: 1.0513rem;
        height: 1.0513rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .right_mess {
        width: 60%;
        height: 100%;
        display: flex;
        justify-content: flex-end;
        align-items: center;

        >span {
            margin-right: .5128rem;
        }
    }

    img {
        width: 50%;
        height: 50%;
    }
}

</style>