fix: 修改样式。
This commit is contained in:
10
src/App.vue
10
src/App.vue
@@ -32,14 +32,4 @@
|
||||
<style lang="scss">
|
||||
@import "uview-plus/index.scss";
|
||||
@import '@/static/scss/index.scss';
|
||||
|
||||
/* 修复 uView u-input 在 disabled/readonly/select 状态(渲染为 u-input--selectlike)时
|
||||
只能点右侧图标、无法整行点击的问题:
|
||||
框架仅把 u-input 内部元素设为 pointer-events:none,但根节点 .u-input 仍拦截点击,
|
||||
导致点击无法穿透到父级 u-form-item 触发其 @click 选择事件。
|
||||
这里让整个 selectlike 态 u-input 都不接收指针事件,使点击穿透到 u-form-item,
|
||||
从而实现整行点击均可弹出下拉/选择。全局生效,无需逐页面修改。 */
|
||||
.u-input--selectlike {
|
||||
pointer-events: none !important;
|
||||
}
|
||||
</style>
|
||||
@@ -88,3 +88,18 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 下拉选择输入框:整块输入区域响应父级点击,避免移动端只点箭头才触发
|
||||
.input-with-arrow {
|
||||
width: 100%;
|
||||
cursor: pointer;
|
||||
|
||||
.u--input,
|
||||
.u-input,
|
||||
.u-input__content,
|
||||
.u-input__content__field-wrapper,
|
||||
.u-input__content__field-wrapper__field,
|
||||
input {
|
||||
pointer-events: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user