"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}}]);
|
