vue 与qrcodejs2 生成的二维码 logo 居中

时间:2020-09-17 19:40:43 来源:

【摘要】 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 居中的内容,更多资讯请及时关注考必过网站,最新消息小编会第一时间发布,大家考试加油!

上一篇      下一篇
前端相关推荐 更多>>
vue从入门到精通系列:Vue.js 是什么 Vue基础教学:声明式渲染 Vue安装常见问题:提示没有安装python、build失败等 Vue常见问题:安装超时(install timeout) Vue常见问题解决:can't not find 'xxModule' Vue常见问题:data functions should return an object Vue常见问题:给组件内的原生控件添加事件为什么不生效 Vue常见问题解决:IE 浏览器不识别axios(IE9+)
前端热点专题 更多>>
热点问答
国家公务员考试年龄限制是多少 公务员国考和省考考试内容有什么区别 函授大专学历能不能考公务员 国家公务员考试考点能自己选择吗 新闻学专业能报考2022年公务员考试吗 什么是联合培养研究生 什么是破格录取研究生 什么人不适合读研 研究生报名户口所在地填什么 研究生结业和毕业有什么区别
网站首页 网站地图 返回顶部
考必过移动版 https://m.kaobiguo.net