xinyin025/smart-admin
1
0
Fork 0
mirror of https://gitee.com/lab1024/smart-admin.git synced 2025-10-03 02:36:39 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

修改底部页

Browse Source
This commit is contained in:
952108534@qq.com 2022-01-10 11:16:15 +08:00
parent 9c43246e1c
commit 069d6d2531
1 changed files with 16 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
rc-busness/components/rc-footer.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<footer class="rc-main"> <footer class="rc-footer">
<div class="rc-max-width"> <div class="rc-max-width">
<div class="rc-padding-left"> <div class="rc-padding-left">
<div class="rc-list--inverse"> <div class="rc-list--inverse">
@ -113,6 +113,9 @@
</li> </li>
<li>关注我们</li> <li>关注我们</li>
<li>爱宠荟</li>
<li>皇家兽医精英荟</li>
<li>产品验证</li>
</ol> </ol>
</div> </div>
@ -227,10 +230,9 @@ mounted(){
<style lang="less" scoped> <style lang="less" scoped>
/* 小于768 手机端*/ /* 小于768 手机端*/
@media screen and (max-width:768px){ @media screen and (max-width:768px){
.rc-main{ .rc-footer{
width: 100%; width: 100%;
background-color: #333; background-color: #333;
height: 700px;
.rc-padding-left{ .rc-padding-left{
display: none; display: none;
} }
@ -241,7 +243,6 @@ mounted(){
.rc-md-up{ .rc-md-up{
width: 100%; width: 100%;
height: 2.46rem;
// border-bottom: 1px solid #d7d7d7; // border-bottom: 1px solid #d7d7d7;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -370,6 +371,7 @@ mounted(){
color: #ffffff; color: #ffffff;
margin-top: 0.70rem; margin-top: 0.70rem;
line-height: 0.32rem; line-height: 0.32rem;
padding-bottom: 0.30rem;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
i{ i{
@ -389,10 +391,18 @@ mounted(){
// /* 大于992小于1200 */ // /* 大于992小于1200 */
@media screen and (min-width: 768px) and (max-width: 1920px) { @media screen and (min-width: 768px) and (max-width: 1920px) {
.rc-main{ .rc-footer{
.rc-bottom{
display: none;
}
.rc-columnm{
display: none;
}
.fin-column{
display: none;
}
width: 100%; width: 100%;
background-color: #333; background-color: #333;
height: 700px;
.rc-center img{ .rc-center img{
display: none; display: none;
} }