fix 适配

This commit is contained in:
2025-12-15 15:40:16 +08:00
parent 817fa27136
commit 159efd166a
4 changed files with 51 additions and 20 deletions

View File

@@ -1,4 +1,10 @@
<template> <template>
<AppLayout title="投递记录" :use-scroll-view="false" :show-bg-image="false">
<template #headerleft v-if="isMiniProgram">
<view class="btnback">
<image src="@/static/icon/back.png" @click="navBack"></image>
</view>
</template>
<view class="collection-content"> <view class="collection-content">
<renderDeliveryRecord <renderDeliveryRecord
v-if="pageState.list.length" v-if="pageState.list.length"
@@ -9,6 +15,7 @@
></renderDeliveryRecord> ></renderDeliveryRecord>
<empty v-else :is-position="true"></empty> <empty v-else :is-position="true"></empty>
</view> </view>
</AppLayout>
</template> </template>
<script setup> <script setup>
@@ -16,7 +23,7 @@ import dictLabel from '@/components/dict-Label/dict-Label.vue';
import { reactive, inject, watch, ref, onMounted } from 'vue'; import { reactive, inject, watch, ref, onMounted } from 'vue';
import { onLoad, onShow, onReachBottom } from '@dcloudio/uni-app'; import { onLoad, onShow, onReachBottom } from '@dcloudio/uni-app';
import useUserStore from '@/stores/useUserStore'; import useUserStore from '@/stores/useUserStore';
const { $api, navTo, vacanciesTo } = inject('globalFunction'); const { $api, navTo, vacanciesTo ,navBack} = inject('globalFunction');
import { storeToRefs } from 'pinia'; import { storeToRefs } from 'pinia';
import useLocationStore from '@/stores/useLocationStore'; import useLocationStore from '@/stores/useLocationStore';
const { longitudeVal, latitudeVal } = storeToRefs(useLocationStore()); const { longitudeVal, latitudeVal } = storeToRefs(useLocationStore());
@@ -83,11 +90,18 @@ function getJobList(type = 'add') {
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
.btnback{
width: 64rpx;
height: 64rpx;
}
image {
height: 100%;
width: 100%;
}
.collection-content{ .collection-content{
padding: 1rpx 28rpx 20rpx 28rpx; padding: 1rpx 28rpx 20rpx 28rpx;
background: #F4F4F4; background: #F4F4F4;
height: 100%; height: 100%;
min-height: calc(100vh - var(--window-top) - var(--status-bar-height) - var(--window-bottom));
position: relative; position: relative;
} }
</style> </style>

View File

@@ -1,4 +1,10 @@
<template> <template>
<AppLayout title="投递记录" :use-scroll-view="false" :show-bg-image="false">
<template #headerleft v-if="isMiniProgram">
<view class="btnback">
<image src="@/static/icon/back.png" @click="navBack"></image>
</view>
</template>
<view class="reser-content"> <view class="reser-content">
<view class="content-top"> <view class="content-top">
<view <view
@@ -50,12 +56,13 @@
</scroll-view> </scroll-view>
</view> </view>
</view> </view>
</AppLayout>
</template> </template>
<script setup> <script setup>
import { reactive, inject, watch, ref, onMounted, onBeforeUnmount } from 'vue'; import { reactive, inject, watch, ref, onMounted, onBeforeUnmount } from 'vue';
import { onLoad, onShow } from '@dcloudio/uni-app'; import { onLoad, onShow } from '@dcloudio/uni-app';
const { $api, navTo, debounce, customSystem } = inject('globalFunction'); const { $api, navTo, debounce, customSystem ,navBack} = inject('globalFunction');
import Countdown from './component/countdown.vue'; import Countdown from './component/countdown.vue';
import { storeToRefs } from 'pinia'; import { storeToRefs } from 'pinia';
import useLocationStore from '@/stores/useLocationStore'; import useLocationStore from '@/stores/useLocationStore';
@@ -155,9 +162,17 @@ function getList(type = 'add', loading = true) {
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
.btnback{
width: 64rpx;
height: 64rpx;
}
image {
height: 100%;
width: 100%;
}
.reser-content{ .reser-content{
width: 100%; width: 100%;
height: calc(100vh - var(--window-top) - var(--status-bar-height) - var(--window-bottom)); height:100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
.content-top{ .content-top{

View File

@@ -126,7 +126,8 @@
"path": "pages/Intendedposition/Intendedposition", "path": "pages/Intendedposition/Intendedposition",
"style": { "style": {
"navigationBarTitleText": "投递记录", "navigationBarTitleText": "投递记录",
"navigationBarBackgroundColor": "#FFFFFF" "navigationBarBackgroundColor": "#FFFFFF",
"navigationStyle": "custom"
} }
}, },
{ {
@@ -184,7 +185,8 @@
"path": "pages/reservation/reservation", "path": "pages/reservation/reservation",
"style": { "style": {
"navigationBarTitleText": "我的预约", "navigationBarTitleText": "我的预约",
"navigationBarBackgroundColor": "#FFFFFF" "navigationBarBackgroundColor": "#FFFFFF",
"navigationStyle": "custom"
} }
}, },
{ {

View File

@@ -2,7 +2,7 @@
<scroll-view :scroll-y="true" class="nearby-scroll" @scrolltolower="scrollBottom"> <scroll-view :scroll-y="true" class="nearby-scroll" @scrolltolower="scrollBottom">
<view class="nearby-map" @touchmove.stop.prevent> <view class="nearby-map" @touchmove.stop.prevent>
<map <map
style="width: 100%; height: 400px" style="width: 100%; height:410rpx "
:latitude="latitudeVal" :latitude="latitudeVal"
:longitude="longitudeVal" :longitude="longitudeVal"
:markers="mapCovers" :markers="mapCovers"
@@ -362,11 +362,11 @@ defineExpose({ loadData, handleFilterConfirm });
height: 100%; height: 100%;
background: #f4f4f4; background: #f4f4f4;
.nearby-map .nearby-map
height: 767rpx; height: 400rpx;
background: #e8e8e8; background: #e8e8e8;
overflow: hidden overflow: hidden
.nearby-list .nearby-list
min-height: calc(100% - 384rpx) min-height: calc(100% - 400rpx)
background: #f4f4f4 background: #f4f4f4
display: flex; display: flex;
flex-direction: column; flex-direction: column;