admin_home/src/views/template/style/sector/head/1.vue

<template>
    <div class="headStyle1">
        <div class="headTopBox">
            <div class="headTopBoxBg">
                <div class="headTopInfoLeft">您好，欢迎来到{{this.$store.state.template.webSiteInfo.website_name}}网！</div>
                <div class="headTopInfoRight">
                    <div class="headInfoItem" @click="banUse"><img src="http://img.bjzxtw.org.cn/pre/image/png/20250527/1748328204272390.png" alt="搜索">搜索</div>
                    <div class="headInfoItem" @click="banUse"><img src="http://img.bjzxtw.org.cn/pre/image/png/20250527/1748329860825368.png" alt="广告服务">广告服务</div>
                    <div class="headInfoItem" @click="banUse"><img src="http://img.bjzxtw.org.cn/pre/image/png/20250527/1748329883541848.png" alt="登录">登录</div>
                    <div class="headInfoItem" @click="banUse"><img src="http://img.bjzxtw.org.cn/pre/image/png/20250527/174832996345491.png" alt="注册">注册</div>
                </div>
            </div>
            <div class="headLogoBox">
                <img :src="this.$store.state.template.webSiteInfo.logo" class="logo">
                <div :class="['headAdTopBox',{componentBorder: this.$store.state.template.previewStatus==false}]">
                    <editBtn  />
                    <img src="http://img.bjzxtw.org.cn/pre/image/png/20250527/1748332370111555.png">
                </div>
            </div>
        </div>
    </div>
</template>

<script>
import '@/styles/theme/head/style1.less';
import editBtn from '../../../public/editBtn.vue'

export default {
    components: {
        editBtn,
    },
    props: {},
    data() {
        return {};
    },
    methods: {
        banUse(){
            this.$store.commit('template/alertMessage');
        }
    },
    mounted(){},
};
</script>

<style scoped lang="less">
</style>