dialog, $layout: 'VIEW_BOX'阻止滚动时，弹窗不显示

发现当页面使用 switch 去显示弹窗时， 弹窗不会显示。 但是如果用原生checkbox 发现是弹窗会正确显示，最后定位到是 switch.css 里面的一行代码, 初步推测出是 transform 对 fixed 的影响。希望可以得到帮助，谢谢。 [问题显示链接](https://weibo.com/3841290801/G736JA240?type=comment)
```
&:before {
transform: scale(0);
}
&:after {
transform: translateX(20px);
}
```

这里是我的代码
```

import { XDialog, XButton, Group, XSwitch, TransferDomDirective as TransferDom, ConfigPlugin } from 'vux'
import Vue from 'vue'

Vue.use(ConfigPlugin, {
$layout: 'VIEW_BOX'
})

export default {
name: 'app',
directives: {
TransferDom
},
data () {
return {
show: false
}
},
components: {
XDialog,
XButton,
Group,
XSwitch
}
}

.img-box {
height: 170px;
overflow: hidden;
}
.vux-close {
margin-top: 8px;
margin-bottom: 8px;
position: relative;
display: inline-block;
vertical-align: middle;
color: #999;
width: 24px;
height: 24px;
}

.vux-close:before,
.vux-close:after {
content: '';
position: absolute;
left: 0;
top: 11px;
width: 24px;
height: 1px;
background-color: currentColor;
transform: rotate(-45deg);
}
.vux-close:after {
transform: rotate(45deg);
}

```