jp-charge/pages/hr/newsIndex/servicesList/servicesList.vue

<template>
	<view>
		<u-navbar title="劳务对接"></u-navbar>
		<view class="jp-work-tab">
			<u-tabs :list="list" :is-scroll="false" :current="current" @change="change"></u-tabs>
		</view> 
		<view class="servicesList">
			<view class="servicesList-item" v-for="(item ,index) in list[current].list" :key="index" @click="gotoUrl('pages/hr/newsIndex/servicesInfo/servicesInfo?id='+item.id)" >
				<view class="servicesList-head">
					<h3 class="u-line-1">{{item.companyName}}</h3>
					<span>{{item.createTime}}</span>
				</view>
				<view class="servicesList-main" v-html="item.content">
					 
				</view>
			</view>
			<u-loadmore @loadmore="myLoadmore" :status="list[current].list.length<list[current].recordsTotal?'loadmore':'nomore'" ></u-loadmore>
			
		</view>
	</view>
</template>

<script>
	import api from './index.js'
	export default api;
</script>

<style>
	page{
		background-color: #F7F7F7;
	}
</style>
<style scoped lang="scss">
	.servicesList-item{
		padding: 20rpx;
		margin: 20rpx;
		background-color: #fff;
		border-radius: 20rpx;
		.servicesList-head{
			display: flex;
			justify-content: space-between;
			padding-bottom: 20rpx;
			span{
				color:#999;
				min-width: 250rpx;
				text-align: right;
			}
		}
		.servicesList-main{
			border-top: 1px solid #f7f7f7;
			padding: 20rpx 0;
			color:#666;
			    height: 120px;
			    overflow: hidden;
		}
	} 
</style>