flat: 优化,还是使用原生Tabbar,empty优化
This commit is contained in:
@@ -122,7 +122,7 @@ onLoad(() => {
|
||||
startDate: currentDate,
|
||||
});
|
||||
weekList.value = result;
|
||||
currentDay.value.fullDate = result[0].fullDate
|
||||
currentDay.value.fullDate = result[0].fullDate;
|
||||
getFair('refresh');
|
||||
});
|
||||
|
||||
@@ -162,12 +162,11 @@ function seemsg(index) {
|
||||
}
|
||||
|
||||
const handleScrollToLower = () => {
|
||||
return
|
||||
return;
|
||||
getFair();
|
||||
console.log('触底');
|
||||
};
|
||||
|
||||
|
||||
function getFair(type = 'add') {
|
||||
if (type === 'refresh') {
|
||||
pageState.page = 1;
|
||||
@@ -194,7 +193,7 @@ function getFair(type = 'add') {
|
||||
// const end = fairList.value.length;
|
||||
// const reslist = rows;
|
||||
// fairList.value.splice(str, end, ...reslist);
|
||||
fairList.value = rows
|
||||
fairList.value = rows;
|
||||
} else {
|
||||
fairList.value = rows;
|
||||
}
|
||||
|
||||
@@ -94,10 +94,10 @@
|
||||
<view class="card-footer">内容简介:{{ item.zphjj }}</view>
|
||||
</view>
|
||||
</view>
|
||||
<empty v-else pdTop="200"></empty>
|
||||
<empty v-else></empty>
|
||||
</scroll-view>
|
||||
</view>
|
||||
<Tabbar :currentpage="1"></Tabbar>
|
||||
<!-- <Tabbar :currentpage="1"></Tabbar> -->
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
@@ -63,9 +63,9 @@
|
||||
<ai-paging ref="paging"></ai-paging>
|
||||
</view>
|
||||
<!-- 自定义tabbar -->
|
||||
<view class="chatmain-footer" v-show="!isDrawerOpen">
|
||||
<!-- <view class="chatmain-footer" v-show="!isDrawerOpen">
|
||||
<Tabbar :currentpage="2"></Tabbar>
|
||||
</view>
|
||||
</view> -->
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
@@ -213,27 +213,48 @@ footer-height = 98rpx
|
||||
background: #FFFFFF;
|
||||
display: flex
|
||||
flex-direction: column
|
||||
.drawer-user
|
||||
border-top: 1rpx solid rgba(0,0,0,.1);
|
||||
padding: 20rpx 28rpx
|
||||
display: flex
|
||||
.drawer-user {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
padding: 24rpx 32rpx;
|
||||
padding-bottom: calc(24rpx + constant(safe-area-inset-bottom));
|
||||
padding-bottom: calc(24rpx + env(safe-area-inset-bottom));
|
||||
border-top: 1rpx solid rgba(0, 0, 0, 0.06);
|
||||
background-color: #ffffff;
|
||||
color: #333333;
|
||||
font-weight: 500;
|
||||
align-items: center
|
||||
position: relative
|
||||
margin-bottom: calc( 32rpx + var(--window-bottom)); /*兼容 IOS<11.2*/
|
||||
margin-bottom: calc( 32rpx +var(--window-bottom)); /*兼容 IOS>11.2*/
|
||||
color: #000000
|
||||
.drawer-user-img
|
||||
width: 57.2rpx;
|
||||
height: 57.2rpx
|
||||
margin-right: 20rpx
|
||||
.drawer-user-setting
|
||||
width: 48rpx
|
||||
height: 48rpx
|
||||
position: absolute
|
||||
top: 50%
|
||||
right: 28rpx
|
||||
transform: translate(0,-50%)
|
||||
font-size: 28rpx;
|
||||
|
||||
&:active {
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
|
||||
.drawer-user-img {
|
||||
width: 60rpx;
|
||||
height: 60rpx;
|
||||
border-radius: 50%;
|
||||
margin-right: 24rpx;
|
||||
background-color: #eee;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.user-name {
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
|
||||
.drawer-user-setting {
|
||||
width: 48rpx;
|
||||
height: 48rpx;
|
||||
margin-left: auto;
|
||||
opacity: 0.8;
|
||||
}
|
||||
}
|
||||
.drawer-title
|
||||
height: header-height;
|
||||
line-height: header-height;
|
||||
|
||||
@@ -142,7 +142,7 @@
|
||||
</custom-waterfalls-flow>
|
||||
<loadmore ref="loadmoreRef"></loadmore>
|
||||
</view>
|
||||
<empty v-else pdTop="200"></empty>
|
||||
<empty v-else></empty>
|
||||
</scroll-view>
|
||||
</view>
|
||||
<!-- 筛选 -->
|
||||
|
||||
@@ -41,7 +41,7 @@
|
||||
</swiper>
|
||||
</view>
|
||||
|
||||
<Tabbar v-show="showTabbar" :currentpage="0"></Tabbar>
|
||||
<!-- <Tabbar v-show="showTabbar" :currentpage="0"></Tabbar> -->
|
||||
|
||||
<!-- maskFristEntry -->
|
||||
<view class="maskFristEntry" v-if="maskFristEntry">
|
||||
|
||||
@@ -95,9 +95,9 @@
|
||||
></uni-popup-dialog>
|
||||
</uni-popup>
|
||||
</view>
|
||||
<template #footer>
|
||||
<!-- <template #footer>
|
||||
<Tabbar :currentpage="4"></Tabbar>
|
||||
</template>
|
||||
</template> -->
|
||||
</AppLayout>
|
||||
</template>
|
||||
|
||||
|
||||
@@ -40,7 +40,7 @@
|
||||
</swiper>
|
||||
</view>
|
||||
|
||||
<Tabbar :currentpage="3"></Tabbar>
|
||||
<!-- <Tabbar :currentpage="3"></Tabbar> -->
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
@@ -75,8 +75,8 @@
|
||||
:longitude="longitudeVal"
|
||||
:latitude="latitudeVal"
|
||||
></renderJobs>
|
||||
<empty v-else pdTop="60"></empty>
|
||||
<loadmore ref="loadmoreRef"></loadmore>
|
||||
<empty v-else></empty>
|
||||
<loadmore v-show="list.length > pageState.pageSize" ref="loadmoreRef"></loadmore>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 筛选 -->
|
||||
@@ -340,6 +340,7 @@ defineExpose({ loadData, handleFilterConfirm });
|
||||
color: #4778EC !important
|
||||
.nearby-scroll
|
||||
overflow: hidden;
|
||||
height: 100%;
|
||||
.two-head
|
||||
margin: 22rpx;
|
||||
display: flex;
|
||||
@@ -380,8 +381,10 @@ defineExpose({ loadData, handleFilterConfirm });
|
||||
border-radius: 12rpx 12rpx 12rpx 12rpx;
|
||||
.nearby-list
|
||||
border-top: 2rpx solid #EBEBEB;
|
||||
height: 100%
|
||||
height: calc(100% - 140rpx)
|
||||
background: #f4f4f4
|
||||
.one-cards{
|
||||
height: 100%
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 0 20rpx 20rpx 20rpx;
|
||||
@@ -389,6 +392,7 @@ defineExpose({ loadData, handleFilterConfirm });
|
||||
}
|
||||
.nav-filter
|
||||
padding: 16rpx 28rpx 0 28rpx
|
||||
background: #ffffff
|
||||
.filter-top
|
||||
display: flex
|
||||
justify-content: space-between;
|
||||
@@ -447,4 +451,4 @@ defineExpose({ loadData, handleFilterConfirm });
|
||||
height: 26rpx;
|
||||
.active
|
||||
transform: rotate(180deg)
|
||||
</style>
|
||||
</style>
|
||||
|
||||
@@ -80,8 +80,8 @@
|
||||
:longitude="longitudeVal"
|
||||
:latitude="latitudeVal"
|
||||
></renderJobs>
|
||||
<empty v-else pdTop="60"></empty>
|
||||
<loadmore ref="loadmoreRef"></loadmore>
|
||||
<empty v-else></empty>
|
||||
<loadmore v-show="list.length > pageState.pageSize" ref="loadmoreRef"></loadmore>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 筛选 -->
|
||||
@@ -364,11 +364,14 @@ defineExpose({ loadData, handleFilterConfirm });
|
||||
}
|
||||
.nearby-scroll
|
||||
overflow: hidden;
|
||||
height: 100%;
|
||||
.nearby-map
|
||||
height: 767rpx;
|
||||
background: #e8e8e8;
|
||||
overflow: hidden
|
||||
.nearby-list
|
||||
height: calc(100% - 384rpx)
|
||||
background: #f4f4f4
|
||||
.one-cards{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
@@ -378,6 +381,7 @@ defineExpose({ loadData, handleFilterConfirm });
|
||||
}
|
||||
.nav-filter
|
||||
padding: 16rpx 28rpx 0 28rpx
|
||||
background: #ffffff
|
||||
.filter-top
|
||||
display: flex
|
||||
justify-content: space-between;
|
||||
|
||||
@@ -101,8 +101,8 @@
|
||||
:longitude="longitudeVal"
|
||||
:latitude="latitudeVal"
|
||||
></renderJobs>
|
||||
<empty v-else pdTop="60"></empty>
|
||||
<loadmore ref="loadmoreRef"></loadmore>
|
||||
<empty v-else></empty>
|
||||
<loadmore v-show="list.length > pageState.pageSize" ref="loadmoreRef"></loadmore>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 筛选 -->
|
||||
@@ -359,8 +359,9 @@ defineExpose({ loadData, handleFilterConfirm });
|
||||
color: #4778EC !important;
|
||||
.nearby-scroll
|
||||
overflow: hidden;
|
||||
height: 100%
|
||||
.three-head
|
||||
margin: 24rpx 0 0 0;
|
||||
// margin: 24rpx 0 0 0;
|
||||
padding: 26rpx 0 0 0;
|
||||
border-radius: 17rpx 17rpx 17rpx 17rpx;
|
||||
.one-picker
|
||||
@@ -482,7 +483,10 @@ defineExpose({ loadData, handleFilterConfirm });
|
||||
z-index: 1;
|
||||
.nearby-list
|
||||
border-top: 2rpx solid #EBEBEB;
|
||||
height: calc(100% - 222rpx)
|
||||
background: #f4f4f4
|
||||
.one-cards{
|
||||
height: 100%
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 0 20rpx 20rpx 20rpx;
|
||||
@@ -490,6 +494,7 @@ defineExpose({ loadData, handleFilterConfirm });
|
||||
}
|
||||
.nav-filter
|
||||
padding: 16rpx 28rpx 0 28rpx
|
||||
background: #ffffff
|
||||
.filter-top
|
||||
display: flex
|
||||
justify-content: space-between;
|
||||
|
||||
@@ -71,8 +71,8 @@
|
||||
:longitude="longitudeVal"
|
||||
:latitude="latitudeVal"
|
||||
></renderJobs>
|
||||
<empty v-else pdTop="60"></empty>
|
||||
<loadmore ref="loadmoreRef"></loadmore>
|
||||
<empty v-else></empty>
|
||||
<loadmore v-show="list.length > pageState.pageSize" ref="loadmoreRef"></loadmore>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 筛选 -->
|
||||
@@ -255,6 +255,7 @@ defineExpose({ loadData, handleFilterConfirm });
|
||||
color: #4778EC !important
|
||||
.nearby-scroll
|
||||
overflow: hidden;
|
||||
height: 100%;
|
||||
.two-head
|
||||
margin: 22rpx;
|
||||
display: flex;
|
||||
@@ -284,14 +285,18 @@ defineExpose({ loadData, handleFilterConfirm });
|
||||
border-radius: 12rpx 12rpx 12rpx 12rpx;
|
||||
.nearby-list
|
||||
border-top: 2rpx solid #EBEBEB;
|
||||
height: calc(100% - 252rpx)
|
||||
background: #f4f4f4
|
||||
.one-cards{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 0 20rpx 20rpx 20rpx;
|
||||
background: #f4f4f4
|
||||
height: 100%
|
||||
}
|
||||
.nav-filter
|
||||
padding: 16rpx 28rpx 0 28rpx
|
||||
background: #ffffff
|
||||
.filter-top
|
||||
display: flex
|
||||
justify-content: space-between;
|
||||
|
||||
Reference in New Issue
Block a user