"use strict";(self["webpackChunklin_cms_vue"]=self["webpackChunklin_cms_vue"]||[]).push([[5460],{35460:function(e,t,l){l.r(t),l.d(t,{default:function(){return I}});var n=l(20641),a=l(90033);const i=e=>((0,n.Qi)("data-v-7e2d6e70"),e=e(),(0,n.jt)(),e),r={class:"lin-container"},s=i((()=>(0,n.Lk)("div",{class:"lin-title"},"Alert 警告",-1))),o={class:"lin-wrap-ui"},c=i((()=>(0,n.Lk)("div",{slot:"header"},[(0,n.Lk)("span",null,"基础用法")],-1))),p={style:{"white-space":"pre-wrap"}},d=i((()=>(0,n.Lk)("div",{slot:"header"},[(0,n.Lk)("span",null,"主题")],-1))),u={style:{"white-space":"pre-wrap"}},k=i((()=>(0,n.Lk)("div",{slot:"header"},[(0,n.Lk)("span",null,"自定义关闭按钮")],-1))),f={style:{"white-space":"pre-wrap"}},b=i((()=>(0,n.Lk)("div",{slot:"header"},[(0,n.Lk)("span",null,"带有 icon")],-1))),y={style:{"white-space":"pre-wrap"}},w=i((()=>(0,n.Lk)("div",{slot:"header"},[(0,n.Lk)("span",null,"文字居中")],-1))),h={style:{"white-space":"pre-wrap"}},F=i((()=>(0,n.Lk)("div",{slot:"header"},[(0,n.Lk)("span",null,"带有辅助性文字介绍")],-1))),m={style:{"white-space":"pre-wrap"}},_=i((()=>(0,n.Lk)("div",{slot:"header"},[(0,n.Lk)("span",null,"带有 icon 和辅助性文字介绍")],-1))),v={style:{"white-space":"pre-wrap"}};function L(e,t,l,i,L,g){const x=(0,n.g2)("el-alert"),C=(0,n.g2)("el-row"),I=(0,n.g2)("el-collapse-item"),A=(0,n.g2)("el-collapse"),H=(0,n.g2)("el-card");return(0,n.uX)(),(0,n.CE)("div",r,[s,(0,n.Lk)("div",o,[(0,n.bF)(H,{style:{"margin-bottom":"50px"}},{default:(0,n.k6)((()=>[c,(0,n.bF)(C,null,{default:(0,n.k6)((()=>[(0,n.Lk)("div",null,[(0,n.bF)(x,{title:"成功提示的文案",type:"success"}),(0,n.bF)(x,{title:"消息提示的文案",type:"info"}),(0,n.bF)(x,{title:"警告提示的文案",type:"warning"}),(0,n.bF)(x,{title:"错误提示的文案",type:"error"})])])),_:1}),(0,n.bF)(A,null,{default:(0,n.k6)((()=>[(0,n.bF)(I,{title:"查看代码",name:"2"},{default:(0,n.k6)((()=>[(0,n.Lk)("div",p,(0,a.v_)(L.base),1)])),_:1})])),_:1})])),_:1}),(0,n.bF)(H,{style:{"margin-bottom":"50px"}},{default:(0,n.k6)((()=>[d,(0,n.bF)(C,null,{default:(0,n.k6)((()=>[(0,n.Lk)("div",null,[(0,n.Lk)("template",null,[(0,n.bF)(x,{title:"成功提示的文案",type:"success",effect:"dark"}),(0,n.bF)(x,{title:"消息提示的文案",type:"info",effect:"dark"}),(0,n.bF)(x,{title:"警告提示的文案",type:"warning",effect:"dark"}),(0,n.bF)(x,{title:"错误提示的文案",type:"error",effect:"dark"})])])])),_:1}),(0,n.bF)(A,{class:"test",style:{color:"red"}},{default:(0,n.k6)((()=>[(0,n.bF)(I,{title:"查看代码",name:"2"},{default:(0,n.k6)((()=>[(0,n.Lk)("div",u,(0,a.v_)(L.effect),1)])),_:1})])),_:1})])),_:1}),(0,n.bF)(H,{style:{"margin-bottom":"50px"}},{default:(0,n.k6)((()=>[k,(0,n.bF)(C,null,{default:(0,n.k6)((()=>[(0,n.Lk)("div",null,[(0,n.Lk)("template",null,[(0,n.bF)(x,{title:"不可关闭的 alert",type:"success",closable:!1}),(0,n.bF)(x,{title:"自定义 close-text",type:"info","close-text":"知道了"}),(0,n.bF)(x,{title:"设置了回调的 alert",type:"warning",onClose:g.hello},null,8,["onClose"])])])])),_:1}),(0,n.bF)(A,{class:"test",style:{color:"red"}},{default:(0,n.k6)((()=>[(0,n.bF)(I,{title:"查看代码",name:"2"},{default:(0,n.k6)((()=>[(0,n.Lk)("div",f,(0,a.v_)(L.close),1)])),_:1})])),_:1})])),_:1}),(0,n.bF)(H,{style:{"margin-bottom":"50px"}},{default:(0,n.k6)((()=>[b,(0,n.bF)(C,null,{default:(0,n.k6)((()=>[(0,n.Lk)("div",null,[(0,n.Lk)("template",null,[(0,n.bF)(x,{title:"成功提示的文案",type:"success","show-icon":""}),(0,n.bF)(x,{title:"消息提示的文案",type:"info","show-icon":""}),(0,n.bF)(x,{title:"警告提示的文案",type:"warning","show-icon":""}),(0,n.bF)(x,{title:"错误提示的文案",type:"error","show-icon":""})])])])),_:1}),(0,n.bF)(A,null,{default:(0,n.k6)((()=>[(0,n.bF)(I,{title:"查看代码",name:"2"},{default:(0,n.k6)((()=>[(0,n.Lk)("div",y,(0,a.v_)(L.showIcon),1)])),_:1})])),_:1})])),_:1}),(0,n.bF)(H,{style:{"margin-bottom":"50px"}},{default:(0,n.k6)((()=>[w,(0,n.bF)(C,null,{default:(0,n.k6)((()=>[(0,n.Lk)("div",null,[(0,n.Lk)("template",null,[(0,n.bF)(x,{title:"成功提示的文案",type:"success",center:"","show-icon":""}),(0,n.bF)(x,{title:"消息提示的文案",type:"info",center:"","show-icon":""}),(0,n.bF)(x,{title:"警告提示的文案",type:"warning",center:"","show-icon":""}),(0,n.bF)(x,{title:"错误提示的文案",type:"error",center:"","show-icon":""})])])])),_:1}),(0,n.bF)(A,null,{default:(0,n.k6)((()=>[(0,n.bF)(I,{title:"查看代码",name:"2"},{default:(0,n.k6)((()=>[(0,n.Lk)("div",h,(0,a.v_)(L.center),1)])),_:1})])),_:1})])),_:1}),(0,n.bF)(H,{style:{"margin-bottom":"50px"}},{default:(0,n.k6)((()=>[F,(0,n.bF)(C,null,{default:(0,n.k6)((()=>[(0,n.Lk)("div",null,[(0,n.Lk)("template",null,[(0,n.bF)(x,{title:"带辅助性文字介绍",type:"success",description:"这是一句绕口令：黑灰化肥会挥发发灰黑化肥挥发；灰黑化肥会挥发发黑灰化肥发挥。 黑灰化肥会挥发发灰黑化肥黑灰挥发化为灰……"})])])])),_:1}),(0,n.bF)(A,null,{default:(0,n.k6)((()=>[(0,n.bF)(I,{title:"查看代码",name:"2"},{default:(0,n.k6)((()=>[(0,n.Lk)("div",m,(0,a.v_)(L.description),1)])),_:1})])),_:1})])),_:1}),(0,n.bF)(H,{style:{"margin-bottom":"50px"}},{default:(0,n.k6)((()=>[_,(0,n.bF)(C,null,{default:(0,n.k6)((()=>[(0,n.Lk)("div",null,[(0,n.Lk)("template",null,[(0,n.bF)(x,{title:"成功提示的文案",type:"success",description:"文字说明文字说明文字说明文字说明文字说明文字说明","show-icon":""}),(0,n.bF)(x,{title:"消息提示的文案",type:"info",description:"文字说明文字说明文字说明文字说明文字说明文字说明","show-icon":""}),(0,n.bF)(x,{title:"警告提示的文案",type:"warning",description:"文字说明文字说明文字说明文字说明文字说明文字说明","show-icon":""}),(0,n.bF)(x,{title:"错误提示的文案",type:"error",description:"文字说明文字说明文字说明文字说明文字说明文字说明","show-icon":""})])])])),_:1}),(0,n.bF)(A,null,{default:(0,n.k6)((()=>[(0,n.bF)(I,{title:"查看代码",name:"2"},{default:(0,n.k6)((()=>[(0,n.Lk)("div",v,(0,a.v_)(L.descriptionAndShowIcon),1)])),_:1})])),_:1})])),_:1})])])}var g={name:"LinCmsUiButton",components:{},data(){return{text:"",base:' \n <template>\n <el-alert\n title="成功提示的文案"\n type="success">\n </el-alert>\n <el-alert\n title="消息提示的文案"\n type="info">\n </el-alert>\n <el-alert\n title="警告提示的文案"\n type="warning">\n </el-alert>\n <el-alert\n title="错误提示的文案"\n type="error">\n </el-alert>\n </template>',effect:'\n <template>\n <el-alert\n title="成功提示的文案"\n type="success"\n effect="dark">\n </el-alert>\n <el-alert\n title="消息提示的文案"\n type="info"\n effect="dark">\n </el-alert>\n <el-alert\n title="警告提示的文案"\n type="warning"\n effect="dark">\n </el-alert>\n <el-alert\n title="错误提示的文案"\n type="error"\n effect="dark">\n </el-alert>\n </template>',close:'\n <template>\n <el-alert\n title="不可关闭的 alert"\n type="success"\n :closable="false">\n </el-alert>\n <el-alert\n title="自定义 close-text"\n type="info"\n close-text="知道了">\n </el-alert>\n <el-alert\n title="设置了回调的 alert"\n type="warning"\n @close="hello">\n </el-alert>\n </template>\n <script>\n export default {\n methods: {\n hello() {\n alert(\'Hello World!\');\n }\n }\n }\n <\/script>',showIcon:'\n <template>\n <el-alert\n title="成功提示的文案"\n type="success"\n show-icon>\n </el-alert>\n <el-alert\n title="消息提示的文案"\n type="info"\n show-icon>\n </el-alert>\n <el-alert\n title="警告提示的文案"\n type="warning"\n show-icon>\n </el-alert>\n <el-alert\n title="错误提示的文案"\n type="error"\n show-icon>\n </el-alert>\n </template>',center:'\n <template>\n <el-alert\n title="成功提示的文案"\n type="success"\n center\n show-icon>\n </el-alert>\n <el-alert\n title="消息提示的文案"\n type="info"\n center\n show-icon>\n </el-alert>\n <el-alert\n title="警告提示的文案"\n type="warning"\n center\n show-icon>\n </el-alert>\n <el-alert\n title="错误提示的文案"\n type="error"\n center\n show-icon>\n </el-alert>\n </template>',description:'\n <template>\n <el-alert\n title="带辅助性文字介绍"\n type="success"\n description="这是一句绕口令：黑灰化肥会挥发发灰黑化肥挥发；灰黑化肥会挥发发黑灰化肥发挥。 黑灰化肥会挥发发灰黑化肥黑灰挥发化为灰……">\n </el-alert>\n </template>',descriptionAndShowIcon:'\n <template>\n <el-alert\n title="成功提示的文案"\n type="success"\n description="文字说明文字说明文字说明文字说明文字说明文字说明"\n show-icon>\n </el-alert>\n <el-alert\n title="消息提示的文案"\n type="info"\n description="文字说明文字说明文字说明文字说明文字说明文字说明"\n show-icon>\n </el-alert>\n <el-alert\n title="警告提示的文案"\n type="warning"\n description="文字说明文字说明文字说明文字说明文字说明文字说明"\n show-icon>\n </el-alert>\n <el-alert\n title="错误提示的文案"\n type="error"\n description="文字说明文字说明文字说明文字说明文字说明文字说明"\n show-icon>\n </el-alert>\n </template>'}},computed:{},watch:{},mounted(){this.init()},methods:{hello(){alert("Hello World!")},init(){}}},x=l(66262);const C=(0,x.A)(g,[["render",L],["__scopeId","data-v-7e2d6e70"]]);var I=C}}]);
|
