问答

qrcode.js css样式安卓不生效

作者:admin 2021-04-20 我要评论

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

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

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

<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>

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

###

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

###

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

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

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

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • nginx响应速度很慢

    nginx响应速度很慢

  • 点击选中的多选框,会在已选那一栏显示

    点击选中的多选框,会在已选那一栏显示

  • PHP 多态的理解

    PHP 多态的理解

  • 关于C语言中static的问题

    关于C语言中static的问题

腾讯云代理商
海外云服务器