更改

rc-busness/assets/css/openaddress.less

@@ -1,5 +1,4 @@
 
-
 .rc-margin-bottom--lg{
   margin: 0;
 }
@@ -69,6 +68,46 @@ color: #FFFFFF;
 
 
 
+    .rc-address {
+      margin-top: 8px;
+      text-overflow: -o-ellipsis-lastline;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      display: -webkit-box;
+      -webkit-line-clamp: 2;
+      line-clamp: 2;
+      -webkit-box-orient: vertical;
+      font-size: 14px;
+      color: #333333;
+    }
+    .rc-footer {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-top: 20px;
+      display: flex;
+      align-items: center;
+      .rc-right {
+        span {
+          border-bottom: 1px solid #666666;
+        }
+        span:first-child {
+          margin-right: 16px;
+        }
+      }
+      img{
+          width: 43px;
+      }
+      .rc-foot{
+           display: flex;
+           align-items: center;
+           color: #333333;
+           font-size: 14px;
+           span{
+               margin-left: 8px;
+           }
+      }
+    }
 
 }
 
@@ -234,5 +273,24 @@ img{
        font-size: 20px;
        color: #333333;
 
+     }
+     .rc-footer {
+       display: flex;
+       justify-content: space-between;
+       align-items: center;
+       padding-bottom: 20px;
+       margin-top: 8px;
+       .rc-right {
+         span {
+           border-bottom: 1px solid #666666;
+         }
+         span:first-child {
+           margin-right: 16px;
+         }
+       }
+     }
+  
+
+  }
  
 }

rc-busness/pages/useraddress/openaddress.vue

@@ -1,8 +1,12 @@
 <template>
 <div>
-    <Myheader></Myheader>
+<Myheader></Myheader>
-  <div class="usermain">
+   <div class="rc-top"></div>
-    <div class="rc-main" v-for="(item, index) in list" :key="index">
+   <div class="online bold"></div>
+    <div class="usercontshow rc-max-width--xl">
+ <div class="usercontend" v-for="(item, index) in list" :key="index">
+  <div class="usercontshow usermain" >
+    <div class="rc-cat" >
         <div class="rc-center">
       <div class=" rc-title">
         <em>
@@ -32,6 +36,7 @@
       
  
     </div>
+      
   </div>
    <div class="online bold rc-md-down"></div>
   <!-- <div class="usercontend useradd">
@@ -60,7 +65,6 @@
 </template>
 
 <script>
-
 import Myheader from '~/components/header.vue' 
 import MyFooter from '~/components/rc-footer.vue'
   import { selectaddress,editupdate,editdelete} from "../../ajax/getData";
@@ -166,6 +170,7 @@ export default {
   },
   components: {
    Myheader,
+   MyFooter
   },
 
   mounted() {