jp-zeroWorkerStation/pages/issue/issue.vue

<template>
	<view>
		<u-navbar back-text="发布" back-icon-size="28" back-icon-color="#ffffff"
			:background="{backgroundColor: '#2795FD',}" :back-text-style="{color: '#ffffff'}"></u-navbar>
		<tabbar  ref="mytabbar"
		:current="2"></tabbar>
		<view class="main">
			<view class="title">
				选择您要发布的信息
			</view>
			<view class="headline">
				您好，欢迎来到荆开零工驿站
			</view>
			<view class="card">
				<view class="icon">
					<img src="../../assets/img/issue1@1x.png" alt="">
				</view>
				<view class="card-title">
					  <view class="title1">
					  	求职信息
					  </view>
					<view class="title2">
						坐等好工作来找你
					</view>
				</view>
				
				<view class="right">
					<u-icon name="arrow-right" color="#D6D6D6"></u-icon>
				</view>
			</view>
			
			<view class="card">
				<view class="icon">
					<img src="../../assets/img/issue2@1x.png" alt="">
				</view>
				<view class="card-title">
					  <view class="title1">
					  	招工信息
					  </view>
					<view class="title2">
						精准满足用工需求
					</view>
				</view>
				
				<view class="right">
					<u-icon name="arrow-right" color="#D6D6D6"></u-icon>
				</view>
			</view>
			
			<view class="card">
				<view class="icon">
					<img src="../../assets/img/issue3@1x.png" alt="">
				</view>
				<view class="card-title">
					  <view class="title1">
					  	共享用工
					  </view>
					<view class="title2">
						发布共享公共信息
					</view>
				</view>
				
				<view class="right">
					<u-icon name="arrow-right" color="#D6D6D6"></u-icon>
				</view>
			</view>
			
		</view>
	</view>
</template>

<script>
	import tabbar from "../../components/Tabbar.vue"
	export default {
		components: {
			tabbar
		},
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>
<style>
	page{
		padding-bottom: 100px;
	}
</style>
<style scoped lang="scss">
	.main{
		padding:96rpx 32rpx;
		.title{
			color: rgba(16, 16, 16, 1);
			font-size: 48rpx;
			font-family: 'PingFangSC-medium';
			line-height: 48rpx;
		}
		.headline{
			margin-top: 12rpx;
			line-height: 48rpx;
			color: rgba(119, 119, 119, 1);
			margin-bottom: 60rpx;
		}
	.card{
		display: flex;
		align-items: center;
		padding: 32rpx;
		border-radius: 12px;
		margin-bottom: 40rpx;
		background-color: rgba(245, 250, 255, 1);
		.icon{
			width: 136rpx;
			height: 136rpx;
			img{
				width: 100%;
				height: 100%;
			}
		}
		.card-title{
			margin-left: 40rpx;
			.title1{
				color: rgba(16, 16, 16, 1);
				font-size: 36rpx;
				font-family: 'PingFangSC-medium';
			}
			.title2{
				color: rgba(119, 119, 119, 1);
				margin-top: 8rpx;
			}
		}
		.right{
			margin-left: auto;
		}
	}
	
	}

</style>