element-plus/docs/examples/loading/basic.vue
btea a1834a4151
style(docs): change the example mask and overlay z-index (#9356)
* style(docs): change navbar z-index

* style: change the example mask and overlay z-index
2022-08-20 10:36:12 +09:00

41 lines
838 B
Vue

<template>
<el-table v-loading="loading" :data="tableData" style="width: 100%">
<el-table-column prop="date" label="Date" width="180" />
<el-table-column prop="name" label="Name" width="180" />
<el-table-column prop="address" label="Address" />
</el-table>
</template>
<script lang="ts" setup>
import { ref } from 'vue'
const loading = ref(true)
const tableData = [
{
date: '2016-05-02',
name: 'John Smith',
address: 'No.1518, Jinshajiang Road, Putuo District',
},
{
date: '2016-05-04',
name: 'John Smith',
address: 'No.1518, Jinshajiang Road, Putuo District',
},
{
date: '2016-05-01',
name: 'John Smith',
address: 'No.1518, Jinshajiang Road, Putuo District',
},
]
</script>
<style>
body {
margin: 0;
}
.example-showcase .el-loading-mask {
z-index: 9;
}
</style>