fix 适配
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
@@ -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{
|
||||||
|
|||||||
@@ -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"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user