Vux: XDialog窗体最大宽度不能满足要求

Created on 19 Apr 2017  ·  4Comments  ·  Source: airyland/vux

XDialog现在窗体的宽度依赖于 .weui-dialog的设定
.weui-dialog { position: fixed; z-index: 5000; width: 80%; max-width: 300px;

能不能把X-Dialog的width和max-width改成可以用户自定义的，要不然限制太大了

componenx-dialog feature proposal
Source
picture mymmoonoa

Most helpful comment

.vue文件里可以写两个style标签的

<style>
/*覆盖用样式*/
</style>

<style scoped>
/*组件内样式*/
</style>
picture F-loat on 20 Apr 2017
👍3

All 4 comments

我看Demo中的XDialog.vue中style部分有
.dialog-demo { .weui-dialog{ border-radius: 8px; padding-bottom: 8px; }...
但没起作用，如果能直接覆盖样式的话，组件就可以非常灵活了。

mymmoonoa picture mymmoonoa on 20 Apr 2017

可以覆盖的，我用CSS代码添加到App.vue的style标签里即可解决
.weui-dialog{
width: 95%;
max-width: 100%;
}

xiangxisheng picture xiangxisheng on 20 Apr 2017

真可以覆盖，但是style 不能用scoped限制。。

mymmoonoa picture mymmoonoa on 20 Apr 2017
👍1

.vue文件里可以写两个style标签的

<style>
/*覆盖用样式*/
</style>

<style scoped>
/*组件内样式*/
</style>
F-loat picture F-loat on 20 Apr 2017
👍3
Was this page helpful?
0 / 5 - 0 ratings

Related issues

wangchaolonglls picture wangchaolonglls  ·  4Comments
RenShine picture RenShine  ·  4Comments
FlyArtist picture FlyArtist  ·  3Comments
varHarrie picture varHarrie  ·  4Comments
ty850454 picture ty850454  ·  3Comments