From 0231109223d2ab5995d0d6e721ef4ea1ad8cccfd Mon Sep 17 00:00:00 2001
From: wupengfei <834520024@qq.com>
Date: 星期五, 14 二月 2025 09:13:57 +0800
Subject: [PATCH] Merge branch 'master' of http://120.26.58.240:8888/r/flexJobMiniApp
---
apps/bMiniApp/src/pages/home/HomeQueryMenuView.vue | 40 +++++++++++++++++++++++++++++++++++++---
1 files changed, 37 insertions(+), 3 deletions(-)
diff --git a/apps/bMiniApp/src/pages/home/HomeQueryMenuView.vue b/apps/bMiniApp/src/pages/home/HomeQueryMenuView.vue
index 26a6979..4c5cdf1 100644
--- a/apps/bMiniApp/src/pages/home/HomeQueryMenuView.vue
+++ b/apps/bMiniApp/src/pages/home/HomeQueryMenuView.vue
@@ -1,13 +1,28 @@
<template>
<QueryMenuView @close="handleReset" @confirm="emit('close')" cancelText="閲嶇疆">
<div class="home-query-menu-view">
- <QueryMenuItem title="缁撶畻鏂瑰紡">
+ <QueryMenuItem title="鎬у埆">
<ProRadio v-model="query.gender" :value-enum="GenderText" show-all-btn></ProRadio>
</QueryMenuItem>
- <QueryMenuItem title="鍛樺伐绂忓埄">
+ <QueryMenuItem title="韬唤">
<ProRadio v-model="query.gender" :value-enum="GenderText" show-all-btn></ProRadio>
</QueryMenuItem>
- <QueryMenuItem title="鎬у埆瑕佹眰">
+ <QueryMenuItem>
+ <template #title>
+ <div class="rang-title-wrapper">
+ <div class="rang-title">骞撮緞</div>
+ <div class="rang-value">{{ query.age[0] }} - {{ query.age[1] }} 宀�</div>
+ </div>
+ </template>
+ <nut-range
+ v-model="query.age"
+ range
+ :min="15"
+ :max="65"
+ class="home-query-menu-range"
+ ></nut-range>
+ </QueryMenuItem>
+ <QueryMenuItem title="璧勬牸璇佷功">
<ProRadio v-model="query.gender" :value-enum="GenderText" show-all-btn></ProRadio>
</QueryMenuItem>
</div>
@@ -33,12 +48,14 @@
const query = defineModel<{
gender: number | string;
+ age: number[];
}>('query');
const DefaultQuery = {
...query.value,
};
+console.log('query: ', query.value);
function handleReset() {
for (const key in DefaultQuery) {
query.value[key] = DefaultQuery[key];
@@ -53,5 +70,22 @@
max-height: 400px;
padding: 30px;
overflow: auto;
+
+ .home-query-menu-range {
+ padding: 36px 0;
+ }
+
+ .rang-title-wrapper {
+ display: flex;
+ align-items: center;
+
+ .rang-title {
+ margin-right: 36px;
+ }
+
+ .rang-value {
+ color: boleGetCssVar('color', 'primary');
+ }
+ }
}
</style>
--
Gitblit v1.9.1