style(mini-program): 优化创造未来页面布局与原型一致

修改内容: - .npc-form: 从两列改为三列等分布局 (grid-template-columns: 1fr 1fr 1fr) - 姓名、角色、关系三个输入框在同一行，宽度一致 - textarea 跨越三列，宽度与上方三个输入框总宽度一致验收标准: - [x] NPC 表单：姓名 | 角色 | 关系三列等分布局 - [x] textarea 跨越三列 - [x] 核心参数容器间距 24rpx（已符合） - [x] 参数选项按钮间距 10rpx（已符合）解决 issues: 小程序"创造未来"页面关键配角区域两列布局导致关系选择器换行，与原型三列布局不一致
2026-04-07 21:50:47 +08:00
parent 02f4de9d7f
commit 67f8c75a45
1 changed files with 3 additions and 3 deletions
@@ -520,11 +520,11 @@ onMounted(async () => {

 .npc-form {
  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 16rpx;
+  grid-template-columns: 1fr 1fr 1fr;  /* 三列等分 */
+  gap: 16rpx;  /* 间距适中 */
 }

-/* textarea 跨越两列 */
+/* textarea 跨越三列 */
 .npc-textarea {
  grid-column: 1 / -1;
 }