更改

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>
@@ -19,7 +23,7 @@
       </div>
       <div class="rc-footer">
         <div class="rc-foot">
-           <img :src="item.isDefault?require('../../assets/image/userred.png'):require('../../assets/image/userselect.png')" @click="changeadddress(item,index)"/>
+          <img :src="item.isDefault?require('../../assets/image/userred.png'):require('../../assets/image/userselect.png')" @click="changeadddress(item,index)"/>
           <span>设置为默认收货地址</span>
 
         </div>
@@ -29,9 +33,10 @@
         </div>
       </div>
     </div>
-
+      
  
     </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";
@@ -165,7 +169,8 @@ export default {
     },
   },
   components: {
-    Myheader,
+   Myheader,
+   MyFooter
   },
 
   mounted() {
@@ -182,4 +187,4 @@ export default {
 <style lang="less" scoped >
 @import url("../../assets/css/global.less");
 @import url("../../assets/css/openaddress.less");
-</style>
+</style>