fix list style
This commit is contained in:
@@ -19,12 +19,12 @@
|
|||||||
</t-input>
|
</t-input>
|
||||||
</div>
|
</div>
|
||||||
<t-pull-down-refresh
|
<t-pull-down-refresh
|
||||||
class="list-wrapper"
|
|
||||||
v-model="isRefreshing"
|
v-model="isRefreshing"
|
||||||
:refresh-timeout="30000"
|
:refresh-timeout="30000"
|
||||||
@refresh="reload"
|
@refresh="reload"
|
||||||
@scrolltolower="load"
|
@scrolltolower="load"
|
||||||
>
|
>
|
||||||
|
<div class="list-wrap">
|
||||||
<t-cell-group v-if="pageResult.list.length" class="list" theme="card">
|
<t-cell-group v-if="pageResult.list.length" class="list" theme="card">
|
||||||
<customer-cell
|
<customer-cell
|
||||||
v-entrance-transition="index * 30"
|
v-entrance-transition="index * 30"
|
||||||
@@ -46,6 +46,7 @@
|
|||||||
</customer-cell>
|
</customer-cell>
|
||||||
</t-cell-group>
|
</t-cell-group>
|
||||||
<div class="center-tips" v-text="loadStateText" />
|
<div class="center-tips" v-text="loadStateText" />
|
||||||
|
</div>
|
||||||
</t-pull-down-refresh>
|
</t-pull-down-refresh>
|
||||||
<customer-selector
|
<customer-selector
|
||||||
v-model="selectedCustomerId"
|
v-model="selectedCustomerId"
|
||||||
@@ -271,10 +272,15 @@ onMounted(async () => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.list-wrapper {
|
.list-wrap {
|
||||||
|
gap: 1rem;
|
||||||
|
display: flex;
|
||||||
min-height: 70vh;
|
min-height: 70vh;
|
||||||
|
padding-top: 1rem;
|
||||||
|
flex-direction: column;
|
||||||
|
|
||||||
.list {
|
.list {
|
||||||
|
|
||||||
.item {
|
.item {
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
|
|
||||||
@@ -300,13 +306,6 @@ onMounted(async () => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.center-tips {
|
|
||||||
color: #52607a;
|
|
||||||
padding: 1rem;
|
|
||||||
font-size: .8125rem;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
:global(html.theme-dark) {
|
:global(html.theme-dark) {
|
||||||
|
|||||||
Reference in New Issue
Block a user