From f56e474c81bb25845b46cf99c85bd313dbfcd3b5 Mon Sep 17 00:00:00 2001
From: wwf <1971391498@qq.com>
Date: 星期六, 31 一月 2026 19:26:25 +0800
Subject: [PATCH] 项目初始化+首页+公告详情页面
---
src/views/main/notice/detail.vue | 86 +++++++++++++++++++++++++++++++++++++++++++
1 files changed, 86 insertions(+), 0 deletions(-)
diff --git a/src/views/main/notice/detail.vue b/src/views/main/notice/detail.vue
new file mode 100644
index 0000000..283d900
--- /dev/null
+++ b/src/views/main/notice/detail.vue
@@ -0,0 +1,86 @@
+<template>
+ <div class="main-content">
+ <ReturnBtn></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>浜哄伐鏅鸿兘锛圓I锛�</strong>鎶�鏈彇寰椾簡绐佺牬鎬ц繘灞曪紝鐗瑰埆鏄湪娣卞害瀛︿範銆佽嚜鐒惰瑷�澶勭悊鍜岃绠楁満瑙嗚棰嗗煙銆�</p>
+
+ <blockquote>
+ 鈥淎I涓嶄細鍙栦唬浜虹被锛屼絾浼氫娇鐢ˋI鐨勪汉灏嗗彇浠ｄ笉浣跨敤AI鐨勪汉銆傗��
+ </blockquote>
+
+ <p>涓昏鎶�鏈獊鐮村寘鎷細</p>
+ <ul>
+ <li>澶ц妯￠璁粌妯″瀷锛堝GPT绯诲垪锛�</li>
+ <li>澶氭ā鎬佺悊瑙ｄ笌鐢熸垚</li>
+ <li>寮哄寲瀛︿範鍦ㄥ疄闄呴棶棰樹腑鐨勫簲鐢�</li>
+ </ul>
+
+ <p>鏈潵鍙戝睍瓒嬪娍锛�</p>
+ <ol>
+ <li>鏇村姞楂樻晥鍜岃交閲忓寲鐨勬ā鍨�</li>
+ <li>AI涓庡叿浣撹涓氱殑娣卞害铻嶅悎</li>
+ <li>瀵笰I浼︾悊鍜屽畨鍏ㄦ�х殑鏇村鍏虫敞</li>
+ </ol>
+
+ <p>浜嗚В鏇村淇℃伅锛岃璁块棶<a href="#" onclick="alert('绀轰緥閾炬帴')">鎴戜滑鐨勪笓棰橀〉闈�</a>銆�</p>
+ </article>
+ `
+ }
+ }
+ }
+}
+</script>
\ No newline at end of file
--
Gitblit v1.8.0