1

zzzz

2024-03-23 b35e9e4aebcec3b36ccc7cab4639ff2ad74aea97

 src/page/login/components/header.vue

@@ -2,9 +2,20 @@
    <div class="header_history">
        <div class="header_content">
            <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 class="right_mess"><span>{{mess}}</span></div>
            <div class="right_back">
             <!--   <div class="service">
                    <img @click="goOnline()" :src="Service" alt />
                </div>
                <van-popover v-model="showPopover" trigger="click" placement="bottom-end" :actions="actions"
                    @select="onSelect">
                    <template #reference>
                        <div class="iconfont icon-icon_A">
                        </div>
                    </template>
                </van-popover> -->
                

            </div>
        </div>
    </div>
@@ -20,12 +31,22 @@
        return {
            Service,
            onlineService: "",
            showPopover: false,
            actions: [
               
            { text: 'English', icon: require('@/assets/ico/english.png'), lang: 'zh-CN' },
        { text: 'हिंदी', icon: require('@/assets/ico/india.png'), lang: 'en' },
        // { text: '繁体中文', icon: require('@/assets/ico/tw.png'), lang: 'tw' }
        ],
        }
    },
    methods: {

        onSelect(e) {
            this.$i18n.locale = e.lang;
            window.localStorage.setItem('language', e.lang);
        },
        goOnline() {
            window.location.href = this.onlineService;
            this.$router.push('/service');
        },
        async getInfoSite() {
            let data = await api.getInfoSite()
@@ -48,7 +69,7 @@
    height: 1.6256rem;
    display: flex;
    align-items: center;

    padding-right: 0.25rem;
    >div {
        width: 100%;
        height: 80%;
@@ -69,11 +90,23 @@
    }

    .right_back {
        width: 1.0513rem;
        width: 17%;
        height: 1.0513rem;
        display: flex;
        align-items: center;
        justify-content: center;
        justify-content: space-between;

        .service {
            width: 0.5rem;
            height: 0.5rem;

            img {
                width: 0.5rem;
                height: 0.5rem;

            }
        }

    }

    .right_mess {
@@ -84,7 +117,7 @@
        align-items: center;

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