webnew-count/src/layout/common/foot.vue

<template>
  <div id="foot">
    <div class="down">
      <p>版权所有：吉林省技术算中心</p>
      <p>
        <span>技术支持：长春福瑞科技有限公司</span>
        <span>邮编：130000</span>
        <span>传真：239823982</span>
      </p>
      <p>
        <span>地址：吉林省长春市朝阳区前进大街1244号</span>
        <span>电话：0134-1234567</span>
        <span>邮箱：123456@163.com</span>
      </p>
    </div>
  </div>
</template>

<script>
export default {
  name: 'foot',
  props: {},
  components: {},
  data: () => ({}),
  created() {},
  computed: {},
  methods: {},
};
</script>

<style lang="less" scoped>
.down {
  float: left;
  width: 100%;
  height: 120px;
  text-align: left;
  padding: 15px 0 0 0;
  // background: #032f4f;
}
.down p {
  font-size: 14px;
  color: #868f9e;
  font-family: '微软雅黑';
  padding: 5px 200px;
}

.down p span {
  padding: 0 20px 0 0;
}
</style>