10/8

src/pages/Home.vue

@@ -36,21 +36,13 @@
                     src="https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/image/2021-09-01-17-33-55YcQJEaXa.png"
                     alt=""
                 />
-                <div class="search">
-                    <van-field
-                        :value="searchVal"
-                        readonly
-                        left-icon="search"
-                        placeholder="搜索"
-                        @click="navigateTo('/pages/shopsearch')"
-                        type="text"
-                        clearable
-                    />
-                    <img
+                <div class="search" @click="navigateTo('/pages/shopsearch')">
+                    <image
                         class="sousuo"
                         src="https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/image/2021-09-16-09-53-26QAqibCrM.png"
-                        alt=""
-                    />
+                        mode=""
+                    ></image>
+                    <div class="placeholder">搜索</div>
                 </div>
                 <swiper class="swiper" :autoplay="true" @change="swiperChange" :current="current">
                     <swiper-item v-for="(item, index) in banners" :key="index">
@@ -198,32 +190,24 @@ export default {
                 }
             }
             .search {
-                margin: 20px 0 20px;
-                position: relative;
-                /deep/ .van-cell {
-                    --cell-vertical-padding: 4px;
-                    width: 100%;
-                    height: 32px;
-                    background: rgb(99, 184, 252);
-                    border-radius: 21px;
-                }
-                ::after {
-                    border-bottom: 0;
-                }
-                /deep/ .van-field__placeholder {
-                    color: #fff;
-                }
-                /deep/ .van-icon {
-                    color: #fff;
-                    font-size: 0;
-                    margin-left: 152px;
+                height: 32px;
+                background: rgb(99, 184, 252);
+                border-radius: 16px;
+                margin: 20px 0;
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                flex-wrap: nowrap;
+                .placeholder {
+                    font-size: 14px;
+                    font-weight: 400;
+                    color: #ffffff;
+                    line-height: 24px;
                 }
                 .sousuo {
-                    position: absolute;
-                    left: 147px;
-                    top: 22.5%;
                     width: 16px;
                     height: 16px;
+                    margin-right: 8px;
                 }
             }
             .swiper {

src/pages/orderdetails.vue

@@ -245,6 +245,7 @@ export default {
             font-weight: 400;
             color: #ffffff;
             line-height: 24px;
+            margin-top: 8px;
         }
     }
     .conBox {