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