"use strict";(self["webpackChunklin_cms_vue"]=self["webpackChunklin_cms_vue"]||[]).push([[7969],{7969:function(n,e,a){a.r(e),a.d(e,{default:function(){return k}});var t=a(20641),l=a(90033),d=function(n){return(0,t.Qi)("data-v-f407735c"),n=n(),(0,t.jt)(),n},r={class:"lin-container"},i=d((function(){return(0,t.Lk)("div",{class:"lin-title"},"Loading 加载",-1)})),o={class:"lin-wrap-ui loadingDemo"},u=d((function(){return(0,t.Lk)("div",{slot:"header"},[(0,t.Lk)("span",null,"基础用法")],-1)})),s={style:{"white-space":"pre-wrap"}},b=d((function(){return(0,t.Lk)("div",{slot:"header"},[(0,t.Lk)("span",null,"不同状态")],-1)})),c={style:{"white-space":"pre-wrap"}};function m(n,e,a,d,m,p){var g=(0,t.g2)("el-table-column"),f=(0,t.g2)("el-table"),k=(0,t.g2)("el-row"),v=(0,t.g2)("el-collapse-item"),h=(0,t.g2)("el-collapse"),w=(0,t.g2)("el-card"),_=(0,t.gN)("loading");return(0,t.uX)(),(0,t.CE)("div",r,[i,(0,t.Lk)("div",o,[(0,t.bF)(w,{style:{"margin-bottom":"50px"}},{default:(0,t.k6)((function(){return[u,(0,t.bF)(k,null,{default:(0,t.k6)((function(){return[(0,t.Lk)("div",null,[(0,t.bo)(((0,t.uX)(),(0,t.Wv)(f,{data:m.tableData,style:{width:"100%"}},{default:(0,t.k6)((function(){return[(0,t.bF)(g,{prop:"date",label:"日期",width:"180"}),(0,t.bF)(g,{prop:"name",label:"姓名",width:"180"}),(0,t.bF)(g,{prop:"address",label:"地址"})]})),_:1},8,["data"])),[[_,m.loading]])])]})),_:1}),(0,t.bF)(h,null,{default:(0,t.k6)((function(){return[(0,t.bF)(v,{title:"查看代码",name:"2"},{default:(0,t.k6)((function(){return[(0,t.Lk)("div",s,(0,l.v_)(m.base),1)]})),_:1})]})),_:1})]})),_:1}),(0,t.bF)(w,{style:{"margin-bottom":"50px"}},{default:(0,t.k6)((function(){return[b,(0,t.bF)(k,null,{default:(0,t.k6)((function(){return[(0,t.Lk)("div",null,[(0,t.Lk)("template",null,[(0,t.bo)(((0,t.uX)(),(0,t.Wv)(f,{"element-loading-text":"拼命加载中","element-loading-spinner":"el-icon-loading","element-loading-background":"rgba(0, 0, 0, 0.8)",data:m.tableData1,style:{width:"100%"}},{default:(0,t.k6)((function(){return[(0,t.bF)(g,{prop:"date",label:"日期",width:"180"}),(0,t.bF)(g,{prop:"name",label:"姓名",width:"180"}),(0,t.bF)(g,{prop:"address",label:"地址"})]})),_:1},8,["data"])),[[_,m.loading1]])])])]})),_:1}),(0,t.bF)(h,{class:"test",style:{color:"red"}},{default:(0,t.k6)((function(){return[(0,t.bF)(v,{title:"查看代码",name:"2"},{default:(0,t.k6)((function(){return[(0,t.Lk)("div",c,(0,l.v_)(m.diy),1)]})),_:1})]})),_:1})]})),_:1})])])}var p={name:"LinCmsUiButton",components:{},data:function(){return{tableData:[{date:"2016-05-03",name:"王小虎",address:"上海市普陀区金沙江路 1518 弄"},{date:"2016-05-02",name:"王小虎",address:"上海市普陀区金沙江路 1518 弄"},{date:"2016-05-04",name:"王小虎",address:"上海市普陀区金沙江路 1518 弄"}],loading:!0,tableData1:[{date:"2016-05-03",name:"王小虎",address:"上海市普陀区金沙江路 1518 弄"},{date:"2016-05-02",name:"王小虎",address:"上海市普陀区金沙江路 1518 弄"},{date:"2016-05-04",name:"王小虎",address:"上海市普陀区金沙江路 1518 弄"}],loading1:!0,base:'<template>\n  <el-table\n    v-loading="loading"\n    element-loading-text="拼命加载中"\n    element-loading-spinner="el-icon-loading"\n    element-loading-background="rgba(0, 0, 0, 0.8)"\n    :data="tableData"\n    style="width: 100%">\n    <el-table-column\n      prop="date"\n      label="日期"\n      width="180">\n    </el-table-column>\n    <el-table-column\n      prop="name"\n      label="姓名"\n      width="180">\n    </el-table-column>\n    <el-table-column\n      prop="address"\n      label="地址">\n    </el-table-column>\n  </el-table>\n</template>\n\n<script>\n  export default {\n    data() {\n      return {\n        tableData: [{\n          date: \'2016-05-03\',\n          name: \'王小虎\',\n          address: \'上海市普陀区金沙江路 1518 弄\'\n        }, {\n          date: \'2016-05-02\',\n          name: \'王小虎\',\n          address: \'上海市普陀区金沙江路 1518 弄\'\n        }, {\n          date: \'2016-05-04\',\n          name: \'王小虎\',\n          address: \'上海市普陀区金沙江路 1518 弄\'\n        }],\n        loading: true\n      };\n    }\n  };\n<\/script>',diy:'\n    <template>\n  <el-table\n    v-loading="loading"\n    element-loading-text="拼命加载中"\n    element-loading-spinner="el-icon-loading"\n    element-loading-background="rgba(0, 0, 0, 0.8)"\n    :data="tableData"\n    style="width: 100%">\n    <el-table-column\n      prop="date"\n      label="日期"\n      width="180">\n    </el-table-column>\n    <el-table-column\n      prop="name"\n      label="姓名"\n      width="180">\n    </el-table-column>\n    <el-table-column\n      prop="address"\n      label="地址">\n    </el-table-column>\n  </el-table>\n</template>\n\n<script>\n  export default {\n    data() {\n      return {\n        tableData: [{\n          date: \'2016-05-03\',\n          name: \'王小虎\',\n          address: \'上海市普陀区金沙江路 1518 弄\'\n        }, {\n          date: \'2016-05-02\',\n          name: \'王小虎\',\n          address: \'上海市普陀区金沙江路 1518 弄\'\n        }, {\n          date: \'2016-05-04\',\n          name: \'王小虎\',\n          address: \'上海市普陀区金沙江路 1518 弄\'\n        }],\n        loading: true\n      };\n    }\n  };\n<\/script>'}},computed:{},watch:{},mounted:function(){this.init()},methods:{init:function(){}}},g=a(66262);const f=(0,g.A)(p,[["render",m],["__scopeId","data-v-f407735c"]]);var k=f}}]);
//# sourceMappingURL=7969-legacy.d29e1af9.js.map