"use strict";(self["webpackChunklin_cms_vue"]=self["webpackChunklin_cms_vue"]||[]).push([[7969],{7969:function(e,n,a){a.r(n),a.d(n,{default:function(){return h}});var l=a(20641),t=a(90033);const d=e=>((0,l.Qi)("data-v-f407735c"),e=e(),(0,l.jt)(),e),o={class:"lin-container"},i=d((()=>(0,l.Lk)("div",{class:"lin-title"},"Loading 加载",-1))),s={class:"lin-wrap-ui loadingDemo"},r=d((()=>(0,l.Lk)("div",{slot:"header"},[(0,l.Lk)("span",null,"基础用法")],-1))),b={style:{"white-space":"pre-wrap"}},u=d((()=>(0,l.Lk)("div",{slot:"header"},[(0,l.Lk)("span",null,"不同状态")],-1))),m={style:{"white-space":"pre-wrap"}};function p(e,n,a,d,p,c){const g=(0,l.g2)("el-table-column"),k=(0,l.g2)("el-table"),h=(0,l.g2)("el-row"),v=(0,l.g2)("el-collapse-item"),w=(0,l.g2)("el-collapse"),f=(0,l.g2)("el-card"),_=(0,l.gN)("loading");return(0,l.uX)(),(0,l.CE)("div",o,[i,(0,l.Lk)("div",s,[(0,l.bF)(f,{style:{"margin-bottom":"50px"}},{default:(0,l.k6)((()=>[r,(0,l.bF)(h,null,{default:(0,l.k6)((()=>[(0,l.Lk)("div",null,[(0,l.bo)(((0,l.uX)(),(0,l.Wv)(k,{data:p.tableData,style:{width:"100%"}},{default:(0,l.k6)((()=>[(0,l.bF)(g,{prop:"date",label:"日期",width:"180"}),(0,l.bF)(g,{prop:"name",label:"姓名",width:"180"}),(0,l.bF)(g,{prop:"address",label:"地址"})])),_:1},8,["data"])),[[_,p.loading]])])])),_:1}),(0,l.bF)(w,null,{default:(0,l.k6)((()=>[(0,l.bF)(v,{title:"查看代码",name:"2"},{default:(0,l.k6)((()=>[(0,l.Lk)("div",b,(0,t.v_)(p.base),1)])),_:1})])),_:1})])),_:1}),(0,l.bF)(f,{style:{"margin-bottom":"50px"}},{default:(0,l.k6)((()=>[u,(0,l.bF)(h,null,{default:(0,l.k6)((()=>[(0,l.Lk)("div",null,[(0,l.Lk)("template",null,[(0,l.bo)(((0,l.uX)(),(0,l.Wv)(k,{"element-loading-text":"拼命加载中","element-loading-spinner":"el-icon-loading","element-loading-background":"rgba(0, 0, 0, 0.8)",data:p.tableData1,style:{width:"100%"}},{default:(0,l.k6)((()=>[(0,l.bF)(g,{prop:"date",label:"日期",width:"180"}),(0,l.bF)(g,{prop:"name",label:"姓名",width:"180"}),(0,l.bF)(g,{prop:"address",label:"地址"})])),_:1},8,["data"])),[[_,p.loading1]])])])])),_:1}),(0,l.bF)(w,{class:"test",style:{color:"red"}},{default:(0,l.k6)((()=>[(0,l.bF)(v,{title:"查看代码",name:"2"},{default:(0,l.k6)((()=>[(0,l.Lk)("div",m,(0,t.v_)(p.diy),1)])),_:1})])),_:1})])),_:1})])])}var c={name:"LinCmsUiButton",components:{},data(){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(){this.init()},methods:{init(){}}},g=a(66262);const k=(0,g.A)(c,[["render",p],["__scopeId","data-v-f407735c"]]);var h=k}}]);
|
