|
|
@ -1,4 +1,6 @@ |
|
|
<template> |
|
|
<template> |
|
|
|
|
|
<div class="outside"> |
|
|
|
|
|
<div class="backdrop"> |
|
|
<div |
|
|
<div |
|
|
class="data-view-table" |
|
|
class="data-view-table" |
|
|
:class="['data-view-table' + '--' + size]" |
|
|
:class="['data-view-table' + '--' + size]" |
|
|
@ -43,6 +45,8 @@ |
|
|
</tbody> |
|
|
</tbody> |
|
|
</table> |
|
|
</table> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
</template> |
|
|
</template> |
|
|
|
|
|
|
|
|
<script> |
|
|
<script> |
|
|
@ -125,9 +129,25 @@ export default { |
|
|
</script> |
|
|
</script> |
|
|
<style scoped lang="scss"> |
|
|
<style scoped lang="scss"> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.outside { |
|
|
|
|
|
height: 100%; |
|
|
|
|
|
} |
|
|
|
|
|
.backdrop { |
|
|
|
|
|
width: 100%; |
|
|
|
|
|
height: 100%; |
|
|
|
|
|
/* 创建渐变色背景 */ |
|
|
|
|
|
background-image: linear-gradient(10.29deg, rgba(40, 85, 216, 0.8) 7.69%, rgba(17, 48, 128, 0) 63.53%);; |
|
|
|
|
|
padding-left: 1px; |
|
|
|
|
|
padding-right: 1px; |
|
|
|
|
|
padding-bottom: 1px; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
.data-view-table { |
|
|
.data-view-table { |
|
|
|
|
|
background-color: #081a2c; |
|
|
height: 100%; |
|
|
height: 100%; |
|
|
overflow: hidden; |
|
|
overflow: hidden; |
|
|
|
|
|
background-image: linear-gradient(10.29deg, rgb(56 87 174 / 12%) 7.69%, rgba(17, 48, 128, 0) 63.53%);; |
|
|
|
|
|
|
|
|
table { |
|
|
table { |
|
|
/*设置相邻单元格的边框间的距离*/ |
|
|
/*设置相邻单元格的边框间的距离*/ |
|
|
|
