<template>
	<view class="page flex-col" style="height: auto;">
		<view class="box_1 flex-col" style="height: auto;">

			<view class="block_2 flex-col" style="height: auto;">
				<view class="list_1 flex-col" style="justify-content:unset">
					<view class="list-items_1 flex-row" v-for="(item, index) in loopData0" :key="index" @tap="go1(item.id)">
						<image class="box_2 flex-col" :src="item.image"></image>
						<view class="box_3 flex-col justify-between">
							<text class="text_2">{{item.title}}</text>
							<view class="group_1 flex-row justify-between">
								<view class="image-text_1 flex-row justify-between">
									
									<image class="icon_2" style="width: 30rpx;height:20rpx;margin-top: 10rpx;"
										src="/static/lanhu_remenhuodong/75ed3630fc3b171e5582c378553fa4fd.png" />
										
									<text class="text-group_1">{{item.views}}</text>
								</view>
								<text class="text_3">{{item.ctime}}</text>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				loopData0: [
				],
				constants: {}
			};
		},
		onLoad() {

			this.getData()
			uni.setNavigationBarColor({
				backgroundColor: '#802931', // 背景颜色
				frontColor: '#ffffff' // 前景颜色（包括标题、返回图标等）
			})

		},
		methods: {
			go1(id) {
				uni.navigateTo({
					url: '/pages/lanhu_zhuantixiangqing/index?id=' + id
				});
			},
			getData() {
				this.$api.get({
					url: '/wanlshop/data/getArticleList',
					data: {
						type: 1
					},
					success: res => {
						this.loopData0 = res
						console.log(22, res)
					}
				})
			},
		}
	};
</script>
<style lang='css'>
	@import '../common/common.css';
	@import './assets/style/index.rpx.css';
</style>