theluyuan/layui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
layui/.svn/pristine/5f/5f50c524c916773aa61886a5b88118d469bc2fe9.svn-base
Theluyuan ff7aa8774f init
2022-12-09 16:41:41 +08:00

177 lines
41 KiB
Plaintext
Raw Blame History

import{Y as q,D as E,E as I,r as l,o as r,j as d,h as a,g as p,v as s,i as n,F as B,k as z,n as S,t as y,B as f,aG as L,aH as U}from"./.pnpm.8fb36023.js";import{i as v,l as _}from"./index.4ab9ecd9.js";const $={class:"markdown-body"},j=n("p",{class:"describe-plugin"},"\u8BED\u4E49\u5316\u7684\u77E2\u91CF\u56FE\u5F62\u3002",-1),A=n("p",null,[s("\u4F7F\u7528 "),n("code",null,"color"),s(" \u5C5E\u6027\u8BBE\u7F6E\u989C\u8272")],-1),D=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-icon")]),s(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("layui-icon-face-smile"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-icon")]),n("span",{class:"token punctuation"},">")]),s(),n("span",{class:"token entity named-entity",title:"\xA0"},"&nbsp;"),s(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-icon")]),s(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("layui-icon-face-smile"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},"color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("#009688"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-icon")]),n("span",{class:"token punctuation"},">")]),s(),n("span",{class:"token entity named-entity",title:"\xA0"},"&nbsp;"),s(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-icon")]),s(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("layui-icon-face-smile"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},"color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("#5FB878"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-icon")]),n("span",{class:"token punctuation"},">")]),s(),n("span",{class:"token entity named-entity",title:"\xA0"},"&nbsp;"),s(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-icon")]),s(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("layui-icon-face-smile"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},"color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("#1E9FFF"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-icon")]),n("span",{class:"token punctuation"},">")]),s(),n("span",{class:"token entity named-entity",title:"\xA0"},"&nbsp;"),s(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-icon")]),s(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("layui-icon-face-smile"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},"color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("#FFB800"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-icon")]),n("span",{class:"token punctuation"},">")]),s(),n("span",{class:"token entity named-entity",title:"\xA0"},"&nbsp;"),s(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-icon")]),s(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("layui-icon-face-smile"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},"color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("#FF5722"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("24px"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-icon")]),n("span",{class:"token punctuation"},">")]),s(),n("span",{class:"token entity named-entity",title:"\xA0"},"&nbsp;"),s(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[s(`
`),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" ref "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'vue'"),s(`
`),n("span",{class:"token keyword"},"export"),s(),n("span",{class:"token keyword"},"default"),s(),n("span",{class:"token punctuation"},"{"),s(`
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(`
`),n("span",{class:"token keyword"},"return"),s(),n("span",{class:"token punctuation"},"{"),s(`
`),n("span",{class:"token punctuation"},"}"),s(`
`),n("span",{class:"token punctuation"},"}"),s(`
`),n("span",{class:"token punctuation"},"}"),s(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("script")]),n("span",{class:"token punctuation"},">")]),s(`
`)])],-1),N=n("p",{class:"describe-plugin"},[s("\u4F7F\u7528\u56FE\u6807\u7EC4\u4EF6\uFF0C\u4F60\u9700\u8981\u5B89\u88C5 "),n("code",null,"@layui/icons-vue"),s(" \u56FE\u6807\u7EC4\u4EF6\u5305\u3002")],-1),T=n("div",{class:"language-"},[n("pre",null,[n("code",{"v-pre":""},`npm install @layui/icons-vue
`)])],-1),H=n("p",{class:"describe-plugin"},"\u7136\u540E\uFF0C\u4F60\u53EF\u4EE5\u50CF\u4E4B\u524D\u4F7F\u7528\u7EC4\u4EF6\u4E00\u6837\u53BB\u521B\u5EFA\u56FE\u6807\u3002",-1),M=n("div",{class:"language-vue"},[n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("AlignCenterIcon")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("AlignCenterIcon")]),n("span",{class:"token punctuation"},">")]),s(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("DiamondIcon")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("DiamondIcon")]),n("span",{class:"token punctuation"},">")]),s(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("script")]),s(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[s(`
`),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" AlignCenterIcon"),n("span",{class:"token punctuation"},","),s(" DiamondIcon "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'@layui/icons-vue'"),n("span",{class:"token punctuation"},";"),s(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("script")]),n("span",{class:"token punctuation"},">")]),s(`
`)])])],-1),P=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("ul")]),s(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("site-doc-icon"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("li")]),s(),n("span",{class:"token attr-name"},"v-for"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("(layIcon, index) of LayIconList"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("copy(layIcon.class)"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("i")]),s(),n("span",{class:"token attr-name"},":class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("[`layui-icon ${layIcon.class}`]"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("i")]),n("span",{class:"token punctuation"},">")]),s(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("div")]),s(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("doc-icon-name"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s("{{ layIcon.name }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("div")]),n("span",{class:"token punctuation"},">")]),s(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("div")]),s(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("doc-icon-code"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token entity named-entity",title:"&"},"&amp;"),s("#x{{ iconsUnicode[index] }};"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("div")]),n("span",{class:"token punctuation"},">")]),s(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("div")]),s(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("doc-icon-fontclass"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s("{{ layIcon.class }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("div")]),n("span",{class:"token punctuation"},">")]),s(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("li")]),n("span",{class:"token punctuation"},">")]),s(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("ul")]),n("span",{class:"token punctuation"},">")]),s(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("script")]),s(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[s(`
`),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" onMounted"),n("span",{class:"token punctuation"},","),s(" nextTick"),n("span",{class:"token punctuation"},","),s(" reactive "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'vue'"),s(`
`),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" useClipboard"),n("span",{class:"token punctuation"},","),s(" usePermission "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},'"@vueuse/core"'),n("span",{class:"token punctuation"},";"),s(`
`),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" layer "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'@layui/layer-vue'"),n("span",{class:"token punctuation"},";"),s(`
`),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" LayIconList "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'@layui/icons-vue'"),n("span",{class:"token punctuation"},";"),s(`
`),n("span",{class:"token keyword"},"const"),s(" iconsUnicode "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token function"},"reactive"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(`
`),n("span",{class:"token keyword"},"function"),s(),n("span",{class:"token function"},"copy"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"iconClass"),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(`
`),n("span",{class:"token keyword"},"const"),s(),n("span",{class:"token punctuation"},"{"),s(" isSupported"),n("span",{class:"token punctuation"},","),s(" copy"),n("span",{class:"token punctuation"},","),s(" copied "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token operator"},"="),s(),n("span",{class:"token function"},"useClipboard"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(`
`),n("span",{class:"token keyword"},"const"),s(" permissionWrite "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token function"},"usePermission"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'clipboard-write'"),n("span",{class:"token punctuation"},")"),s(`
`),n("span",{class:"token keyword"},"if"),s(),n("span",{class:"token punctuation"},"("),s("isSupported "),n("span",{class:"token operator"},"&&"),s(" permissionWrite"),n("span",{class:"token punctuation"},"."),s("value "),n("span",{class:"token operator"},"==="),s(),n("span",{class:"token string"},"'granted'"),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(`
`),n("span",{class:"token function"},"copy"),n("span",{class:"token punctuation"},"("),s("iconClass"),n("span",{class:"token punctuation"},")"),s(`
copied`),n("span",{class:"token punctuation"},"."),s("value "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token boolean"},"true"),s(`
`),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"else"),s(),n("span",{class:"token punctuation"},"{"),s(`
`),n("span",{class:"token keyword"},"let"),s(" inputEl "),n("span",{class:"token operator"},"="),s(" document"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"createElement"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'input'"),n("span",{class:"token punctuation"},")"),s(`
inputEl`),n("span",{class:"token punctuation"},"."),s("value "),n("span",{class:"token operator"},"="),s(` iconClass
document`),n("span",{class:"token punctuation"},"."),s("body"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"appendChild"),n("span",{class:"token punctuation"},"("),s("inputEl"),n("span",{class:"token punctuation"},")"),s(`
inputEl`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"select"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(`
document`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"execCommand"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Copy'"),n("span",{class:"token punctuation"},")"),s(`
inputEl`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"remove"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(`
copied`),n("span",{class:"token punctuation"},"."),s("value "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token boolean"},"true"),s(`
`),n("span",{class:"token punctuation"},"}"),s(`
`),n("span",{class:"token keyword"},"if"),s(),n("span",{class:"token punctuation"},"("),s("copied"),n("span",{class:"token punctuation"},"."),s("value"),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(`
layer`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"msg"),n("span",{class:"token punctuation"},"("),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},'\u590D\u5236\u6210\u529F &nbsp<span style="color:#5FB878;" >'),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),s(" iconClass "),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token string"},"</span>"),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),s(`
`),n("span",{class:"token punctuation"},"{"),s(`
`),n("span",{class:"token literal-property property"},"icon"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},","),s(`
`),n("span",{class:"token literal-property property"},"time"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token number"},"1500"),n("span",{class:"token punctuation"},","),s(`
`),n("span",{class:"token literal-property property"},"offset"),n("span",{class:"token operator"},":"),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'15%'"),n("span",{class:"token punctuation"},","),n("span",{class:"token string"},"'50%'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),s(`
`),n("span",{class:"token literal-property property"},"isHtmlFragment"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token boolean"},"true"),s(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
`),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token operator"},"=>"),s(),n("span",{class:"token punctuation"},"{"),s(),n("span",{class:"token punctuation"},"}"),s(`
`),n("span",{class:"token punctuation"},")"),s(`
`),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"else"),s(),n("span",{class:"token punctuation"},"{"),s(`
layer`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"msg"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'\u590D\u5236\u5931\u8D25'"),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token punctuation"},"{"),s(),n("span",{class:"token literal-property property"},"icon"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token number"},"2"),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"time"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token number"},"1500"),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token operator"},"=>"),s(),n("span",{class:"token punctuation"},"{"),s(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),s(`
`),n("span",{class:"token punctuation"},"}"),s(`
`),n("span",{class:"token punctuation"},"}"),s(`
`),n("span",{class:"token keyword"},"function"),s(),n("span",{class:"token function"},"getIconUnicode"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"iconClass"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"{"),s(`
`),n("span",{class:"token keyword"},"const"),s(" iconEl "),n("span",{class:"token operator"},"="),s(" document"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"querySelector"),n("span",{class:"token punctuation"},"("),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},".site-doc-icon > li > ."),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),s("iconClass"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(`
`),n("span",{class:"token keyword"},"const"),s(" iconBeforeContent "),n("span",{class:"token operator"},"="),s(" window"),n("span",{class:"token operator"},"?."),n("span",{class:"token function"},"getComputedStyle"),n("span",{class:"token punctuation"},"("),s("iconEl"),n("span",{class:"token punctuation"},")"),n("span",{class:"token operator"},"?."),s("content"),n("span",{class:"token punctuation"},";"),s(`
`),n("span",{class:"token keyword"},"return"),s(" iconBeforeContent"),n("span",{class:"token punctuation"},";"),s(`
`),n("span",{class:"token punctuation"},"}"),s(`
`),n("span",{class:"token function"},"onMounted"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token operator"},"=>"),s(),n("span",{class:"token punctuation"},"{"),s(`
`),n("span",{class:"token function"},"nextTick"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token operator"},"=>"),s(),n("span",{class:"token punctuation"},"{"),s(`
LayIconList`),n("span",{class:"token operator"},"?."),n("span",{class:"token function"},"forEach"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"icon"),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token operator"},"=>"),s(),n("span",{class:"token punctuation"},"{"),s(`
`),n("span",{class:"token comment"},"// unicode 10\u8FDB\u5236\u8F6C16\u8FDB\u5236"),s(`
`),n("span",{class:"token keyword"},"const"),s(" unicode "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token function"},"getIconUnicode"),n("span",{class:"token punctuation"},"("),s("icon"),n("span",{class:"token punctuation"},"."),s("class"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"charCodeAt"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"toString"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"16"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(`
iconsUnicode`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),s("unicode"),n("span",{class:"token punctuation"},")"),s(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),s(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),s(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("script")]),n("span",{class:"token punctuation"},">")]),s(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("style")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"},[n("span",{class:"token language-css"},[s(`
`),n("span",{class:"token selector"},".site-doc-icon"),s(),n("span",{class:"token punctuation"},"{"),s(`
`),n("span",{class:"token property"},"margin-bottom"),n("span",{class:"token punctuation"},":"),s(" 50px"),n("span",{class:"token punctuation"},";"),s(`
`),n("span",{class:"token property"},"font-size"),n("span",{class:"token punctuation"},":"),s(" 0"),n("span",{class:"token punctuation"},";"),s(`
`),n("span",{class:"token punctuation"},"}"),s(`
`),n("span",{class:"token selector"},`.site-doc-icon li .doc-icon-name,
.site-doc-icon li .doc-icon-code`),s(),n("span",{class:"token punctuation"},"{"),s(`
`),n("span",{class:"token property"},"color"),n("span",{class:"token punctuation"},":"),s(" #c2c2c2"),n("span",{class:"token punctuation"},";"),s(`
`),n("span",{class:"token punctuation"},"}"),s(`
`),n("span",{class:"token selector"},".site-doc-icon li .doc-icon-fontclass"),s(),n("span",{class:"token punctuation"},"{"),s(`
`),n("span",{class:"token property"},"height"),n("span",{class:"token punctuation"},":"),s(" 40px"),n("span",{class:"token punctuation"},";"),s(`
`),n("span",{class:"token property"},"line-height"),n("span",{class:"token punctuation"},":"),s(" 20px"),n("span",{class:"token punctuation"},";"),s(`
`),n("span",{class:"token property"},"padding"),n("span",{class:"token punctuation"},":"),s(" 0 5px"),n("span",{class:"token punctuation"},";"),s(`
`),n("span",{class:"token property"},"font-size"),n("span",{class:"token punctuation"},":"),s(" 13px"),n("span",{class:"token punctuation"},";"),s(`
`),n("span",{class:"token property"},"color"),n("span",{class:"token punctuation"},":"),s(" #333"),n("span",{class:"token punctuation"},";"),s(`
`),n("span",{class:"token punctuation"},"}"),s(`
`),n("span",{class:"token selector"},".site-doc-icon li"),s(),n("span",{class:"token punctuation"},"{"),s(`
`),n("span",{class:"token property"},"display"),n("span",{class:"token punctuation"},":"),s(" inline-block"),n("span",{class:"token punctuation"},";"),s(`
`),n("span",{class:"token property"},"vertical-align"),n("span",{class:"token punctuation"},":"),s(" middle"),n("span",{class:"token punctuation"},";"),s(`
`),n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),s(" 16.5%"),n("span",{class:"token punctuation"},";"),s(`
`),n("span",{class:"token property"},"height"),n("span",{class:"token punctuation"},":"),s(" 105px"),n("span",{class:"token punctuation"},";"),s(`
`),n("span",{class:"token property"},"line-height"),n("span",{class:"token punctuation"},":"),s(" 25px"),n("span",{class:"token punctuation"},";"),s(`
`),n("span",{class:"token property"},"padding"),n("span",{class:"token punctuation"},":"),s(" 20px 0"),n("span",{class:"token punctuation"},";"),s(`
`),n("span",{class:"token property"},"margin-right"),n("span",{class:"token punctuation"},":"),s(" -1px"),n("span",{class:"token punctuation"},";"),s(`
`),n("span",{class:"token property"},"margin-bottom"),n("span",{class:"token punctuation"},":"),s(" -1px"),n("span",{class:"token punctuation"},";"),s(`
`),n("span",{class:"token property"},"border"),n("span",{class:"token punctuation"},":"),s(" 1px solid #e2e2e2"),n("span",{class:"token punctuation"},";"),s(`
`),n("span",{class:"token property"},"font-size"),n("span",{class:"token punctuation"},":"),s(" 14px"),n("span",{class:"token punctuation"},";"),s(`
`),n("span",{class:"token property"},"text-align"),n("span",{class:"token punctuation"},":"),s(" center"),n("span",{class:"token punctuation"},";"),s(`
`),n("span",{class:"token property"},"color"),n("span",{class:"token punctuation"},":"),s(" #666"),n("span",{class:"token punctuation"},";"),s(`
`),n("span",{class:"token property"},"transition"),n("span",{class:"token punctuation"},":"),s(" all 0.3s"),n("span",{class:"token punctuation"},";"),s(`
`),n("span",{class:"token property"},"-webkit-transition"),n("span",{class:"token punctuation"},":"),s(" all 0.3s"),n("span",{class:"token punctuation"},";"),s(`
`),n("span",{class:"token punctuation"},"}"),s(`
`),n("span",{class:"token selector"},".site-doc-icon li:hover"),n("span",{class:"token punctuation"},"{"),s(`
`),n("span",{class:"token property"},"background-color"),n("span",{class:"token punctuation"},":"),s(" #F6F6F6"),n("span",{class:"token punctuation"},";"),s(`
`),n("span",{class:"token punctuation"},"}"),s(`
`),n("span",{class:"token selector"},".site-doc-icon li:hover"),n("span",{class:"token punctuation"},"{"),s(`
`),n("span",{class:"token property"},"background-color"),n("span",{class:"token punctuation"},":"),s("red"),n("span",{class:"token punctuation"},";"),s(`
`),n("span",{class:"token punctuation"},"}"),s(`
`),n("span",{class:"token selector"},".site-doc-icon li .layui-icon"),s(),n("span",{class:"token punctuation"},"{"),s(`
`),n("span",{class:"token property"},"display"),n("span",{class:"token punctuation"},":"),s(" inline-block"),n("span",{class:"token punctuation"},";"),s(`
`),n("span",{class:"token property"},"font-size"),n("span",{class:"token punctuation"},":"),s(" 32px"),n("span",{class:"token punctuation"},";"),s(`
`),n("span",{class:"token punctuation"},"}"),s(`
`),n("span",{class:"token selector"},".anim .site-doc-icon"),s(),n("span",{class:"token punctuation"},"{"),s(`
`),n("span",{class:"token property"},"margin-bottom"),n("span",{class:"token punctuation"},":"),s(" 50px"),n("span",{class:"token punctuation"},";"),s(`
`),n("span",{class:"token property"},"font-size"),n("span",{class:"token punctuation"},":"),s(" 0"),n("span",{class:"token punctuation"},";"),s(`
`),n("span",{class:"token punctuation"},"}"),s(`
`),n("span",{class:"token selector"},".anim .site-doc-icon li"),s(),n("span",{class:"token punctuation"},"{"),s(`
`),n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),s(" 50%"),n("span",{class:"token punctuation"},";"),s(`
`),n("span",{class:"token punctuation"},"}"),s(`
`),n("span",{class:"token selector"},".anim .site-doc-icon li"),s(),n("span",{class:"token punctuation"},"{"),s(`
`),n("span",{class:"token property"},"display"),n("span",{class:"token punctuation"},":"),s(" inline-block"),n("span",{class:"token punctuation"},";"),s(`
`),n("span",{class:"token property"},"vertical-align"),n("span",{class:"token punctuation"},":"),s(" middle"),n("span",{class:"token punctuation"},";"),s(`
`),n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),s(" 16.5%"),n("span",{class:"token punctuation"},";"),s(`
`),n("span",{class:"token property"},"height"),n("span",{class:"token punctuation"},":"),s(" 105px"),n("span",{class:"token punctuation"},";"),s(`
`),n("span",{class:"token property"},"line-height"),n("span",{class:"token punctuation"},":"),s(" 25px"),n("span",{class:"token punctuation"},";"),s(`
`),n("span",{class:"token property"},"padding"),n("span",{class:"token punctuation"},":"),s(" 20px 0"),n("span",{class:"token punctuation"},";"),s(`
`),n("span",{class:"token property"},"margin-right"),n("span",{class:"token punctuation"},":"),s(" -1px"),n("span",{class:"token punctuation"},";"),s(`
`),n("span",{class:"token property"},"margin-bottom"),n("span",{class:"token punctuation"},":"),s(" -1px"),n("span",{class:"token punctuation"},";"),s(`
`),n("span",{class:"token property"},"border"),n("span",{class:"token punctuation"},":"),s(" 1px solid #e2e2e2"),n("span",{class:"token punctuation"},";"),s(`
`),n("span",{class:"token property"},"font-size"),n("span",{class:"token punctuation"},":"),s(" 14px"),n("span",{class:"token punctuation"},";"),s(`
`),n("span",{class:"token property"},"text-align"),n("span",{class:"token punctuation"},":"),s(" center"),n("span",{class:"token punctuation"},";"),s(`
`),n("span",{class:"token property"},"color"),n("span",{class:"token punctuation"},":"),s(" #666"),n("span",{class:"token punctuation"},";"),s(`
`),n("span",{class:"token property"},"transition"),n("span",{class:"token punctuation"},":"),s(" all 0.3s"),n("span",{class:"token punctuation"},";"),s(`
`),n("span",{class:"token property"},"-webkit-transition"),n("span",{class:"token punctuation"},":"),s(" all 0.3s"),n("span",{class:"token punctuation"},";"),s(`
`),n("span",{class:"token punctuation"},"}"),s(`
`),n("span",{class:"token selector"},".anim .site-doc-icon li .layui-anim"),s(),n("span",{class:"token punctuation"},"{"),s(`
`),n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),s(" 125px"),n("span",{class:"token punctuation"},";"),s(`
`),n("span",{class:"token property"},"height"),n("span",{class:"token punctuation"},":"),s(" 125px"),n("span",{class:"token punctuation"},";"),s(`
`),n("span",{class:"token property"},"line-height"),n("span",{class:"token punctuation"},":"),s(" 125px"),n("span",{class:"token punctuation"},";"),s(`
`),n("span",{class:"token property"},"margin"),n("span",{class:"token punctuation"},":"),s(" 0 auto 10px"),n("span",{class:"token punctuation"},";"),s(`
`),n("span",{class:"token property"},"text-align"),n("span",{class:"token punctuation"},":"),s(" center"),n("span",{class:"token punctuation"},";"),s(`
`),n("span",{class:"token property"},"background-color"),n("span",{class:"token punctuation"},":"),s(),n("span",{class:"token function"},"var"),n("span",{class:"token punctuation"},"("),s("--global-primary-color"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(`
`),n("span",{class:"token property"},"cursor"),n("span",{class:"token punctuation"},":"),s(" pointer"),n("span",{class:"token punctuation"},";"),s(`
`),n("span",{class:"token property"},"color"),n("span",{class:"token punctuation"},":"),s(" #fff"),n("span",{class:"token punctuation"},";"),s(`
`),n("span",{class:"token property"},"border-radius"),n("span",{class:"token punctuation"},":"),s(" 50%"),n("span",{class:"token punctuation"},";"),s(`
`),n("span",{class:"token punctuation"},"}"),s(`
`),n("span",{class:"token selector"},".anim .site-doc-icon li .code"),s(),n("span",{class:"token punctuation"},"{"),s(`
`),n("span",{class:"token property"},"white-space"),n("span",{class:"token punctuation"},":"),s(" nowrap"),n("span",{class:"token punctuation"},";"),s(`
`),n("span",{class:"token punctuation"},"}"),s(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("style")]),n("span",{class:"token punctuation"},">")]),s(`
`)])],-1),V={class:"site-doc-icon"},W=["onClick"],G={class:"doc-icon-name"},Y={class:"doc-icon-code"},J={class:"doc-icon-fontclass"},K=n("table",null,[n("thead",null,[n("tr",null,[n("th",null,"\u5C5E\u6027"),n("th",null,"\u63CF\u8FF0"),n("th",null,"\u9ED8\u8BA4\u503C")])]),n("tbody",null,[n("tr",null,[n("td",null,"type"),n("td",null,"\u56FE\u6807"),n("td",null,[n("code",null,"layui-icon-home")])]),n("tr",null,[n("td",null,"prefix"),n("td",null,"\u524D\u7F00"),n("td",null,[n("code",null,"layui-icon")])]),n("tr",null,[n("td",null,"color"),n("td",null,"\u989C\u8272"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"size"),n("td",null,"\u5C3A\u5BF8"),n("td",null,"\u2013")])])],-1),O={style:{display:"flex","justify-content":"space-between","margin-top":"20px"}},nn={},sn={__name:"icon",setup(Q,{expose:h}){let g=q([]);function x(c){const{isSupported:u,copy:i,copied:t}=L();let o=U("clipboard-write");if(u&&o.value==="granted")i(c),t.value=!0;else{let e=document.createElement("input");e.value=c,document.body.appendChild(e),e.select(),document.execCommand("Copy"),e.remove(),t.value=!0}t.value?_.msg(`\u590D\u5236\u6210\u529F &nbsp<span style="color:#5FB878;" >${c}</span>`,{icon:1,time:1500,offset:["15%","50%"],isHtmlFragment:!0},()=>{}):_.msg("\u590D\u5236\u5931\u8D25",{icon:2,time:1500},()=>{})}function b(c){var t;let u=document.querySelector(`.site-doc-icon > li > .${c}`);return(t=window==null?void 0:window.getComputedStyle(u))==null?void 0:t.content}return E(()=>{I(()=>{var c;(c=v)==null||c.forEach(u=>{let i=b(u.class).charCodeAt(1).toString(16);g.push(i)})})}),h({frontmatter:{}}),(c,u)=>{const i=l("lay-anchor"),t=l("lay-field"),o=l("lay-icon"),e=l("lay-code"),w=l("lay-table-box"),C=l("lay-contributor"),m=l("router-link");return r(),d("div",$,[a(i,{anchors:"\u57FA\u672C\u4ECB\u7ECD,\u57FA\u7840\u4F7F\u7528,\u7EC4\u4EF6\u56FE\u6807,\u56FE\u6807\u5217\u8868,\u56FE\u6807\u5C5E\u6027",currIndex:-1,show:!0}),a(t,{id:"\u57FA\u672C\u4ECB\u7ECD",title:"\u57FA\u672C\u4ECB\u7ECD",style:{"margin-top":"21px","margin-bottom":"20px"}}),j,a(t,{id:"\u57FA\u7840\u4F7F\u7528",title:"\u57FA\u7840\u4F7F\u7528",style:{"margin-top":"21px","margin-bottom":"20px"}}),a(e,null,{description:p(()=>[A]),code:p(()=>[D]),default:p(()=>[a(o,{type:"layui-icon-face-smile"}),s(" \xA0 "),a(o,{type:"layui-icon-face-smile",color:"#009688"}),s(" \xA0 "),a(o,{type:"layui-icon-face-smile",color:"#5FB878"}),s(" \xA0 "),a(o,{type:"layui-icon-face-smile",color:"#1E9FFF"}),s(" \xA0 "),a(o,{type:"layui-icon-face-smile",color:"#FFB800"}),s(" \xA0 "),a(o,{type:"layui-icon-face-smile",color:"#FF5722",size:"24px"}),s(" \xA0 ")]),_:1}),a(t,{id:"\u7EC4\u4EF6\u56FE\u6807",title:"\u7EC4\u4EF6\u56FE\u6807",style:{"margin-top":"21px","margin-bottom":"20px"}}),N,T,H,M,a(t,{id:"\u56FE\u6807\u5217\u8868",title:"\u56FE\u6807\u5217\u8868",style:{"margin-top":"21px","margin-bottom":"20px"}}),a(e,null,{code:p(()=>[P]),default:p(()=>[n("ul",V,[(r(!0),d(B,null,z(f(v),(k,F)=>(r(),d("li",{onClick:R=>x(k.class)},[n("i",{class:S([`layui-icon ${k.class}`])},null,2),n("div",G,y(k.name),1),n("div",Y,"&#x"+y(f(g)[F])+";",1),n("div",J,y(k.class),1)],8,W))),256))])]),_:1}),a(t,{id:"\u56FE\u6807\u5C5E\u6027",title:"\u56FE\u6807\u5C5E\u6027",style:{"margin-top":"21px","margin-bottom":"20px"}}),a(w,null,{default:p(()=>[K]),_:1}),a(C,{"file-path":"icon"}),n("div",O,[n("div",null,[a(m,{to:"/zh-CN/components/color",class:"lay-link",style:{display:""}},{default:p(()=>[a(o,{type:"layui-icon-left"}),s("\u989C\u8272")]),_:1})]),n("div",null,[a(m,{to:"/zh-CN/components/color",class:"lay-link",style:{display:""}},{default:p(()=>[s("\u989C\u8272 "),a(o,{type:"layui-icon-right"})]),_:1})])])])}}};export{sn as default,nn as frontmatter};
Reference in New Issue View Git Blame Copy Permalink