<template>
	<div>
		<u-tabs bg-color="transparent" from="index" gutter="20" :list="tabInfo.list" :is-scroll="true" :current="tabInfo.active" active-color="#3578f6" bar-width="36" bar-height="6" @change="handleUpdateTab" font-size="34" duration="0.05" height="76"></u-tabs>
		<div class="g_p_20">
			<div class="g_fs_18 g_pl_24 g_fw_600">权益说明</div>
			<div class="g_mt_6 g_c_9">
				{{ tabInfo.list[tabInfo.active].desp }}
			</div>
		</div>
	</div>
</template>

<script>
export default {
	onLoad(options) {
		console.log(options);
		if (options.type) {
			this.tabInfo.active = options.type;
		}
	},
	data() {
		return {
			type: "",
			showTab: false,
			tabInfo: {
				list: [
					{
						name: "入职福利",
						logo: "",
						desp: "满足要求等级的会员用户，入职后将会获赠一定的星辉值奖励",
					},
					{
						name: "专属勋章",
						logo: "",
						desp: "会员在华辉App的行为满足任一勋章的规则后，即达成相应成就，可进行对应的勋章点亮",
					},
					{
						name: "生日福利",
						logo: "",
						desp: "满足要求等级的会员用户，生日当天将会获赠一定的星辉值作为生日福利，可用于兑换商城好礼",
					},
					{
						name: "节日关怀",
						logo: "",
						desp: "【春节】、【端午】、【中秋】佳节登录华辉人力APP，V3及以上等级的会员用户将会获赠一定的星辉值，可用于兑换商城好礼",
					},
					{
						name: "记工时",
						logo: "",
						desp: "华辉会员量身定制，动动手指计工时，每月薪资不算错",
					},
					{
						name: "直播间礼物解锁",
						logo: "",
						desp: "会员可解锁直播间专属礼物，让您在直播互动中更加独特和引人注目",
					},
					{
						name: "直播间进房座驾",
						logo: "",
						desp: "会员将享有直播间专属座驾标识，彰显您的尊贵会员身份",
					},
					{
						name: "会员日特权",
						logo: "",
						desp: "会员日您将享受专属兑换折扣等特权",
					},
					{
						name: "会员专属活动",
						logo: "",
						desp: "我们会不定期举办会员专属活动，让您尽享会员专属的乐趣和福利",
					},
					{
						name: "预支提额",
						logo: "",
						desp: "用户达到对应等级享受一定比例的额度提升",
					},
					{
						name: "优先报名",
						logo: "",
						desp: "会员享有报名优先权",
					},
				],
				active: 0,
			},
		};
	},
	created() {},

	methods: {
		handleUpdateTab(e) {
			let that = this;
			console.log(e);
			that.tabInfo.active = e;
		},
	},
};
</script>

<style></style>
