示例:复制按钮
代码提供:CL 按钮效果预览
代码如下
<div class='d-flex align-items-center font16 border rounded p-2 text-info bg-light' style='width:240px;position:absolute;right:30px; top:55px;'>
<div class='ml-3'>
<!--复制按钮开始-->
<div class="btn-group mb-2 mt-2">
<button id="btnCopyToClipboard" class="btn btn-success" sharedAction="AAAAAAAAAAA" data-toggle="tooltip" data-placement="bottom" title="将动作网址复制到剪贴板。然后请在面板窗口的空白按钮上右键粘贴分享的动作。">
<i class="fas fa-copy mr-1"></i>
复制到剪贴板
</button>
<a href="quicker:previewaction:AAAAAAAAAAA" title="预览动作定义。" class="btn btn-info" style="opacity: 0.8" data-toggle="tooltip" data-placement="bottom">
<i class="fal fa-search-plus mr-1"></i></a>
</div>
<!--复制按钮结束-->
</br>
<strong class='d-inline-block' style='width:35px'></strong><a href="https://getquicker.net/kc/manual/doc/install-action" target="_blank"><font color=#3DA3B7>如何安装动作?</font></a>
</div>
</div>
默认位置:
<div class='d-flex align-items-center font16 border rounded p-2 text-info bg-light' style='width:250px' class=''>
居右显示:
<div class='d-flex align-items-center font16 border rounded p-2 text-info bg-light' style='width:240px;position:absolute;right:30px; top:55px;'>
新增一个自定义的复制按钮
可自定义复制成功后的弹出文字;
<button id="btnCopyToClipboard" class="btn btn-link" data-copy="复制内容" data-toggle="tooltip" data-placement="bottom" title="Tooltip内容" data-copy-msg="提示内容">
<img src='图片网址' width=200 class='my_img no-lity'></button>
<a data-copy="https://getquicker.net/kc" data-toggle="tooltip" data-placement="bottom" title="获取口令" data-copy-msg="口令已复制到剪贴板"><i class="fal fa-copy"></i> 点击复制入群口令</a>
<button id="btnCopyToClipboard" type="button" class="btn btn-info btn-sm" data-copy="复制到剪贴板的内容" data-toggle="tooltip" data-placement="bottom" title="Tooltip内容" data-copy-msg="复制后出现的提示内容"><i class="fas fa-copy"></i> 点击复制入群口令</button>