项目场景:
在u-modal中使用u-select,出现2次弹出层,导致样式错乱
问题描述
在u-modal中使用u-select出现弹出层样式错乱问题,在修改样式的时候发现无法生效
解决方案:使用深度作用选择器
通过修改uview组件样式(不改源码)
.content{//根节点
.ivu-form-item1{ //父级节点(必要)
.fSelect{//select选择器类名
::v-deep .u-drawer{//使用深度作用选择器
.u-drawer__scroll-view{
width: 65% !important;
margin: auto;
}
}
}
}