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