You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
128 lines
3.5 KiB
128 lines
3.5 KiB
<!-- |
|
* @Author: October 382756525@qq.com |
|
* @Date: 2022-08-01 20:53:48 |
|
* @LastEditors: October 382756525@qq.com |
|
* @LastEditTime: 2022-11-08 23:21:11 |
|
* @Description: 底部组件 |
|
* |
|
--> |
|
<template> |
|
<div class="bottom flex flex-col"> |
|
<div class="w-base py-[.3rem] flex justify-center items-center"> |
|
<div class="el_left"> |
|
<img src="../assets/bottoms-logo.png"/> |
|
</div> |
|
<div |
|
class="flex flex-col w-[3.25rem] text-[.14rem] text-white leading-[2em] footer" |
|
> |
|
<div class="el_fo1"> |
|
<div class="el_footer"> |
|
|
|
<p>© 2024 powered by成都数联物科信息技术有限公司</p> |
|
</div> |
|
<!-- <div class="w-full"> |
|
<img src="@/assets/bottom-logo.png" alt="" class="w-full" /> |
|
</div> --> |
|
|
|
<p class="el_p">地址-四川省成都市武侯商鼎国际2单元1栋1506</p> |
|
|
|
|
|
<a class="el_p" href="https://beian.miit.gov.cn/#/Integrated/index" rel="nofollow noopener noreferrer" target="_blank"> |
|
蜀ICP备2023028176号-1 |
|
</a> |
|
|
|
</div> |
|
|
|
<div class="el_fo2"> |
|
<span>友情链接:</span> |
|
<a class="el_p" href="https://www.huitongys.com/" rel="nofollow noopener noreferrer" target="_blank"> |
|
汇通运输 |
|
</a> |
|
<a class="el_p" href="http://www.cawd.org.cn/index.php/index/index1.html" rel="nofollow noopener noreferrer" target="_blank"> |
|
中国仓储与配送协会 |
|
</a> |
|
<a class="el_p" href="http://www.chinawuliu.com.cn/" rel="nofollow noopener noreferrer" target="_blank"> |
|
中国物流与采购联合会 |
|
</a> |
|
<a class="el_p" href="http://www.cawd.org.cn/index.php/index/index1.html" rel="nofollow noopener noreferrer" target="_blank"> |
|
欧派家具 |
|
</a> |
|
|
|
<a class="el_p" href="http://www.cawd.org.cn/index.php/index/index1.html" rel="nofollow noopener noreferrer" target="_blank"> |
|
志邦家具 |
|
</a> |
|
|
|
<a class="el_p" href="https://www.suofeiya.com/" rel="nofollow noopener noreferrer" target="_blank"> |
|
索菲亚 |
|
</a> |
|
|
|
|
|
</div> |
|
|
|
</div> |
|
<!-- <div |
|
class="w-[7rem] h-[1.95rem] border-r-2 border-l-2 border-white text-white px-[.3rem] flex flex-col justify-around" |
|
> |
|
<div class=""> |
|
<p class="text-[.24rem]">友情链接</p> |
|
<p class="text-[.14rem]">link exchange</p> |
|
</div> |
|
<div class="flex justify-between flex-wrap text-[.14rem]"> |
|
<section v-for="item of 12" class="text-write w-1/4 leading-[2.5em]"> |
|
成都市应急管理局 |
|
</section> |
|
</div> |
|
</div> |
|
<div> |
|
<img src="@/assets/erweima.png" alt="" class="w-[1.2rem] h-[1.5rem]" /> |
|
</div> --> |
|
</div> |
|
<div class="border-t-2 border-white w-full"></div> |
|
</div> |
|
</template> |
|
|
|
<script setup lang="ts"></script> |
|
|
|
<style lang="scss" scope> |
|
.bottom { |
|
@apply w-full flex items-center; |
|
// height: 3.5rem; |
|
// background: url("@/assets/bottom-bg.jpg"); |
|
background-color: #172e60; |
|
// position: absolute; |
|
// bottom: 0; |
|
} |
|
.footer{ |
|
display: flex; |
|
width: 100%; |
|
align-items: center; |
|
flex-direction: column; |
|
align-items: flex-start |
|
} |
|
.el_footer{ |
|
display: flex; |
|
align-items: center; |
|
img{ |
|
width: 26px; |
|
height: 30px; |
|
margin-right: 4px; |
|
} |
|
} |
|
.el_p{ |
|
margin:0 4px; |
|
display: flex; |
|
align-items: center; |
|
} |
|
.el_fo1{ |
|
display: flex; |
|
} |
|
.el_fo2{ |
|
width: 100%; |
|
display: flex; |
|
align-items: center; |
|
} |
|
.el_left{ |
|
margin-right: 42px; |
|
} |
|
|
|
</style>
|
|
|