148 lines
42 KiB
Plaintext
148 lines
42 KiB
Plaintext
import{f as v,r as c,o as j,j as I,h as t,g as s,B as d,v as a,t as m,i as n}from"./.pnpm.8fb36023.js";const N={class:"markdown-body"},B=n("p",{class:"describe-plugin"},"\u5C06\u67D0\u4E00\u533A\u57DF\u7684\u5185\u5BB9\u5168\u5C4F\u5C55\u793A\u3002",-1),E=n("p",null,[a("\u4F7F\u7528 "),n("code",null,"lay-fullscreen"),a(" \u6807\u7B7E\u5305\u88F9\u89E6\u53D1\u5168\u5C4F\u4E8B\u4EF6\u7684\u6309\u94AE")],-1),H=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-fullscreen")]),a(),n("span",{class:"token attr-name"},"v-slot"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ enter, exit, toggle, isFullscreen }"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@fullscreenchange"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),a("fullscreen")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-button")]),a(),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"},'"'),a("normal"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("enter()"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("\u8FDB\u5165\u5168\u5C4F"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-button")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-button")]),a(),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"},'"'),a("normal"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("exit()"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("\u9000\u51FA"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-button")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-button")]),a(),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"},'"'),a("warm"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("toggle()"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a('\u5207\u6362: {{isFullscreen ? "\u9000\u51FA" : "\u8FDB\u5165\u5168\u5C4F"}}'),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-button")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-fullscreen")]),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"},"const"),a(),n("span",{class:"token function-variable function"},"fullscreen"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"isFullscreen"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"{"),a(`
|
|
console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),a("isFullscreen"),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(`
|
|
fullscreen
|
|
`),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(`
|
|
`)])],-1),L=n("p",null,[a("\u4F7F\u7528 "),n("code",null,"target"),a(" \u5C5E\u6027\u6307\u5B9A\u9700\u8981\u5C40\u90E8\u5168\u5C4F\u7684\u5143\u7D20, \u7EC4\u4EF6\u5FC5\u987B\u7528 "),n("code",null,"div"),a(" \u5305\u88F9, \u56E0\u4E3A\u4E0D\u662F\u6240\u6709\u5143\u7D20\u90FD\u80FD\u5411\u6D4F\u89C8\u5668\u8BF7\u6C42\u5168\u5C4F")],-1),M=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-fullscreen")]),a(),n("span",{class:"token attr-name"},":target"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("elRef"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"v-slot"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ enter, exit, toggle, isFullscreen }"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@fullscreenchange"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),a("fullscreen2")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token attr-name"},"ref"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("elRef"),n("span",{class:"token punctuation"},'"')]),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("wrapper-fullscreen"),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-button")]),a(),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"},'"'),a("normal"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("enter()"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("\u8FDB\u5165\u5168\u5C4F"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-button")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-button")]),a(),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"},'"'),a("normal"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("exit()"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("\u9000\u51FA"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-button")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-button")]),a(),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"},'"'),a("warm"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("toggle()"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(' \u5207\u6362: {{isFullscreen ? "\u9000\u51FA" : "\u8FDB\u5165\u5168\u5C4F"}} '),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-button")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-fullscreen")]),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"},"const"),a(" elRef "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"null"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"fullscreen2"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"isFullscreen"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"{"),a(`
|
|
console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),a("isFullscreen"),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(`
|
|
elRef`),n("span",{class:"token punctuation"},","),a(`
|
|
fullscreen2
|
|
`),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"},".wrapper-fullscreen"),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"},"border"),n("span",{class:"token punctuation"},":"),a("1px solid #dddddd"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token property"},"background-color"),n("span",{class:"token punctuation"},":"),a("#F6F6F6"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token property"},"display"),n("span",{class:"token punctuation"},":"),a(`inline-block
|
|
`),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),V=n("p",null,[a("\u4F7F\u7528 "),n("code",null,"target"),a(" \u5C5E\u6027\u6307\u5B9A\u9700\u8981\u5C40\u90E8\u5168\u5C4F\u7684\u5143\u7D20, \u5E76\u8BBE\u7F6E"),n("code",null,"immersive"),a("\u5C5E\u6027\u4E3A "),n("code",null,"false"),a(",\u53EF\u4F7F "),n("code",null,"target"),a(" \u5728\u6D4F\u89C8\u5668\u7A97\u53E3\u5185\u5168\u5C4F")],-1),D=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-fullscreen")]),a(`
|
|
`),n("span",{class:"token attr-name"},":target"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("fullscreenTargetRef"),n("span",{class:"token punctuation"},'"')]),a(`
|
|
`),n("span",{class:"token attr-name"},":immersive"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("false"),n("span",{class:"token punctuation"},'"')]),a(`
|
|
`),n("span",{class:"token attr-name"},"zIndex"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("10000"),n("span",{class:"token punctuation"},'"')]),a(`
|
|
`),n("span",{class:"token attr-name"},"v-slot"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ enter, exit, toggle, isFullscreen }"),n("span",{class:"token punctuation"},'"')]),a(`
|
|
`),n("span",{class:"token attr-name"},"@fullscreenchange"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),a("fullscreen3")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token attr-name"},"ref"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("fullscreenTargetRef"),n("span",{class:"token punctuation"},'"')]),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("wrapper-fullscreen"),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-button")]),a(),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"},'"'),a("normal"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("enter()"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("\u8FDB\u5165\u5168\u5C4F"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-button")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-button")]),a(),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"},'"'),a("normal"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("exit()"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("\u9000\u51FA"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-button")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-button")]),a(),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"},'"'),a("warm"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("toggle()"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(' \u5207\u6362: {{isFullscreen ? "\u9000\u51FA" : "\u8FDB\u5165\u5168\u5C4F"}} '),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-button")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-fullscreen")]),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"},"const"),a(" fullscreenTargetRef "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"null"),n("span",{class:"token punctuation"},")"),a(`
|
|
`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"fullscreen3"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"isFullscreen"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"{"),a(`
|
|
console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),a("isFullscreen"),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(`
|
|
fullscreenTargetRef`),n("span",{class:"token punctuation"},","),a(`
|
|
fullscreen3
|
|
`),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"},".wrapper-fullscreen"),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"},"border"),n("span",{class:"token punctuation"},":"),a("1px solid #dddddd"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token property"},"background-color"),n("span",{class:"token punctuation"},":"),a("#F6F6F6"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token property"},"display"),n("span",{class:"token punctuation"},":"),a(`inline-block
|
|
`),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),S=n("p",null,[a("\u4F7F\u7528 "),n("code",null,"target"),a(" \u5C5E\u6027\u6307\u5B9A\u9700\u8981\u5C40\u90E8\u5168\u5C4F\u7684\u5143\u7D20, \u5E76\u8BBE\u7F6E"),n("code",null,"immersive = false"),a(", "),n("code",null,'position="absolute"'),a(",\u53EF\u4F7F "),n("code",null,"target"),a(" \u5728\u7279\u5B9A\u5BB9\u5668\u5185\u5168\u5C4F")],-1),A=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("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("container"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"position"),n("span",{class:"token punctuation"},":"),a("relative"),n("span",{class:"token punctuation"},";"),n("span",{class:"token property"},"height"),n("span",{class:"token punctuation"},":"),a("300px"),n("span",{class:"token punctuation"},";"),n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),a("500px"),n("span",{class:"token punctuation"},";"),n("span",{class:"token property"},"background-color"),n("span",{class:"token punctuation"},":"),a(" #cccccc"),n("span",{class:"token punctuation"},";")]),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-fullscreen")]),a(`
|
|
`),n("span",{class:"token attr-name"},":target"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("fullscreenTargetRef2"),n("span",{class:"token punctuation"},'"')]),a(`
|
|
`),n("span",{class:"token attr-name"},":immersive"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("false"),n("span",{class:"token punctuation"},'"')]),a(`
|
|
`),n("span",{class:"token attr-name"},"zIndex"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("12000"),n("span",{class:"token punctuation"},'"')]),a(`
|
|
`),n("span",{class:"token attr-name"},"position"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("absolute"),n("span",{class:"token punctuation"},'"')]),a(`
|
|
`),n("span",{class:"token attr-name"},"v-slot"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ enter, exit, toggle, isFullscreen }"),n("span",{class:"token punctuation"},'"')]),a(`
|
|
`),n("span",{class:"token attr-name"},"@fullscreenchange"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),a("fullscreen4")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token attr-name"},"ref"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("fullscreenTargetRef2"),n("span",{class:"token punctuation"},'"')]),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("wrapper-fullscreen"),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-button")]),a(),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"},'"'),a("normal"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("enter()"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("\u8FDB\u5165\u5168\u5C4F"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-button")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-button")]),a(),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"},'"'),a("normal"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("exit()"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("\u9000\u51FA"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-button")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-button")]),a(),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"},'"'),a("warm"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("toggle()"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(' \u5207\u6362: {{isFullscreen ? "\u9000\u51FA" : "\u8FDB\u5165\u5168\u5C4F"}} '),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-button")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-fullscreen")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),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"},"const"),a(" fullscreenTargetRef2 "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"null"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"fullscreen4"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"isFullscreen"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"{"),a(`
|
|
console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),a("isFullscreen"),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(`
|
|
fullscreenTargetRef2`),n("span",{class:"token punctuation"},","),a(`
|
|
fullscreen4
|
|
`),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"},".container"),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token property"},"position"),n("span",{class:"token punctuation"},":"),a("relative"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token property"},"height"),n("span",{class:"token punctuation"},":"),a("300px"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),a("500px"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token property"},"background-color"),n("span",{class:"token punctuation"},":"),a(" red"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token property"},"border"),n("span",{class:"token punctuation"},":"),a("1px solid #dddddd"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token selector"},`;
|
|
.wrapper-fullscreen`),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"},"border"),n("span",{class:"token punctuation"},":"),a("1px solid #dddddd"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token property"},"background-color"),n("span",{class:"token punctuation"},":"),a("#F6F6F6"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token property"},"display"),n("span",{class:"token punctuation"},":"),a("inline-block"),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),G={class:"container",style:{position:"relative",height:"300px",width:"500px","background-color":"#cccccc"}},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,"target"),n("td",null,"\u53EF\u9009\uFF0C\u8981\u5168\u5C4F\u663E\u793A\u7684\u5143\u7D20"),n("td",null,[n("code",null,"HTMLElement")]),n("td",null,[n("code",null,"html")]),n("td",null,"-")]),n("tr",null,[n("td",null,"immersive"),n("td",null,[a("\u53EF\u9009\uFF0C\u5168\u5C4F\u6A21\u5F0F\uFF0C"),n("code",null,"false"),a("\u65F6\u6D4F\u89C8\u5668\u7A97\u53E3\u5185\u5168\u5C4F")]),n("td",null,[n("code",null,"boolean")]),n("td",null,"true"),n("td",null,[n("code",null,"true"),a(),n("code",null,"false")])]),n("tr",null,[n("td",null,"position"),n("td",null,"\u53EF\u9009\uFF0C\u6D4F\u89C8\u5668\u7A97\u53E3\u5185\u5168\u5C4F\u5B9A\u4F4D\u6A21\u5F0F"),n("td",null,[n("code",null,"string")]),n("td",null,"-"),n("td",null,[n("code",null,"absolute"),a(),n("code",null,"fixed")])]),n("tr",null,[n("td",null,"zIndex"),n("td",null,"\u53EF\u9009\uFF0C\u5168\u5C4F\u5C42\u7EA7"),n("td",null,[n("code",null,"string")]),n("td",null,"-"),n("td",null,"-")])])],-1),K=n("table",null,[n("thead",null,[n("tr",null,[n("th",null,"\u4E8B\u4EF6"),n("th",null,"\u63CF\u8FF0"),n("th",null,"\u53C2\u6570")])]),n("tbody",null,[n("tr",null,[n("td",null,"fullscreenchange"),n("td",null,"\u5168\u5C4F\u66F4\u6539\u4E8B\u4EF6\u56DE\u8C03"),n("td",null,"isFullscreen \u662F\u5426\u5168\u5C4F")])])],-1),O=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),P=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,"\u53C2\u6570")])]),n("tbody",null,[n("tr",null,[n("td",null,"enter"),n("td",null,"\u8FDB\u5165\u5168\u5C4F"),n("td",null,"Function"),n("td",null,[a("\u53EF\u9009,"),n("code",null,"HTMLElement")])]),n("tr",null,[n("td",null,"exit"),n("td",null,"\u9000\u51FA\u5168\u5C4F"),n("td",null,"Function"),n("td",null,[a("\u53EF\u9009,"),n("code",null,"HTMLElement"),a(),n("code",null,"Document")])]),n("tr",null,[n("td",null,"toggle"),n("td",null,"\u8FDB\u5165/\u9000\u51FA\u5168\u5C4F"),n("td",null,"Function"),n("td",null,"-")]),n("tr",null,[n("td",null,"isFullscreen"),n("td",null,"\u662F\u5426\u5168\u5C4F"),n("td",null,"boolean"),n("td",null,"-")])])],-1),Q={style:{display:"flex","justify-content":"space-between","margin-top":"20px"}},Y={},Z={__name:"fullscreen",setup(U,{expose:q}){let F=function(p){console.log(p)},_=v(null),C=function(p){console.log(p)},b=v(null),R=function(p){console.log(p)},h=v(null),T=function(p){console.log(p)};return q({frontmatter:{}}),(p,W)=>{const $=c("lay-anchor"),o=c("lay-field"),e=c("lay-button"),g=c("lay-fullscreen"),f=c("lay-code"),y=c("lay-table-box"),z=c("lay-contributor"),x=c("lay-icon"),w=c("router-link");return j(),I("div",N,[t($,{anchors:"\u57FA\u672C\u4ECB\u7ECD,\u6D4F\u89C8\u5668\u5168\u5C4F,\u5C40\u90E8\u533A\u57DF\u5168\u5C4F,\u6D4F\u89C8\u5668\u7A97\u53E3\u5185\u5168\u5C4F,\u94FA\u6EE1\u7279\u5B9A\u5BB9\u5668,fullscreen \u5C5E\u6027,fullscreen \u4E8B\u4EF6,fullscreen \u63D2\u69FD,fullscreen \u63D2\u69FD\u5C5E\u6027",currIndex:-1,show:!0}),t(o,{id:"\u57FA\u672C\u4ECB\u7ECD",title:"\u57FA\u672C\u4ECB\u7ECD",style:{"margin-top":"21px","margin-bottom":"20px"}}),B,t(o,{id:"\u6D4F\u89C8\u5668\u5168\u5C4F",title:"\u6D4F\u89C8\u5668\u5168\u5C4F",style:{"margin-top":"21px","margin-bottom":"20px"}}),t(f,null,{description:s(()=>[E]),code:s(()=>[H]),default:s(()=>[t(g,{onFullscreenchange:d(F)},{default:s(({enter:u,exit:k,toggle:i,isFullscreen:r})=>[t(e,{type:"normal",onClick:l=>u()},{default:s(()=>[a("\u8FDB\u5165\u5168\u5C4F")]),_:2},1032,["onClick"]),t(e,{type:"normal",onClick:l=>k()},{default:s(()=>[a("\u9000\u51FA")]),_:2},1032,["onClick"]),t(e,{type:"warm",onClick:l=>i()},{default:s(()=>[a("\u5207\u6362: "+m(r?"\u9000\u51FA":"\u8FDB\u5165\u5168\u5C4F"),1)]),_:2},1032,["onClick"])]),_:1},8,["onFullscreenchange"])]),_:1}),t(o,{id:"\u5C40\u90E8\u533A\u57DF\u5168\u5C4F",title:"\u5C40\u90E8\u533A\u57DF\u5168\u5C4F",style:{"margin-top":"21px","margin-bottom":"20px"}}),t(f,null,{description:s(()=>[L]),code:s(()=>[M]),default:s(()=>[t(g,{target:d(_),onFullscreenchange:d(C)},{default:s(({enter:u,exit:k,toggle:i,isFullscreen:r})=>[n("div",{ref_key:"elRef",ref:_,class:"wrapper-fullscreen"},[t(e,{type:"normal",onClick:l=>u()},{default:s(()=>[a("\u8FDB\u5165\u5168\u5C4F")]),_:2},1032,["onClick"]),t(e,{type:"normal",onClick:l=>k()},{default:s(()=>[a("\u9000\u51FA")]),_:2},1032,["onClick"]),t(e,{type:"warm",onClick:l=>i()},{default:s(()=>[a(" \u5207\u6362: "+m(r?"\u9000\u51FA":"\u8FDB\u5165\u5168\u5C4F"),1)]),_:2},1032,["onClick"])],512)]),_:1},8,["target","onFullscreenchange"])]),_:1}),t(o,{id:"\u6D4F\u89C8\u5668\u7A97\u53E3\u5185\u5168\u5C4F",title:"\u6D4F\u89C8\u5668\u7A97\u53E3\u5185\u5168\u5C4F",style:{"margin-top":"21px","margin-bottom":"20px"}}),t(f,null,{description:s(()=>[V]),code:s(()=>[D]),default:s(()=>[t(g,{target:d(b),immersive:!1,zIndex:"10000",onFullscreenchange:d(R)},{default:s(({enter:u,exit:k,toggle:i,isFullscreen:r})=>[n("div",{ref_key:"fullscreenTargetRef",ref:b,class:"wrapper-fullscreen"},[t(e,{type:"normal",onClick:l=>u()},{default:s(()=>[a("\u8FDB\u5165\u5168\u5C4F")]),_:2},1032,["onClick"]),t(e,{type:"normal",onClick:l=>k()},{default:s(()=>[a("\u9000\u51FA")]),_:2},1032,["onClick"]),t(e,{type:"warm",onClick:l=>i()},{default:s(()=>[a(" \u5207\u6362: "+m(r?"\u9000\u51FA":"\u8FDB\u5165\u5168\u5C4F"),1)]),_:2},1032,["onClick"])],512)]),_:1},8,["target","onFullscreenchange"])]),_:1}),t(o,{id:"\u94FA\u6EE1\u7279\u5B9A\u5BB9\u5668",title:"\u94FA\u6EE1\u7279\u5B9A\u5BB9\u5668",style:{"margin-top":"21px","margin-bottom":"20px"}}),t(f,null,{description:s(()=>[S]),code:s(()=>[A]),default:s(()=>[n("div",G,[t(g,{target:d(h),immersive:!1,zIndex:"12000",position:"absolute",onFullscreenchange:d(T)},{default:s(({enter:u,exit:k,toggle:i,isFullscreen:r})=>[n("div",{ref_key:"fullscreenTargetRef2",ref:h,class:"wrapper-fullscreen"},[t(e,{type:"normal",onClick:l=>u()},{default:s(()=>[a("\u8FDB\u5165\u5168\u5C4F")]),_:2},1032,["onClick"]),t(e,{type:"normal",onClick:l=>k()},{default:s(()=>[a("\u9000\u51FA")]),_:2},1032,["onClick"]),t(e,{type:"warm",onClick:l=>i()},{default:s(()=>[a(" \u5207\u6362: "+m(r?"\u9000\u51FA":"\u8FDB\u5165\u5168\u5C4F"),1)]),_:2},1032,["onClick"])],512)]),_:1},8,["target","onFullscreenchange"])])]),_:1}),t(o,{id:"fullscreen \u5C5E\u6027",title:"fullscreen \u5C5E\u6027",style:{"margin-top":"21px","margin-bottom":"20px"}}),t(y,null,{default:s(()=>[J]),_:1}),t(o,{id:"fullscreen \u4E8B\u4EF6",title:"fullscreen \u4E8B\u4EF6",style:{"margin-top":"21px","margin-bottom":"20px"}}),t(y,null,{default:s(()=>[K]),_:1}),t(o,{id:"fullscreen \u63D2\u69FD",title:"fullscreen \u63D2\u69FD",style:{"margin-top":"21px","margin-bottom":"20px"}}),t(y,null,{default:s(()=>[O]),_:1}),t(o,{id:"fullscreen \u63D2\u69FD\u5C5E\u6027",title:"fullscreen \u63D2\u69FD\u5C5E\u6027",style:{"margin-top":"21px","margin-bottom":"20px"}}),t(y,null,{default:s(()=>[P]),_:1}),t(z,{"file-path":"fullscreen"}),n("div",Q,[n("div",null,[t(w,{to:"/zh-CN/components/transition",class:"lay-link",style:{display:""}},{default:s(()=>[t(x,{type:"layui-icon-left"}),a("\u8FC7\u6E21")]),_:1})]),n("div",null,[t(w,{to:"/zh-CN/components/ripple",class:"lay-link",style:{display:""}},{default:s(()=>[a("\u6CE2\u7EB9 "),t(x,{type:"layui-icon-right"})]),_:1})])])])}}};export{Z as default,Y as frontmatter};
|