<template>
	<view class="article-list">
		<view v-for="(item, index) in articleList" :key="index" class="list-item" @click="toDetailsPage()">
			<view>{{ type }}</view>
			<img src="@/pageE/static/mine/21.png" />
		</view>
	</view>
</template>
<script>
export default {
	data() {
		return {}
	},
	props: {
		articleList: Array,
		type: String
	},
	methods: {
		toDetailsPage() {
			uni.navigateTo({
				url: '/pageE/mine/ArticleDetails?title=' + this.type
			});
		}
	},
}
</script>
<style lang="scss" scoped>
.article-list {
	min-height: calc(100vh-var(--custom-bar-height));
	background-color: #ECECEC;
	.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);
		> img {
			width: 14rpx;
			height: 24rpx;
		}
	}
}
</style>