perf: 优化预订页面 UI
This commit is contained in:
@@ -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; }
|
||||
|
||||
Reference in New Issue
Block a user