From e2fcd9def4f0401611b253ff066fd5bf0c459e4e Mon Sep 17 00:00:00 2001
From: 15093570141 <141405260+17521612761@users.noreply.github.com>
Date: Thu, 14 Nov 2024 19:23:04 +0800
Subject: [PATCH] =?UTF-8?q?uniapp=E3=80=90=E4=BC=98=E5=8C=96=E3=80=91?=
 =?UTF-8?q?=EF=BC=9A=E5=88=86=E7=B1=BB=E9=A1=B5=E9=9D=A2=E5=A2=9E=E5=8A=A0?=
 =?UTF-8?q?=E6=A0=87=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../CoreShop/pages/category/category.scss         | 13 ++++++++++---
 .../CoreShop/pages/category/category.vue          | 15 ++++++++++++---
 2 files changed, 22 insertions(+), 6 deletions(-)

diff --git a/CoreCms.Net.Uni-App/CoreShop/pages/category/category.scss b/CoreCms.Net.Uni-App/CoreShop/pages/category/category.scss
index 3ddf5d7a..ad23640d 100644
--- a/CoreCms.Net.Uni-App/CoreShop/pages/category/category.scss
+++ b/CoreCms.Net.Uni-App/CoreShop/pages/category/category.scss
@@ -8,15 +8,22 @@
 		.back {
 			width: 50rpx;
 			height: 50rpx;
-			margin-right: 20rpx;
+			margin-right: 10rpx;
 		}
-
+        .page-title{
+            font-size: 27rpx;
+            margin-right: 10rpx;
+            width: 110rpx;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+        }
 		.search-tit {
 			position: absolute;
 			top: 50%;
 			transform: translateY(-50%);
 			right: 10rpx;
-			font-size: 24rpx;
+			font-size: 22rpx;
 			width: 100rpx;
 			text-align: center;
 			line-height: 50rpx;
diff --git a/CoreCms.Net.Uni-App/CoreShop/pages/category/category.vue b/CoreCms.Net.Uni-App/CoreShop/pages/category/category.vue
index c286e20a..46334a40 100644
--- a/CoreCms.Net.Uni-App/CoreShop/pages/category/category.vue
+++ b/CoreCms.Net.Uni-App/CoreShop/pages/category/category.vue
@@ -5,10 +5,13 @@
 				<view class="search-box">
 					<image @click="hanlderBack" class="back" :src="handleStaticResources('/static/images/back.png')">
 					</image>
-
-					<uv-input shape="circle" :placeholder="state.pageTitle ? state.pageTitle :`请输入关键词`"
+                    <view class="page-title">
+                        {{state.pageTitle}}
+                    </view>
+					<uv-input shape="circle" placeholder="请输入关键词"
 						prefixIcon="search" v-model="state.searchKey"
-						:customStyle="{ 'background-color': '#fff','padding':'3px 9px' }" @confirm="handleSearch"
+						:customStyle="{ 'background-color': '#fff','padding':'3px 9px','width':state.searchInputW}" 
+                        @confirm="handleSearch"
 						prefixIconStyle="font-size: 22px;color: #909399">
 						<template #suffix>
 							<view class="search-tit" @click="handleSearch">搜索</view>
@@ -167,6 +170,7 @@
 		priceTo : number | string;
 		brandId : string;
 		pageTitle : string;
+        searchInputW:string;
 	}>({
 		searchKey: "",
 		page: 1,
@@ -217,6 +221,7 @@
 		priceTo: '',
 		brandId: "",
 		pageTitle: "",
+        searchInputW:"320rpx"
 	})
 
 	let queryParams : QueryParams
@@ -235,6 +240,10 @@
 		queryParams = query;
 		/** 处理 query 然后获取商品列表  */
 		handleuQueryProduct(query);
+        
+        // #ifdef APP
+        state.searchInputW = 'auto';
+        // #endif
 	});
 
 	onPullDownRefresh(async () => {