80 lines
38 KiB
Plaintext
80 lines
38 KiB
Plaintext
import{r as e,o as _,j as h,h as c,g as i,i as a,B as l,v as n}from"./.pnpm.8fb36023.js";const q={class:"markdown-body"},f=a("p",{class:"describe-plugin"},"\u5728\u5B9E\u7528\u4EF7\u503C\u7684\u524D\u63D0\u4E4B\u4E0B\uFF0C\u6211\u4EEC\u5E76\u6CA1\u6709\u5185\u7F6E\u8FC7\u591A\u82B1\u4FCF\u7684\u52A8\u753B\u3002",-1),b=a("pre",null,[a("code",{"v-pre":""},[a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"<"),n("template")]),a("span",{class:"token punctuation"},">")]),n(`
|
|
`),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"<"),n("div")]),n(),a("span",{class:"token attr-name"},"class"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),n("anim"),a("span",{class:"token punctuation"},'"')]),a("span",{class:"token punctuation"},">")]),n(`
|
|
`),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"<"),n("ul")]),n(),a("span",{class:"token attr-name"},"class"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),n("layui-border-box site-doc-icon site-doc-anim"),a("span",{class:"token punctuation"},'"')]),a("span",{class:"token punctuation"},">")]),n(`
|
|
`),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"<"),n("li")]),n(),a("span",{class:"token special-attr"},[a("span",{class:"token attr-name"},"style"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),a("span",{class:"token value css language-css"},[a("span",{class:"token property"},"height"),a("span",{class:"token punctuation"},":"),n("auto")]),a("span",{class:"token punctuation"},'"')])]),a("span",{class:"token punctuation"},">")]),n(`
|
|
`),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"<"),n("div")]),n(),a("span",{class:"token attr-name"},"class"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),n("layui-anim layui-anim-down"),a("span",{class:"token punctuation"},'"')]),n(),a("span",{class:"token attr-name"},"@click"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),n("replay"),a("span",{class:"token punctuation"},'"')]),a("span",{class:"token punctuation"},">")]),n("\u9876\u90E8\u5F80\u4E0B\u6ED1\u5165"),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"</"),n("div")]),a("span",{class:"token punctuation"},">")]),n(`
|
|
`),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"<"),n("div")]),n(),a("span",{class:"token attr-name"},"class"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),n("code"),a("span",{class:"token punctuation"},'"')]),a("span",{class:"token punctuation"},">")]),n("layui-anim-down"),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"</"),n("div")]),a("span",{class:"token punctuation"},">")]),n(`
|
|
`),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"</"),n("li")]),a("span",{class:"token punctuation"},">")]),n(`
|
|
`),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"<"),n("li")]),n(),a("span",{class:"token special-attr"},[a("span",{class:"token attr-name"},"style"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),a("span",{class:"token value css language-css"},[a("span",{class:"token property"},"height"),a("span",{class:"token punctuation"},":"),n("auto")]),a("span",{class:"token punctuation"},'"')])]),a("span",{class:"token punctuation"},">")]),n(`
|
|
`),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"<"),n("div")]),n(),a("span",{class:"token attr-name"},"class"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),n("layui-anim layui-anim-downbit"),a("span",{class:"token punctuation"},'"')]),n(),a("span",{class:"token attr-name"},"@click"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),n("replay"),a("span",{class:"token punctuation"},'"')]),a("span",{class:"token punctuation"},">")]),n("\u5FAE\u5FAE\u5F80\u4E0B\u6ED1\u5165"),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"</"),n("div")]),a("span",{class:"token punctuation"},">")]),n(`
|
|
`),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"<"),n("div")]),n(),a("span",{class:"token attr-name"},"class"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),n("code"),a("span",{class:"token punctuation"},'"')]),a("span",{class:"token punctuation"},">")]),n("layui-anim-downbit"),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"</"),n("div")]),a("span",{class:"token punctuation"},">")]),n(`
|
|
`),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"</"),n("li")]),a("span",{class:"token punctuation"},">")]),n(`
|
|
`),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"<"),n("li")]),n(),a("span",{class:"token special-attr"},[a("span",{class:"token attr-name"},"style"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),a("span",{class:"token value css language-css"},[a("span",{class:"token property"},"height"),a("span",{class:"token punctuation"},":"),n("auto")]),a("span",{class:"token punctuation"},'"')])]),a("span",{class:"token punctuation"},">")]),n(`
|
|
`),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"<"),n("div")]),n(),a("span",{class:"token attr-name"},"class"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),n("layui-anim layui-anim-up"),a("span",{class:"token punctuation"},'"')]),n(),a("span",{class:"token attr-name"},"@click"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),n("replay"),a("span",{class:"token punctuation"},'"')]),a("span",{class:"token punctuation"},">")]),n("\u5E95\u90E8\u5F80\u4E0A\u6ED1\u5165"),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"</"),n("div")]),a("span",{class:"token punctuation"},">")]),n(`
|
|
`),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"<"),n("div")]),n(),a("span",{class:"token attr-name"},"class"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),n("code"),a("span",{class:"token punctuation"},'"')]),a("span",{class:"token punctuation"},">")]),n("layui-anim-up"),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"</"),n("div")]),a("span",{class:"token punctuation"},">")]),n(`
|
|
`),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"</"),n("li")]),a("span",{class:"token punctuation"},">")]),n(`
|
|
`),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"<"),n("li")]),n(),a("span",{class:"token special-attr"},[a("span",{class:"token attr-name"},"style"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),a("span",{class:"token value css language-css"},[a("span",{class:"token property"},"height"),a("span",{class:"token punctuation"},":"),n("auto")]),a("span",{class:"token punctuation"},'"')])]),a("span",{class:"token punctuation"},">")]),n(`
|
|
`),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"<"),n("div")]),n(),a("span",{class:"token attr-name"},"class"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),n("layui-anim layui-anim-upbit"),a("span",{class:"token punctuation"},'"')]),n(),a("span",{class:"token attr-name"},"@click"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),n("replay"),a("span",{class:"token punctuation"},'"')]),a("span",{class:"token punctuation"},">")]),n("\u5FAE\u5FAE\u5F80\u4E0A\u6ED1\u5165"),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"</"),n("div")]),a("span",{class:"token punctuation"},">")]),n(`
|
|
`),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"<"),n("div")]),n(),a("span",{class:"token attr-name"},"class"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),n("code"),a("span",{class:"token punctuation"},'"')]),a("span",{class:"token punctuation"},">")]),n("layui-anim-upbit"),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"</"),n("div")]),a("span",{class:"token punctuation"},">")]),n(`
|
|
`),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"</"),n("li")]),a("span",{class:"token punctuation"},">")]),n(`
|
|
`),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"<"),n("li")]),n(),a("span",{class:"token special-attr"},[a("span",{class:"token attr-name"},"style"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),a("span",{class:"token value css language-css"},[a("span",{class:"token property"},"height"),a("span",{class:"token punctuation"},":"),n("auto")]),a("span",{class:"token punctuation"},'"')])]),a("span",{class:"token punctuation"},">")]),n(`
|
|
`),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"<"),n("div")]),n(),a("span",{class:"token attr-name"},"class"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),n("layui-anim layui-anim-scale"),a("span",{class:"token punctuation"},'"')]),n(),a("span",{class:"token attr-name"},"@click"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),n("replay"),a("span",{class:"token punctuation"},'"')]),a("span",{class:"token punctuation"},">")]),n("\u5E73\u6ED1\u653E\u5927"),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"</"),n("div")]),a("span",{class:"token punctuation"},">")]),n(`
|
|
`),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"<"),n("div")]),n(),a("span",{class:"token attr-name"},"class"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),n("code"),a("span",{class:"token punctuation"},'"')]),a("span",{class:"token punctuation"},">")]),n("layui-anim-scale"),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"</"),n("div")]),a("span",{class:"token punctuation"},">")]),n(`
|
|
`),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"</"),n("li")]),a("span",{class:"token punctuation"},">")]),n(`
|
|
`),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"<"),n("li")]),n(),a("span",{class:"token special-attr"},[a("span",{class:"token attr-name"},"style"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),a("span",{class:"token value css language-css"},[a("span",{class:"token property"},"height"),a("span",{class:"token punctuation"},":"),n("auto")]),a("span",{class:"token punctuation"},'"')])]),a("span",{class:"token punctuation"},">")]),n(`
|
|
`),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"<"),n("div")]),n(),a("span",{class:"token attr-name"},"class"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),n("layui-anim layui-anim-scaleSpring"),a("span",{class:"token punctuation"},'"')]),n(),a("span",{class:"token attr-name"},"@click"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),n("replay"),a("span",{class:"token punctuation"},'"')]),a("span",{class:"token punctuation"},">")]),n("\u5F39\u7C27\u5F0F\u653E\u5927"),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"</"),n("div")]),a("span",{class:"token punctuation"},">")]),n(`
|
|
`),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"<"),n("div")]),n(),a("span",{class:"token attr-name"},"class"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),n("code"),a("span",{class:"token punctuation"},'"')]),a("span",{class:"token punctuation"},">")]),n("layui-anim-scaleSpring"),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"</"),n("div")]),a("span",{class:"token punctuation"},">")]),n(`
|
|
`),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"</"),n("li")]),a("span",{class:"token punctuation"},">")]),n(`
|
|
`),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"<"),n("li")]),n(),a("span",{class:"token special-attr"},[a("span",{class:"token attr-name"},"style"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),a("span",{class:"token value css language-css"},[a("span",{class:"token property"},"height"),a("span",{class:"token punctuation"},":"),n("auto")]),a("span",{class:"token punctuation"},'"')])]),a("span",{class:"token punctuation"},">")]),n(`
|
|
`),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"<"),n("div")]),n(),a("span",{class:"token attr-name"},"class"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),n("layui-anim layui-anim-scalesmall"),a("span",{class:"token punctuation"},'"')]),n(),a("span",{class:"token attr-name"},"@click"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),n("replay"),a("span",{class:"token punctuation"},'"')]),a("span",{class:"token punctuation"},">")]),n("\u5E73\u6ED1\u653E\u5C0F"),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"</"),n("div")]),a("span",{class:"token punctuation"},">")]),n(`
|
|
`),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"<"),n("div")]),n(),a("span",{class:"token attr-name"},"class"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),n("code"),a("span",{class:"token punctuation"},'"')]),a("span",{class:"token punctuation"},">")]),n("layui-anim-scalesmall"),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"</"),n("div")]),a("span",{class:"token punctuation"},">")]),n(`
|
|
`),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"</"),n("li")]),a("span",{class:"token punctuation"},">")]),n(`
|
|
`),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"<"),n("li")]),n(),a("span",{class:"token special-attr"},[a("span",{class:"token attr-name"},"style"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),a("span",{class:"token value css language-css"},[a("span",{class:"token property"},"height"),a("span",{class:"token punctuation"},":"),n("auto")]),a("span",{class:"token punctuation"},'"')])]),a("span",{class:"token punctuation"},">")]),n(`
|
|
`),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"<"),n("div")]),n(),a("span",{class:"token attr-name"},"class"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),n("layui-anim layui-anim-scalesmall-spring"),a("span",{class:"token punctuation"},'"')]),n(),a("span",{class:"token attr-name"},"@click"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),n("replay"),a("span",{class:"token punctuation"},'"')]),a("span",{class:"token punctuation"},">")]),n("\u5F39\u7C27\u5F0F\u653E\u5C0F"),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"</"),n("div")]),a("span",{class:"token punctuation"},">")]),n(`
|
|
`),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"<"),n("div")]),n(),a("span",{class:"token attr-name"},"class"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),n("code"),a("span",{class:"token punctuation"},'"')]),a("span",{class:"token punctuation"},">")]),n("layui-anim-scalesmall-spring"),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"</"),n("div")]),a("span",{class:"token punctuation"},">")]),n(`
|
|
`),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"</"),n("li")]),a("span",{class:"token punctuation"},">")]),n(`
|
|
`),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"<"),n("li")]),n(),a("span",{class:"token special-attr"},[a("span",{class:"token attr-name"},"style"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),a("span",{class:"token value css language-css"},[a("span",{class:"token property"},"height"),a("span",{class:"token punctuation"},":"),n("auto")]),a("span",{class:"token punctuation"},'"')])]),a("span",{class:"token punctuation"},">")]),n(`
|
|
`),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"<"),n("div")]),n(),a("span",{class:"token attr-name"},"class"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),n("layui-anim layui-anim-fadein"),a("span",{class:"token punctuation"},'"')]),n(),a("span",{class:"token attr-name"},"@click"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),n("replay"),a("span",{class:"token punctuation"},'"')]),a("span",{class:"token punctuation"},">")]),n("\u6E10\u73B0"),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"</"),n("div")]),a("span",{class:"token punctuation"},">")]),n(`
|
|
`),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"<"),n("div")]),n(),a("span",{class:"token attr-name"},"class"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),n("code"),a("span",{class:"token punctuation"},'"')]),a("span",{class:"token punctuation"},">")]),n("layui-anim-fadein"),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"</"),n("div")]),a("span",{class:"token punctuation"},">")]),n(`
|
|
`),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"</"),n("li")]),a("span",{class:"token punctuation"},">")]),n(`
|
|
`),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"<"),n("li")]),n(),a("span",{class:"token special-attr"},[a("span",{class:"token attr-name"},"style"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),a("span",{class:"token value css language-css"},[a("span",{class:"token property"},"height"),a("span",{class:"token punctuation"},":"),n("auto")]),a("span",{class:"token punctuation"},'"')])]),a("span",{class:"token punctuation"},">")]),n(`
|
|
`),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"<"),n("div")]),n(),a("span",{class:"token attr-name"},"class"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),n("layui-anim"),a("span",{class:"token punctuation"},'"')]),n(),a("span",{class:"token attr-name"},"@click"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),n("replay($event,"),a("span",{class:"token punctuation"},"'"),n("layui-anim-fadeout"),a("span",{class:"token punctuation"},"'"),n(")"),a("span",{class:"token punctuation"},'"')]),a("span",{class:"token punctuation"},">")]),n("\u6E10\u9690"),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"</"),n("div")]),a("span",{class:"token punctuation"},">")]),n(`
|
|
`),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"<"),n("div")]),n(),a("span",{class:"token attr-name"},"class"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),n("code"),a("span",{class:"token punctuation"},'"')]),a("span",{class:"token punctuation"},">")]),n("layui-anim-fadeout"),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"</"),n("div")]),a("span",{class:"token punctuation"},">")]),n(`
|
|
`),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"</"),n("li")]),a("span",{class:"token punctuation"},">")]),n(`
|
|
`),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"<"),n("li")]),n(),a("span",{class:"token special-attr"},[a("span",{class:"token attr-name"},"style"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),a("span",{class:"token value css language-css"},[a("span",{class:"token property"},"height"),a("span",{class:"token punctuation"},":"),n("auto")]),a("span",{class:"token punctuation"},'"')])]),a("span",{class:"token punctuation"},">")]),n(`
|
|
`),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"<"),n("div")]),n(),a("span",{class:"token attr-name"},"class"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),n("layui-anim layui-anim-rotate"),a("span",{class:"token punctuation"},'"')]),n(),a("span",{class:"token attr-name"},"@click"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),n("replay"),a("span",{class:"token punctuation"},'"')]),a("span",{class:"token punctuation"},">")]),n("360\u5EA6\u65CB\u8F6C"),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"</"),n("div")]),a("span",{class:"token punctuation"},">")]),n(`
|
|
`),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"<"),n("div")]),n(),a("span",{class:"token attr-name"},"class"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),n("code"),a("span",{class:"token punctuation"},'"')]),a("span",{class:"token punctuation"},">")]),n("layui-anim-rotate"),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"</"),n("div")]),a("span",{class:"token punctuation"},">")]),n(`
|
|
`),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"</"),n("li")]),a("span",{class:"token punctuation"},">")]),n(`
|
|
`),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"<"),n("li")]),n(),a("span",{class:"token special-attr"},[a("span",{class:"token attr-name"},"style"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),a("span",{class:"token value css language-css"},[a("span",{class:"token property"},"height"),a("span",{class:"token punctuation"},":"),n("auto")]),a("span",{class:"token punctuation"},'"')])]),a("span",{class:"token punctuation"},">")]),n(`
|
|
`),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"<"),n("div")]),n(),a("span",{class:"token attr-name"},"class"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),n("layui-anim layui-anim-rotate layui-anim-loop"),a("span",{class:"token punctuation"},'"')]),n(),a("span",{class:"token attr-name"},"@click"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),n("replay"),a("span",{class:"token punctuation"},'"')]),a("span",{class:"token punctuation"},">")]),n("\u5FAA\u73AF\u52A8\u753B"),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"</"),n("div")]),a("span",{class:"token punctuation"},">")]),n(`
|
|
`),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"<"),n("div")]),n(),a("span",{class:"token attr-name"},"class"),a("span",{class:"token attr-value"},[a("span",{class:"token punctuation attr-equals"},"="),a("span",{class:"token punctuation"},'"'),n("code"),a("span",{class:"token punctuation"},'"')]),a("span",{class:"token punctuation"},">")]),n("\u8FFD\u52A0\uFF1Alayui-anim-loop"),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"</"),n("div")]),a("span",{class:"token punctuation"},">")]),n(`
|
|
`),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"</"),n("li")]),a("span",{class:"token punctuation"},">")]),n(`
|
|
`),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"</"),n("ul")]),a("span",{class:"token punctuation"},">")]),n(`
|
|
`),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"</"),n("div")]),a("span",{class:"token punctuation"},">")]),n(`
|
|
`),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"</"),n("template")]),a("span",{class:"token punctuation"},">")]),n(`
|
|
|
|
`),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"<"),n("script")]),a("span",{class:"token punctuation"},">")]),a("span",{class:"token script"},[a("span",{class:"token language-javascript"},[n(`
|
|
`),a("span",{class:"token keyword"},"import"),n(),a("span",{class:"token punctuation"},"{"),n(" ref "),a("span",{class:"token punctuation"},"}"),n(),a("span",{class:"token keyword"},"from"),n(),a("span",{class:"token string"},"'vue'"),n(`
|
|
|
|
`),a("span",{class:"token keyword"},"export"),n(),a("span",{class:"token keyword"},"default"),n(),a("span",{class:"token punctuation"},"{"),n(`
|
|
`),a("span",{class:"token function"},"setup"),a("span",{class:"token punctuation"},"("),a("span",{class:"token punctuation"},")"),n(),a("span",{class:"token punctuation"},"{"),n(`
|
|
`),a("span",{class:"token keyword"},"const"),n(),a("span",{class:"token function-variable function"},"replay"),n(),a("span",{class:"token operator"},"="),n(),a("span",{class:"token punctuation"},"("),a("span",{class:"token parameter"},[n("e"),a("span",{class:"token punctuation"},","),n(" animClass")]),a("span",{class:"token punctuation"},")"),n(),a("span",{class:"token operator"},"=>"),n(),a("span",{class:"token punctuation"},"{"),n(`
|
|
`),a("span",{class:"token keyword"},"const"),n(" el "),a("span",{class:"token operator"},"="),n(" e"),a("span",{class:"token punctuation"},"."),n("currentTarget"),a("span",{class:"token punctuation"},";"),n(`
|
|
`),a("span",{class:"token keyword"},"const"),n(" targetClass "),a("span",{class:"token operator"},"="),n(" el"),a("span",{class:"token punctuation"},"."),n("classList"),a("span",{class:"token punctuation"},"["),a("span",{class:"token number"},"1"),a("span",{class:"token punctuation"},"]"),a("span",{class:"token punctuation"},";"),n(`
|
|
`),a("span",{class:"token keyword"},"if"),a("span",{class:"token punctuation"},"("),a("span",{class:"token operator"},"!"),n("targetClass"),a("span",{class:"token punctuation"},")"),a("span",{class:"token punctuation"},"{"),n(`
|
|
el`),a("span",{class:"token punctuation"},"."),n("classList"),a("span",{class:"token punctuation"},"."),a("span",{class:"token function"},"add"),a("span",{class:"token punctuation"},"("),n("animClass"),a("span",{class:"token punctuation"},")"),a("span",{class:"token punctuation"},";"),n(`
|
|
`),a("span",{class:"token punctuation"},"}"),a("span",{class:"token keyword"},"else"),a("span",{class:"token punctuation"},"{"),n(`
|
|
el`),a("span",{class:"token punctuation"},"."),n("classList"),a("span",{class:"token punctuation"},"."),a("span",{class:"token function"},"remove"),a("span",{class:"token punctuation"},"("),n("targetClass"),a("span",{class:"token punctuation"},")"),a("span",{class:"token punctuation"},";"),n(`
|
|
`),a("span",{class:"token function"},"setTimeout"),a("span",{class:"token punctuation"},"("),a("span",{class:"token punctuation"},"("),a("span",{class:"token punctuation"},")"),n(),a("span",{class:"token operator"},"=>"),n(),a("span",{class:"token punctuation"},"{"),n(`
|
|
el`),a("span",{class:"token punctuation"},"."),n("classList"),a("span",{class:"token punctuation"},"."),a("span",{class:"token function"},"add"),a("span",{class:"token punctuation"},"("),n("targetClass"),a("span",{class:"token punctuation"},")"),a("span",{class:"token punctuation"},";"),n(`
|
|
`),a("span",{class:"token punctuation"},"}"),a("span",{class:"token punctuation"},","),a("span",{class:"token number"},"100"),a("span",{class:"token punctuation"},")"),n(`
|
|
`),a("span",{class:"token punctuation"},"}"),n(`
|
|
`),a("span",{class:"token punctuation"},"}"),n(`
|
|
`),a("span",{class:"token keyword"},"return"),n(),a("span",{class:"token punctuation"},"{"),n(`
|
|
replay
|
|
`),a("span",{class:"token punctuation"},"}"),n(`
|
|
`),a("span",{class:"token punctuation"},"}"),n(`
|
|
`),a("span",{class:"token punctuation"},"}"),n(`
|
|
`)])]),a("span",{class:"token tag"},[a("span",{class:"token tag"},[a("span",{class:"token punctuation"},"</"),n("script")]),a("span",{class:"token punctuation"},">")]),n(`
|
|
`)])],-1),w={class:"anim"},C={class:"layui-border-box site-doc-icon site-doc-anim"},x={style:{height:"auto"}},L=a("div",{class:"code"},"layui-anim-down",-1),S={style:{height:"auto"}},N=a("div",{class:"code"},"layui-anim-downbit",-1),T={style:{height:"auto"}},B=a("div",{class:"code"},"layui-anim-up",-1),j={style:{height:"auto"}},V=a("div",{class:"code"},"layui-anim-upbit",-1),z={style:{height:"auto"}},E=a("div",{class:"code"},"layui-anim-scale",-1),I={style:{height:"auto"}},$=a("div",{class:"code"},"layui-anim-scaleSpring",-1),A={style:{height:"auto"}},D=a("div",{class:"code"},"layui-anim-scalesmall",-1),F={style:{height:"auto"}},G=a("div",{class:"code"},"layui-anim-scalesmall-spring",-1),H={style:{height:"auto"}},J=a("div",{class:"code"},"layui-anim-fadein",-1),K={style:{height:"auto"}},M=a("div",{class:"code"},"layui-anim-fadeout",-1),O={style:{height:"auto"}},P=a("div",{class:"code"},"layui-anim-rotate",-1),Q={style:{height:"auto"}},R=a("div",{class:"code"},"\u8FFD\u52A0\uFF1Alayui-anim-loop",-1),U=a("table",null,[a("thead",null,[a("tr",null,[a("th",null,"\u7C7B\u540D"),a("th",null,"\u63CF\u8FF0"),a("th",null,"\u4F7F\u7528")])]),a("tbody",null,[a("tr",null,[a("td",null,"layui-anim-down"),a("td",null,"\u9876\u90E8\u5F80\u4E0B\u6ED1\u5165"),a("td",null,[a("code",null,"layui-anim layui-anim-down")])]),a("tr",null,[a("td",null,"layui-anim-downbit"),a("td",null,"\u5FAE\u5FAE\u5F80\u4E0B\u6ED1\u5165"),a("td",null,[a("code",null,"layui-anim layui-anim-downbit")])]),a("tr",null,[a("td",null,"layui-anim-up"),a("td",null,"\u5E95\u90E8\u5F80\u4E0A\u6ED1\u5165"),a("td",null,[a("code",null,"layui-anim layui-anim-up")])]),a("tr",null,[a("td",null,"layui-anim-upbit"),a("td",null,"\u5FAE\u5FAE\u5F80\u4E0A\u6ED1\u5165"),a("td",null,[a("code",null,"layui-anim ayui-anim-upbit")])]),a("tr",null,[a("td",null,"layui-anim-scale"),a("td",null,"\u5E73\u6ED1\u653E\u5927"),a("td",null,[a("code",null,"layui-anim layui-anim-scale")])]),a("tr",null,[a("td",null,"layui-anim-scaleSpring"),a("td",null,"\u5F39\u7C27\u5F0F\u653E\u5927"),a("td",null,[a("code",null,"layui-anim layui-anim-scaleSpring")])]),a("tr",null,[a("td",null,"layui-anim-scalesmall"),a("td",null,"\u5E73\u6ED1\u653E\u5C0F"),a("td",null,[a("code",null,"layui-anim layui-anim-scalesmall")])]),a("tr",null,[a("td",null,"layui-anim-scalesmall-spring"),a("td",null,"\u5F39\u7C27\u5F0F\u653E\u5C0F"),a("td",null,[a("code",null,"layui-anim layui-anim-scalesmall-spring")])]),a("tr",null,[a("td",null,"layui-anim-fadein"),a("td",null,"\u6E10\u73B0"),a("td",null,[a("code",null,"layui-anim layui-anim-fadein")])]),a("tr",null,[a("td",null,"layui-anim-fadeout"),a("td",null,"\u6E10\u9690"),a("td",null,[a("code",null,"layui-anim layui-anim-fadeout")])]),a("tr",null,[a("td",null,"layui-anim-rotate"),a("td",null,"360 \u5EA6\u65CB\u8F6C"),a("td",null,[a("code",null,"layui-anim layui-anim-rotate")])]),a("tr",null,[a("td",null,"layui-anim-rotate layui-anim-loop"),a("td",null,"\u5FAA\u73AF\u52A8\u753B"),a("td",null,[a("code",null,"layui-anim layui-anim-rotate layui-anim-loop")])])])],-1),W={style:{display:"flex","justify-content":"space-between","margin-top":"20px"}},Z={},aa={__name:"animation",setup(X,{expose:g}){let t=(k,s)=>{let u=k.currentTarget,p=u.classList[1];p?(u.classList.remove(p),setTimeout(()=>{u.classList.add(p)},100)):u.classList.add(s)};return g({frontmatter:{}}),(k,s)=>{const u=e("lay-anchor"),p=e("lay-field"),m=e("lay-code"),y=e("lay-table-box"),v=e("lay-contributor"),r=e("lay-icon"),d=e("router-link");return _(),h("div",q,[c(u,{anchors:"\u57FA\u672C\u4ECB\u7ECD,\u57FA\u7840\u4F7F\u7528,\u52A8\u753B\u7C7B\u540D",currIndex:-1,show:!0}),c(p,{id:"\u57FA\u672C\u4ECB\u7ECD",title:"\u57FA\u672C\u4ECB\u7ECD",style:{"margin-top":"21px","margin-bottom":"20px"}}),f,c(p,{id:"\u57FA\u7840\u4F7F\u7528",title:"\u57FA\u7840\u4F7F\u7528",style:{"margin-top":"21px","margin-bottom":"20px"}}),c(m,null,{code:i(()=>[b]),default:i(()=>[a("div",w,[a("ul",C,[a("li",x,[a("div",{class:"layui-anim layui-anim-down",onClick:s[0]||(s[0]=(...o)=>l(t)&&l(t)(...o))},"\u9876\u90E8\u5F80\u4E0B\u6ED1\u5165"),L]),a("li",S,[a("div",{class:"layui-anim layui-anim-downbit",onClick:s[1]||(s[1]=(...o)=>l(t)&&l(t)(...o))},"\u5FAE\u5FAE\u5F80\u4E0B\u6ED1\u5165"),N]),a("li",T,[a("div",{class:"layui-anim layui-anim-up",onClick:s[2]||(s[2]=(...o)=>l(t)&&l(t)(...o))},"\u5E95\u90E8\u5F80\u4E0A\u6ED1\u5165"),B]),a("li",j,[a("div",{class:"layui-anim layui-anim-upbit",onClick:s[3]||(s[3]=(...o)=>l(t)&&l(t)(...o))},"\u5FAE\u5FAE\u5F80\u4E0A\u6ED1\u5165"),V]),a("li",z,[a("div",{class:"layui-anim layui-anim-scale",onClick:s[4]||(s[4]=(...o)=>l(t)&&l(t)(...o))},"\u5E73\u6ED1\u653E\u5927"),E]),a("li",I,[a("div",{class:"layui-anim layui-anim-scaleSpring",onClick:s[5]||(s[5]=(...o)=>l(t)&&l(t)(...o))},"\u5F39\u7C27\u5F0F\u653E\u5927"),$]),a("li",A,[a("div",{class:"layui-anim layui-anim-scalesmall",onClick:s[6]||(s[6]=(...o)=>l(t)&&l(t)(...o))},"\u5E73\u6ED1\u653E\u5C0F"),D]),a("li",F,[a("div",{class:"layui-anim layui-anim-scalesmall-spring",onClick:s[7]||(s[7]=(...o)=>l(t)&&l(t)(...o))},"\u5F39\u7C27\u5F0F\u653E\u5C0F"),G]),a("li",H,[a("div",{class:"layui-anim layui-anim-fadein",onClick:s[8]||(s[8]=(...o)=>l(t)&&l(t)(...o))},"\u6E10\u73B0"),J]),a("li",K,[a("div",{class:"layui-anim",onClick:s[9]||(s[9]=o=>l(t)(o,"layui-anim-fadeout"))},"\u6E10\u9690"),M]),a("li",O,[a("div",{class:"layui-anim layui-anim-rotate",onClick:s[10]||(s[10]=(...o)=>l(t)&&l(t)(...o))},"360\u5EA6\u65CB\u8F6C"),P]),a("li",Q,[a("div",{class:"layui-anim layui-anim-rotate layui-anim-loop",onClick:s[11]||(s[11]=(...o)=>l(t)&&l(t)(...o))},"\u5FAA\u73AF\u52A8\u753B"),R])])])]),_:1}),c(p,{id:"\u52A8\u753B\u7C7B\u540D",title:"\u52A8\u753B\u7C7B\u540D",style:{"margin-top":"21px","margin-bottom":"20px"}}),c(y,null,{default:i(()=>[U]),_:1}),c(v,{"file-path":"animation"}),a("div",W,[a("div",null,[c(d,{to:"/zh-CN/components/icon",class:"lay-link",style:{display:""}},{default:i(()=>[c(r,{type:"layui-icon-left"}),n("\u56FE\u6807")]),_:1})]),a("div",null,[c(d,{to:"/zh-CN/components/transition",class:"lay-link",style:{display:""}},{default:i(()=>[n("\u8FC7\u6E21 "),c(r,{type:"layui-icon-right"})]),_:1})])])])}}};export{aa as default,Z as frontmatter};
|