【摘要】 vue 与qrcodejs2 生成的二维码 logo 居中考必过小编为大家整理了关于vue 与qrcodejs2 生成的二维码 logo 居中的信息,希望可以帮助到大家!
vue 与qrcodejs2 生成的二维码 logo 居中
标签:高度内容stylestrong生成nimremromthis
代码:
<pclass="qrcode">
<imgsrc="图片地址"v-if="iconIMGurl===‘0‘?false:true"class="logoimg"/>
<pref="qrcode"id="qrcode">
</p>
</p>
style:
.qrcode{
display:inpne-block;
position:relative;margin-top:.2rem;
}
.logoimg{
position:absolute;
left:50%;
top:50%;
width:60px;
height:60px;
margin-top:-30px;
margin-left:-30px;
}
js:
importQRcodefrom‘qrcodejs2‘ //引入
qrcode(){
this.qrcode=newQRcode(‘qrcode‘,{
width:200,//设置宽度,单位像素
height:200,//设置高度,单位像素
text:this.QRtext,//设置二维码内容或跳转地址
colorDark:this.erweiCodeColor//二维码的颜色
})
}
vue 与qrcodejs2 生成的二维码 logo 居中
标签:高度内容stylestrong生成nimremromthis
以上就是vue 与qrcodejs2 生成的二维码 logo 居中的内容,更多资讯请及时关注考必过网站,最新消息小编会第一时间发布,大家考试加油!