"use strict";(self["webpackChunklin_cms_vue"]=self["webpackChunklin_cms_vue"]||[]).push([[4214],{44214:function(n,t,e){e.r(t),e.d(t,{default:function(){return F}});var i=e(20641),l=e(90033),o=function(n){return(0,i.Qi)("data-v-006d7503"),n=n(),(0,i.jt)(),n},u={class:"lin-container"},r=o((function(){return(0,i.Lk)("div",{class:"lin-title"},"Notification 通知",-1)})),s={class:"lin-wrap-ui"},a=o((function(){return(0,i.Lk)("div",null,[(0,i.Lk)("span",null,"基础用法")],-1)})),c={style:{"white-space":"pre-wrap"}},p=o((function(){return(0,i.Lk)("div",null,[(0,i.Lk)("span",null,"带有倾向性")],-1)})),f={style:{"white-space":"pre-wrap"}},k=o((function(){return(0,i.Lk)("div",null,[(0,i.Lk)("span",null,"自定义弹出位置")],-1)})),d={style:{"white-space":"pre-wrap"}},m=o((function(){return(0,i.Lk)("div",null,[(0,i.Lk)("span",null,"带有偏移")],-1)})),b={style:{"white-space":"pre-wrap"}},h=o((function(){return(0,i.Lk)("div",null,[(0,i.Lk)("span",null,"使用 HTML 片段")],-1)})),g={style:{"white-space":"pre-wrap"}};function y(n,t,e,o,y,_){var L=(0,i.g2)("el-button"),v=(0,i.g2)("el-row"),F=(0,i.g2)("el-collapse-item"),C=(0,i.g2)("el-collapse"),$=(0,i.g2)("el-card");return(0,i.uX)(),(0,i.CE)("div",u,[r,(0,i.Lk)("div",s,[(0,i.bF)($,{style:{"margin-bottom":"50px"}},{header:(0,i.k6)((function(){return[a]})),default:(0,i.k6)((function(){return[(0,i.bF)(v,null,{default:(0,i.k6)((function(){return[(0,i.Lk)("div",null,[(0,i.Lk)("template",null,[(0,i.bF)(L,{plain:"",onClick:_.open1},{default:(0,i.k6)((function(){return[(0,i.eW)(" 可自动关闭 ")]})),_:1},8,["onClick"]),(0,i.bF)(L,{plain:"",onClick:_.open2},{default:(0,i.k6)((function(){return[(0,i.eW)(" 不会自动关闭 ")]})),_:1},8,["onClick"])])])]})),_:1}),(0,i.bF)(C,null,{default:(0,i.k6)((function(){return[(0,i.bF)(F,{title:"查看代码",name:"2"},{default:(0,i.k6)((function(){return[(0,i.Lk)("div",c,(0,l.v_)(y.base),1)]})),_:1})]})),_:1})]})),_:1}),(0,i.bF)($,{style:{"margin-bottom":"50px"}},{header:(0,i.k6)((function(){return[p]})),default:(0,i.k6)((function(){return[(0,i.bF)(v,null,{default:(0,i.k6)((function(){return[(0,i.Lk)("div",null,[(0,i.Lk)("template",null,[(0,i.bF)(L,{plain:"",onClick:_.open3},{default:(0,i.k6)((function(){return[(0,i.eW)(" 成功 ")]})),_:1},8,["onClick"]),(0,i.bF)(L,{plain:"",onClick:_.open4},{default:(0,i.k6)((function(){return[(0,i.eW)(" 警告 ")]})),_:1},8,["onClick"]),(0,i.bF)(L,{plain:"",onClick:_.open5},{default:(0,i.k6)((function(){return[(0,i.eW)(" 消息 ")]})),_:1},8,["onClick"]),(0,i.bF)(L,{plain:"",onClick:_.open6},{default:(0,i.k6)((function(){return[(0,i.eW)(" 错误 ")]})),_:1},8,["onClick"])])])]})),_:1}),(0,i.bF)(C,{class:"test",style:{color:"red"}},{default:(0,i.k6)((function(){return[(0,i.bF)(F,{title:"查看代码",name:"2"},{default:(0,i.k6)((function(){return[(0,i.Lk)("div",f,(0,l.v_)(y.type),1)]})),_:1})]})),_:1})]})),_:1}),(0,i.bF)($,{style:{"margin-bottom":"50px"}},{header:(0,i.k6)((function(){return[k]})),default:(0,i.k6)((function(){return[(0,i.bF)(v,null,{default:(0,i.k6)((function(){return[(0,i.Lk)("div",null,[(0,i.Lk)("template",null,[(0,i.bF)(L,{plain:"",onClick:_.open7},{default:(0,i.k6)((function(){return[(0,i.eW)(" 右上角 ")]})),_:1},8,["onClick"]),(0,i.bF)(L,{plain:"",onClick:_.open8},{default:(0,i.k6)((function(){return[(0,i.eW)(" 右下角 ")]})),_:1},8,["onClick"]),(0,i.bF)(L,{plain:"",onClick:_.open9},{default:(0,i.k6)((function(){return[(0,i.eW)(" 左下角 ")]})),_:1},8,["onClick"]),(0,i.bF)(L,{plain:"",onClick:_.open10},{default:(0,i.k6)((function(){return[(0,i.eW)(" 左上角 ")]})),_:1},8,["onClick"])])])]})),_:1}),(0,i.bF)(C,{class:"test",style:{color:"red"}},{default:(0,i.k6)((function(){return[(0,i.bF)(F,{title:"查看代码",name:"2"},{default:(0,i.k6)((function(){return[(0,i.Lk)("div",d,(0,l.v_)(y.position),1)]})),_:1})]})),_:1})]})),_:1}),(0,i.bF)($,{style:{"margin-bottom":"50px"}},{header:(0,i.k6)((function(){return[m]})),default:(0,i.k6)((function(){return[(0,i.bF)(v,null,{default:(0,i.k6)((function(){return[(0,i.Lk)("div",null,[(0,i.Lk)("template",null,[(0,i.bF)(L,{plain:"",onClick:_.open},{default:(0,i.k6)((function(){return[(0,i.eW)(" 偏移的消息 ")]})),_:1},8,["onClick"])])])]})),_:1}),(0,i.bF)(C,null,{default:(0,i.k6)((function(){return[(0,i.bF)(F,{title:"查看代码",name:"2"},{default:(0,i.k6)((function(){return[(0,i.Lk)("div",b,(0,l.v_)(y.offset),1)]})),_:1})]})),_:1})]})),_:1}),(0,i.bF)($,{style:{"margin-bottom":"50px"}},{header:(0,i.k6)((function(){return[h]})),default:(0,i.k6)((function(){return[(0,i.bF)(v,null,{default:(0,i.k6)((function(){return[(0,i.Lk)("div",null,[(0,i.Lk)("template",null,[(0,i.bF)(L,{plain:"",onClick:_.open11},{default:(0,i.k6)((function(){return[(0,i.eW)(" 使用 HTML 片段 ")]})),_:1},8,["onClick"])])])]})),_:1}),(0,i.bF)(C,null,{default:(0,i.k6)((function(){return[(0,i.bF)(F,{title:"查看代码",name:"2"},{default:(0,i.k6)((function(){return[(0,i.Lk)("div",g,(0,l.v_)(y.dangerouslyUseHTMLString),1)]})),_:1})]})),_:1})]})),_:1})])])}var _={name:"LinCmsUiButton",components:{},data:function(){return{base:" \n <template>\n <el-button\n plain\n @click=\"open1\">\n 可自动关闭\n </el-button>\n <el-button\n plain\n @click=\"open2\">\n 不会自动关闭\n </el-button>\n </template>\n\n <script>\n export default {\n methods: {\n open1() {\n const h = this.$createElement;\n this.$notify({\n title: '标题名称',\n message: h('i', { style: 'color: teal'}, '这是提示文案这是提示文案这是提示文案这是提示文案这是提示文案这是提示文案这是提示文案这是提示文案')\n });\n },\n\n open2() {\n this.$notify({\n title: '提示',\n message: '这是一条不会自动关闭的消息',\n duration: 0\n });\n }\n }\n }\n <\/script>",type:"\n <template>\n <el-button\n plain\n @click=\"open1\">\n 成功\n </el-button>\n <el-button\n plain\n @click=\"open2\">\n 警告\n </el-button>\n <el-button\n plain\n @click=\"open3\">\n 消息\n </el-button>\n <el-button\n plain\n @click=\"open4\">\n 错误\n </el-button>\n </template>\n <script>\n export default {\n methods: {\n open1() {\n this.$notify({\n title: '成功',\n message: '这是一条成功的提示消息',\n type: 'success'\n });\n },\n\n open2() {\n this.$notify({\n title: '警告',\n message: '这是一条警告的提示消息',\n type: 'warning'\n });\n },\n\n open3() {\n this.$notify.info({\n title: '消息',\n message: '这是一条消息的提示消息'\n });\n },\n\n open4() {\n this.$notify.error({\n title: '错误',\n message: '这是一条错误的提示消息'\n });\n }\n }\n }\n <\/script>",position:"\n <template>\n <el-button\n plain\n @click=\"open1\">\n 右上角\n </el-button>\n <el-button\n plain\n @click=\"open2\">\n 右下角\n </el-button>\n <el-button\n plain\n @click=\"open3\">\n 左下角\n </el-button>\n <el-button\n plain\n @click=\"open4\">\n 左上角\n </el-button>\n </template>\n <script>\n export default {\n methods: {\n open1() {\n this.$notify({\n title: '自定义位置',\n message: '右上角弹出的消息'\n });\n },\n\n open2() {\n this.$notify({\n title: '自定义位置',\n message: '右下角弹出的消息',\n position: 'bottom-right'\n });\n },\n\n open3() {\n this.$notify({\n title: '自定义位置',\n message: '左下角弹出的消息',\n position: 'bottom-left'\n });\n },\n\n open4() {\n this.$notify({\n title: '自定义位置',\n message: '左上角弹出的消息',\n position: 'top-left'\n });\n }\n }\n }\n <\/script>",offset:"\n <template>\n <el-button\n plain\n @click=\"open\">\n 偏移的消息\n </el-button>\n </template>\n <script>\n export default {\n methods: {\n open() {\n this.$notify({\n title: '偏移',\n message: '这是一条带有偏移的提示消息',\n offset: 100\n });\n }\n }\n }\n <\/script>",dangerouslyUseHTMLString:"\n <template>\n <el-button\n plain\n @click=\"open\">\n 使用 HTML 片段\n </el-button>\n </template>\n <script>\n export default {\n methods: {\n open() {\n this.$notify({\n title: 'HTML 片段',\n dangerouslyUseHTMLString: true,\n message: '<strong>这是 <i>HTML</i> 片段</strong>'\n });\n }\n }\n }\n <\/script>"}},computed:{},watch:{},mounted:function(){this.init()},methods:{open:function(){this.$notify({title:"偏移",message:"这是一条带有偏移的提示消息",offset:100})},open1:function(){var n=this.$createElement;this.$notify({title:"标题名称",message:n("i",{style:"color: #3963BC"},"这是提示文案这是提示文案这是提示文案这是提示文案这是提示文案这是提示文案这是提示文案这是提示文案")})},open2:function(){this.$notify({title:"提示",message:"这是一条不会自动关闭的消息",duration:0})},open3:function(){this.$notify({title:"成功",message:"这是一条成功的提示消息",type:"success"})},open4:function(){this.$notify({title:"警告",message:"这是一条警告的提示消息",type:"warning"})},open5:function(){this.$notify.info({title:"消息",message:"这是一条消息的提示消息"})},open6:function(){this.$notify.error({title:"错误",message:"这是一条错误的提示消息"})},open7:function(){this.$notify({title:"自定义位置",message:"右上角弹出的消息"})},open8:function(){this.$notify({title:"自定义位置",message:"右下角弹出的消息",position:"bottom-right"})},open9:function(){this.$notify({title:"自定义位置",message:"左下角弹出的消息",position:"bottom-left"})},open10:function(){this.$notify({title:"自定义位置",message:"左上角弹出的消息",position:"top-left"})},open11:function(){this.$notify({title:"HTML 片段",dangerouslyUseHTMLString:!0,message:"<strong>这是 <i>HTML</i> 片段</strong>"})},init:function(){}}},L=e(66262);const v=(0,L.A)(_,[["render",y],["__scopeId","data-v-006d7503"]]);var F=v}}]);
|
