<!--科技要闻-->
<template>
	<div class="content-wrapper">
		<div class="card-box">
			<div class="card-title">
				<img class="icon" src="../../assets/icons/title-icon1.png" />
				<img class="text" src="../../assets/icons/title-text1.png" />
			</div>

		</div>
		<div class="card-box" style="margin-top: 16px;">
			<div class="card-title">
				<img class="icon" src="../../assets/icons/title-icon2.png" />
				<img class="text" src="../../assets/icons/title-text2.png" />
			</div>
			<div style="display: flex;height: 530px;">
				<Timeline :data="course" text-key="title" id-key="seq" />
			</div>
		</div>
	</div>
</template>

<script setup>
import { onMounted, ref, computed } from "vue";
import Timeline from "./Timeline.vue";
const course = ref([
	{
		time: "2025年1月",
		title: "《AI扩散暂行最终规则》发布",
		content: "拜登政府发布《AI扩散暂行最终规则》，建立三级许可制度。"
	},
	{
		time: "2025年1月",
		title: "特朗普宣布撤销拜登AI规则",
		content: "拜登政府发布《AI扩散暂行最终规则》，建立三级许可制度。"
	},
	{
		time: "2025年1月",
		title: "特朗普签署EO 143202",
		content: "特朗普政府宣布撤销拜登AI规则，计划"
	},
	{
		time: "2025年1月",
		title: "中国网信办约谈英伟达",
		content: "中国网信办约谈英伟达，要求就H20算力芯片漏洞后门安全风险问题进行说明。"
	},
	{
		time: "2025年7月23日",
		title: "英伟达H20发放出口许可证",
		content: "美国商务部为4月份被实质禁售的英伟达H20发放出口许可证。"
	},
	{
		time: "2025年1月",
		title: "《AI扩散暂行最终规则》发布",
		content: "拜登政府发布《AI扩散暂行最终规则》，建立三级许可制度。"
	},
	{
		time: "2025年1月",
		title: "特朗普宣布撤销拜登AI规则",
		content: "拜登政府发布《AI扩散暂行最终规则》，建立三级许可制度。"
	},
	{
		time: "2025年1月",
		title: "特朗普签署EO 143202",
		content: "特朗普政府宣布撤销拜登AI规则，计划"
	},
	{
		time: "2025年1月",
		title: "中国网信办约谈英伟达",
		content: "中国网信办约谈英伟达，要求就H20算力芯片漏洞后门安全风险问题进行说明。"
	},
	{
		time: "2025年7月23日",
		title: "英伟达H20发放出口许可证",
		content: "美国商务部为4月份被实质禁售的英伟达H20发放出口许可证。"
	}
]);
</script>

<style lang="scss" scoped>
.content-wrapper {
	width: 100%;
	height: 1416px;

	.card-box {
		width: 1600px;
		height: 700px;
		box-sizing: border-box;
		border: 1px solid rgba(234, 236, 238, 1);
		border-radius: var(---10, 10px);
		/* 业务系统/模块阴影 */
		box-shadow: 0px 0px 20px 0px rgba(25, 69, 130, 0.1);
		background: rgba(255, 255, 255, 1);

		.card-title {

			width: 1602px;
			height: 48px;
			display: flex;

			.icon {
				/* 合并 */
				width: 18.67px;
				height: 17.85px;
				margin: 14px 16px;
			}

			.text {
				/* Text */
				width: 177px;
				height: 31px;
				margin: 8px 0px;
			}
		}
	}
}
</style>
