r96/activity.html · 约 2636 字符
1<!doctype html>
2<html lang="zh-CN">
3<head>
4<meta charset="utf-8">
5<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
6<title>动态评论</title>
7<link rel="stylesheet" href="style.css">
8</head>
9<body>
10<div class="app">
11 <header class="top">
12 <div class="top-l">成员 · 林夜</div>
13 <div class="top-r">动态评论</div>
14 </header>
15 <main class="main">
16<div class="card">
17 <div class="sec-title"><span>🌊</span> 项目动态</div>
18 <div class="comment"><div class="avatar" style="background:linear-gradient(135deg,#6d28d9,#38bdf8)">哲</div><div class="info"><div class="nm">阿哲 指派了任务</div><div class="tx">「登录接口联调」已指派给 <b>林夜</b>，优先级中</div></div></div>
19 <div class="comment"><div class="avatar" style="background:linear-gradient(135deg,#f59e0b,#fbbf24)">柚</div><div class="info"><div class="nm">柚子 完成了</div><div class="tx">「需求评审」已标记为 <b>已完成</b></div></div></div>
20 <div class="comment"><div class="avatar" style="background:linear-gradient(135deg,var(--pri),var(--pri2))">满</div><div class="info"><div class="nm">小满 评论</div><div class="tx">「性能优化」接口这块我建议先上缓存，今晚联调</div></div></div>
21 <div class="comment"><div class="avatar" style="background:linear-gradient(135deg,#f43f5e,#fb923c)">晨</div><div class="info"><div class="nm">晨曦 新建</div><div class="tx">「埋点修复」已加入待办列，标记紧急</div></div></div>
22</div>
23<div class="card">
24 <div class="sec-title"><span>💬</span> 任务讨论 · 首页视觉改版</div>
25 <div class="comment"><div class="avatar">哲</div><div class="info"><div class="nm">阿哲</div><div class="tx">磁贴的圆角统一成 18 吧，和卡片拉开层次</div></div></div>
26 <div class="comment"><div class="avatar">夜</div><div class="info"><div class="nm">林夜</div><div class="tx">收到，主色锁 emerald，对比度已走查通过 ✅</div></div></div>
27 <textarea class="ta" placeholder="写下你的评论…"></textarea>
28 <button class="btn full" style="margin-top:10px">发送评论</button>
29</div>
30</main>
31 <nav class="nav"><a class="" href="index.html"><span class="ic">🗂️</span>看板</a><a class="" href="board.html"><span class="ic">📋</span>视图</a><a class="" href="projects.html"><span class="ic">📁</span>项目</a><a class=" on" href="members.html"><span class="ic">👥</span>成员</a><a class="" href="mine.html"><span class="ic">👤</span>我的</a></nav>
32</div>
33<script></script>
34</body>
35</html>