qrcode.js css样式安卓不生效

Question

微信公众号，有一个二维码，用的qrcode.js,ios是不加scoped才能生效，安卓是压根不生效，直接是没有样式最初始的展示方式

<style lang="less">
.beanShopOrderDetail{
    #qrcode{
        background: #f1f1f1;
        margin: 0 auto;
        img{
            border:20px solid #fff;
            margin:0 auto;
            margin-top:.7rem;
            margin-bottom:.2rem;
        }
    }
}
</style>

走过路过的问一下下，可以怎么解决呢，因为是微信内置浏览器，也不知道怎么联调了，只是想问一下安卓怎么可以解决呢

Answer 1

img上不附加样式，样式的东西写外层div上或qrcode.js设置

Answer 2

首先，肯定是不加 scoped 因为他对于你这种加入的节点无能为力。当然还有个东西叫 /deep/。

然后就是根据不同的内容，他有可能显示的也不同，比如说 canvas、img、table（我忘了，table是不是自带得了，反正见过一个变态插件支持ie6，用table实现的二维码）。

所以说你可以用他的api，直接输出一下内容，然后把内容放在变量里，这样你就可以走 vue 模版渲染了。scoped也可以使用了