From efde5582c7f1769dfa957c2dbcb2c4882201d775 Mon Sep 17 00:00:00 2001
From: morning-star <Chenguangstart@outlook.com>
Date: Thu, 27 Apr 2023 18:10:26 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E6=96=87=E6=A1=A3=E5=9B=BE?=
 =?UTF-8?q?=E6=A0=87=E7=82=B9=E5=87=BB=E5=A4=8D=E5=88=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

新增文档图标点击复制
---
 docs/icon/index.md | 39 ++++++++++++++++++++++++++++++++++++++-
 1 file changed, 38 insertions(+), 1 deletion(-)

diff --git a/docs/icon/index.md b/docs/icon/index.md
index 3e3a852e..338385ea 100644
--- a/docs/icon/index.md
+++ b/docs/icon/index.md
@@ -1171,4 +1171,41 @@ toc: true
 
 <h2 id="cors" lay-toc="">跨域处理</h2>
 
-由于浏览器存在同源策略，若 Layui 文件地址与你当前的页面地址*不在同一个域下*，即会出现图标跨域问题。因此，要么将 Layui 文件与网站放在同一服务器，要么对 Layui 文件所在的静态资源服务器的 `Response Headers` 添加：`Access-Control-Allow-Origin: *` 或对跨资源共享指定域名，即可解决图标跨域问题。
\ No newline at end of file
+由于浏览器存在同源策略，若 Layui 文件地址与你当前的页面地址*不在同一个域下*，即会出现图标跨域问题。因此，要么将 Layui 文件与网站放在同一服务器，要么对 Layui 文件所在的静态资源服务器的 `Response Headers` 添加：`Access-Control-Allow-Origin: *` 或对跨资源共享指定域名，即可解决图标跨域问题。
+
+<script>
+  layui.use(function(){
+    var $ = layui.jquery;
+    var layer = layui.layer;
+
+    $('.ws-docs-icon > div').on('click', function(){
+      var iconclass = $(this).find('.docs-icon-fontclass').text();
+      var copied = copy(iconclass);
+      if(copied){
+        layer.msg(iconclass, {
+          icon: 1,
+          offset: '5%',
+          anim: 'slideDown',
+          isOutAnim: false
+        });
+      }
+    });
+
+    function copy(text){
+      var textarea = document.createElement('textarea');
+      textarea.value = text;
+      textarea.style.position = 'absolute';
+      textarea.style.opacity = '0';
+      document.body.appendChild(textarea);
+      textarea.select();
+      var copied = false;
+      try{
+        copied = document.execCommand('copy');
+      }catch(err){
+        console.log('error', err);
+      }
+      textarea.remove();
+      return copied;
+    }
+  });
+</script>