diff --git a/docs/变更管理/code-adjust-record-2025-07-01-wuzilong.md b/docs/变更管理/code-adjust-record-2025-07-01-wuzilong.md new file mode 100644 index 00000000..b94aef81 --- /dev/null +++ b/docs/变更管理/code-adjust-record-2025-07-01-wuzilong.md @@ -0,0 +1,26 @@ +# 代码调整记录 2025-07-01 + +## 报告厅预约界面样式优化 + +### 调整内容 +- 优化了报告厅预约界面中暂无图片占位符的样式 +- 使暂无图片占位符宽度与预约用途输入框保持一致(450px) +- 增加了响应式布局支持,在小屏幕上自动适应容器宽度 + +### 具体修改 +- 文件: `web/src/views/hq/hallReservation/index.vue` +- 修改了 `no-images-placeholder` 样式类: + - 将固定宽度改为响应式宽度 `width: 100%` + - 添加最大宽度限制 `max-width: 450px` + - 保持与预约用途输入框视觉统一 + +### 优化效果 +- 提升了界面视觉统一性 +- 改善了响应式布局表现 +- 优化了用户体验 + +### 相关文件 +- [x] web/src/views/hq/hallReservation/index.vue + +提交人: wuzilong +完成时间: 2025-07-01 10:30:00 \ No newline at end of file diff --git a/web/src/views/hq/hallReservation/index.vue b/web/src/views/hq/hallReservation/index.vue index 8c14ea30..14164106 100644 --- a/web/src/views/hq/hallReservation/index.vue +++ b/web/src/views/hq/hallReservation/index.vue @@ -4,9 +4,9 @@
- + @@ -1063,7 +1063,8 @@ onMounted(() => { flex-direction: column; align-items: center; justify-content: center; - width: 450px; /* 与预约用途保持一致 */ + width: 100%; + max-width: 450px; /* 与预约用途保持一致 */ height: 120px; background-color: #f5f7fa; border: 2px dashed #dcdfe6;