From 6968d151a7242f5ead3caff1910b85eeb604f74d Mon Sep 17 00:00:00 2001 From: yvan <8574526@qq.com> Date: Thu, 14 Aug 2025 09:51:44 +0800 Subject: [PATCH] 1 --- pages/adoption/adoption.vue | 31 ++++++++++++++++--------------- 1 file changed, 16 insertions(+), 15 deletions(-) diff --git a/pages/adoption/adoption.vue b/pages/adoption/adoption.vue index 5767600..e495aad 100644 --- a/pages/adoption/adoption.vue +++ b/pages/adoption/adoption.vue @@ -628,38 +628,38 @@ export default { .search-input-container { flex: 1; position: relative; - background: transparent; - border: 2rpx solid rgba(255, 255, 255, 0.6); + background: rgba(255, 255, 255, 0.95); + border: 2rpx solid rgba(255, 255, 255, 0.8); border-radius: 24rpx; padding: 0 20rpx; display: flex; align-items: center; - box-shadow: 0 2rpx 12rpx rgba(255, 255, 255, 0.1); + box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.1); .search-icon { font-size: 24rpx; margin-right: 12rpx; - color: #ffffff; + color: #666; } .search-input { flex: 1; height: 72rpx; font-size: 24rpx; - color: #ffffff; + color: #333; background: transparent; border: none; outline: none; &::placeholder { - color: #ffffff; + color: #999; } } .search-clear { width: 32rpx; height: 32rpx; - background: rgba(255, 255, 255, 0.3); + background: rgba(0, 0, 0, 0.1); border-radius: 50%; display: flex; align-items: center; @@ -668,12 +668,12 @@ export default { transition: all 0.3s ease; &:active { - background: rgba(255, 255, 255, 0.5); + background: rgba(0, 0, 0, 0.2); } .clear-icon { font-size: 16rpx; - color: #ffffff; + color: #666; } } } @@ -682,26 +682,27 @@ export default { display: flex; align-items: center; gap: 8rpx; - background: transparent; - border: 2rpx solid rgba(255, 255, 255, 0.4); + background: rgba(255, 255, 255, 0.95); + border: 2rpx solid rgba(255, 255, 255, 0.8); border-radius: 16rpx; padding: 16rpx 20rpx; transition: all 0.3s ease; + box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.1); &:active { transform: scale(0.95); - background: rgba(255, 255, 255, 0.1); - border-color: rgba(255, 255, 255, 0.6); + background: rgba(255, 255, 255, 0.8); + border-color: rgba(255, 255, 255, 0.9); } .filter-icon { font-size: 20rpx; - color: #ffffff; + color: #666; } .filter-text { font-size: 22rpx; - color: #ffffff; + color: #666; font-weight: 500; } }