<template>
|
<div class="main-content">
|
<ReturnBtn color="var(--el-color-primary)"></ReturnBtn>
|
|
<el-card shadow="never" class="p-6">
|
<!-- 标题 -->
|
<el-row justify="center">
|
<el-text class="text-3xl font-bold">{{detail.title}}</el-text>
|
</el-row>
|
<!-- 发表时间、地区、操作栏 -->
|
<el-row class="mt-4" justify="space-between" align="middle">
|
<div>
|
<el-row>
|
<el-text class="mr-4 text-note">发布时间：{{ detail.publishTime }}</el-text>
|
<el-text class="text-note">所属地区：{{ detail.area }}</el-text>
|
</el-row>
|
</div>
|
<div>
|
<el-row>
|
<el-text>字体：</el-text>
|
<el-text
|
v-for="(item,index) in setFontList"
|
:key="`setFont${index}`"
|
@click="fontSize = item.fontSize"
|
class="cursor-p mx-1"
|
:style="{ color: fontSize==item.fontSize ? `var(--el-color-primary)` : '' }"
|
>
|
{{ item.label }}
|
</el-text>
|
</el-row>
|
</div>
|
</el-row>
|
<el-divider class="my-3" border-style="dashed"></el-divider>
|
<!-- 内容 -->
|
<div v-html="detail.content" :style="{ fontSize: `${fontSize}px` }"></div>
|
|
</el-card>
|
</div>
|
</template>
|
<script>
|
export default {
|
data() {
|
return {
|
setFontList: [
|
{ label: '[大]', fontSize: 22 },
|
{ label: '[中]', fontSize: 18 },
|
{ label: '[小]', fontSize: 14 },
|
],
|
fontSize: 18,
|
detail: {
|
title: '关于 [院校名称] [XXXX] 年第 [XX] 批次 [工种 / 项目名称] 职业技能等级认定（院校统考）成绩的公示',
|
publishTime: '2026-01-28 14:24:33',
|
area: '广东省',
|
content: `
|
<article>
|
<h3>关于人工智能发展的思考</h3>
|
<p class="meta">作者：AI研究员 | 发布日期：2024年1月</p>
|
|
<p>近年来，<strong>人工智能（AI）</strong>技术取得了突破性进展，特别是在深度学习、自然语言处理和计算机视觉领域。</p>
|
|
<blockquote>
|
“AI不会取代人类，但会使用AI的人将取代不使用AI的人。”
|
</blockquote>
|
|
<p>主要技术突破包括：</p>
|
<ul>
|
<li>大规模预训练模型（如GPT系列）</li>
|
<li>多模态理解与生成</li>
|
<li>强化学习在实际问题中的应用</li>
|
</ul>
|
|
<p>未来发展趋势：</p>
|
<ol>
|
<li>更加高效和轻量化的模型</li>
|
<li>AI与具体行业的深度融合</li>
|
<li>对AI伦理和安全性的更多关注</li>
|
</ol>
|
|
<p>了解更多信息，请访问<a href="#" onclick="alert('示例链接')">我们的专题页面</a>。</p>
|
</article>
|
`
|
}
|
}
|
}
|
}
|
</script>
|
