<div class="base-footer">
    <div v-if="publicData" class="footer">
        <el-row v-if="publicData.pc_end_bottom_display && publicData.pc_end_bottom_display.length">
            <el-col v-for="item in publicData.pc_end_bottom_display" :key="item.id" :span="6">
                <div>
                    <el-image :src="item.pic" fit="cover"></el-image><span>{{ item.title }}</span>
                </div>
            </el-col>
        </el-row>
        <el-row>
            <el-col v-if="publicData.site_phone || publicData.company_address" :span="24">
                <span v-if="publicData.site_phone">联系电话：{{ publicData.site_phone }}</span>
                <span v-if="publicData.company_address" class="address">地址：{{ publicData.company_address }}</span>
            </el-col>
            <el-col v-if="publicData.full_name_the_company || publicData.keep_on_record" :span="24">
                <span v-if="publicData.full_name_the_company">Copyright © {{ publicData.full_name_the_company }}</span>
                <el-link v-if="publicData.keep_on_record" :underline="false" href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">{{ publicData.keep_on_record }}</el-link>
            </el-col>
        </el-row>
    </div>
    <div ref="sidebar" class="sidebar">
        <div class="button-group">
                <el-button v-if="publicData && publicData.service_url" class="service-button" @click="goPage">
                咨询<br>客服
            </el-button>
            <el-popover v-if="publicData && publicData.site_service_phone" trigger="hover" width="200" placement="left" popper-class="phone-popover" effect="light">
                <div class="content">
                    <div>服务热线</div>
                    <div>{{ publicData.site_service_phone }}</div>
                </div>
                <el-button slot="reference" class="phone-popover-reference">
                    服务<br>热线
                </el-button>
            </el-popover>
            <el-popover v-if="code_url" trigger="hover" width="140" placement="left" popper-class="subscribe-popover">
                <div class="content">
                    <img :src="code_url" alt="公众号">
                    <div>扫码关注公众号</div>
                </div>
                <el-button slot="reference">
                    关注<br>公众号
                </el-button>
            </el-popover>
        </div>
        <el-backtop :style="{top: 'calc(50% + '+(sidebarHeight/2)+'px)', bottom: 'auto', right: 'auto'}">
            <i class="el-icon-arrow-up"></i>
        </el-backtop>
    </div>
</div>