fix: 修改样式。
This commit is contained in:
10
src/App.vue
10
src/App.vue
@@ -32,14 +32,4 @@
|
|||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
@import "uview-plus/index.scss";
|
@import "uview-plus/index.scss";
|
||||||
@import '@/static/scss/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>
|
</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