(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-89d157da"],{"1a33":function(t,n,e){"use strict";var i=e("2784"),o=e.n(i);o.a},2784:function(t,n,e){},eb7a:function(t,n,e){"use strict";e.r(n);var i=function(){var t=this,n=t.$createElement,e=t._self._c||n;return e("div",{staticClass:"lin-container"},[e("div",{staticClass:"lin-title"},[t._v("Notification 通知")]),e("div",{staticClass:"lin-wrap-ui"},[e("el-card",{staticStyle:{"margin-bottom":"50px"}},[e("div",{attrs:{slot:"header"},slot:"header"},[e("span",[t._v("基础用法")])]),e("el-row",[e("div",[[e("el-button",{attrs:{plain:""},on:{click:t.open1}},[t._v(" 可自动关闭 ")]),e("el-button",{attrs:{plain:""},on:{click:t.open2}},[t._v(" 不会自动关闭 ")])]],2)]),e("el-collapse",[e("el-collapse-item",{attrs:{title:"查看代码",name:"2"}},[e("div",{staticStyle:{"white-space":"pre-wrap"}},[t._v(t._s(t.base))])])],1)],1),e("el-card",{staticStyle:{"margin-bottom":"50px"}},[e("div",{attrs:{slot:"header"},slot:"header"},[e("span",[t._v("带有倾向性")])]),e("el-row",[e("div",[[e("el-button",{attrs:{plain:""},on:{click:t.open3}},[t._v(" 成功 ")]),e("el-button",{attrs:{plain:""},on:{click:t.open4}},[t._v(" 警告 ")]),e("el-button",{attrs:{plain:""},on:{click:t.open5}},[t._v(" 消息 ")]),e("el-button",{attrs:{plain:""},on:{click:t.open6}},[t._v(" 错误 ")])]],2)]),e("el-collapse",{staticClass:"test",staticStyle:{color:"red"}},[e("el-collapse-item",{attrs:{title:"查看代码",name:"2"}},[e("div",{staticStyle:{"white-space":"pre-wrap"}},[t._v(t._s(t.type))])])],1)],1),e("el-card",{staticStyle:{"margin-bottom":"50px"}},[e("div",{attrs:{slot:"header"},slot:"header"},[e("span",[t._v("自定义弹出位置")])]),e("el-row",[e("div",[[e("el-button",{attrs:{plain:""},on:{click:t.open7}},[t._v(" 右上角 ")]),e("el-button",{attrs:{plain:""},on:{click:t.open8}},[t._v(" 右下角 ")]),e("el-button",{attrs:{plain:""},on:{click:t.open9}},[t._v(" 左下角 ")]),e("el-button",{attrs:{plain:""},on:{click:t.open10}},[t._v(" 左上角 ")])]],2)]),e("el-collapse",{staticClass:"test",staticStyle:{color:"red"}},[e("el-collapse-item",{attrs:{title:"查看代码",name:"2"}},[e("div",{staticStyle:{"white-space":"pre-wrap"}},[t._v(t._s(t.position))])])],1)],1),e("el-card",{staticStyle:{"margin-bottom":"50px"}},[e("div",{attrs:{slot:"header"},slot:"header"},[e("span",[t._v("带有偏移")])]),e("el-row",[e("div",[[e("el-button",{attrs:{plain:""},on:{click:t.open}},[t._v(" 偏移的消息 ")])]],2)]),e("el-collapse",[e("el-collapse-item",{attrs:{title:"查看代码",name:"2"}},[e("div",{staticStyle:{"white-space":"pre-wrap"}},[t._v(t._s(t.offset))])])],1)],1),e("el-card",{staticStyle:{"margin-bottom":"50px"}},[e("div",{attrs:{slot:"header"},slot:"header"},[e("span",[t._v("使用 HTML 片段")])]),e("el-row",[e("div",[[e("el-button",{attrs:{plain:""},on:{click:t.open11}},[t._v(" 使用 HTML 片段 ")])]],2)]),e("el-collapse",[e("el-collapse-item",{attrs:{title:"查看代码",name:"2"}},[e("div",{staticStyle:{"white-space":"pre-wrap"}},[t._v(t._s(t.dangerouslyUseHTMLString))])])],1)],1)],1)])},o=[],s={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 t=this.$createElement;this.$notify({title:"标题名称",message:t("i",{style:"color: #86B3F1"},"这是提示文案这是提示文案这是提示文案这是提示文案这是提示文案这是提示文案这是提示文案这是提示文案")})},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=s,a=(e("1a33"),e("2877")),p=Object(a["a"])(l,i,o,!1,null,"1d0281a4",null);n["default"]=p.exports}}]);