Address page style updated

rc-busness/assets/css/addaddress.less

@@ -58,7 +58,7 @@
 .rc-max-width--xl{
     padding: 24px 20px 0 20px;
     input{
-        width: 258px;
+        width: 100%;
         height: 34px;
         border: none;
         border-bottom: 1px solid #808285;
@@ -69,13 +69,12 @@
     span{
         font-size: 16px;
         font-weight: bold;
-        width: 22%;
+        width: 6rem;
         text-align: center;
         color: #333333;
         margin-top: 2px;
        }
    .rc-people{
-       width: 100%;
        display: flex;
        align-items: center;
        span{
@@ -106,10 +105,10 @@
         justify-content: center;
         font-size: 14px;
         width: 100%;
-        box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1);
         height: 80px;
         align-items: center;
         padding:0 20px 0 20px;
+		margin-bottom:1.5rem;
         span
         {
           width: 160px;
@@ -217,7 +216,7 @@
     span{
         font-size: 16px;
         font-weight: bold;
-        width: 10%;
+        width: 4.75rem;
         text-align: center;
         color: #333333;
         margin-top: 2px;

rc-busness/components/addressInput.vue

@@ -451,6 +451,18 @@ export default {
 		/deep/.van-picker__confirm{
 			display:block;
 		}
+		.ts-area-picker-container { width:100%; }
+		.ts-area-picker-value-displayer {
+			border: none;
+			border-bottom: 1px solid #808285;
+			color: #999999;
+			font-size: 16px;
+			margin-left: 2px;
+			width:100%;
+			padding-bottom:.25rem;
+			background:url("../assets/image/ico-location.png") no-repeat 98% center;
+			background-size:16px;
+		}
 		.ts-area-picker-mobile{
 			display:flex;
 			flex-direction: column;
@@ -473,7 +485,14 @@ export default {
 			display:none;
 		}
 		.ts-area-picker-container,.ts-area-picker-value-displayer{
-			width:40rem;
+			width:42.5rem;
+		}
+		.ts-area-picker-value-displayer{
+			padding-left:1rem;
+			height:2.8rem;
+			background:url("../assets/image/arr-down.jpg") no-repeat 98% center;
+			background-size:20px;
+			border: 1px solid #808285;
 		}
 		.ts-area-picker-desktop{
 			position:absolute;
@@ -485,6 +504,7 @@ export default {
 			border:1px solid #808285;
 			overflow:hidden;
 			background:#fff;
+			z-index:1;
 		}
 	}
 	@keyframes flash-error

rc-busness/pages/useraddress/addaddress.vue

@@ -5,20 +5,20 @@
  <div class="usercontend">
   <div class="rc-max-width--xl">
       <h2>新增收货地址</h2>
-   <div class="rc-max-width--xl rc-people">
+   <div class="rc-max-width--xl rc-people rc-full-width">
       <span>收货人:</span>
         <input type="text" placeholder="请输入收货人姓名" v-model="userpeople">
    </div>
-  <div class="rc-max-width--xl rc-phone">
+  <div class="rc-max-width--xl rc-people rc-phone rc-full-width">
       <span>手机号码:</span>
         <input type="text" placeholder="请输入11位手机号码" v-model="tel"   :error-message="usertel">
    </div>
-     <div class="rc-max-width--xl rc-address">
+     <div class="rc-max-width--xl rc-people rc-address rc-full-width">
       <span>所在地区:</span>
         <!-- <input type="text" placeholder="请选择所在地区"> -->
         <addressInput @getmenu="onGetMenu" @closeDialog = "handleClose1" :dialogInfo1="dialogInfo1"></addressInput>
    </div>
-     <div class="rc-max-width--xl rc-useaddress">
+     <div class="rc-max-width--xl rc-people rc-useaddress">
       <span>详细地址:</span>
         <input type="text" placeholder="小区、门牌号等" class="userinput" v-model="alladdress">
         <textarea rows="10" cols="30" placeholder="请输入详细地址">
@@ -234,6 +234,5 @@ openclose(){
 </script>
 
 <style lang="less" scoped >
-@import url("../../assets/css/global.less");
 @import url("../../assets/css/addaddress.less");
 </style>

rc-busness/pages/useraddress/editaddress.vue

@@ -8,15 +8,15 @@
       <span>收货人:</span>
         <input type="text" placeholder="" v-model="recipient">
    </div>
-  <div class="rc-max-width--xl rc-phone">
+  <div class="rc-max-width--xl rc-people rc-phone">
       <span>手机号码:</span>
         <input type="text" placeholder="" v-model="recipientPhone">
    </div>
-     <div class="rc-max-width--xl rc-address">
+     <div class="rc-max-width--xl rc-people rc-address">
       <span>所在地区:</span>
        <addressInput @getmenu="onGetMenu" @closeDialog = "handleClose1" :dialogInfo1="dialogInfo1" :defaultValues="defaultValues"></addressInput>
    </div>
-     <div class="rc-max-width--xl rc-useaddress">
+     <div class="rc-max-width--xl rc-people rc-useaddress">
       <span>详细地址:</span>
         <input type="text" placeholder=""  v-model="detailAddress" >
    </div>
@@ -254,6 +254,5 @@ export default {
 </script>
 
 <style lang="less" scoped >
-@import url("../../assets/css/global.less");
-@import url("../../assets/css/editaddress.less");
+@import url("../../assets/css/addaddress.less");
 </style>