| 1 |
- import{c as o}from"./mobile.91b56ad5.js";import{a as t,s,x as e,r as i,o as h,c as l,f as n,q as a,j as w}from"./vendor.80bf15c7.js";import"./index.11b19ad8.js";const{createDemo:p}=o("popup");var c=p({props:{},setup:()=>({state:t({showBasic:!1,showTop:!1,showBottom:!1,showLeft:!1,showRight:!1,showIcon:!1,showIconPosition:!1,showCloseIcon:!1,showRound:!1,showCombination:!1})})});const d=a("data-v-55e6eb86");s("data-v-55e6eb86");const u={class:"demo"},r=n("h2",null,"基础用法",-1),k=w("正文"),m=n("h2",null,"弹出位置",-1),b=n("h2",null,"关闭图标",-1),C=n("h2",null,"圆角弹框",-1),g=n("h2",null,"指定挂载节点",-1),f=w("app");e();const I=d(((o,t,s,e,a,w)=>{const p=i("nut-cell"),c=i("nut-popup");return h(),l("div",u,[r,n(p,{title:"展示弹出层","is-link":"",onClick:t[1]||(t[1]=t=>o.state.showBasic=!0)}),n(c,{popClass:"popclass",style:{padding:"30px 50px"},show:o.state.showBasic,"onUpdate:show":t[2]||(t[2]=t=>o.state.showBasic=t)},{default:d((()=>[k])),_:1},8,["show"]),m,n(p,{title:"顶部弹出","is-link":"",onClick:t[3]||(t[3]=t=>o.state.showTop=!0)}),n(c,{position:"top",style:{height:"20%"},show:o.state.showTop,"onUpdate:show":t[4]||(t[4]=t=>o.state.showTop=t)},null,8,["show"]),n(p,{title:"底部弹出","is-link":"",onClick:t[5]||(t[5]=t=>o.state.showBottom=!0)}),n(c,{position:"bottom",style:{height:"20%"},show:o.state.showBottom,"onUpdate:show":t[6]||(t[6]=t=>o.state.showBottom=t)},null,8,["show"]),n(p,{title:"左侧弹出","is-link":"",onClick:t[7]||(t[7]=t=>o.state.showLeft=!0)}),n(c,{position:"left",style:{width:"20%",height:"100%"},show:o.state.showLeft,"onUpdate:show":t[8]||(t[8]=t=>o.state.showLeft=t)},null,8,["show"]),n(p,{title:"右侧弹出","is-link":"",onClick:t[9]||(t[9]=t=>o.state.showRight=!0)}),n(c,{position:"right",style:{width:"20%",height:"100%"},show:o.state.showRight,"onUpdate:show":t[10]||(t[10]=t=>o.state.showRight=t)},null,8,["show"]),b,n(p,{title:"关闭图标","is-link":"",onClick:t[11]||(t[11]=t=>o.state.showIcon=!0)}),n(c,{position:"bottom",closeable:"",style:{height:"20%"},show:o.state.showIcon,"onUpdate:show":t[12]||(t[12]=t=>o.state.showIcon=t)},null,8,["show"]),n(p,{title:"图标位置","is-link":"",onClick:t[13]||(t[13]=t=>o.state.showIconPosition=!0)}),n(c,{position:"bottom",closeable:"","close-icon-position":"top-left",style:{height:"20%"},show:o.state.showIconPosition,"onUpdate:show":t[14]||(t[14]=t=>o.state.showIconPosition=t)},null,8,["show"]),n(p,{title:"自定义图标","is-link":"",onClick:t[15]||(t[15]=t=>o.state.showCloseIcon=!0)}),n(c,{position:"bottom",closeable:"","close-icon-position":"top-left","close-icon":"heart",style:{height:"20%"},show:o.state.showCloseIcon,"onUpdate:show":t[16]||(t[16]=t=>o.state.showCloseIcon=t)},null,8,["show"]),C,n(p,{title:"圆角弹框","is-link":"",onClick:t[17]||(t[17]=t=>o.state.showRound=!0)}),n(c,{position:"bottom",closeable:"",round:"",style:{height:"30%"},show:o.state.showRound,"onUpdate:show":t[18]||(t[18]=t=>o.state.showRound=t)},null,8,["show"]),g,n(p,{title:"指定挂载节点","is-link":"",onClick:t[19]||(t[19]=t=>o.state.showTeleport=!0)}),n(c,{style:{padding:"30px 50px"},teleport:"#app",show:o.state.showTeleport,"onUpdate:show":t[20]||(t[20]=t=>o.state.showTeleport=t)},{default:d((()=>[f])),_:1},8,["show"])])}));c.render=I,c.__scopeId="data-v-55e6eb86";export default c;
|
