yvan
/
pet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

1

This commit is contained in:
yvan 2025-08-14 09:51:44 +08:00
parent 4f6ee4aa71
commit 6968d151a7
1 changed files with 16 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
pages/adoption/adoption.vue
View File

@ -628,38 +628,38 @@ export default {
.search-input-container { .search-input-container {
flex: 1; flex: 1;
position: relative; position: relative;
background: transparent; background: rgba(255, 255, 255, 0.95);
border: 2rpx solid rgba(255, 255, 255, 0.6); border: 2rpx solid rgba(255, 255, 255, 0.8);
border-radius: 24rpx; border-radius: 24rpx;
padding: 0 20rpx; padding: 0 20rpx;
display: flex; display: flex;
align-items: center; 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 { .search-icon {
font-size: 24rpx; font-size: 24rpx;
margin-right: 12rpx; margin-right: 12rpx;
color: #ffffff; color: #666;
} }
.search-input { .search-input {
flex: 1; flex: 1;
height: 72rpx; height: 72rpx;
font-size: 24rpx; font-size: 24rpx;
color: #ffffff; color: #333;
background: transparent; background: transparent;
border: none; border: none;
outline: none; outline: none;
&::placeholder { &::placeholder {
color: #ffffff; color: #999;
} }
} }
.search-clear { .search-clear {
width: 32rpx; width: 32rpx;
height: 32rpx; height: 32rpx;
background: rgba(255, 255, 255, 0.3); background: rgba(0, 0, 0, 0.1);
border-radius: 50%; border-radius: 50%;
display: flex; display: flex;
align-items: center; align-items: center;
@ -668,12 +668,12 @@ export default {
transition: all 0.3s ease; transition: all 0.3s ease;
&:active { &:active {
background: rgba(255, 255, 255, 0.5); background: rgba(0, 0, 0, 0.2);
} }
.clear-icon { .clear-icon {
font-size: 16rpx; font-size: 16rpx;
color: #ffffff; color: #666;
} }
} }
} }
@ -682,26 +682,27 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 8rpx; gap: 8rpx;
background: transparent; background: rgba(255, 255, 255, 0.95);
border: 2rpx solid rgba(255, 255, 255, 0.4); border: 2rpx solid rgba(255, 255, 255, 0.8);
border-radius: 16rpx; border-radius: 16rpx;
padding: 16rpx 20rpx; padding: 16rpx 20rpx;
transition: all 0.3s ease; transition: all 0.3s ease;
box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.1);
&:active { &:active {
transform: scale(0.95); transform: scale(0.95);
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.8);
border-color: rgba(255, 255, 255, 0.6); border-color: rgba(255, 255, 255, 0.9);
} }
.filter-icon { .filter-icon {
font-size: 20rpx; font-size: 20rpx;
color: #ffffff; color: #666;
} }
.filter-text { .filter-text {
font-size: 22rpx; font-size: 22rpx;
color: #ffffff; color: #666;
font-weight: 500; font-weight: 500;
} }
} }