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

41 lines
11 KiB
Plaintext
Raw Blame History

import{r as l,o as _,j as m,h as a,g as s,v as t,i as n}from"./.pnpm.8fb36023.js";const f={class:"markdown-body"},b=n("p",{class:"describe-plugin"},"\u4E3A\u7EC4\u4EF6\u6DFB\u52A0\u6C34\u6CE2\u7EB9\u52A8\u753B\u3002",-1),h=n("p",null,[t("\u4F7F\u7528 "),n("code",null,"lay-ripple"),t(" \u6807\u7B7E, \u4E3A "),n("code",null,"element"),t(" \u6DFB\u52A0\u6C34\u6CE2\u7EB9\u6548\u679C\u3002")],-1),x=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("lay-space")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("lay-ripple")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("lay-button")]),n("span",{class:"token punctuation"},">")]),t("click"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("lay-button")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("lay-ripple")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("lay-ripple")]),t(),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"},'"'),t("out"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"borderRadius"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("2px"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("lay-button")]),n("span",{class:"token punctuation"},">")]),t("click"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("lay-button")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("lay-ripple")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("lay-space")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token punctuation"},"{"),t(`
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
`),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1),v=n("p",null,[t("\u901A\u8FC7 "),n("code",null,"trigger"),t(" \u5C5E\u6027, \u8BBE\u7F6E "),n("code",null,"ripple"),t(" \u89E6\u53D1\u65F6\u673A\u3002")],-1),w=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("lay-ripple")]),t(),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"},'"'),t("out"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"trigger"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("always"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"borderRadius"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("2px"),n("span",{class:"token punctuation"},'"')]),t(),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"},'"'),t("#009688"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("lay-button")]),t(),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"},'"'),t("primary"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("\u95EA\u70C1"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("lay-button")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("lay-ripple")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token punctuation"},"{"),t(`
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
`),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1),R=n("table",null,[n("thead",null,[n("tr",null,[n("th",null,"\u5C5E\u6027"),n("th",null,"\u63CF\u8FF0"),n("th",null,"\u53EF\u9009\u503C")])]),n("tbody",null,[n("tr",null,[n("td",null,"type"),n("td",null,"\u6CE2\u7EB9\u7C7B\u578B"),n("td",null,[n("code",null,"out"),t(),n("code",null,"inset")])]),n("tr",null,[n("td",null,"color"),n("td",null,"\u6CE2\u7EB9\u989C\u8272"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"borderRadius"),n("td",null,[t("\u5706\u89D2\uFF0C\u4EC5 "),n("code",null,"out"),t(" \u7C7B\u578B")]),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"spreadWidth"),n("td",null,[t("\u6269\u6563\u5BBD\u5EA6\uFF0C\u5355\u4F4D px\uFF0C\u4EC5 "),n("code",null,"out"),t(" \u7C7B\u578B")]),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"spreadSize"),n("td",null,[t("\u6269\u6563\u5927\u5C0F\uFF0C\u5355\u4F4D px\uFF0C\u4EC5 "),n("code",null,"inset"),t(" \u7C7B\u578B")]),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"trigger"),n("td",null,"\u89E6\u53D1\u65B9\u5F0F"),n("td",null,[n("code",null,"click"),t(),n("code",null,"always"),t(),n("code",null,"mouseenter")])]),n("tr",null,[n("td",null,"center"),n("td",null,"\u662F\u5426\u5728\u5143\u7D20\u4E2D\u5FC3\u6269\u6563"),n("td",null,"\u2013")])])],-1),q=n("table",null,[n("thead",null,[n("tr",null,[n("th",null,"\u63D2\u69FD"),n("th",null,"\u63CF\u8FF0"),n("th",null,"\u53C2\u6570")])]),n("tbody",null,[n("tr",null,[n("td",null,"default"),n("td",null,"\u9ED8\u8BA4\u63D2\u69FD"),n("td",null,"-")])])],-1),N={style:{display:"flex","justify-content":"space-between","margin-top":"20px"}},V={},E={__name:"ripple",setup(j,{expose:r}){return r({frontmatter:{}}),(C,z)=>{const d=l("lay-anchor"),o=l("lay-field"),e=l("lay-button"),p=l("lay-ripple"),y=l("lay-space"),c=l("lay-code"),u=l("lay-table-box"),g=l("lay-contributor"),i=l("lay-icon"),k=l("router-link");return _(),m("div",f,[a(d,{anchors:"\u57FA\u672C\u4ECB\u7ECD,\u57FA\u7840\u4F7F\u7528,\u89E6\u53D1\u65F6\u673A,Ripple \u5C5E\u6027,Ripple \u63D2\u69FD",currIndex:-1,show:!0}),a(o,{id:"\u57FA\u672C\u4ECB\u7ECD",title:"\u57FA\u672C\u4ECB\u7ECD",style:{"margin-top":"21px","margin-bottom":"20px"}}),b,a(o,{id:"\u57FA\u7840\u4F7F\u7528",title:"\u57FA\u7840\u4F7F\u7528",style:{"margin-top":"21px","margin-bottom":"20px"}}),a(c,null,{description:s(()=>[h]),code:s(()=>[x]),default:s(()=>[a(y,null,{default:s(()=>[a(p,null,{default:s(()=>[a(e,null,{default:s(()=>[t("click")]),_:1})]),_:1}),a(p,{type:"out",borderRadius:"2px"},{default:s(()=>[a(e,null,{default:s(()=>[t("click")]),_:1})]),_:1})]),_:1})]),_:1}),a(o,{id:"\u89E6\u53D1\u65F6\u673A",title:"\u89E6\u53D1\u65F6\u673A",style:{"margin-top":"21px","margin-bottom":"20px"}}),a(c,null,{description:s(()=>[v]),code:s(()=>[w]),default:s(()=>[a(p,{type:"out",trigger:"always",borderRadius:"2px",color:"#009688"},{default:s(()=>[a(e,{type:"primary"},{default:s(()=>[t("\u95EA\u70C1")]),_:1})]),_:1})]),_:1}),a(o,{id:"Ripple \u5C5E\u6027",title:"Ripple \u5C5E\u6027",style:{"margin-top":"21px","margin-bottom":"20px"}}),a(u,null,{default:s(()=>[R]),_:1}),a(o,{id:"Ripple \u63D2\u69FD",title:"Ripple \u63D2\u69FD",style:{"margin-top":"21px","margin-bottom":"20px"}}),a(u,null,{default:s(()=>[q]),_:1}),a(g,{"file-path":"ripple"}),n("div",N,[n("div",null,[a(k,{to:"/zh-CN/components/fullscreen",class:"lay-link",style:{display:""}},{default:s(()=>[a(i,{type:"layui-icon-left"}),t("\u5168\u5C4F")]),_:1})]),n("div",null,[a(k,{to:"/zh-CN/components/layout",class:"lay-link",style:{display:""}},{default:s(()=>[t("\u5E03\u5C40 "),a(i,{type:"layui-icon-right"})]),_:1})])])])}}};export{E as default,V as frontmatter};
Reference in New Issue View Git Blame Copy Permalink