From edc5c89f977f9a91856813c7061faf515aff19d7 Mon Sep 17 00:00:00 2001
From: "DESKTOP-GMUNQ1B\\k" <1154079537@qq.com>
Date: Fri, 23 Feb 2024 17:04:06 +0800
Subject: [PATCH] =?UTF-8?q?=E6=90=9C=E7=B4=A2=E6=8C=89=E9=92=AE=E4=BF=AE?=
 =?UTF-8?q?=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/activity/presell/index.vue | 35 ++++++++++++++++++++++----------
 1 file changed, 24 insertions(+), 11 deletions(-)

diff --git a/pages/activity/presell/index.vue b/pages/activity/presell/index.vue
index bc71290..663ba5c 100644
--- a/pages/activity/presell/index.vue
+++ b/pages/activity/presell/index.vue
@@ -6,15 +6,9 @@
 					<view class='iconfont icon-xiangzuo' @tap='goBack'></view>
 					<view class="v-input" style="width: 90%;margin-right: 40rpx;">
 						<u--input v-model="keyword" placeholder="搜索商品名称" prefixIcon="search" shape="circle"
-							:custom-style="{'background-color':'#fff',width:'100%',height:'70rpx'}"
-							prefixIconStyle="font-size: 22px;color: #909399" @input="search">
-							<template slot="suffix">
-								<u-button type="success" text="搜索" size="mini" shape="circle"
-									color="linear-gradient(to right, #F84221, #FF6C20)"
-									:customStyle="{height:'50rpx','font-size':'32rpx!important'}"
-									@click="search"></u-button>
-							</template>
-						</u--input>
+							:custom-style="{'background-color':'#fff',width:'100%',height:'66rpx'}"
+							prefixIconStyle="font-size: 22px;color: #909399"> </u--input>
+						<view class="v-search-btn" hover-class="hoverClass" @click="search">搜索</view>
 					</view>
 				</view>
 			</view>
@@ -469,8 +463,27 @@
 		align-items: center;
 		height: 40px;
 
-		.v-input /deep/.u-button__text {
-			font-size: 28rpx !important;
+		.v-input {
+			position: relative;
+
+			.v-search-btn {
+				position: absolute;
+				right: 10rpx;
+				top: 50%;
+				transform: translateY(-50%);
+				width: 90rpx;
+				line-height: 50rpx;
+				height: 50rpx;
+				background: linear-gradient(to right, #F84221, #FF6C20);
+				font-size: 26rpx;
+				border-radius: 50rpx;
+				color: #fff;
+				text-align: center;
+			}
+
+			.hoverClass {
+				opacity: .8;
+			}
 		}
 	}