Browse Source

优化 icon 文档中的复制提示,并确保代码正常运行(位于 `layui.js` 之前)

pull/1241/head
贤心 2 years ago
parent
commit
e6d232093e
  1. 10
      docs/icon/index.md

10
docs/icon/index.md

@ -1173,6 +1173,12 @@ toc: true
由于浏览器存在同源策略,若 Layui 文件地址与你当前的页面地址*不在同一个域下*,即会出现图标跨域问题。因此,要么将 Layui 文件与网站放在同一服务器,要么对 Layui 文件所在的静态资源服务器的 `Response Headers` 添加:`Access-Control-Allow-Origin: *` 或对跨资源共享指定域名,即可解决图标跨域问题。 由于浏览器存在同源策略,若 Layui 文件地址与你当前的页面地址*不在同一个域下*,即会出现图标跨域问题。因此,要么将 Layui 文件与网站放在同一服务器,要么对 Layui 文件所在的静态资源服务器的 `Response Headers` 添加:`Access-Control-Allow-Origin: *` 或对跨资源共享指定域名,即可解决图标跨域问题。
<style>
#ID-icon-copy{display: none;}
</style>
<pre class="layui-code" lay-options="{preview: true, layout: ['preview'], id: 'ID-icon-copy'}">
<textarea>
<script> <script>
layui.use(function(){ layui.use(function(){
var $ = layui.jquery; var $ = layui.jquery;
@ -1182,7 +1188,7 @@ toc: true
var iconclass = $(this).find('.docs-icon-fontclass').text(); var iconclass = $(this).find('.docs-icon-fontclass').text();
var copied = copy(iconclass); var copied = copy(iconclass);
if(copied){ if(copied){
layer.msg(iconclass, { layer.msg('已复制 '+ iconclass, {
icon: 1, icon: 1,
offset: '5%', offset: '5%',
anim: 'slideDown', anim: 'slideDown',
@ -1209,3 +1215,5 @@ toc: true
} }
}); });
</script> </script>
</textarea>
</pre>

Loading…
Cancel
Save