Browse Source

底部新增友情链接,优化细节

dev
马远东 1 year ago
parent
commit
40e0eeeb14
  1. BIN
      src/assets/bottoms-logo.png
  2. BIN
      src/assets/more.png
  3. 85
      src/components/bottom.vue
  4. 3
      src/components/list/listTitle.vue
  5. 4
      src/views/auth/login.vue
  6. 3
      src/views/home/course/index.vue

BIN
src/assets/bottoms-logo.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.0 KiB

BIN
src/assets/more.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB

85
src/components/bottom.vue

@ -9,14 +9,56 @@
<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]"
class="flex flex-col w-[3.25rem] text-[.14rem] text-white leading-[2em] footer"
>
<div class="w-full">
<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>
<p>地址-四川省成都市武侯商鼎国际2单元1栋1506</p>
<p>蜀ICP备2023028176号-1</p>
<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"
@ -44,10 +86,43 @@
<style lang="scss" scope>
.bottom {
@apply w-full flex items-center;
height: 3.5rem;
// 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>

3
src/components/list/listTitle.vue

@ -71,4 +71,7 @@ withDefaults(defineProps<Props>(), {
border-bottom: 0.03rem solid #ae0524;
margin-bottom: -1px;
}
.text-reg-800{
font-size: 16px;
}
</style>

4
src/views/auth/login.vue

@ -291,7 +291,9 @@ const radio1 = ref();
background-color: #172e60;
border: 1px solid #172e60;
}
.justify-around{
justify-content: flex-end;
}
</style>

3
src/views/home/course/index.vue

@ -253,4 +253,7 @@ initialize()
background-color: #172e60;
}
}
.border-t-2{
border-color: #172e60;
}
</style>

Loading…
Cancel
Save