任务管理0.9
This commit is contained in:
parent
752a754d45
commit
173604b845
|
|
@ -165,6 +165,7 @@
|
||||||
class="task-scroll"
|
class="task-scroll"
|
||||||
:class="{ 'with-filter': showFilter }"
|
:class="{ 'with-filter': showFilter }"
|
||||||
scroll-y
|
scroll-y
|
||||||
|
:lower-threshold="50"
|
||||||
@scrolltolower="handleScrollToLower"
|
@scrolltolower="handleScrollToLower"
|
||||||
>
|
>
|
||||||
<view class="task-container">
|
<view class="task-container">
|
||||||
|
|
@ -887,7 +888,7 @@ onMounted(() => {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 16px;
|
gap: 16px;
|
||||||
padding: 8px 24px;
|
padding: 0px 24px;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
border-bottom: 1px solid #e4e7ed;
|
border-bottom: 1px solid #e4e7ed;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
|
|
@ -929,7 +930,7 @@ onMounted(() => {
|
||||||
padding: 16px;
|
padding: 16px;
|
||||||
border-bottom: 1px solid #e4e7ed;
|
border-bottom: 1px solid #e4e7ed;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 56px;
|
top: 48px;
|
||||||
right: 0;
|
right: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
z-index: 99;
|
z-index: 99;
|
||||||
|
|
@ -937,6 +938,7 @@ onMounted(() => {
|
||||||
animation: slideDown 0.3s ease;
|
animation: slideDown 0.3s ease;
|
||||||
max-height: 70vh;
|
max-height: 70vh;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes slideDown {
|
@keyframes slideDown {
|
||||||
|
|
@ -1037,12 +1039,12 @@ onMounted(() => {
|
||||||
.task-scroll {
|
.task-scroll {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
height: 0; /* 关键:flex布局中需要设置为0才能正确计算高度 */
|
||||||
padding-top: 56px; /* header高度 */
|
padding-top: 56px; /* header高度 */
|
||||||
transition: padding-top 0.3s ease;
|
transition: padding-top 0.3s ease;
|
||||||
|
box-sizing: border-box;
|
||||||
&.with-filter {
|
/* 确保scroll-view有明确的高度,这样才能触发scrolltolower事件 */
|
||||||
padding-top: 0;
|
overflow: hidden;
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.status-tabs {
|
.status-tabs {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user