zz--front/components/recruitment.vue

<template>
	<view>
		<view style="z-index: 999;">
			<u-navbar title="求职中心" :is-back="false">
				<view class="slot-wrap"><image src="/static/search.png" class="search"></image></view>
			</u-navbar>
		</view>
		<scroll-view scroll-y="true" @scroll="scroll" style="padding-top: 20rpx;" :style="'height: ' + windowHeight + 'px;'" @scrolltolower="scrollTolower">
			<swiper class="swiper" :autoplay="true" previous-margin="15px" next-margin="15px" :circular="true">
				<swiper-item v-for="(item, index) in 4" :key="index" style="padding: 0px 5px;box-sizing: border-box;">
					<view style="height: 100%;border-radius: 8px;overflow: hidden;"><image src="../static/rank_bg.png" mode="" style="width: 100%;height: 100%;"></image></view>
				</swiper-item>
			</swiper>
			<view style="margin-top: 20rpx;">
				<u-row gutter="16">
					<u-col span="1">
						<view style="padding: 5rpx;"><image src="/static/select.png" class="arr-icon" @click="show = false"></image></view>
					</u-col>
					<u-col span="11">
						<view>
							
						</view>
					</u-col>
				</u-row>
			</view>
		</scroll-view>
		<u-popup v-model="show">
			<view style="width: 600rpx"><view class="popup_t1">选择你需要的</view></view>
		</u-popup>
	<view class="u-config-item">
			<u-subsection :list="tab_list1" :current="current2" button-color="rgba(47,67,121,0.6)" @change="sectionChange"></u-subsection>

	</view>
		
	</view>
</template>

<script>
export default {
	name: 'recruitment',
	data() {
		return {
			colorBgc: 'red',
			windowHeight: 0,
			show: false,
			tab_list1: [
				{
					name: '课程A'
				},
				{
					name: '刷题'
				},
				{
					name: '重点考点'
				}
			],
			current2: 0
		};
	},
	mounted() {
		this.windowHeight = uni.getSystemInfoSync().windowHeight - 120;
		this.init();
		console.log(this.windowHeight);
	},
	methods: {
		init() {},
		scroll(e) {},
		scrollTolower() {},
		sectionChange(index) {
			this.current2 = index;
		},
	}
};
</script>

<style scoped>
.search {
	width: 40rpx;
	height: 40rpx;
	margin-left: 30rpx;
}
.slot-wrap {
	display: flex;
	align-items: center;
}
.tests {
	background-color: #00ffff;
	margin-bottom: 20rpx;
}
.swiper {
	height: 329rpx;
}
.arr-icon {
	width: 40rpx;
	height: 40rpx;
}
.popup_t1 {
	height: 29rpx;
	font-size: 30rpx;
	font-family: PingFang SC;
	font-weight: bold;
	color: #131b31;
	margin: 100rpx;
}
</style>