init

wechat/pages/search/search.wxml

@@ -0,0 +1,99 @@
+<!-- pages/search/search.wxml -->
+<!-- 搜索视图 -->
+
+<view class="search-container">
+  <!-- 搜索框 -->
+  <view class="search-bar">
+    <view class="search-input-wrapper">
+      <text class="iconfont icon-search search-icon"></text>
+      <input
+        class="search-input"
+        type="text"
+        placeholder="搜索文章、用户..."
+        bindinput="onSearchInput"
+        bindconfirm="onSearch"
+        value="{{keyword}}"
+        focus="{{true}}"
+      />
+      <text class="iconfont icon-close" wx:if="{{keyword}}" bindtap="onClear"></text>
+    </view>
+    <text class="cancel-btn" bindtap="onCancel">取消</text>
+  </view>
+
+  <!-- 搜索结果 -->
+  <view class="search-result" wx:if="{{showResult}}">
+    <view class="result-list">
+      <view class="result-item" wx:for="{{searchResult}}" wx:key="id" bindtap="goToDetail" data-id="{{item.id}}">
+        <image class="result-cover" wx:if="{{item.coverImage}}" src="{{item.coverImage}}" mode="aspectFill" />
+        <view class="result-info">
+          <text class="result-title">{{item.title}}</text>
+          <text class="result-summary">{{item.summary}}</text>
+          <view class="result-meta">
+            <text class="author">{{item.authorName}}</text>
+            <text class="time">{{item.createTime}}</text>
+          </view>
+        </view>
+      </view>
+    </view>
+
+    <view class="loading-more" wx:if="{{loading}}">
+      <text>加载中...</text>
+    </view>
+    <view class="no-more" wx:if="{{!hasMore && searchResult.length > 0}}">
+      <text>没有更多了</text>
+    </view>
+    <view class="empty-state" wx:if="{{!loading && searchResult.length === 0}}">
+      <text class="iconfont icon-search empty-icon"></text>
+      <text class="empty-text">未找到相关结果</text>
+    </view>
+  </view>
+
+  <!-- 搜索历史和热门搜索 -->
+  <view class="search-content" wx:if="{{!showResult}}">
+    <!-- 搜索历史 -->
+    <view class="history-section" wx:if="{{historyList.length > 0}}">
+      <view class="section-header">
+        <text class="section-title">搜索历史</text>
+        <text class="iconfont icon-trash" bindtap="clearHistory"></text>
+      </view>
+      <view class="history-list">
+        <text
+          class="history-item"
+          wx:for="{{historyList}}"
+          wx:key="index"
+          bindtap="onHistorySearchTap"
+          data-keyword="{{item}}"
+        >{{item}}</text>
+      </view>
+    </view>
+
+    <!-- 热门搜索 -->
+    <view class="hot-section">
+      <view class="section-header">
+        <text class="section-title">热门搜索</text>
+        <text class="iconfont icon-fire hot-icon"></text>
+      </view>
+      <view class="hot-list">
+        <view
+          class="hot-item"
+          wx:for="{{hotSearchList}}"
+          wx:key="id"
+          bindtap="onHotSearchTap"
+          data-keyword="{{item.keyword}}"
+        >
+          <text class="rank {{index < 3 ? 'top' : ''}}">{{index + 1}}</text>
+          <view class="hot-info">
+            <text class="hot-keyword">{{item.keyword}}</text>
+            <text class="hot-count">{{item.searchCount}}次搜索</text>
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
+</view>
+
+/**
+ * @联系作者：16768118056
+ * @描述：（此项目非免费分享）源码百分百可用，搞定毕设不发愁，支持远程调试安装、二次开发、定制、讲解、文档类。
+ * @访问：https://www.notmaker.com/detail/8326a897119d4542896c863a69d7bbe7/gtt20260415，查看完整运行演示。
+ */