front/src/components/BottomP/index.vue

<template>
  <div>
    <div id="bottom" class="layui-fluid noprint"
         style="overflow: hidden;color: #fff!important;padding: 20px 0px;background-color:#687887;min-width:1200px;font-size: 14px;">
      <div class="layui-row layui-col-space20 w1200p">
        <el-row style="margin:20px -10px;text-align:center;">
          <el-col :span="6">
            <el-image :src="logo_white" fit="contain" style="width: 240px;margin-bottom: 20px; " />
            <p>
              <el-link type="text" href="/protocol/baiyou_privacy.html" class="f-fff">隐私协议</el-link>
              <el-link type="text" href="/protocol/baiyou_user.html" class="ml20 f-fff">用户协议</el-link>
            </p>
          </el-col>
          <el-col :span="12">
            <p style="border-bottom:1px solid #fff;padding-bottom:15px;">
              <span class="layui-breadcrumb" lay-separator="|" style="visibility: visible;">
                <a href="https://www.eol.cn/">中国教育在线</a><span lay-separator="">|</span>
                <a href="http://beijing.eol.cn/">北京教育在线</a><span lay-separator="">|</span>
                <a href="http://www.zhaokao.net/">招考资讯网</a><span lay-separator="">|</span>
                <a href="https://new.qq.com/ch/edu/">腾讯教育</a><span lay-separator="">|</span>
                <a href="http://edu.sina.com.cn/">新浪教育</a><span lay-separator="">|</span>
                <a href="https://gaokao.chsi.com.cn/">阳光高考</a>
              </span>
            </p>
            <p style="margin-top:15px;">本站部分资源来源互联网。如有侵犯权益，请联系我们删除！备案号：<a href="https://beian.miit.gov.cn"
                                                                          target="_blank"
                                                                          style="color: #fff!important;">湘ICP备2024057119号-1</a>
            </p>
            <p style="margin-bottom:20px;">Copyright © 2020-2022 ymxzy Inc. All rights reserved. 一铭小状元 版权所有</p>
            <!-- <img :src="star4" height="47px" alt=""> -->
          </el-col>
          <el-col :span="6">
            <el-row style="margin:0 -10px">
              <el-col :span="6" style="padding-top:20px;padding-left:20px;text-align:right">
                <img style="height:32px;" :src="icon_tel">
              </el-col>
              <el-col :span="18" style="padding-top:20px;padding-left:20px;text-align:left">
                <p style="font-size:12px;">垂询热线：</p>
                <p style="font-size:18px;">4000-826-018</p>
              </el-col>
            </el-row>
          </el-col>
        </el-row>

      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      logo_white: require('@/assets/logo/logo_white.png'),
      icon_tel: require('@/assets/images/icon_tel.png'),
      star4: require('@/assets/images/star4.png')
    }
  }
}
</script>

<style scoped>
p {
  margin: 0
}
</style>