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