"use strict";(self["webpackChunklin_cms_vue"]=self["webpackChunklin_cms_vue"]||[]).push([[3327],{53327:function(e,n,t){t.r(n),t.d(n,{default:function(){return y}});var l=t(20641),s=t(90033);const a=e=>((0,l.Qi)("data-v-430766e5"),e=e(),(0,l.jt)(),e),o={class:"lin-container"},i=a((()=>(0,l.Lk)("div",{class:"lin-title"},"Message 消息提示",-1))),p={class:"lin-wrap-ui"},u=a((()=>(0,l.Lk)("div",{slot:"header"},[(0,l.Lk)("span",null,"基础用法")],-1))),r={style:{"white-space":"pre-wrap"}},c=a((()=>(0,l.Lk)("div",{slot:"header"},[(0,l.Lk)("span",null,"不同状态")],-1))),k={style:{"white-space":"pre-wrap"}},m=a((()=>(0,l.Lk)("div",{slot:"header"},[(0,l.Lk)("span",null,"可关闭")],-1))),d={style:{"white-space":"pre-wrap"}},g=a((()=>(0,l.Lk)("div",{slot:"header"},[(0,l.Lk)("span",null,"文字居中")],-1))),b={style:{"white-space":"pre-wrap"}},h=a((()=>(0,l.Lk)("div",{slot:"header"},[(0,l.Lk)("span",null,"使用 HTML 片段")],-1))),C={style:{"white-space":"pre-wrap"}};function f(e,n,t,a,f,_){const L=(0,l.g2)("el-button"),F=(0,l.g2)("el-row"),y=(0,l.g2)("el-collapse-item"),v=(0,l.g2)("el-collapse"),w=(0,l.g2)("el-card");return(0,l.uX)(),(0,l.CE)("div",o,[i,(0,l.Lk)("div",p,[(0,l.bF)(w,{style:{"margin-bottom":"50px"}},{default:(0,l.k6)((()=>[u,(0,l.bF)(F,null,{default:(0,l.k6)((()=>[(0,l.Lk)("div",null,[(0,l.Lk)("template",null,[(0,l.bF)(L,{plain:!0,onClick:_.open},{default:(0,l.k6)((()=>[(0,l.eW)("打开消息提示")])),_:1},8,["onClick"]),(0,l.bF)(L,{plain:!0,onClick:_.openVn},{default:(0,l.k6)((()=>[(0,l.eW)("VNode")])),_:1},8,["onClick"])])])])),_:1}),(0,l.bF)(v,null,{default:(0,l.k6)((()=>[(0,l.bF)(y,{title:"查看代码",name:"2"},{default:(0,l.k6)((()=>[(0,l.Lk)("div",r,(0,s.v_)(f.base),1)])),_:1})])),_:1})])),_:1}),(0,l.bF)(w,{style:{"margin-bottom":"50px"}},{default:(0,l.k6)((()=>[c,(0,l.bF)(F,null,{default:(0,l.k6)((()=>[(0,l.Lk)("div",null,[(0,l.Lk)("template",null,[(0,l.bF)(L,{plain:!0,onClick:_.open2},{default:(0,l.k6)((()=>[(0,l.eW)("成功")])),_:1},8,["onClick"]),(0,l.bF)(L,{plain:!0,onClick:_.open3},{default:(0,l.k6)((()=>[(0,l.eW)("警告")])),_:1},8,["onClick"]),(0,l.bF)(L,{plain:!0,onClick:_.open1},{default:(0,l.k6)((()=>[(0,l.eW)("消息")])),_:1},8,["onClick"]),(0,l.bF)(L,{plain:!0,onClick:_.open4},{default:(0,l.k6)((()=>[(0,l.eW)("错误")])),_:1},8,["onClick"])])])])),_:1}),(0,l.bF)(v,{class:"test",style:{color:"red"}},{default:(0,l.k6)((()=>[(0,l.bF)(y,{title:"查看代码",name:"2"},{default:(0,l.k6)((()=>[(0,l.Lk)("div",k,(0,s.v_)(f.type),1)])),_:1})])),_:1})])),_:1}),(0,l.bF)(w,{style:{"margin-bottom":"50px"}},{default:(0,l.k6)((()=>[m,(0,l.bF)(F,null,{default:(0,l.k6)((()=>[(0,l.Lk)("div",null,[(0,l.Lk)("template",null,[(0,l.bF)(L,{plain:!0,onClick:_.open5},{default:(0,l.k6)((()=>[(0,l.eW)("消息")])),_:1},8,["onClick"]),(0,l.bF)(L,{plain:!0,onClick:_.open6},{default:(0,l.k6)((()=>[(0,l.eW)("成功")])),_:1},8,["onClick"]),(0,l.bF)(L,{plain:!0,onClick:_.open7},{default:(0,l.k6)((()=>[(0,l.eW)("警告")])),_:1},8,["onClick"]),(0,l.bF)(L,{plain:!0,onClick:_.open8},{default:(0,l.k6)((()=>[(0,l.eW)("错误")])),_:1},8,["onClick"])])])])),_:1}),(0,l.bF)(v,{class:"test",style:{color:"red"}},{default:(0,l.k6)((()=>[(0,l.bF)(y,{title:"查看代码",name:"2"},{default:(0,l.k6)((()=>[(0,l.Lk)("div",d,(0,s.v_)(f.showClose),1)])),_:1})])),_:1})])),_:1}),(0,l.bF)(w,{style:{"margin-bottom":"50px"}},{default:(0,l.k6)((()=>[g,(0,l.bF)(F,null,{default:(0,l.k6)((()=>[(0,l.Lk)("div",null,[(0,l.Lk)("template",null,[(0,l.bF)(L,{plain:!0,onClick:_.openCenter},{default:(0,l.k6)((()=>[(0,l.eW)("文字居中")])),_:1},8,["onClick"])])])])),_:1}),(0,l.bF)(v,null,{default:(0,l.k6)((()=>[(0,l.bF)(y,{title:"查看代码",name:"2"},{default:(0,l.k6)((()=>[(0,l.Lk)("div",b,(0,s.v_)(f.center),1)])),_:1})])),_:1})])),_:1}),(0,l.bF)(w,{style:{"margin-bottom":"50px"}},{default:(0,l.k6)((()=>[h,(0,l.bF)(F,null,{default:(0,l.k6)((()=>[(0,l.Lk)("div",null,[(0,l.Lk)("template",null,[(0,l.bF)(L,{plain:!0,onClick:_.openHTML},{default:(0,l.k6)((()=>[(0,l.eW)("使用 HTML 片段")])),_:1},8,["onClick"])])])])),_:1}),(0,l.bF)(v,null,{default:(0,l.k6)((()=>[(0,l.bF)(y,{title:"查看代码",name:"2"},{default:(0,l.k6)((()=>[(0,l.Lk)("div",C,(0,s.v_)(f.dangerouslyUseHTMLString),1)])),_:1})])),_:1})])),_:1})])])}var _={name:"LinCmsUiButton",components:{},data(){return{base:" \n <template>\n <el-button :plain=\"true\" @click=\"open\">打开消息提示</el-button>\n <el-button :plain=\"true\" @click=\"openVn\">VNode</el-button>\n </template>\n\n <script>\n export default {\n methods: {\n open() {\n this.$message('这是一条消息提示')\n },\n\n openVn() {\n const h = this.$createElement\n this.$message({\n message: h('p', null, [\n h('span', null, '内容可以是 '),\n h('i', { style: 'color: teal' }, 'VNode')\n ])\n })\n }\n }\n }\n <\/script>",type:'\n <template>\n <el-button :plain="true" @click="open2">成功</el-button>\n <el-button :plain="true" @click="open3">警告</el-button>\n <el-button :plain="true" @click="open1">消息</el-button>\n <el-button :plain="true" @click="open4">错误</el-button>\n </template>\n\n <script>\n export default {\n methods: {\n open1() {\n this.$message(\'这是一条消息提示\')\n },\n open2() {\n this.$message({\n message: \'恭喜你，这是一条成功消息\',\n type: \'success\'\n })\n },\n\n open3() {\n this.$message({\n message: \'警告哦，这是一条警告消息\',\n type: \'warning\'\n });\n },\n\n open4() {\n this.$message.error(\'错了哦，这是一条错误消息\');\n }\n }\n }\n <\/script>',showClose:'\n <template>\n <el-button :plain="true" @click="open1">消息</el-button>\n <el-button :plain="true" @click="open2">成功</el-button>\n <el-button :plain="true" @click="open3">警告</el-button>\n <el-button :plain="true" @click="open4">错误</el-button>\n </template>\n\n <script>\n export default {\n methods: {\n open1() {\n this.$message({\n showClose: true,\n message: \'这是一条消息提示\'\n });\n },\n\n open2() {\n this.$message({\n showClose: true,\n message: \'恭喜你，这是一条成功消息\',\n type: \'success\'\n });\n },\n\n open3() {\n this.$message({\n showClose: true,\n message: \'警告哦，这是一条警告消息\',\n type: \'warning\'\n });\n },\n\n open4() {\n this.$message({\n showClose: true,\n message: \'错了哦，这是一条错误消息\',\n type: \'error\'\n });\n }\n }\n }\n <\/script>',center:'\n <template>\n <el-button :plain="true" @click="openCenter">文字居中</el-button>\n </template>\n\n <script>\n export default {\n methods: {\n openCenter() {\n this.$message({\n message: \'居中的文字\',\n center: true\n });\n }\n }\n }\n <\/script>\n ',dangerouslyUseHTMLString:'\n <template>\n <el-button :plain="true" @click="openHTML">使用 HTML 片段</el-button>\n </template>\n\n <script>\n export default {\n methods: {\n openHTML() {\n this.$message({\n dangerouslyUseHTMLString: true,\n message: \'<strong>这是 <i>HTML</i> 片段</strong>\'\n });\n }\n }\n }\n <\/script>'}},computed:{},watch:{},mounted(){this.init()},methods:{openHTML(){this.$message({dangerouslyUseHTMLString:!0,message:"<strong>这是 <i>HTML</i> 片段</strong>"})},openCenter(){this.$message({message:"居中的文字",center:!0})},open(){this.$message("这是一条消息提示")},openVn(){const e=this.$createElement;this.$message({message:e("p",null,[e("span",{style:"color: #3963BC"},"内容可以是 "),e("i",{style:"color: #3963BC"},"VNode")])})},open1(){this.$message("这是一条消息提示")},open2(){this.$message({message:"恭喜你，这是一条成功消息",type:"success"})},open3(){this.$message({message:"警告哦，这是一条警告消息",type:"warning"})},open4(){this.$message.error("错了哦，这是一条错误消息")},open5(){this.$message({showClose:!0,message:"这是一条消息提示"})},open6(){this.$message({showClose:!0,message:"恭喜你，这是一条成功消息",type:"success"})},open7(){this.$message({showClose:!0,message:"警告哦，这是一条警告消息",type:"warning"})},open8(){this.$message({showClose:!0,message:"错了哦，这是一条错误消息",type:"error"})},init(){}}},L=t(66262);const F=(0,L.A)(_,[["render",f],["__scopeId","data-v-430766e5"]]);var y=F}}]);
|
