验收完成40%

components/PageHeader.vue

@@ -8,7 +8,9 @@
       <view v-if="root" class="header-icon-button" @click="$emit('brand')">
         <image class="header-logo" src="/static/assets/foundation/transparent/brand-seal.png" mode="aspectFit" />
       </view>
-      <view v-else class="header-back" @click="goBack">{{ backLabel }}</view>
+      <view v-else class="header-back" hover-class="header-back--pressed" @click="goBack">
+        <image class="header-back__icon" src="/static/assets/foundation/transparent/chevron-right.png" mode="aspectFit" />
+      </view>
     </view>
 
     <text class="header-title">{{ title }}</text>
@@ -27,7 +29,6 @@
 const props = defineProps({
   title: { type: String, required: true },
   action: { type: String, default: '' },
-  backLabel: { type: String, default: '返回' },
   root: { type: Boolean, default: false },
   unreadCount: { type: Number, default: 0 }
 })
@@ -114,13 +115,14 @@ const goBack = () => uni.navigateBack()
   background: #fff9ed;
 }
 
-.header-back,
 .header-action {
   width: 100%;
   font-size: 27rpx;
 }
 
-.header-back { text-align: left; }
+.header-back { display: flex; width: 88rpx; height: 88rpx; align-items: center; justify-content: flex-start; }
+.header-back__icon { width: 42rpx; height: 42rpx; filter: brightness(0) invert(1); transform: scaleX(-1); }
+.header-back--pressed { opacity: .62; }
 .header-action { color: #ffe3a7; text-align: right; }
 
 .header-title {