<!-- 商城宣传页，活动 -->
<template>
	<view class="page-body"  style="background: #f6f6f6;">
		<FirstList :categoryId="9" type="activityCard" />
		
		<s-tabbar path="/pages/index/FirstActivity" :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": "#323b4e",
			"color": "#e6e6e5",
			"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.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>

