86 lines
2.9 KiB
Plaintext
86 lines
2.9 KiB
Plaintext
<view class="page">
|
||
<!-- 固定液态玻璃顶栏:返回 + 标题,右侧避让小程序胶囊按钮 -->
|
||
<view class="glass-topbar">
|
||
<view style="height: {{statusBarHeight}}px;"></view>
|
||
<view class="navbar" style="height: {{navbarHeight}}px; padding-right: {{navbarPaddingRight}}px;">
|
||
<view class="back" bindtap="onBack">‹</view>
|
||
<view class="navbar-title">搜索</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 顶栏占位 -->
|
||
<view style="height: {{statusBarHeight + navbarHeight}}px;"></view>
|
||
|
||
<!-- 搜索框:位于标题栏下方,全宽可用,不受胶囊遮挡 -->
|
||
<view class="search-bar">
|
||
<view class="input-wrap">
|
||
<text class="search-icon">🔍</text>
|
||
<input
|
||
class="search-input"
|
||
value="{{keyword}}"
|
||
bindinput="onInput"
|
||
bindconfirm="onSearch"
|
||
placeholder="搜索宠物、话题、用户..."
|
||
focus="{{true}}"
|
||
confirm-type="search"
|
||
/>
|
||
<view wx:if="{{keyword}}" class="clear" bindtap="onClear">×</view>
|
||
</view>
|
||
<view class="search-btn" bindtap="onSearch">搜索</view>
|
||
</view>
|
||
|
||
<!-- 热门话题 -->
|
||
<view wx:if="{{!keyword && !loading}}" class="hot-section">
|
||
<text class="section-title">热门话题</text>
|
||
<view class="hot-tags">
|
||
<view
|
||
wx:for="{{hotTopics}}"
|
||
wx:key="index"
|
||
class="hot-tag"
|
||
bindtap="onTopicTap"
|
||
data-tag="{{item.tag}}"
|
||
>
|
||
<text class="tag-rank">{{index + 1}}</text>
|
||
<text class="tag-text">{{item.tag}}</text>
|
||
<text class="tag-count">{{item.count}}篇</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 搜索结果 -->
|
||
<scroll-view wx:if="{{keyword}}" scroll-y="true" class="results-scroll" enhanced="true" show-scrollbar="false">
|
||
<view class="results-tabs">
|
||
<view class="rtab {{resultTab === 'posts' ? 'rtab-on' : ''}}" bindtap="onResultTab" data-t="posts">帖子</view>
|
||
<view class="rtab {{resultTab === 'users' ? 'rtab-on' : ''}}" bindtap="onResultTab" data-t="users">用户</view>
|
||
</view>
|
||
|
||
<view wx:if="{{resultTab === 'posts'}}">
|
||
<post-card wx:for="{{postResults}}" wx:key="_id" post="{{item}}" />
|
||
<view wx:if="{{!loading && postResults.length === 0}}" class="empty">
|
||
<text>没有找到相关帖子</text>
|
||
</view>
|
||
</view>
|
||
|
||
<view wx:if="{{resultTab === 'users'}}">
|
||
<view
|
||
wx:for="{{userResults}}"
|
||
wx:key="_id"
|
||
class="user-result"
|
||
bindtap="onUserTap"
|
||
data-uid="{{item._id}}"
|
||
>
|
||
<view class="u-avatar" style="background: {{item.gradient}}">{{item.nickName[0]}}</view>
|
||
<view class="u-info">
|
||
<text class="u-name">{{item.nickName}}</text>
|
||
<text class="u-bio">{{item.bio || '宠物爱好者'}}</text>
|
||
</view>
|
||
</view>
|
||
<view wx:if="{{!loading && userResults.length === 0}}" class="empty">
|
||
<text>没有找到相关用户</text>
|
||
</view>
|
||
</view>
|
||
|
||
<view style="height: 60rpx;"></view>
|
||
</scroll-view>
|
||
</view>
|