deming/components/mine/article-list/index.vue

<template>
	<view class="article-list">
		<u-empty text="数据为空" mode="data" color="#000000" img-width="240" margin-top="300" v-if="!articleList.length"></u-empty>
		<view v-for="(item, index) in articleList" :key="index" class="list-item" @click="toDetailsPage(item)">
			<view>{{ item.help_title }}</view>
			<image src="@/pageE/static/mine/21.png"></image>
		</view>
	</view>
</template>
<script>
export default {
	data() {
		return {}
	},
	props: {
		articleList: Array,
	},
	methods: {
		toDetailsPage(item) {
			this.$u.route({
				type: 'navigateTo',
				url: '/pageE/mine/ArticleDetails',
				params: {
					id: item.help_id
				}
			})
		}
	},
}
</script>
<style lang="scss" scoped>
.article-list {
	min-height: calc(100vh - var(--window-top));
	background-color: #ECECEC;
	overflow: hidden;
	.list-item {
		display: flex;
		align-items: center;
		justify-content: space-between;
		height: 98rpx;
		border-top: 2rpx solid #EBEBEB;
		background-color: #ffffff;
		padding: 0 30rpx;
		font-size: 30rpx;
		color: rgba(51,51,51,1);
		> image {
			width: 14rpx;
			height: 24rpx;
		}
	}
}
</style>