zh_order_food_xcx/pages-my/publish-info.vue

<template>
	<view class="flex-common-css">
		<Nav title="" :leftShow='false' :customNav='true' bgckgroundBox='#fff'>
			<template>
				<view slot="custom" class="align-items-center">
					<uni-icons class="mr-30" type="left" :color="leftColor" size="18" @click='goBack'></uni-icons>
					<view class="align-items-center">
						<image class="nav-img mr-20" src="../static/img/my/user-img.png" mode=""></image>
						<view class="">
							<view class="nav-name fs-28 fc-3 text-overflow-ellipsis-one fw-600">
								最佳损友最佳损友最佳...
							</view>
							<view class="fs-20 fc-9">
								2021-04-18 15:53
							</view>
						</view>
					</view>
				</view>
			</template>
		</Nav>
		<scroll-view :scroll-y="true" class="scroll-view-css" @scrolltolower="scrolltolower">
			<swiper class="swiper-box" @change="change" :current="swiperDotIndex">
				<swiper-item v-for="(item, index) in 3" :key="index">
					<image src="../static/img/my/zp.png" mode=""></image>
				</swiper-item>
			</swiper>
		</scroll-view>
	</view>
</template>

<script>
	import tools from "@/service/tools";
	export default {
		components: {},
		data() {
			return {};
		},
		onLoad(data) {},
		mounted() {},
		methods: {
			goBack() {
				tools.leftClick()
			},
			scrolltolower() {
				console.log('触底');
			},
		},
	}
</script>

<style lang="scss" scoped>
	.nav-img {
		width: 64rpx;
		height: 64rpx;
	}

	.nav-name {
		max-width: 348rpx;
	}

	.swiper-box {
		width: 100%;
		height: 920rpx;
	}
</style>