fix:微信小程序 search-form.vue 无法点击的问题,因为没 @click 事件

fix:search-form.vue 的 popup 距离高度不对的问题
feat:移除 search-form.vue 的 title,简化交互
This commit is contained in:
YunaiV
2025-12-20 01:13:31 +08:00
parent 1e126355bf
commit 104468501e
16 changed files with 118 additions and 311 deletions

View File

@@ -1,24 +1,12 @@
<template>
<!-- 搜索框入口 -->
<wd-search
:placeholder="placeholder"
:hide-cancel="true"
disabled
@click="visible = true"
/>
<view @click="visible = true">
<wd-search :placeholder="placeholder" hide-cancel disabled />
</view>
<!-- 搜索弹窗 -->
<wd-popup
v-model="visible"
position="top"
custom-style="border-radius: var(--yd-search-form-popup-radius);"
safe-area-inset-top
@close="visible = false"
>
<view class="yd-search-form-container">
<view class="yd-search-form-title">
搜索用户
</view>
<wd-popup v-model="visible" position="top" @close="visible = false">
<view class="yd-search-form-container" :style="{ paddingTop: `${getNavbarHeight()}px` }">
<view class="yd-search-form-item">
<view class="yd-search-form-label">
用户名称
@@ -53,6 +41,7 @@
<script lang="ts" setup>
import { computed, reactive, ref } from 'vue'
import { getNavbarHeight } from '@/utils'
const emit = defineEmits<{
search: [data: Record<string, any>]