122 lines
43 KiB
Plaintext
122 lines
43 KiB
Plaintext
import{r as c,o as y,j as _,h as s,g as t,i as n,v as a}from"./.pnpm.8fb36023.js";const v={class:"markdown-body"},f=n("p",{class:"describe-plugin"},"\u6805\u683C\u5316\u7CFB\u7EDF\uFF0C\u662F\u57FA\u4E8E\u884C\uFF08row\uFF09\u548C\u5217\uFF08col\uFF09\u6765\u5B9A\u4E49\u533A\u5757\u7684\u5916\u90E8\u6846\u67B6\uFF0C\u4EE5\u4FDD\u8BC1\u9875\u9762\u7684\u5143\u7D20\u80FD\u591F\u7A33\u5065\u5730\u6392\u5E03\u8D77\u6765\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"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-row")]),a(),n("span",{class:"token attr-name"},"space"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("10"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-col")]),a(),n("span",{class:"token attr-name"},"md"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("12"),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"},"<"),a("div")]),a(),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"},'"'),a("grid-demo"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("1"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-col")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-col")]),a(),n("span",{class:"token attr-name"},"md"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("12"),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"},"<"),a("div")]),a(),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"},'"'),a("grid-demo"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("2"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-col")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-col")]),a(),n("span",{class:"token attr-name"},"md"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("6"),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"},"<"),a("div")]),a(),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"},'"'),a("grid-demo"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("3"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-col")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-col")]),a(),n("span",{class:"token attr-name"},"md"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("6"),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"},"<"),a("div")]),a(),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"},'"'),a("grid-demo"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("4"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-col")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-col")]),a(),n("span",{class:"token attr-name"},"md"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("6"),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"},"<"),a("div")]),a(),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"},'"'),a("grid-demo"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("5"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-col")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-col")]),a(),n("span",{class:"token attr-name"},"md"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("6"),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"},"<"),a("div")]),a(),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"},'"'),a("grid-demo"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("6"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-col")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-row")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
|
|
`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),a(`
|
|
|
|
`),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("style")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"},[n("span",{class:"token language-css"},[a(`
|
|
`),n("span",{class:"token selector"},".grid-demo"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token property"},"padding"),n("span",{class:"token punctuation"},":"),a(" 10px"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token property"},"line-height"),n("span",{class:"token punctuation"},":"),a(" 50px"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token property"},"border-radius"),n("span",{class:"token punctuation"},":"),a(" 2px"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token property"},"text-align"),n("span",{class:"token punctuation"},":"),a(" center"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token property"},"background-color"),n("span",{class:"token punctuation"},":"),a(),n("span",{class:"token function"},"var"),n("span",{class:"token punctuation"},"("),a("--global-checked-color"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token property"},"color"),n("span",{class:"token punctuation"},":"),a(" #fff"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("style")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`)])],-1),h=n("div",{class:"grid-demo"},"1",-1),q=n("div",{class:"grid-demo"},"2",-1),b=n("div",{class:"grid-demo"},"3",-1),w=n("div",{class:"grid-demo"},"4",-1),C=n("div",{class:"grid-demo"},"5",-1),j=n("div",{class:"grid-demo"},"6",-1),N=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-row")]),a(),n("span",{class:"token attr-name"},"space"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("10"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-col")]),a(),n("span",{class:"token attr-name"},"md"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("12"),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"},"<"),a("div")]),a(),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"},'"'),a("grid-demo"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("1"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-col")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-col")]),a(),n("span",{class:"token attr-name"},"md"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("6"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"mdOffset"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("6"),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"},"<"),a("div")]),a(),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"},'"'),a("grid-demo"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("2"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-col")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-row")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
|
|
`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),a(`
|
|
|
|
`),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("style")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"},[n("span",{class:"token language-css"},[a(`
|
|
`),n("span",{class:"token selector"},".grid-demo"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token property"},"padding"),n("span",{class:"token punctuation"},":"),a(" 10px"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token property"},"line-height"),n("span",{class:"token punctuation"},":"),a(" 50px"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token property"},"border-radius"),n("span",{class:"token punctuation"},":"),a(" 2px"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token property"},"text-align"),n("span",{class:"token punctuation"},":"),a(" center"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token property"},"background-color"),n("span",{class:"token punctuation"},":"),a(),n("span",{class:"token function"},"var"),n("span",{class:"token punctuation"},"("),a("--global-checked-color"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token property"},"color"),n("span",{class:"token punctuation"},":"),a(" #fff"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("style")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`)])],-1),B=n("div",{class:"grid-demo"},"1",-1),R=n("div",{class:"grid-demo"},"2",-1),V=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-row")]),a(),n("span",{class:"token attr-name"},"space"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("10"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-col")]),a(),n("span",{class:"token attr-name"},"md"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("12"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"sm"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("12"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"xs"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("24"),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"},"<"),a("div")]),a(),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"},'"'),a("grid-demo"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("1"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-col")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-col")]),a(),n("span",{class:"token attr-name"},"md"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("12"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"sm"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("12"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"xs"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("24"),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"},"<"),a("div")]),a(),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"},'"'),a("grid-demo"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("2"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-col")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-row")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
|
|
`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),a(`
|
|
|
|
`),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("style")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"},[n("span",{class:"token language-css"},[a(`
|
|
`),n("span",{class:"token selector"},".grid-demo"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token property"},"padding"),n("span",{class:"token punctuation"},":"),a(" 10px"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token property"},"line-height"),n("span",{class:"token punctuation"},":"),a(" 50px"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token property"},"border-radius"),n("span",{class:"token punctuation"},":"),a(" 2px"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token property"},"text-align"),n("span",{class:"token punctuation"},":"),a(" center"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token property"},"background-color"),n("span",{class:"token punctuation"},":"),a(),n("span",{class:"token function"},"var"),n("span",{class:"token punctuation"},"("),a("--global-checked-color"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token property"},"color"),n("span",{class:"token punctuation"},":"),a(" #fff"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("style")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`)])],-1),z=n("div",{class:"grid-demo"},"1",-1),O=n("div",{class:"grid-demo"},"2",-1),E=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-container")]),a(),n("span",{class:"token attr-name"},"fluid"),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-row")]),a(),n("span",{class:"token attr-name"},"space"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("10"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-col")]),a(),n("span",{class:"token attr-name"},"md"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("4"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"sm"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("12"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"xs"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("24"),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"},"<"),a("div")]),a(),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"},'"'),a("grid-demo"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("1"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-col")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-col")]),a(),n("span",{class:"token attr-name"},"md"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("4"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"sm"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("12"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"xs"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("24"),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"},"<"),a("div")]),a(),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"},'"'),a("grid-demo"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("2"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-col")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-col")]),a(),n("span",{class:"token attr-name"},"md"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("4"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"sm"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("12"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"xs"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("24"),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"},"<"),a("div")]),a(),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"},'"'),a("grid-demo"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("3"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-col")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-col")]),a(),n("span",{class:"token attr-name"},"md"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("4"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"sm"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("12"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"xs"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("24"),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"},"<"),a("div")]),a(),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"},'"'),a("grid-demo"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("4"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-col")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-col")]),a(),n("span",{class:"token attr-name"},"md"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("4"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"sm"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("12"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"xs"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("24"),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"},"<"),a("div")]),a(),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"},'"'),a("grid-demo"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("5"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-col")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-col")]),a(),n("span",{class:"token attr-name"},"md"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("4"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"sm"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("12"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"xs"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("24"),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"},"<"),a("div")]),a(),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"},'"'),a("grid-demo"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("6"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-col")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-row")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-container")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
|
|
`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),a(`
|
|
|
|
`),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("style")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"},[n("span",{class:"token language-css"},[a(`
|
|
`),n("span",{class:"token selector"},".grid-demo"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token property"},"padding"),n("span",{class:"token punctuation"},":"),a(" 10px"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token property"},"line-height"),n("span",{class:"token punctuation"},":"),a(" 50px"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token property"},"border-radius"),n("span",{class:"token punctuation"},":"),a(" 2px"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token property"},"text-align"),n("span",{class:"token punctuation"},":"),a(" center"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token property"},"background-color"),n("span",{class:"token punctuation"},":"),a(),n("span",{class:"token function"},"var"),n("span",{class:"token punctuation"},"("),a("--global-checked-color"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token property"},"color"),n("span",{class:"token punctuation"},":"),a(" #fff"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("style")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`)])],-1),I=n("div",{class:"grid-demo"},"1",-1),T=n("div",{class:"grid-demo"},"2",-1),A=n("div",{class:"grid-demo"},"3",-1),D=n("div",{class:"grid-demo"},"4",-1),F=n("div",{class:"grid-demo"},"5",-1),G=n("div",{class:"grid-demo"},"6",-1),H=n("table",null,[n("thead",null,[n("tr",null,[n("th",null,"\u5C5E\u6027"),n("th",null,"\u63CF\u8FF0"),n("th",null,"\u7C7B\u578B"),n("th",null,"\u9ED8\u8BA4\u503C"),n("th",null,"\u53EF\u9009\u503C")])]),n("tbody",null,[n("tr",null,[n("td",null,"space"),n("td",null,"\u95F4\u9694"),n("td",null,[n("code",null,"number"),a(),n("code",null,"string")]),n("td",null,"\u2013"),n("td",null,"0 - 30")])])],-1),J=n("table",null,[n("thead",null,[n("tr",null,[n("th",null,"\u5C5E\u6027"),n("th",null,"\u63CF\u8FF0"),n("th",null,"\u7C7B\u578B"),n("th",null,"\u9ED8\u8BA4\u503C"),n("th",null,"\u53EF\u9009\u503C")])]),n("tbody",null,[n("tr",null,[n("td",null,"xs"),n("td",null,"\u5C3A\u5BF8 - \u8D85\u5C0F\u5C4F\u5E55 (\u624B\u673A<768px)"),n("td",null,[n("code",null,"number"),a(),n("code",null,"string")]),n("td",null,"\u2013"),n("td",null,"0 - 24")]),n("tr",null,[n("td",null,"sm"),n("td",null,"\u5C3A\u5BF8 - \u5C0F\u5C4F\u5E55 (\u5E73\u677F \u2265768px)"),n("td",null,[n("code",null,"number"),a(),n("code",null,"string")]),n("td",null,"\u2013"),n("td",null,"0 - 24")]),n("tr",null,[n("td",null,"md"),n("td",null,"\u5C3A\u5BF8 - \u4E2D\u7B49\u5C4F\u5E55 (\u684C\u9762 \u2265992px)"),n("td",null,[n("code",null,"number"),a(),n("code",null,"string")]),n("td",null,"\u2013"),n("td",null,"0 - 24")]),n("tr",null,[n("td",null,"lg"),n("td",null,"\u5C3A\u5BF8 - \u5927\u578B\u5C4F\u5E55 (\u684C\u9762 \u22651200px)"),n("td",null,[n("code",null,"number"),a(),n("code",null,"string")]),n("td",null,"\u2013"),n("td",null,"0 - 24")]),n("tr",null,[n("td",null,"xs-offset"),n("td",null,"\u504F\u79FB - \u8D85\u5C0F\u5C4F\u5E55 (\u624B\u673A<768px)"),n("td",null,[n("code",null,"number"),a(),n("code",null,"string")]),n("td",null,"\u2013"),n("td",null,"0 - 24")]),n("tr",null,[n("td",null,"sm-offset"),n("td",null,"\u504F\u79FB - \u5C0F\u5C4F\u5E55 (\u5E73\u677F \u2265768px)"),n("td",null,[n("code",null,"number"),a(),n("code",null,"string")]),n("td",null,"\u2013"),n("td",null,"0 - 24")]),n("tr",null,[n("td",null,"md-offset"),n("td",null,"\u504F\u79FB - \u4E2D\u7B49\u5C4F\u5E55 (\u684C\u9762 \u2265992px)"),n("td",null,[n("code",null,"number"),a(),n("code",null,"string")]),n("td",null,"\u2013"),n("td",null,"0 - 24")]),n("tr",null,[n("td",null,"lg-offset"),n("td",null,"\u504F\u79FB - \u5927\u578B\u5C4F\u5E55 (\u684C\u9762 \u22651200px)"),n("td",null,[n("code",null,"number"),a(),n("code",null,"string")]),n("td",null,"\u2013"),n("td",null,"0 - 24")])])],-1),K={style:{display:"flex","justify-content":"space-between","margin-top":"20px"}},S={},U={__name:"grid",setup(L,{expose:r}){return r({frontmatter:{}}),(M,P)=>{const d=c("lay-anchor"),p=c("lay-field"),o=c("lay-col"),l=c("lay-row"),e=c("lay-code"),g=c("lay-container"),u=c("lay-table-box"),m=c("lay-contributor"),k=c("lay-icon"),i=c("router-link");return y(),_("div",v,[s(d,{anchors:"\u57FA\u672C\u4ECB\u7ECD,\u57FA\u7840\u4F7F\u7528,\u6805\u683C\u504F\u79FB,\u6805\u683C\u9002\u5E94,\u6D41\u5F0F\u5E03\u5C40,Row \u5C5E\u6027,Col \u5C5E\u6027",currIndex:-1,show:!0}),s(p,{id:"\u57FA\u672C\u4ECB\u7ECD",title:"\u57FA\u672C\u4ECB\u7ECD",style:{"margin-top":"21px","margin-bottom":"20px"}}),f,s(p,{id:"\u57FA\u7840\u4F7F\u7528",title:"\u57FA\u7840\u4F7F\u7528",style:{"margin-top":"21px","margin-bottom":"20px"}}),s(e,null,{code:t(()=>[x]),default:t(()=>[s(l,{space:"10"},{default:t(()=>[s(o,{md:"12"},{default:t(()=>[h]),_:1}),s(o,{md:"12"},{default:t(()=>[q]),_:1}),s(o,{md:"6"},{default:t(()=>[b]),_:1}),s(o,{md:"6"},{default:t(()=>[w]),_:1}),s(o,{md:"6"},{default:t(()=>[C]),_:1}),s(o,{md:"6"},{default:t(()=>[j]),_:1})]),_:1})]),_:1}),s(p,{id:"\u6805\u683C\u504F\u79FB",title:"\u6805\u683C\u504F\u79FB",style:{"margin-top":"21px","margin-bottom":"20px"}}),s(e,null,{code:t(()=>[N]),default:t(()=>[s(l,{space:"10"},{default:t(()=>[s(o,{md:"12"},{default:t(()=>[B]),_:1}),s(o,{md:"6",mdOffset:"6"},{default:t(()=>[R]),_:1})]),_:1})]),_:1}),s(p,{id:"\u6805\u683C\u9002\u5E94",title:"\u6805\u683C\u9002\u5E94",style:{"margin-top":"21px","margin-bottom":"20px"}}),s(e,null,{code:t(()=>[V]),default:t(()=>[s(l,{space:"10"},{default:t(()=>[s(o,{md:"12",sm:"12",xs:"24"},{default:t(()=>[z]),_:1}),s(o,{md:"12",sm:"12",xs:"24"},{default:t(()=>[O]),_:1})]),_:1})]),_:1}),s(p,{id:"\u6D41\u5F0F\u5E03\u5C40",title:"\u6D41\u5F0F\u5E03\u5C40",style:{"margin-top":"21px","margin-bottom":"20px"}}),s(e,null,{code:t(()=>[E]),default:t(()=>[s(g,{fluid:""},{default:t(()=>[s(l,{space:"10"},{default:t(()=>[s(o,{md:"4",sm:"12",xs:"24"},{default:t(()=>[I]),_:1}),s(o,{md:"4",sm:"12",xs:"24"},{default:t(()=>[T]),_:1}),s(o,{md:"4",sm:"12",xs:"24"},{default:t(()=>[A]),_:1}),s(o,{md:"4",sm:"12",xs:"24"},{default:t(()=>[D]),_:1}),s(o,{md:"4",sm:"12",xs:"24"},{default:t(()=>[F]),_:1}),s(o,{md:"4",sm:"12",xs:"24"},{default:t(()=>[G]),_:1})]),_:1})]),_:1})]),_:1}),s(p,{id:"Row \u5C5E\u6027",title:"Row \u5C5E\u6027",style:{"margin-top":"21px","margin-bottom":"20px"}}),s(u,null,{default:t(()=>[H]),_:1}),s(p,{id:"Col \u5C5E\u6027",title:"Col \u5C5E\u6027",style:{"margin-top":"21px","margin-bottom":"20px"}}),s(u,null,{default:t(()=>[J]),_:1}),s(m,{"file-path":"grid"}),n("div",K,[n("div",null,[s(i,{to:"/zh-CN/components/container",class:"lay-link",style:{display:""}},{default:t(()=>[s(k,{type:"layui-icon-left"}),a("\u5BB9\u5668")]),_:1})]),n("div",null,[s(i,{to:"/zh-CN/components/panel",class:"lay-link",style:{display:""}},{default:t(()=>[a("\u9762\u677F "),s(k,{type:"layui-icon-right"})]),_:1})])])])}}};export{U as default,S as frontmatter};
|