筛选返回按钮

2026-09-02 14:10:30 +08:00
parent 33b87fd396
commit 553453cf43
1 changed files with 18 additions and 0 deletions
@@ -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;