sunchengjie 8 months ago
parent
commit
5c7f876224
2 changed files with 19 additions and 127 deletions
  1. 8 7
      src/pages/expressExpress.vue
  2. 11 120
      src/pages/search.vue

+ 8 - 7
src/pages/expressExpress.vue

@@ -5,7 +5,8 @@
         <div class="listinfo">
           <div class="list_top">
             <div class="list_top_left">
-              <img src="../assets/images/ad_icon1.png" alt="" />
+              <span class="iconfont icon-dizhibao iconStyle"></span>
+              <!-- <img src="../assets/images/ad_icon1.png" alt="" /> -->
               <div>
                 <p>寄件号:{{ ObjectVlaue.dispatchNo }}</p>
                 <p>收件人:{{ ObjectVlaue.recipient }}</p>
@@ -107,12 +108,12 @@ export default {
           justify-content: space-between;
           align-items: center;
 
-          img {
-            display: inline-block;
-            width: 0.9rem;
-            height: 0.9rem;
-            position: relative;
-            top: -0.1rem;
+          .iconStyle {
+            color: #0c2469;
+            font-size: 1rem;
+            margin: 0 0.2rem;
+            // width: 0.9rem;
+            // height: 0.9rem;
           }
 
           div {

+ 11 - 120
src/pages/search.vue

@@ -159,120 +159,6 @@ export default {
     }
   }
 
-  .jjlist {
-    font-size: 0.3rem;
-    color: #999999;
-
-    .listinfo {
-      background: white;
-      padding: 0.33rem 0.33rem 0.2rem;
-      border-radius: 0.05rem;
-      margin-bottom: 0.2rem;
-      position: relative;
-
-      .list_top {
-        display: flex;
-        justify-content: space-between;
-
-        .list_top_left {
-          .iconStyle {
-          color: #0c2469;
-          font-size: 1rem;
-          margin: 0 0.2rem;
-          // width: 0.9rem;
-          // height: 0.9rem;
-        }
-
-          div {
-            width: 4rem;
-            margin-left: 0.2rem;
-            display: inline-block;
-            line-height: 150%;
-
-            p:nth-of-type(1) {
-              font-weight: bold;
-              color: #333;
-            }
-
-            p:nth-of-type(4) {
-              font-size: 0.24rem;
-              color: #333;
-
-              span {
-                width: 0.37rem;
-                height: 0.37rem;
-                color: white;
-                border-radius: 50%;
-                background: #cc9a09;
-                display: inline-block;
-                text-align: center;
-                line-height: 0.37rem;
-                margin-right: 0.1rem;
-              }
-            }
-
-            p:nth-of-type(4) {
-              font-size: 0.2rem;
-            }
-          }
-        }
-
-        > p {
-          font-size: 0.24rem;
-          color: #f5693d;
-          font-weight: bold;
-        }
-      }
-
-      .list_bot {
-        text-align: right;
-        border-top: 0.01rem solid #ededed;
-        padding-top: 0.2rem;
-
-        p {
-          display: inline-block;
-          font-size: 0.24rem;
-          padding: 0.16rem 0.4rem;
-          border-radius: 0.05rem;
-        }
-
-        p:nth-of-type(1) {
-          border: 0.01rem solid #263fbf;
-          color: #263fbf;
-        }
-
-        p:nth-of-type(2) {
-          border: 0.01rem solid #408cc7;
-          color: #408cc7;
-        }
-
-        p:nth-of-type(3) {
-          border: 0.01rem solid #d5a43c;
-          color: #d5a43c;
-        }
-
-        p:nth-of-type(4) {
-          border: 0.01rem solid #e24444;
-          color: #e24444;
-        }
-      }
-
-      .fast {
-        background: url(../assets/images/status.png) no-repeat center;
-        background-size: 100% 100%;
-        color: white;
-        position: absolute;
-        bottom: 0px;
-        right: 0px;
-        width: 1rem;
-        height: 0.4rem;
-        text-align: center;
-        line-height: 0.4rem;
-        font-size: 0.2rem;
-      }
-    }
-  }
-
   .sjlist {
     font-size: 0.3rem;
     color: #999999;
@@ -287,16 +173,21 @@ export default {
       .list_top {
         display: flex;
         justify-content: space-between;
+        align-items: center;
 
         .list_top_left {
-          img {
-            display: inline-block;
-            width: 0.9rem;
-            height: 0.9rem;
-            position: relative;
-            top: -0.3rem;
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          .iconStyle {
+            color: #0c2469;
+            font-size: 1rem;
+            margin: 0 0.2rem;
+            // width: 0.9rem;
+            // height: 0.9rem;
           }
 
+
           div {
             margin-left: 0.2rem;
             display: inline-block;