- [object InputEvent]:text/textarea/phone 三个控件在 view-ui-plus Input 上 监听 @input——该组件 emits 表里没有 input(源码取证:on-*/update:modelValue), 监听器穿透到根元素收原生 InputEvent,事件对象被当作字段值写入答卷, 提交即被后端值类型校验拒(「字段「单行文本」必须是字符串」)。 值通道改 @update:model-value;其余六类控件走 @on-change 取值本就正确未动。 - 窄卡:base.layout.css 把 .yh-fill 定为纵向 flex 卡片模型,flex 子项水平 margin:auto 放弃 stretch 收缩到内容宽(~300px)。Fill 卡片改 width:100% + max-width:800px + align-self:center,底色/边框/外距交还平台卡片规则; 同叶删掉 min-height:100vh(壳内双滚动来源),嵌入态 fill-plain 不受影响。 - 验证:view-ui-plus 源码 emits 表逐控件核对;vue-tsc + vite build 双绿。
This commit is contained in:
+6
-9
@@ -399,17 +399,14 @@ const readonlyReason = computed(() => {
|
||||
padding: 16px;
|
||||
}
|
||||
|
||||
.page-wrapper.yh-fill {
|
||||
min-height: 100vh;
|
||||
background: #f5f7f9;
|
||||
}
|
||||
|
||||
/* 壳内渲染吃平台的卡片模型(base.layout.css:.yh-fill=纵向 flex、.main-container=卡片
|
||||
自带底色/边框/16px 外距),这里只做定宽居中。P88 窄卡根因:flex 子项水平 margin:auto
|
||||
会放弃 stretch、收缩到内容宽(~300px),所以用 width:100% + align-self:center 定宽,
|
||||
外距与底色留给平台,嵌入态(fill-plain)不受影响。 */
|
||||
.main-container {
|
||||
width: 100%;
|
||||
max-width: 800px;
|
||||
margin: 0 auto;
|
||||
padding: 24px;
|
||||
background: white;
|
||||
border-radius: 4px;
|
||||
align-self: center;
|
||||
}
|
||||
|
||||
.loading-state,
|
||||
|
||||
Reference in New Issue
Block a user