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 {
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;
}
}