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

			<view class="list_1 flex-col" style="height: auto;">
				<view class="list-items_1 flex-col" :style="{ background: item.lanhuBg0 }" 
					v-for="(item, index) in loopData0" :key="index" @tap="go1(item.id)">
					<image class="section_2 flex-col" :src="item.image" style="border-radius: 5px;"></image>
					<text class="text_2" style="width: 100%;">{{item.title}}</text>
					<view class="section_3 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>
</template>
<script>
	export default {
		data() {
			return {
				loopData0: [{
						lanhutext0: '拼团简史：后流量时代，生态决<br/>定壁垒',
						lanhuimage0: '',
						lanhutext1: '2326',
						lanhutext2: '2018-12-12'
					},

				],
				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: 2
					},
					success: res => {
						this.loopData0 = res
						console.log(22, res)
					}
				})
			},
		}

	};
</script>
<style lang='css'>
	@import '../common/common.css';
	@import './assets/style/index.rpx.css';
</style>