yunshan/pages/user/meaasge.vue

<template>
	<view class="content">
		<view v-if="list.length > 0" class="list-Box flex" v-for="(ls,index) in list" :key='index'>
			<view class="list-info">
				<view class="title">{{ls.title}}</view>
				<view class="info">{{ls.synopsis}}</view>
			</view>
			<view class="time">{{ls.add_time}}</view>
		</view>
		<view class="empty-box" v-show="list.length === 0"><empty></empty></view>
	</view>
</template>

<script>
	import { article } from '@/api/index.js';
	import empty from '@/components/empty';
export default {
	components: {
		empty
	},
	data() {
		return {
			list:''
		};
	},
	onLoad() {
	   this.loadDate();
	},
	methods: {
		async loadDate(){
			let obj = this;
			article({
				page:1,
				limit:10000
			},2).then(({ data }) => {
				console.log(data)
			});
		},
	}
};
</script>

<style lang="scss">
page {
	height: 100%;
	.content {
		height: 100%;
		padding: 35rpx 29rpx;
	}
}
.empty-box{
	margin-top: 100rpx;
	width: 100%;
	height: 500rpx;
}
.list-Box{
	margin-bottom: 60rpx;
	.list-info{
		.title{
			font-size: 30rpx;
			font-weight: 500;
			color: #333333;
			line-height: 55rpx;
		}
		.info{
			font-size: 24rpx;
			font-weight: 500;
			color: #999999;
		}
	}
	.time{
		font-size: 22rpx;
		font-weight: 500;
		color: #333333;
	}
}
</style>