<!-- 商城宣传页，活动 -->
<template>
	<view class="page-body"  style="background: #f6f6f6;">
		<FirstList :categoryId="10" type="articleCard" />

		<s-tabbar path="/pages/index/FirstVideo" :tabbar="tabbar" />
	</view>


</template>

<script setup>
	import {
		computed,
		ref,
		reactive
	} from 'vue';
	import {
		onLoad,
		onShow,
		onReachBottom,
		onPullDownRefresh
	} from '@dcloudio/uni-app';
	import sheep from '@/sheep';
	import { t } from '@/locale'
	import ArticleApi from '@/sheep/api/promotion/article';
	import FirstList from './FirstList.vue'
	// 隐藏原生tabBar
	uni.hideTabBar();

	const tabbar = ref({
		"theme": "red",
		"style": {
			"bgType": "color",
			"bgColor": "#ffffff",
			"color": "#3c3c3c",
			"activeColor": "#1fa380"
		},
		"items": [{
				"text": t('common.home'),
				"url": "/pages/index/FirstIndex",
				"iconUrl": sheep.$url.static('/static/firstIndex/index.svg'),
				"activeIconUrl": sheep.$url.static('/static/firstIndex/index-active.svg')
			},
			{
				"text": t('common.activities'),
				"url": "/pages/index/FirstActivity",
				"iconUrl": sheep.$url.static('/static/firstIndex/activity.svg'),
				"activeIconUrl": sheep.$url.static('/static/firstIndex/activity-active.svg')
			},
			{
				"text": t('common.merchant'),
				"url": "/pages/index/FirstMerchant",
				"iconUrl": sheep.$url.static('/static/firstIndex/merchant.svg'),
				"activeIconUrl": sheep.$url.static('/static/firstIndex/merchant-active.svg')
			},
			{
				"text": t('common.videos'),
				"url": "/pages/index/FirstVideo",
				"iconUrl": sheep.$url.static('/static/firstIndex/video.svg'),
				"activeIconUrl": sheep.$url.static('/static/firstIndex/video-active.svg')
			},
			{
				"text": t('common.mall'),
				"url": "/pages/index/index",
				"iconUrl": sheep.$url.static('/static/firstIndex/shop.svg'),
				"activeIconUrl": sheep.$url.static('/static/firstIndex/shop-active.svg')
			}
		]
	});
		
	// 上拉加载更多
	onReachBottom(() => {
	
	});
	// 下拉刷新
	onPullDownRefresh(() => {
		
		setTimeout(function() {
			uni.stopPullDownRefresh();
		}, 800);
	});
</script>

<style scoped>
	
</style>