修改底部页

rc-busness/components/rc-footer.vue

@@ -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(){
 
 //    /* 大于992小于1200 */
   @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;
     }