<template>
	<view class="hd-box">
		<template name="interactive">
			<view class="hd-view">
				<navigator url="/pages/interactive/index" hover-class="none" open-type="switchTab" class="hd-nav pdlr20 ddflex">
					<image :src="picUrlss+'idx_hd.png'" class="ht-tit"></image>
					<view class="fflex">跟着买 不会错</view>
					<image src="/static/pages/images/more.png" class="more"></image>
				</navigator>
				<view class="int-list">
					<scroll-view scroll-x="true" class="int-lists">
						<view class="li" v-for="(item, index) in pageList" :key="index" @click="jumpUrlDetail(item)">
							<view class="int-user ddflex">
								<image :src="item.userDTO.avatar?item.userDTO.avatar:'../../static/images/userimg.png'" mode="aspectFill" class="int-userimg"></image>
								<view class="fflex">
									<view class="int-name ddflex">
									<view class="tover">{{ item.userDTO.nickName }}</view>
									<image src="../../static/images/vip_tag.png" class="vip-tag" v-if="item.userDTO.levelGrade > 0"></image></view>
									<view class="int-time">{{ item.time }}</view>
								</view>
							</view>
							<view class="int-des"><rich-text :nodes="item.content"></rich-text></view>
							<view class="int-img ddflex" v-if="item.url&&item.url.length>0">
								<image v-for="(it, idx) in item.url" :src="it" :key="idx" mode="aspectFill"></image>
							</view>
						</view>
					</scroll-view>
				</view>
			</view>
		</template>
	</view>
</template>

<script>
	const req = require("../../utils/request");
	const utils = require("../../utils/util");
	const app = getApp();
	export default {
		data() {
			return {
				picUrlss: req.public.picUrls,
			};
		},

		components: {},
		props: {
			pageList: Array,
		},
		options: {
		},

		mounted() {
		},

		methods: {
			jumpUrlDetail(item) {
				uni.navigateTo({
					url: '/office/detail/detail?contentId=' + item.id
				})
			},
		}
	};
</script>
<style>
	@import "./index.css";
</style>
