"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}}]);
//# sourceMappingURL=3327-legacy.65ba69c1.js.map