发跑腿优化

ghsPad/src/components/delivery-input/remark-input.vue

@@ -91,10 +91,24 @@ export default {
   text {
     color: #333333;
     margin-right: 4upx;
+    line-height: 1;
+    display: flex;
+    align-items: center;
     
     &.placeholder {
       color: #999999;
     }
+
+    &.icon-arrow-right {
+      color: #ccc;
+      font-size: 10upx;
+      display: inline-flex;
+      justify-content: center;
+      width: 12upx;
+      height: 14upx;
+      margin-left: 2upx;
+      margin-right: 0;
+    }
   }
 }
 

ghsPad/src/pages/home/components/deliveryPop.vue

@@ -11,7 +11,7 @@
                 <view class="title">客户地址</view>
                 <view class="address-box">
                     <view v-if="$util.isEmpty(custom.long) || $util.isEmpty(custom.lat) || $util.isEmpty(custom.address)" class="addr-main" style="color: red; font-size: 10upx;">
-                        地址不完整，请修改
+                        地址不完整，请打开手机修改
                     </view>
                     <view v-else>
                         <view class="addr-main">{{ custom.address }}</view>
@@ -42,7 +42,6 @@
                 <view class="title">备注</view>
                 <view class="item-content">
                     <RemarkInput v-model="form.deliveryRemark" />
-                    
                 </view>
             </view>
 
@@ -340,7 +339,8 @@ export default {
         
         &.address-section {
             display: flex;
-            align-items: center;
+            align-items: flex-start;
+            justify-content: space-between;
             border-bottom: 1rpx solid #eee;
             padding-bottom: 10upx;
             
@@ -349,20 +349,23 @@ export default {
                 font-size: 12upx;
                 color: #333;
                 flex-shrink: 0;
+                line-height: 14upx;
             }
             
             .address-box {
                 flex: 1;
+                text-align: right;
+                padding-left: 10upx;
                 
                 .addr-main {
-                    font-size: 10upx;
+                    font-size: 12upx;
                     color: #333;
                     font-weight: bold;
                     margin-bottom: 3upx;
                 }
                 
                 .addr-sub {
-                    font-size: 8upx;
+                    font-size:10upx;
                     color: #999;
                 }
             }
@@ -398,16 +401,28 @@ export default {
                     color: #333;
                 }
                 
-                .blue-text {
-                    color: #3385FF;
-                    font-size: 12upx;
-                }
-                
-                .arrow {
-                    color: #ccc;
-                    margin-left: 5upx;
-                    font-size: 12upx;
-                }
+        .blue-text {
+            color: #3385FF;
+            font-size: 12upx;
+            display: flex;
+            align-items: center;
+        }
+
+        .icon-arrow-right {
+            color: #ccc;
+            margin-left: 5upx;
+            font-size: 10upx;
+            display: inline-flex;
+            align-items: center;
+            justify-content: center;
+            line-height: 1;
+        }
+        
+        .arrow {
+            color: #ccc;
+            margin-left: 5upx;
+            font-size: 12upx;
+        }
             }
         }
     }

hdPad/src/components/delivery-input/remark-input.vue

@@ -86,10 +86,24 @@ export default {
   text {
     color: #333333;
     margin-right: 4upx;
+    line-height: 1;
+    display: flex;
+    align-items: center;
 
     &.placeholder {
       color: #999999;
     }
+
+    &.icon-arrow-right {
+      color: #ccc;
+      font-size: 10upx;
+      display: inline-flex;
+      justify-content: center;
+      width: 12upx;
+      height: 14upx;
+      margin-left: 2upx;
+      margin-right: 0;
+    }
   }
 }
 

hdPad/src/pages/home/components/deliveryPop.vue

@@ -12,7 +12,7 @@
         <view class="address-box">
           <view v-if="isAddressInvalid"
             class="addr-main" style="color: red; font-size: 10upx">
-            客户地址不完善，请修改
+            地址不完整，请打开手机修改
           </view>
           <view v-else>
             <view class="addr-main">{{ custom.address }}</view>
@@ -344,7 +344,8 @@ export default {
 
     &.address-section {
       display: flex;
-      align-items: center;
+      align-items: flex-start;
+      justify-content: space-between;
       border-bottom: 1rpx solid #eee;
       padding-bottom: 10upx;
 
@@ -353,20 +354,23 @@ export default {
         font-size: 12upx;
         color: #333;
         flex-shrink: 0;
+        line-height: 14upx;
       }
 
       .address-box {
         flex: 1;
+        text-align: right;
+        padding-left: 10upx;
 
         .addr-main {
-          font-size: 10upx;
+          font-size: 12upx;
           color: #333;
           font-weight: bold;
           margin-bottom: 3upx;
         }
 
         .addr-sub {
-          font-size: 8upx;
+          font-size:10upx;
           color: #999;
         }
       }
@@ -405,6 +409,18 @@ export default {
         .blue-text {
           color: #09c567;
           font-size: 12upx;
+          display: flex;
+          align-items: center;
+        }
+
+        .icon-arrow-right {
+          color: #ccc;
+          margin-left: 5upx;
+          font-size: 10upx;
+          display: inline-flex;
+          align-items: center;
+          justify-content: center;
+          line-height: 1;
         }
 
         .arrow {