Skip to content

Commit 3d9ac2d

Browse files
committed
feat(account): 添加消息通知和开发者API卡片到账户首页
添加了两个新的功能卡片: 1. 消息通知卡片,用于查看系统公告和重要通知 2. 开发者API卡片,提供API密钥管理和文档查看功能
1 parent 6364486 commit 3d9ac2d

1 file changed

Lines changed: 37 additions & 0 deletions

File tree

src/apps/account/templates/account/index.html

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -124,6 +124,43 @@ <h2 class="card-title mt-4 group-hover:text-info transition-colors">充值中心
124124
<p class="text-base-content/70 text-sm mt-1">查看账户余额、充值记录及管理账单信息。</p>
125125
</div>
126126
</a>
127+
128+
<!-- Notifications -->
129+
<div class="card bg-base-100 shadow-lg hover:shadow-2xl transition-all duration-300 hover:-translate-y-1 group border border-base-200 cursor-pointer">
130+
<div class="card-body">
131+
<div class="flex items-start justify-between">
132+
<div class="p-3 bg-warning/10 rounded-2xl text-warning group-hover:bg-warning group-hover:text-white transition-colors duration-300">
133+
<i class="fa-solid fa-bell text-xl"></i>
134+
</div>
135+
<div class="w-8 h-8 rounded-full flex items-center justify-center text-base-300 group-hover:text-warning transition-colors duration-300 bg-base-200/50 group-hover:bg-warning/10">
136+
<i class="fa-solid fa-arrow-right text-sm"></i>
137+
</div>
138+
</div>
139+
<h2 class="card-title mt-4 group-hover:text-warning transition-colors">消息通知</h2>
140+
<p class="text-base-content/70 text-sm mt-1">查看系统公告、活动提醒及重要通知。</p>
141+
</div>
142+
</div>
143+
144+
<!-- Developer API -->
145+
<a href="{% url 'account:settings-developer' %}"
146+
hx-get="{% url 'account:settings-developer' %}"
147+
hx-target="#account-main"
148+
hx-push-url="true"
149+
hx-swap="innerHTML transition:true"
150+
class="card bg-base-100 shadow-lg hover:shadow-2xl transition-all duration-300 hover:-translate-y-1 group border border-base-200">
151+
<div class="card-body">
152+
<div class="flex items-start justify-between">
153+
<div class="p-3 bg-success/10 rounded-2xl text-success group-hover:bg-success group-hover:text-white transition-colors duration-300">
154+
<i class="fa-solid fa-code text-xl"></i>
155+
</div>
156+
<div class="w-8 h-8 rounded-full flex items-center justify-center text-base-300 group-hover:text-success transition-colors duration-300 bg-base-200/50 group-hover:bg-success/10">
157+
<i class="fa-solid fa-arrow-right text-sm"></i>
158+
</div>
159+
</div>
160+
<h2 class="card-title mt-4 group-hover:text-success transition-colors">开发者 API</h2>
161+
<p class="text-base-content/70 text-sm mt-1">管理 API 密钥,查看文档并进行接口调试。</p>
162+
</div>
163+
</a>
127164
</div>
128165

129166
<!-- Footer Meta Info -->

0 commit comments

Comments
 (0)