From 25591c5b2e75c3acdde84131abdf3c570e2830c0 Mon Sep 17 00:00:00 2001
From: lmj <3407000732@qq.com>
Date: Tue, 8 Nov 2022 15:20:33 +0800
Subject: [PATCH] =?UTF-8?q?=E6=90=9C=E7=B4=A2=E6=A3=80=E7=B4=A2=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/resource/search.vue  |  56 ++++++++++++++++++++++++++++++-------
 static/images/icon/eye.png | Bin 0 -> 1256 bytes
 2 files changed, 46 insertions(+), 10 deletions(-)
 create mode 100644 static/images/icon/eye.png

diff --git a/pages/resource/search.vue b/pages/resource/search.vue
index 32fe984..33af8eb 100644
--- a/pages/resource/search.vue
+++ b/pages/resource/search.vue
@@ -1,6 +1,6 @@
 <template>
 	<!--搜索页-->
-	<view>
+	<view style="background-color: #fff;height: 100vh;">
 		<u-toast ref="messager"></u-toast>
 		<view style="margin:30upx 30upx; display: flex;">
 			<u-icon @click="back()" name="arrow-left" color="#383838" size="22" style="margin-right: 10upx;"></u-icon>
@@ -19,7 +19,19 @@
 				search-icon="search"
 			>
 			</u-search> -->
-			<u-search bgColor="#ffffff" maxlength="20" placeholder="请输入关键字" v-model="keyword" :focus="true" shape="round" @clear="clearSearch" @search="searchList" :showAction="false" search-icon="search" ></u-search>
+			<u-search
+			 bgColor="#F2F5F7"
+			 maxlength="20"
+			 placeholder="请输入关键字" 
+			 v-model="keyword" 
+			 :focus="true" 
+			 shape="round" 
+			 @clear="clearSearch" 
+			 @search="searchList"  
+			 search-icon="search" 
+			 :showAction="true" 
+			 actionText="搜索" 
+			></u-search>
 		</view>
 		<view style="margin:30upx 30upx 10upx 30upx;position: relative;border-bottom:1px solid #f0f0f0; display: flex;justify-content: space-between;">
 			<view class="con-top">
@@ -40,7 +52,9 @@
 						<u-icon v-if="!isOpen" name="arrow-down" color="#b3b3b3" size="16"></u-icon>
 						<u-icon v-if="isOpen" name="arrow-up" color="#b3b3b3" size="16"></u-icon>
 					</view>
-					<view class="words-clear"><u-icon name="trash" @click="cleanHistory()" style="margin-right: 20px;"></u-icon></view>
+					<view class="words-clear" @click="cleanHistory()">
+						<image src="../../static/images/icon/del.png" mode="" style="margin-right: 15px;"></image>
+					</view>
 				</view>
 				<view class="words-items">
 					<view  v-for="(word,widx) in historyWords" :key="widx" v-if="widx<10" @tap="wordSearch(word)" class="words-item">{{word}}</view>
@@ -49,8 +63,12 @@
 			</view>
 			<view class="words">
 				<view class="words-top">
-					<view class="words-title">热门搜索</view>
-				</view>
+					<view class="words-title">热门搜索</view>
+					<view class="words-clear" @click="cleanHistory()">
+						<image src="../../static/images/icon/eye.png" mode=""  style="margin-right: 15px;width: 32upx;height: 24upx;"></image>
+					</view>
+				</view>
+				
 				<view class="words-items">
 					 <view  v-for="(hw,hwidx) in hotWords" :key="hwidx" @tap="wordSearch(hw)" class="words-item">{{hw}}</view>
 				</view>
@@ -718,7 +736,21 @@
 	}
 </script>
 
-<style lang="scss" scoped>
+<style lang="scss" scoped>
+	::v-deep .u-search .u-search__content{
+		height: 72upx !important;
+	}
+	.words-clear{
+		image{
+			width: 30upx;
+			height: 30upx;
+		}
+	}
+	::v-deep .u-search__action{
+		font-size: 32upx;
+		color: #387DF7;
+		font-weight: 500;
+	}
 	/deep/ .u-empty__text{
 		display: none;
 	}
@@ -772,8 +804,11 @@
 			display: flex;
 			justify-content: space-between;
 			.words-title{
-				display: flex;
-				padding-right: 6upx;color: #888888;font-size: 28upx;
+				display: flex;
+				color: #333333;
+				font-weight: 500;
+				font-size: 32upx !important;
+				padding-right: 6upx;
 			}
 		}
 		.words-items{
@@ -783,8 +818,9 @@
 				padding: 10upx 35upx;
 				margin: 10upx;
 				background-color: #FFFFFF;
-				border: 1px solid #cacaca;
-				font-size: 24upx;
+				border: 1px solid rgba(153,153,153,0.2);
+				font-size: 28upx;
+				color: #333;
 				border-radius: 28upx;
 			}
 		}
