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

* 增加了表格样式
* 增加了代码样式
* 增加了友情链接页面
* 增加了关于页面**v1.06**
uniapp使用uQRCode插件开发分享二维码功能,在app端(安卓ios没有试)二维码不出现的问题,使用的是hbuildX3.4.15、插件市场导入的uQRCode是1.0.8
二维码会根据元素#qrcode自适应
详情请看qrcodeliaowei - npmhttps://www.npmjs.com/package/qrcodeliaowei