添加链接
link之家
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接
1、了解qrcanvas-vue插件,https://gera2ld.github.io/qrcanvas-vue/#logo。只支持像素大小的二维码
2、qrcode支持移动端自定义大小二维码
"qrcode": "^1.2.2",
import QRCode from 'qrcode';
<canvas class="qrcode"></canvas>
_this.urlData为请求过来的url地址
var canvas = document.querySelector('canvas')
QRCode.toCanvas(canvas, this.urlData)
生成二维码之后在canvas标签里有style样式(单位为px),!important的层级比style要高,实现自定义大小
.qrcode {
            width: 90% !important;
            height: 90% !important;

三、效果:

正常浏览(截取部分):

缩小浏览器(截取部分):大小跟随着屏幕变大变小                                                                                       

响应式高端经典中小型企业通用织梦cms模板(自适应手机端) 模板介绍: 织梦最新内核开发的模板,该模板属于企业通用、设计、平面设计、网页设计类企业使用,一款适用性很强的模板,基本可以适合各行业的企业网站! 响应式自适应各种移动设备,同一个后台,数据即时同步,简单适用! 原创设计、手工书写DIV+CSS, 完美兼容IE7+、Firefox、Chrome、360浏览器等;主流浏览器; 页面简洁简单,容易管理,DEDE内核都可以使用;附带测试数据!手机预览请扫描二维码: 模板特点: 高端经典中小型企业织梦cms模板是一套设计风格简洁大气通用的小中型公司企业网站模板。页面设计和内容布局完全符合一个企业站的需求。此套模板并不像主题模板库制作的其它模板那样追求创意的设计,炫目的特效,而是更符合国内用户的审美习惯。设计的页面相对比较多,重要的是产品展示页面是经过精心设计开发的。带有产品图片幻灯片展示功能,效果很棒。 关于模板的具体效果大家可参考演示站。 使用程序: 模板页面: index.htm 首页模板 head.htm footer.htm  WordPress轻拟物主题niRvana,设计上不再趋从于现有的扁平风,我认为是时候从极致的扁平稍微向拟物致敬了,因此采用了轻拟物的风格。niRvana 设计和样式更加新颖,一眼看上去就会被他吸引住,主题配色也非常舒服。而且它有两个功能特别有意思,一个是自动根据文章特色图片识别出图片的主色调,在首页、文章分类页用最美的方式显示滚动图片,另一个则是文章支持语音朗读。主题细腻有质感,手机端体验非常好。 主题基本特性 HTML5、CSS3 使用标准语言编写,支持IE10以上浏览器 响应式 在桌面、平板、手机端均以最佳状态显示 回复下载 可强制要求用户评论文章后才提供下载地址 内容回复可见 指定某些内容需要读者评论后才可查看,让读者与你互动(可设置为要求用户注册登录并评论后才显示某些内容) 侧边栏小工具 边栏数量可自定义、完全使用WP官方的小工具模型,开发了更多适合本主题的小工具 语音朗读 使用百度语音合成技术来为您阅读文章 评论表情 本主题自带评论表情功能,无需插件在后台即可设置 瀑布流 文章列表可选择卡片或列表排序,其中卡片又可设置为普通或瀑布流形式 不刷新加载 全局提供ajax加载文章 打赏 允许通过多种途径打赏,如:支付宝二维码、微信二维码、Paypal链接 点赞 每篇文章均提供点赞功能,可展示访客最喜欢的文章列表(后台可以修改点赞数据) 生成封面二维码 每篇文章均可生成二维码用于分享到微信等社交平台 色彩模式 支持切换主题暗黑系色调 * 修复默认小工具CSS显示问题 * 添加 手机端底部友情链接**v1.20_local_shenyun** * 以下版本为神韵博客(https://51shenyun.cn) 基础于Alatelee(http://agatelee.cn)的修改* 添加评论算数验证码 * 添加侧边栏缓存 使其静态 减少数据库查询 /更新周期1小时 可在sidebar.php修改 * 优化SEO修改在首页时logo为h1标签 文章时标题为h1标签 logo为h2标签 * 优化SEO为head添加canonical标签 利于收录 * 移除预获取DNS 加快加载速度 * 移除更多无用head头 更加简洁**v1.11_local** 修改了显示bug, * 自定义表情支持 * 修改了all.js * 手机上点击评论表情dropdown无法弹出 * ipadmini2纵向放置出现了mobile-menu无法触发 * 桌面浏览器缩小窗口出现了mobile-menu无法出发 * 关于页面IOS移动设备可以触发hover事件 * 显示微信二维码 * 使用https方式获取gavatar头像,避免被墙 **v1.10_local** 更正了logo分辨率、将代码中的tab替换为4个空格**v1.09_local** 自定义表情支持,评论表情选择**v1.08_local** Alatelee(http://agatelee.cn)修改版* 关于页面功能增加 * 404页面功能增加 * 增加了分类页面 * 本地化 * 替换了首页logo * 替换了默认图片 * 备案号 * 对于置顶的文章显示全文 * 重新设计了404页面 ![](public/images/404.png) * 增加了表格样式 * 增加了代码样式 * 增加了友情链接页面 * 增加了关于页面**v1.06** uniapp使用uQRCode插件开发分享二维码功能,在app端(安卓ios没有试)二维码不出现的问题,使用的是hbuildX3.4.15、插件市场导入的uQRCode是1.0.8 二维码会根据元素#qrcode自适应 详情请看qrcodeliaowei - npmhttps://www.npmjs.com/package/qrcodeliaowei