修改底部页

This commit is contained in:
952108534@qq.com 2022-01-10 11:16:15 +08:00
parent 9c43246e1c
commit 069d6d2531

View File

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