12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849 |
- <div class="base-footer">
- <div 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.service_url" class="service-button" @click="goPage">
- 咨询<br>客服
- </el-button>
- <el-popover v-if="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>
|