ow

uniapp/youjiala/src/components/search-input/search-input.vue

@@ -57,7 +57,7 @@ function onClear(): void {
 </template>
 
 <style lang="scss" scoped>
-/* 分区卡片风格：外层透明露渐变底，胶囊内部浅白色、留描边定形 */
+/* 卡片表面统一风格：白底 + 细边框 + 柔和投影（替代半透明白叠加的灰浊感），圆角矩形（对齐设计图，非全胶囊） */
 .search-input {
   padding: 20rpx 24rpx 0;
 }
@@ -66,10 +66,11 @@ function onClear(): void {
   display: flex;
   align-items: center;
   gap: 16rpx;
-  padding: 10rpx 28rpx;
-  border: 2rpx solid rgba(31, 35, 41, 0.08);
-  border-radius: 399rpx;
-  background-color: rgba(255, 255, 255, 0.55);
+  padding: 14rpx 28rpx;
+  border: 2rpx solid rgba(31, 35, 41, 0.06);
+  border-radius: 24rpx;
+  background-color: #ffffff;
+  box-shadow: 0 6rpx 18rpx rgba(31, 35, 41, 0.05);
 }
 
 .search-input__field {