index.html 2.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. <div class="base-footer">
  2. <div v-if="publicData" class="footer">
  3. <el-row v-if="publicData.pc_end_bottom_display && publicData.pc_end_bottom_display.length">
  4. <el-col v-for="item in publicData.pc_end_bottom_display" :key="item.id" :span="6">
  5. <div>
  6. <el-image :src="item.pic" fit="cover"></el-image><span>{{ item.title }}</span>
  7. </div>
  8. </el-col>
  9. </el-row>
  10. <el-row>
  11. <el-col v-if="publicData.site_phone || publicData.company_address" :span="24">
  12. <span v-if="publicData.site_phone">联系电话:{{ publicData.site_phone }}</span>
  13. <span v-if="publicData.company_address" class="address">地址:{{ publicData.company_address }}</span>
  14. </el-col>
  15. <el-col v-if="publicData.full_name_the_company || publicData.keep_on_record" :span="24">
  16. <span v-if="publicData.full_name_the_company">Copyright © {{ publicData.full_name_the_company }}</span>
  17. <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>
  18. </el-col>
  19. </el-row>
  20. </div>
  21. <div ref="sidebar" class="sidebar">
  22. <div class="button-group">
  23. <el-button v-if="publicData && publicData.service_url" class="service-button" @click="goPage">
  24. 咨询<br>客服
  25. </el-button>
  26. <el-popover v-if="publicData && publicData.site_service_phone" trigger="hover" width="200" placement="left" popper-class="phone-popover" effect="light">
  27. <div class="content">
  28. <div>服务热线</div>
  29. <div>{{ publicData.site_service_phone }}</div>
  30. </div>
  31. <el-button slot="reference" class="phone-popover-reference">
  32. 服务<br>热线
  33. </el-button>
  34. </el-popover>
  35. <el-popover v-if="code_url" trigger="hover" width="140" placement="left" popper-class="subscribe-popover">
  36. <div class="content">
  37. <img :src="code_url" alt="公众号">
  38. <div>扫码关注公众号</div>
  39. </div>
  40. <el-button slot="reference">
  41. 关注<br>公众号
  42. </el-button>
  43. </el-popover>
  44. </div>
  45. <el-backtop :style="{top: 'calc(50% + '+(sidebarHeight/2)+'px)', bottom: 'auto', right: 'auto'}">
  46. <i class="el-icon-arrow-up"></i>
  47. </el-backtop>
  48. </div>
  49. </div>