From 591ccbd63d0ef8d71442ee043b4a5f485ec89462 Mon Sep 17 00:00:00 2001
From: zhengyiming <540361168@qq.com>
Date: 星期二, 11 二月 2025 11:25:02 +0800
Subject: [PATCH] feat: 修改项目相关配置
---
apps/cMiniApp/src/pages/home/index.vue | 35 +++++++++++++++++++++++++++++++----
1 files changed, 31 insertions(+), 4 deletions(-)
diff --git a/apps/cMiniApp/src/pages/home/index.vue b/apps/cMiniApp/src/pages/home/index.vue
index e3d38b0..daa5593 100644
--- a/apps/cMiniApp/src/pages/home/index.vue
+++ b/apps/cMiniApp/src/pages/home/index.vue
@@ -1,11 +1,13 @@
<template>
<PageLayoutWithBg class="index-page-wrapper" :title="'棣栭〉'" :need-auth="false">
<template #left>
- <div class="menu-btn-wrapper city-btn" @click="goCitySelect">
- <div class="city-btn-text">{{ locationCity }}</div>
- <RectDown :size="12" />
+ <div class="menu-btn-wrapper menu-logo">
+ <img :src="IconLogo" class="logo" />
</div>
</template>
+ <div class="home-searchbar-wrapper">
+ <BlSearchbar v-model.trim="searchValue"></BlSearchbar>
+ </div>
</PageLayoutWithBg>
</template>
@@ -14,9 +16,21 @@
import { useUserStore } from '@/stores/modules/user';
import { RectDown } from '@nutui/icons-vue-taro';
import Taro from '@tarojs/taro';
-import { LocationUtils } from '@12333/utils';
+import { LocationUtils, trim } from '@12333/utils';
+import _ from 'lodash';
+import IconLogo from '@/assets/home/icon-logo.png';
const { locationCity } = useUser();
+
+const searchValue = ref('');
+
+const queryState = reactive({
+ searchValueTrim: '',
+});
+
+const handleSearch = _.debounce(function () {
+ queryState.searchValueTrim = trim(searchValue.value);
+}, 300);
const userStore = useUserStore();
@@ -38,6 +52,15 @@
@import '@/styles/common.scss';
.index-page-wrapper {
+ .menu-logo {
+ padding: 0;
+
+ .logo {
+ width: 96px;
+ height: 64px;
+ }
+ }
+
.city-btn {
display: flex;
align-items: center;
@@ -48,5 +71,9 @@
margin-right: 12px;
}
}
+
+ .home-searchbar-wrapper {
+ padding: 32px 0;
+ }
}
</style>
--
Gitblit v1.9.1