updated

src/main/resources/static/css/service-settlement/index.css

@@ -38,6 +38,7 @@
         font-size: 0.8vw;
         color: #FFFFFF;
         background-color: #FF5B00;
+        border: none;
     }
     #service-container .footer-phone {
         position: absolute;
@@ -80,6 +81,9 @@
         background-color: #FF5B00;
         color: #fff;
     }
+    .van-field__control[type=search]{
+        font-size: 0.8vw;
+    }
 }
 
 /**
@@ -123,6 +127,7 @@
         font-size: 3.5vw;
         color: #FFFFFF;
         background-color: #FF5B00;
+        border: none;
     }
     #service-container .footer-phone {
         position: fixed;

src/main/resources/static/css/service-settlement/info.css

@@ -114,8 +114,21 @@ body{
         height: 100%;
     }
     .block {
-        width: 40vw;
-        height: 24.6vw;
+        width: 43vw;
+        height: 30.6vw;
+        position: relative;
+    }
+    .block:after {
+        content: "";
+        position: absolute;
+        top: -3vw;
+        width: 1.7vw;
+        height: 1.7vw;
+        border-radius: 50%;
+        right: 0;
+        background: url(/img/activity/pc_close.png) center no-repeat;
+        background-size: 100% 100%;
+        cursor: pointer;
     }
 }
 
@@ -218,7 +231,18 @@ body{
         height: 100%;
     }
     .block {
-        width: 68.6vw;
-        height: 47vw;
+        width: 82.6vw;
+        height: 58vw;
+        position: relative;
+    }
+    .block:after {
+        content: "";
+        position: absolute;
+        top: -12vw;
+        width: 7vw;
+        height: 7vw;
+        border-radius: 50%;
+        right: 0;
+        background: url(/img/activity/pc_close.png) center no-repeat;
     }
 }

src/main/resources/static/css/service-settlement/search.css

@@ -34,7 +34,7 @@
         font-size: 0.8vw;
         width: 6vw;
     }
-    #service-search .search-contain .search-frist .search-input { width: calc(100% - 8vw); }
+    #service-search .search-contain .search-frist .search-input { width: calc(100% - 7vw); }
     .van-field__left-icon {display: none}
     .search-input .van-field__clear {display:none !important }
     .van-search, .van-search .van-cell {padding: 0 !important;height: 100%;}
@@ -50,6 +50,9 @@
         color: #282828;
         width: 100%;
     }
+    .van-field__control[type=search] {
+        font-size: 0.8vw !important;
+    }
     .provider {
         width: 100%;
         height: 9.4vw;
@@ -119,6 +122,9 @@
     .footer-phone .phone {
         display: none;
     }
+    .van-field__control[type=search]{
+        font-size: 0.8vw;
+    }
 }
 
 /**

src/main/resources/templates/service-settlement/search.html

@@ -17,7 +17,7 @@
     <div class="search-contain">
         <div class="search-frist">
             <div class="search-input">
-                <van-search v-model="form.providersName" placeholder="请输入搜索关键词" @search="onSearch" @cancel="onCancel" />
+                <van-search v-model="form.providersName" placeholder="请输入服务商名称查询" @search="onSearch" @cancel="onCancel" />
             </div>
             <div class="search-btn">
                 <el-button @click="toSearchProvider">查询</el-button>