fix avatar radius
This commit is contained in:
@@ -119,7 +119,7 @@ html.theme-dark body {
|
||||
.avatar {
|
||||
flex: none;
|
||||
display: block;
|
||||
border-radius: .875rem;
|
||||
border-radius: .875rem !important;
|
||||
|
||||
&.fallback {
|
||||
color: #2563EB;
|
||||
|
||||
@@ -93,13 +93,6 @@ const photoURL = computed(() => customer.value ? getCustomerPhotoURL(customer.va
|
||||
}
|
||||
}
|
||||
|
||||
:deep(.avatar .t-image__img) {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
border-radius: inherit;
|
||||
}
|
||||
|
||||
:global(html.theme-dark) {
|
||||
.customer-cell {
|
||||
.code {
|
||||
|
||||
@@ -54,27 +54,33 @@
|
||||
/>
|
||||
<t-button size="extra-small" variant="text" @click="clearTagFilter">清空</t-button>
|
||||
</div>
|
||||
<t-cell-group v-if="dateFilterType !== 'all'" class="date-summary" theme="card">
|
||||
<t-pull-down-refresh
|
||||
class="fix-last-cell-line"
|
||||
v-model="isRefreshing"
|
||||
:refresh-timeout="30000"
|
||||
@refresh="refresh"
|
||||
@scrolltolower="fetch"
|
||||
>
|
||||
<div class="list-wrap">
|
||||
<t-cell-group class="summary" theme="card">
|
||||
<t-cell
|
||||
v-if="dateFilterType !== 'all'"
|
||||
title="开始时间"
|
||||
:note="dateRange[0] || '-'"
|
||||
arrow
|
||||
@click="openStartTime"
|
||||
/>
|
||||
<t-cell
|
||||
v-if="dateFilterType !== 'all'"
|
||||
title="结束时间"
|
||||
:note="dateRange[1] || '-'"
|
||||
arrow
|
||||
@click="openEndTime"
|
||||
/>
|
||||
<t-cell v-if="keyword" title="关键词" :note="keyword" />
|
||||
<t-cell v-if="selectedTagList.length" title="标签" :note="tagFilterText" />
|
||||
<t-cell title="数据量" :note="`共 ${pageResult.total} 位客户`" />
|
||||
</t-cell-group>
|
||||
<t-pull-down-refresh
|
||||
class="list-wrapper fix-last-cell-line"
|
||||
v-model="isRefreshing"
|
||||
:refresh-timeout="30000"
|
||||
@refresh="refresh"
|
||||
@scrolltolower="fetch"
|
||||
>
|
||||
<t-cell-group class="items" theme="card">
|
||||
<t-swipe-cell
|
||||
v-entrance-transition="index * 30"
|
||||
@@ -106,6 +112,7 @@
|
||||
</t-cell-group>
|
||||
<div v-if="!pageResult.list.length" class="center-tips" v-text="isLoading ? '正在加载客户' : '暂无客户数据'" />
|
||||
<div v-if="pageResult.list.length" class="center-tips" v-text="isLoading ? '正在加载更多' : isNoMore ? '已经到底了' : '上拉加载更多'" />
|
||||
</div>
|
||||
</t-pull-down-refresh>
|
||||
<tag-selector
|
||||
v-model="selectedTagIdList"
|
||||
@@ -600,9 +607,29 @@ function parseDateTime(value: string, isEnd: boolean): Date {
|
||||
}
|
||||
}
|
||||
|
||||
.list-wrapper {
|
||||
.list-wrap {
|
||||
gap: 1rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 1rem 0;
|
||||
|
||||
.summary {
|
||||
overflow: hidden;
|
||||
|
||||
:deep(.t-cell__title) {
|
||||
flex: 0 0 4.5rem;
|
||||
}
|
||||
|
||||
:deep(.t-cell__note) {
|
||||
flex: 1 1 0;
|
||||
min-width: 0;
|
||||
overflow: hidden;
|
||||
text-align: right;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
|
||||
.delete {
|
||||
height: 100%;
|
||||
padding: 0 1rem;
|
||||
@@ -630,6 +657,12 @@ function parseDateTime(value: string, isEnd: boolean): Date {
|
||||
}
|
||||
}
|
||||
|
||||
.summary {
|
||||
color: #e2e8f0;
|
||||
background: rgba(30, 41, 59, .9);
|
||||
border-color: rgba(148, 163, 184, .16);
|
||||
}
|
||||
|
||||
.items {
|
||||
|
||||
.center-tips,
|
||||
|
||||
Reference in New Issue
Block a user