perf: 优化预订页面 UI

packages/app/src/components/LessonSupplementList.vue

@@ -23,9 +23,10 @@ defineProps<{ records: readonly LessonSupplementRecord[]; editable?: boolean; bu
 const emit = defineEmits<{ revoke: [record: LessonSupplementRecord] }>()
 </script>
 <style lang="scss" scoped>
-.supplements { display: flex; flex-direction: column; gap: 20rpx; }
-.record { padding: 28rpx; border: 1rpx solid #e9e7df; border-radius: 26rpx; background: #fff; color: #514943; }
-.record--revoked { background: #f4f1ed; color: #8b817b; }
+.supplements { display: flex; flex-direction: column; }
+.record { padding: 24rpx 0; border-bottom: 1rpx solid #eee8e3; color: #514943; }
+.record:last-child { border-bottom: none; }
+.record--revoked { color: #8b817b; }
 .record-head { display: flex; align-items: center; justify-content: space-between; gap: 20rpx; }
 .record-title { display: flex; flex-direction: column; gap: 8rpx; font-size: 28rpx; }
 .record-sub { font-size: 20rpx; color: #8b817b; }