diff --git a/static/images/icon/eye.png b/static/images/icon/eye.png
new file mode 100644
index 0000000000000000000000000000000000000000..b2cafcd526d89ee78ed49446330a6664a7707527
GIT binary patch
literal 1256
zcmV<E1Q+{>P)<h;3K|Lk000e1NJLTq001Na000;W1^@s6lDJ<^00001b5ch_0Itp)
z=>Px(qDe$SR7gwBR$FXTRTN$O%*;hbs-=|>jc8CCiX<Q=1VW+_qb5rH@iB=OY-l_8
zo)JxW2NOs%(GT$hjE}i@W?BV#7@{A1P>c~uj1uuf1>>VZj1iyFg5YCdI`=GdnoCp4
zbf%Slc#`{b&pvyvv-jF-AHn}@$$!O@&*!HbW9}z;2Y~6(mjLi1fWu0uz4i6=ds3-X
zaV#;$1gKCbG=yR3l3YS^R;@rHa+>5TN~z7B=lx#G-tLbIP!I&o09KG(N-{ZcP~;Di
z-2l3kQeQca^KC2^bBe{{ERu5pw3EC!0&z-2)@rRgYk{f?C<ub906c4qNdr(K!U(`i
zO-)Vv7cE*;t`;B&f_q4=A$fOni5>u+*812;=PCl~>FJ60_Vz9Z@HEMK5$OlenMfqI
zw70kS*1F~Jec$&V0`M})sUmU~z-q1atCjp*1gNX4YudSU=iUUcFgmc$ah#RIfshp6
z_d7(ymS%uYBJu^vPOWtz%I09q9XobRK6B>GW&o|x&q8Bk<MLE0RT>KH0zkQ3ZlN(|
z4@q096C$Fu)|Mw1tRM)kHpXlRaOViwI-rzV;(6ZB!}qh<Y)V94i@10w9*;kePN#o8
zZ#M|Y8UlD7z(fH1lF8)K*4Ea(;SQtByl26P$PWP4iO4}~7fHY-lGg$_ptZhhc&4mf
zE|<F{y7+b0M=TawoKB~Y4t7}(1oKILNHQiOenUgU6RA`xtaSTqHfsr<vyS5N_?(W8
zj*~;}tTdF%<s%U&H<QWaEBWc_>Y7q2mEIzGyNG;OS66pyOH0csA*q5O_=Myf5qUvt
zy{;N*ec%6x<a`l%RBOGflCAIikC5CcB8Ros3r6x61VMu2yEd~T@}kyyg#<xxqcP?i
zdt(u~!Sg)ZQ6sKwHv1=lNlK|}DsjXfj5ziafWI=COkFj9wtQh2ekvkgYprKWE|<GE
z48v{_>DF2=uGP}x4QTi7-4pxz`u-7-zqQtrB%jaEESJk)ipX)T^-Z+^jc3Vhtb9Iy
zTe)0*Uqn9FTF<r|vSs_;l29qN((}A6HA*%vq_#04ZQ2jOj+zabOy;?PwvQzKov3x!
zXEK>hBY_%^wvSqWVHk!x0bDO4$0kgeFniguWoHL<C<ubp#uy7kDWw9(aaLG^O295f
z7;RVQa=G=!m}daQZ6`X8^Ke^R+lfIPIv+HeId71>48YM?ES7Oy_fREJV;vpVhwuAM
zB>hNKN%HyT=H`t<hxA3WtWYS-?eFim`Z8kxvB+Mf)CSjeKdVLfDtdFJF=nHPJW0|4
z@JlQfTk5*5Rs0K9#c987+qTP##o`)c%qjp^MDl-7DYc#C+n(p09u2sBK0nnM^O!Ma
zEr2NijGbeS<2=>Y*7jQ^A64H&Teog)EEbFF0X#nBVRn|JE#t@bOC%D<MC7DW>SP#(
z$uJCUS!R%Y5WszwCsE)7BC<+reWcoDM)hLs?Ch*7l}a{1OElrtXfhPNqio4@uIug_
z)tS*44Yi4e;sTQML}VU-X(T6$NCU~D6<7erNq&$_CU;eOF<f$n#tQmU?EeLlz<xKE
Sz#5wX0000<MNUMnLSTZ%BuwG}

literal 0
HcmV?d00001