mirror of
https://github.com/element-plus/element-plus.git
synced 2025-02-17 11:49:41 +08:00
2 lines
116 KiB
JavaScript
2 lines
116 KiB
JavaScript
|
import{_ as c,a as l,b as u,c as D,d as r}from"./chunks/no-title.6c5645c0.js";import{_ as F}from"./chunks/contributors.c98208c9.js";import{c as k,a as s,w as e,u as E,e as o,b as a,d as n,r as i,o as d}from"./app.fbce7c62.js";const A=o("",5),m=a("p",null,"drawer/basic-usage",-1),g=a("h2",{id:"\u4E0D\u6DFB\u52A0-title",tabindex:"-1"},[n("\u4E0D\u6DFB\u52A0 Title "),a("a",{class:"header-anchor",href:"#\u4E0D\u6DFB\u52A0-title","aria-hidden":"true"},"#")],-1),B=a("p",null,"\u5F53\u4F60\u4E0D\u9700\u8981\u6807\u9898\u7684\u65F6\u5019\uFF0C\u4F60\u53EF\u4EE5\u5C06\u5B83\u79FB\u9664\u3002",-1),h=a("p",null,"drawer/no-title",-1),f=a("h2",{id:"customized-content",tabindex:"-1"},[n("Customized Content "),a("a",{class:"header-anchor",href:"#customized-content","aria-hidden":"true"},"#")],-1),w=a("p",null,[n("\u50CF "),a("code",null,"Dialog"),n(" \u7EC4\u4EF6\u4E00\u6837\uFF0C"),a("code",null,"Drawer"),n(" \u4E5F\u53EF\u4EE5\u7528\u6765\u663E\u793A\u591A\u79CD\u4E0D\u540C\u7684\u4EA4\u4E92\u3002")],-1),v=a("p",null,"drawer/customization-content",-1),b=a("h2",{id:"customized-header",tabindex:"-1"},[n("Customized Header "),a("a",{class:"header-anchor",href:"#customized-header","aria-hidden":"true"},"#")],-1),y=a("p",null,[n("The "),a("code",null,"header"),n(" slot can be used to customize the area where the title is displayed. In order to maintain accessibility, use the "),a("code",null,"title"),n(" attribute in addition to using this slot, or use the "),a("code",null,"titleId"),n(" slot property to specify which element should be read out as the drawer title.")],-1),_=a("p",null,"drawer/customization-header",-1),q=a("h2",{id:"nested-drawer",tabindex:"-1"},[n("Nested Drawer "),a("a",{class:"header-anchor",href:"#nested-drawer","aria-hidden":"true"},"#")],-1),x=a("p",null,[n("You can also have multiple layer of "),a("code",null,"Drawer"),n(" just like "),a("code",null,"Dialog"),n(".")],-1),z=a("p",null,"drawer/nested-drawer",-1),I=o("",13),j='{"title":"Drawer \u62BD\u5C49","description":"","frontmatter":{"title":"Drawer \u62BD\u5C49","lang":"zh-CN"},"headers":[{"level":2,"title":"\u57FA\u7840\u7528\u6CD5","slug":"\u57FA\u7840\u7528\u6CD5"},{"level":2,"title":"\u4E0D\u6DFB\u52A0 Title","slug":"\u4E0D\u6DFB\u52A0-title"},{"level":2,"title":"Customized Content","slug":"customized-content"},{"level":2,"title":"Customized Header","slug":"customized-header"},{"level":2,"title":"Nested Drawer","slug":"nested-drawer"},{"level":2,"title":"Drawer \u5C5E\u6027","slug":"drawer-\u5C5E\u6027"},{"level":2,"title":"Drawer \u63D2\u69FD","slug":"drawer-\u63D2\u69FD"},{"level":2,"title":"Drawer \u65B9\u6CD5","slug":"drawer-\u65B9\u6CD5"},{"level":2,"title":"Drawer \u4E8B\u4EF6","slug":"drawer-\u4E8B\u4EF6"},{"level":2,"title":"\u6E90\u4EE3\u7801","slug":"\u6E90\u4EE3\u7801"},{"level":2,"title":"\u8D21\u732E\u8005","slug":"\u8D21\u732E\u8005"}],"relativePath":"zh-CN/component/drawer.md","lastUpdated":null}',T={},R=Object.assign(T,{setup(P){const t={"../../examples/drawer/basic-usage.vue":c,"../../examples/drawer/customization-content.vue":l,"../../examples/drawer/customization-header.vue":u,"../../examples/drawer/nested-drawer.vue":D,"../../examples/drawer/no-title.vue":r};return(N,O)=>{const p=i("Demo"),C=F;return d(),k("div",null,[A,s(p,{demos:E(t),source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eel-radio-group%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-model%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Edirection%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20pu
|