|
|
@@ -8,10 +8,11 @@
|
|
|
/>
|
|
|
Transactions
|
|
|
</div> -->
|
|
|
- <div class="list-wrapper" ref="listContent">
|
|
|
+
|
|
|
<template v-if="!dataList.length">
|
|
|
<img class="icon-empty" :src="require('@/assets/svg/icon-empty-list.svg')" />
|
|
|
</template>
|
|
|
+ <div class="list-wrapper" ref="listContent">
|
|
|
<div>
|
|
|
<div class="cell" v-for="(item, index) in dataList" :key="index">
|
|
|
<div class="img-wrapper">
|
|
|
@@ -210,8 +211,16 @@ const listScroll = (e) => {
|
|
|
<style lang="scss" scoped>
|
|
|
.com-wrapper {
|
|
|
height: 100%;
|
|
|
+ position: relative;
|
|
|
overflow-y: auto;
|
|
|
|
|
|
+ .icon-empty {
|
|
|
+ position: absolute;
|
|
|
+ left: 50%;
|
|
|
+ top: 20%;
|
|
|
+ transform: translateX(-50%);
|
|
|
+ }
|
|
|
+
|
|
|
.com-nav-bar {
|
|
|
padding: 14px;
|
|
|
box-sizing: border-box;
|
|
|
@@ -231,14 +240,6 @@ const listScroll = (e) => {
|
|
|
width: 100%;
|
|
|
// height: calc(100% - 51px);
|
|
|
// height: 100%;
|
|
|
- position: relative;
|
|
|
-
|
|
|
- .icon-empty {
|
|
|
- position: absolute;
|
|
|
- left: 50%;
|
|
|
- top: 20%;
|
|
|
- transform: translateX(-50%);
|
|
|
- }
|
|
|
|
|
|
.cell {
|
|
|
display: flex;
|
