diff --git a/src/components/Search/Search.vue b/src/components/Search/Search.vue
index aaf07a9..c430623 100644
--- a/src/components/Search/Search.vue
+++ b/src/components/Search/Search.vue
@@ -8,7 +8,7 @@
-
+
@@ -83,10 +83,6 @@ async function handleShop(item) {
}
store.SET_SHOW_SEARCH(false)
}
-async function handleActivity() {
- await router.push('/activity')
- store.SET_SHOW_SEARCH(false)
-}
const tabIdx = ref(0)
function handleTab(index) {
@@ -131,10 +127,10 @@ onBeforeUnmount(() => {
.search-content {
position: absolute;
- top: 315px;
- right: 40px;
- bottom: 302px;
- left: 40px;
+ top: 87px;
+ right: 125px;
+ bottom: 87px;
+ left: 125px;
background: linear-gradient(180deg, #e0e3ee 0%, #d4d9e7 100%);
backdrop-filter: blur(10px);
border-radius: 24px;
@@ -142,6 +138,7 @@ onBeforeUnmount(() => {
flex-direction: column;
align-items: stretch;
z-index: 2;
+ padding: 100px 670px 0 0;
.title {
font-weight: 900;
font-size: 24px;
@@ -150,9 +147,12 @@ onBeforeUnmount(() => {
}
.bar {
position: absolute;
+ width: 698px;
+ height: 100px;
top: -55px;
- left: 28px;
- right: 28px;
+ left: 0;
+ right: 0;
+ margin: auto;
background: #ffffff;
box-shadow: 0px 15px 24px rgba(0, 0, 0, 0.05);
border-radius: 24px;
@@ -160,7 +160,7 @@ onBeforeUnmount(() => {
align-items: center;
padding-right: 10px;
padding-left: 40px;
- height: 100px;
+
.icon {
width: 56px;
height: 56px;
@@ -204,27 +204,30 @@ onBeforeUnmount(() => {
width: 190px;
}
}
- .top {
- height: 460px;
+ .right {
+ position: absolute;
+ top: 10px;
+ right: 10px;
+ bottom: 10px;
+ width: 660px;
background: rgba(255, 255, 255, 0.6);
border-radius: 16px;
- margin: 10px 10px 48px 10px;
display: flex;
justify-content: space-between;
- padding-left: 46px;
+ flex-direction: column;
.facs {
- width: 300px;
- padding-top: 111px;
+ flex: 1;
+ padding: 90px 54px;
.facility-list {
display: grid;
- grid-template-columns: 1fr 1fr 1fr 1fr;
+ grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
width: 264px;
margin-top: 40px;
gap: 12px 24px;
}
}
.keyboard-wrapper {
- flex: 1;
+ flex: 0 0 456px;
padding-top: 75px;
padding-left: 36px;
background: rgba(0, 0, 0, 0.05);
@@ -291,12 +294,10 @@ onBeforeUnmount(() => {
align-items: center;
justify-content: center;
position: fixed;
- left: 0;
- right: 0;
- margin: auto;
- bottom: 242px;
- width: 120px;
- height: 120px;
+ right: 145px;
+ top: 107px;
+ width: 87px;
+ height: 87px;
z-index: 52;
background: linear-gradient(99.5deg, #f0b92b 0%, #f9d556 100%);
border-radius: 24px;
diff --git a/src/components/SearchResultList/SearchResultList.vue b/src/components/SearchResultList/SearchResultList.vue
index f33c7ca..81f7a5c 100644
--- a/src/components/SearchResultList/SearchResultList.vue
+++ b/src/components/SearchResultList/SearchResultList.vue
@@ -7,32 +7,15 @@
-
-
- {{ $t('act') }}
-
-
-
-
-
![]()
-
-
-
{{ switchLanguage(item, 'activityName') }}
-
{{ $t('youxiaoqi') }}:{{ item.endDate }}
-
-
-
-