From 67c73d9fc7cf999274d43b0b098293249d50c859 Mon Sep 17 00:00:00 2001
From: Apcallover <1503963513@qq.com>
Date: Mon, 19 Feb 2024 16:17:21 +0800
Subject: [PATCH] =?UTF-8?q?flat:=20style=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/index/index.vue | 47 ++++++++++++++++++++++++++++++++++---------
 1 file changed, 37 insertions(+), 10 deletions(-)

diff --git a/pages/index/index.vue b/pages/index/index.vue
index c46809e..5cb4c60 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -1,13 +1,15 @@
 <template>
 	<view class="home-body">
-<!--        <view class="home_top">
-            
-        </view> -->
 		<uni-nav-bar :shadow="false" >
 			<view class="headd" @click="goSeach">
 				<!-- <image  src="../../static/img/search.svg" style="width: 32rpx;height: 32rpx; color: blue;" mode=""></image> -->
-                <u-icon name="search" color="#2979ff" size="28"></u-icon>
-				<input placeholder-class="search_style" type="text" confirm-type="搜索"  v-model="keywords" placeholder="请搜索任务名称或公司名称" />
+                <view class="headd_left">
+                    <u-icon name="search" color="#2297fa" size="24"></u-icon>
+                    <input placeholder-class="search_style" type="text" confirm-type="搜索"  v-model="keywords" placeholder="搜任务/搜岗位/搜政策/搜资讯" />
+                </view>
+                <view class="headd_right">
+                    搜索
+                </view>
 			</view>
 		</uni-nav-bar>
 		<view class="homeHead">
@@ -477,7 +479,7 @@
 
 <style>
     .search_style{
-        color: blue;
+        color: #2297fa;
     }
 	.home-body {
 		overflow-x: hidden;
@@ -500,19 +502,44 @@
 	.headd {
 		background-color: #f6f6f6;
 		border-radius: 200rpx;
-        border: 2rpx solid blue;
+        border: 2rpx solid #2297fa;
 		display: flex;
-		justify-content: center;
+		justify-content: space-between;
 		align-items: center;
 		margin: 0 auto;
 		width: 690rpx;
 		margin-right: auto;
 		height: 60rpx;
-
+        .headd_left{
+            padding-left: 15rpx;
+            display: flex;
+            align-items: center;
+            flex: 1;
+        }
+        .headd_right{
+            padding: 0 30rpx;
+            color: #2297fa;
+            font-size: 28rpx;
+            display: flex;
+            align-content: center;
+            justify-content: center;
+            position: relative;
+            font-weight: bold;
+        }
+        .headd_right::before{
+            position: absolute;
+            content: '';
+            left: 0;
+            top: calc(50% - 15rpx);
+            width: 2rpx;
+            height: 30rpx;
+            background-color: #2297fa;
+            
+        }
 	}
 
 	.headd input {
-		width: 312rpx;
+		width: 100%;
 		font-size: 26rpx;
 	}