uni-zhihuikuangshan/components/t-p-ningdongyunying/t-p-ningdongyunying.vue

<template>
	<view>
		<!-- 左右滚动 -->
		<!-- <swiper duration="500">
			<swiper-item>
				<scroll-view scroll-y>
					<view class="scroll__box">
						<t-p-n-section-1></t-p-n-section-1>
					</view>
				</scroll-view>
			</swiper-item>
			<swiper-item>
				<scroll-view scroll-y>
					<view class="scroll__box">
						<t-p-n-section-2></t-p-n-section-2>
					</view>
				</scroll-view>
			</swiper-item>
		</swiper> -->

		<view class="content">
			<image src="./img/bg.jpg" mode="widthFix"></image>

			<view class="box">
				<t-p-n-section-1></t-p-n-section-1>

				<t-p-n-section-2></t-p-n-section-2>
			</view>
		</view>



	</view>
</template>

<script>
	export default {
		name: "t-p-ningdongyunying",
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss">
	// 左右滚动
	// page{
	// 	background-image: url(./img/bg.jpg);
	// 	background-size: 100% 100%;
	// 	background-repeat: no-repeat;

	// }


	// /deep/uni-swiper .uni-swiper-wrapper {
	// 	height: calc(100vh);
	// }

	// .scroll__box {
	// 	height: 100vh;
	// }

	// 上下滑动
	.content {
		position: relative;
		
		padding-top: 200rpx;
	}

	image {
		width: 750rpx;
	}

	.box {
		position: absolute;
		top: 0rpx;
		left: 0;
	}
</style>