滚动条时，随着代码走！

cvz6 commented 3 years ago

配置如下：

   //插件：提供代码拷贝功能  https://github.com/znicholasbrown/vuepress-plugin-code-copy
        ['vuepress-plugin-code-copy',
            {
                // selector: 'div[class*="language-"] pre',
                // align: 'bottom', //对其 top bottom
                color: '#fc2222',//颜色
                backgroundTransition: true,//背景转换 当用户按下复制按钮时，启用附加代码块的背景过渡动画
                backgroundColor: '#f63d3d',//背景颜色
                successText: '已复制到剪切板！',//复制成功时 提示信息
                staticIcon: true//false时 “复制图标” 鼠标悬停可见，true时始终可见
            }
        ]

webman158 commented 3 years ago

修改 selector 配置项即可

[ "vuepress-plugin-code-copy", { selector: 'div[class*="language-"]', }, ],

atAurora commented 1 year ago

修改选择器配置项即可

[ "vuepress-plugin-code-copy", { 选择器: 'div[class*="language-"]', }, ],

修改后图标无法点击

CokingChen commented 1 year ago

解决方法：

[
  "vuepress-plugin-code-copy",
  {
    selector: 'div[class*="language-"]',
  },
]

设置style,解决点击不了的问题：

.code-copy {
  svg {
    z-index: 1;
  }
  span {
    top: 12.5px !important;
    color: #ccc;
  }
}

图标的z-index不要超过header

znicholasbrown / vuepress-plugin-code-copy

滚动条时，随着代码走！ #14