筛选返回按钮

pages/products/components/FilterDrawer.vue

@@ -8,6 +8,9 @@
     ></view>
     <view class="filter-drawer" :class="{ show: visible }" :style="{ paddingTop: statusBarHeight + 'px' }">
       <view class="filter-drawer-header">
+        <view class="filter-drawer-back" @tap="onClose">
+          <view class="back-arrow"></view>
+        </view>
         <text class="filter-drawer-title">筛选条件</text>
         <text class="filter-drawer-close" @tap="onClose">✕</text>
       </view>
@@ -229,6 +232,21 @@ export default {
   padding: 32rpx;
   border-bottom: 2rpx solid #f5f5f5;
 }
+.filter-drawer-back {
+  width: 48rpx;
+  height: 48rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+/* CSS 绘制的返回箭头（小于号） */
+.back-arrow {
+  width: 20rpx;
+  height: 20rpx;
+  border-left: 4rpx solid #1a1a1a;
+  border-bottom: 4rpx solid #1a1a1a;
+  transform: rotate(45deg);
+}
 .filter-drawer-title {
   font-size: 32rpx;
   font-weight: 600;