From 3081fcde2e04c41f7abfbd64fe303a2c9cb7a4d7 Mon Sep 17 00:00:00 2001
From: davy <davy@example.com>
Date: Sun, 30 Mar 2025 22:23:11 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96=E9=A6=96=E9=A1=B5?=
 =?UTF-8?q?=E6=90=9C=E7=B4=A2=E5=8A=9F=E8=83=BD=E4=BA=A4=E4=BA=92,?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E9=BB=98=E8=AE=A4=E5=A4=B4=E5=83=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/index/index.vue        | 42 ++++++++++++++++++++++++------------
 pages/index/my.vue           |  2 +-
 pagesActivity/homeSearch.vue | 15 +++++++++----
 static/default-avatar.svg    |  6 ++++++
 4 files changed, 46 insertions(+), 19 deletions(-)
 create mode 100644 static/default-avatar.svg

diff --git a/pages/index/index.vue b/pages/index/index.vue
index 9f8d33b..4e75351 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -19,12 +19,13 @@
 		<!-- 快捷导航 -->
 		<view class="bg-white"
 			style="border-radius: 30rpx 30rpx 12rpx 12rpx;padding-top:8rpx;position: relative;margin-top:-20rpx">
-			<view class="search-box">
-				<!-- <text class="cuIcon-search" style="font-size: 40rpx;color: #A2A2A2;margin-right: 24rpx;"></text>
-				<input type="text" disabled placeholder="搜索酒款/酒厂" @click="toSearch"> -->
-				<input style="flex:1;margin-left: 20rpx;" v-model="keyword" type="text" placeholder="搜索酒款/酒厂" @confirm="search" @input="changeSearch">
-				<view class="searchs" @click="search" style="">
-				  <uni-icons type="search" size="30" color="#fff"></uni-icons>
+			<view class="search-box" @click="toSearch">
+				<view class="search-input">
+					<text class="cuIcon-search" style="font-size: 40rpx;color: #A2A2A2;margin-right: 24rpx;"></text>
+					<text style="color: #A2A2A2;">搜索酒款名称，品牌名称，啤酒风格</text>
+				</view>
+				<view class="searchs">
+					<uni-icons type="search" size="30" color="#fff"></uni-icons>
 				</view>
 			</view>
 			<view class="flex justify-between bg-white" style="padding: 20rpx 36rpx;">
@@ -167,6 +168,7 @@
 				userInfo: null,
 				featurePageList: [], // 专辑页列表
 				homeBanner: [], //首页banner
+				keyword: '',
 			};
 		},
 		onLoad() {
@@ -218,11 +220,12 @@
 			},
 			// 搜索
 			toSearch() {
-				// uni.navigateTo({
-				// 	url: '/pages/index/searchBeer'
-				// })
 				uni.navigateTo({
-					url: '/pagesActivity/homeSearch'
+					url: '/pagesActivity/homeSearch',
+					success: () => {
+						// 立即触发键盘事件
+						uni.$emit('openKeyboard')
+					}
 				})
 			},
 			changeTag(index) {
@@ -257,11 +260,7 @@
 			// 关闭广告
 			closeAd() {
 				uni.setStorageSync('showHomeAD', true)
-				uni.setTabBarStyle({
-					backgroundColor: '#ffffff'
-				})
 				this.$refs.ADRef.close()
-
 			},
 			handleAD(item) {
 				this.closeAd()
@@ -337,6 +336,14 @@
 				uni.navigateTo({
 					url: "/pages/activityList/activityList"
 				})
+			},
+			search() {
+				// 实现搜索逻辑
+				console.log('搜索关键词:', this.keyword);
+			},
+			changeSearch() {
+				// 实现搜索逻辑
+				console.log('搜索关键词:', this.keyword);
 			}
 		}
 	}
@@ -367,6 +374,13 @@
 		margin: 26rpx auto;
 		box-sizing: border-box;
 
+		.search-input {
+			flex: 1;
+			display: flex;
+			align-items: center;
+			padding: 0 24rpx;
+		}
+
 		.searchs{
 			background: #D42E78;
 			width: 80rpx;
diff --git a/pages/index/my.vue b/pages/index/my.vue
index 0f57145..4379475 100644
--- a/pages/index/my.vue
+++ b/pages/index/my.vue
@@ -14,7 +14,7 @@
 		</view>
 		<view v-else class="user-box flex align-center justify-start" :style="{'padding-top': statusBaeHeight + 60 + 'px'}" @click="$refs.loginRef.open()">
 			<view class="avatar-placeholder flex align-center justify-center">
-				<image src="/static/default-avatar.png" class="default-avatar"></image>
+				<image src="/static/default-avatar.svg" class="default-avatar"></image>
 			</view>
 			<view class="login-text flex align-center">
 				<text style="color: #333333; font-size: 36rpx; margin-right: 12rpx;">登录/认证</text>
diff --git a/pagesActivity/homeSearch.vue b/pagesActivity/homeSearch.vue
index 368f4ce..02c2c02 100644
--- a/pagesActivity/homeSearch.vue
+++ b/pagesActivity/homeSearch.vue
@@ -3,9 +3,8 @@
 		<!-- 固定搜索框 -->
 		<view class="fixed-search-box" style="background-color:#19367A;border-radius: 0rpx 0rpx 24rpx 24rpx;">
 			<view class="search-box">
-				<text class="cuIcon-loading" style="font-size: 40rpx;color: #A2A2A2;margin-right: 24rpx;padding-left: 20rpx;"
-					@click="search" :class="{ 'rotate': isRotating }"></text>
-				<input style="flex:1;" v-model="keyword" type="text" placeholder="搜索酒款名称，品牌名称，啤酒风格" @confirm="search" @input="changeSearch">
+				<text class="cuIcon-back" style="font-size: 40rpx;color: #fff;margin-right: 24rpx;padding-left: 20rpx;" @click="goBack"></text>
+				<input ref="searchInput" style="flex:1;" v-model="keyword" type="text" placeholder="搜索酒款名称，品牌名称，啤酒风格" @confirm="search" @input="changeSearch" focus>
 				<view class="searchs" @click="search" style="">
 				  <uni-icons type="search" size="30" color="#fff"></uni-icons>
 				</view>
@@ -170,8 +169,16 @@
 				isRotating: false
 			};
 		},
-		mounted() {
+		onLoad() {
 			this.getPopularStyle()
+			// 监听键盘打开事件
+			uni.$on('openKeyboard', () => {
+				this.$refs.searchInput.focus()
+			})
+		},
+		onUnload() {
+			// 移除事件监听
+			uni.$off('openKeyboard')
 		},
 		methods: {
 			changeSearch() {
diff --git a/static/default-avatar.svg b/static/default-avatar.svg
new file mode 100644
index 0000000..a7115ba
--- /dev/null
+++ b/static/default-avatar.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <circle cx="100" cy="100" r="100" fill="#F6F6F6"/>
+    <circle cx="100" cy="80" r="40" fill="#CCCCCC"/>
+    <path d="M100 130C66.6667 130 40 156.667 40 190H160C160 156.667 133.333 130 100 130Z" fill="#CCCCCC"/>
+</svg> 
\ No newline at end of file