子比主题 在文章框架右上角 hover 显示当页二维码「手机浏览」

AI文摘 此内容由AI根据文章内容自动生成

AI Summary

标签：

hover显示二维码生成右上角功能响应式二维码子比主题快速分享手机浏览扫码阅读文章二维码文章框架美化用户交互移动端优化页面分享

实现细节：

• 仅在文章详情页（is_single()）生效
• 图标定位在 article.article 容器的右上角（position:absolute;top:0;right:0）
• hover时弹出面板从右上角展开，覆盖图标位置（top:-1px;right:-1px）
• 使用子比主题自带的 jQuery qrcode 插件生成二维码
• 面板样式：白色背景、描边、无阴影

在线演示

使用代码