在前后端开发联调前 的提交20260223
This commit is contained in:
@@ -96,32 +96,35 @@
|
||||
|
||||
<!-- 最喜欢的助教 -->
|
||||
<div class="bg-white rounded-2xl p-5 shadow-sm">
|
||||
<h2 class="st pink text-sm font-semibold text-gray-13 mb-4">最喜欢的助教</h2>
|
||||
<div class="flex items-center justify-between mb-4">
|
||||
<h2 class="st pink text-sm font-semibold text-gray-13">最喜欢的助教</h2>
|
||||
<span class="text-xs text-gray-6">近60天</span>
|
||||
</div>
|
||||
<div class="space-y-3">
|
||||
<div class="p-4 bg-gradient-to-br from-pink-50/80 to-rose-50/60 rounded-xl border border-pink-100/60">
|
||||
<div class="flex items-center justify-between mb-2.5">
|
||||
<div class="flex items-center gap-2.5"><span class="text-lg">❤️</span><span class="text-sm font-semibold text-gray-13">小燕</span></div>
|
||||
<div class="flex items-center gap-1.5"><span class="text-[10px] text-gray-7">关系指数</span><span class="text-lg font-bold text-success">0.92</span></div>
|
||||
<div class="flex items-center gap-1.5"><span class="text-xs text-gray-7">关系指数</span><span class="text-lg font-bold text-success">0.92</span></div>
|
||||
</div>
|
||||
<p class="text-[10px] text-gray-7 mb-1.5 pl-0.5">近60天</p>
|
||||
<p class="text-xs text-gray-7 mb-1.5 pl-0.5">近60天</p>
|
||||
<div class="grid grid-cols-4 gap-2">
|
||||
<div class="bg-white/80 rounded-lg py-2 text-center"><p class="text-[10px] text-gray-7 mb-0.5">基础</p><p class="text-sm font-bold text-primary">12h</p></div>
|
||||
<div class="bg-white/80 rounded-lg py-2 text-center"><p class="text-[10px] text-gray-7 mb-0.5">激励</p><p class="text-sm font-bold text-warning">5h</p></div>
|
||||
<div class="bg-white/80 rounded-lg py-2 text-center"><p class="text-[10px] text-gray-7 mb-0.5">上课</p><p class="text-sm font-bold text-gray-13">18次</p></div>
|
||||
<div class="bg-white/80 rounded-lg py-2 text-center"><p class="text-[10px] text-gray-7 mb-0.5">充值</p><p class="text-sm font-bold text-success">¥5,000</p></div>
|
||||
<div class="bg-white/80 rounded-lg py-2 text-center"><p class="text-xs text-gray-7 mb-0.5">基础</p><p class="text-base font-bold text-primary">12h</p></div>
|
||||
<div class="bg-white/80 rounded-lg py-2 text-center"><p class="text-xs text-gray-7 mb-0.5">激励</p><p class="text-base font-bold text-warning">5h</p></div>
|
||||
<div class="bg-white/80 rounded-lg py-2 text-center"><p class="text-xs text-gray-7 mb-0.5">上课</p><p class="text-base font-bold text-gray-13">18次</p></div>
|
||||
<div class="bg-white/80 rounded-lg py-2 text-center"><p class="text-xs text-gray-7 mb-0.5">充值</p><p class="text-base font-bold text-success">¥5,000</p></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-4 bg-gradient-to-br from-amber-50/80 to-yellow-50/60 rounded-xl border border-amber-100/60">
|
||||
<div class="flex items-center justify-between mb-2.5">
|
||||
<div class="flex items-center gap-2.5"><span class="text-lg">💛</span><span class="text-sm font-semibold text-gray-13">泡芙</span></div>
|
||||
<div class="flex items-center gap-1.5"><span class="text-[10px] text-gray-7">关系指数</span><span class="text-lg font-bold text-warning">0.78</span></div>
|
||||
<div class="flex items-center gap-1.5"><span class="text-xs text-gray-7">关系指数</span><span class="text-lg font-bold text-warning">0.78</span></div>
|
||||
</div>
|
||||
<p class="text-[10px] text-gray-7 mb-1.5 pl-0.5">近60天</p>
|
||||
<p class="text-xs text-gray-7 mb-1.5 pl-0.5">近60天</p>
|
||||
<div class="grid grid-cols-4 gap-2">
|
||||
<div class="bg-white/80 rounded-lg py-2 text-center"><p class="text-[10px] text-gray-7 mb-0.5">基础</p><p class="text-sm font-bold text-primary">8h</p></div>
|
||||
<div class="bg-white/80 rounded-lg py-2 text-center"><p class="text-[10px] text-gray-7 mb-0.5">激励</p><p class="text-sm font-bold text-warning">3h</p></div>
|
||||
<div class="bg-white/80 rounded-lg py-2 text-center"><p class="text-[10px] text-gray-7 mb-0.5">上课</p><p class="text-sm font-bold text-gray-13">12次</p></div>
|
||||
<div class="bg-white/80 rounded-lg py-2 text-center"><p class="text-[10px] text-gray-7 mb-0.5">充值</p><p class="text-sm font-bold text-success">¥3,000</p></div>
|
||||
<div class="bg-white/80 rounded-lg py-2 text-center"><p class="text-xs text-gray-7 mb-0.5">基础</p><p class="text-base font-bold text-primary">8h</p></div>
|
||||
<div class="bg-white/80 rounded-lg py-2 text-center"><p class="text-xs text-gray-7 mb-0.5">激励</p><p class="text-base font-bold text-warning">3h</p></div>
|
||||
<div class="bg-white/80 rounded-lg py-2 text-center"><p class="text-xs text-gray-7 mb-0.5">上课</p><p class="text-base font-bold text-gray-13">12次</p></div>
|
||||
<div class="bg-white/80 rounded-lg py-2 text-center"><p class="text-xs text-gray-7 mb-0.5">充值</p><p class="text-base font-bold text-success">¥3,000</p></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -137,21 +140,21 @@
|
||||
<div class="bg-gradient-to-r from-blue-50 to-indigo-50 px-4 py-2 flex items-center justify-between border-b border-blue-100/50">
|
||||
<div class="flex items-center gap-2">
|
||||
<span class="w-1.5 h-1.5 bg-primary rounded-full"></span>
|
||||
<span class="text-xs font-semibold text-primary">A12号台</span>
|
||||
<span class="text-sm font-semibold text-primary">A12号台</span>
|
||||
</div>
|
||||
<span class="text-xs text-gray-8">2026-02-05</span>
|
||||
<span class="text-sm text-gray-8">2026-02-05</span>
|
||||
</div>
|
||||
<!-- 时间信息:紧凑一行 -->
|
||||
<div class="px-4 py-2.5 border-b border-gray-100 flex items-center justify-between">
|
||||
<div class="flex items-center gap-3 text-sm">
|
||||
<div class="flex items-center gap-3 text-base">
|
||||
<span class="text-gray-13 font-medium pv">21:30</span>
|
||||
<span class="text-gray-7">→</span>
|
||||
<span class="text-gray-13 font-medium pv">00:50</span>
|
||||
<span class="px-2 py-0.5 bg-primary/10 text-primary text-[10px] rounded-full font-medium">3h20min</span>
|
||||
<span class="px-2 py-0.5 bg-primary/10 text-primary text-xs rounded-full font-medium">3h20min</span>
|
||||
</div>
|
||||
<!-- 台费(有团购折扣) -->
|
||||
<div class="text-right flex-shrink-0">
|
||||
<span class="text-sm font-bold text-gray-13 pv">¥180</span>
|
||||
<span class="text-base font-bold text-gray-13 pv">¥180</span>
|
||||
<span class="orig-price ml-1">¥240</span>
|
||||
</div>
|
||||
</div>
|
||||
@@ -161,40 +164,40 @@
|
||||
<!-- 助教卡片1:小燕 -->
|
||||
<div class="bg-gray-50 rounded-lg p-2.5">
|
||||
<div class="flex items-center gap-1 mb-0.5">
|
||||
<span class="text-xs font-medium text-gray-13">小燕</span>
|
||||
<span class="px-1 py-px bg-pink-50 text-pink-600 text-[9px] rounded">高级</span>
|
||||
<span class="text-sm font-medium text-gray-13">小燕</span>
|
||||
<span class="px-1 py-px bg-pink-50 text-pink-600 text-[10px] rounded">高级</span>
|
||||
</div>
|
||||
<div class="text-[10px] text-gray-8">基础课 · 2.5h</div>
|
||||
<div class="text-xs text-gray-8">基础课 · 2.5h</div>
|
||||
<div class="text-right mt-0.5">
|
||||
<span class="text-xs font-bold text-gray-13 pv">¥200</span>
|
||||
<span class="text-sm font-bold text-gray-13 pv">¥200</span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 助教卡片2:Amy -->
|
||||
<div class="bg-gray-50 rounded-lg p-2.5">
|
||||
<div class="flex items-center gap-1 mb-0.5">
|
||||
<span class="text-xs font-medium text-gray-13">Amy</span>
|
||||
<span class="px-1 py-px bg-green-50 text-green-600 text-[9px] rounded">初级</span>
|
||||
<span class="text-sm font-medium text-gray-13">Amy</span>
|
||||
<span class="px-1 py-px bg-green-50 text-green-600 text-[10px] rounded">初级</span>
|
||||
</div>
|
||||
<div class="text-[10px] text-gray-8">激励课 · 0.5h</div>
|
||||
<div class="text-xs text-gray-8">激励课 · 0.5h</div>
|
||||
<div class="flex items-center justify-between mt-0.5">
|
||||
<span class="text-[10px] text-orange-500">定档绩效:1h</span>
|
||||
<span class="text-xs font-bold text-gray-13 pv">¥50</span>
|
||||
<span class="text-xs text-orange-500">定档绩效:1h</span>
|
||||
<span class="text-sm font-bold text-gray-13 pv">¥50</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 食品酒水 -->
|
||||
<div class="flex items-center justify-between py-2 border-t border-gray-100">
|
||||
<span class="text-xs text-gray-8">🍷 食品酒水</span>
|
||||
<span class="text-sm text-gray-8">🍷 食品酒水</span>
|
||||
<div class="text-right">
|
||||
<span class="text-sm font-medium text-warning pv">¥210</span>
|
||||
<span class="text-base font-medium text-warning pv">¥210</span>
|
||||
<span class="orig-price ml-1">¥260</span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 总金额 -->
|
||||
<div class="flex items-center justify-between pt-2 border-t border-gray-200">
|
||||
<span class="text-xs font-semibold text-gray-9">总金额</span>
|
||||
<span class="text-sm font-semibold text-gray-9">总金额</span>
|
||||
<div class="text-right">
|
||||
<span class="text-base font-bold text-error pv">¥640</span>
|
||||
<span class="text-lg font-bold text-error pv">¥640</span>
|
||||
<span class="orig-price ml-1">¥750</span>
|
||||
</div>
|
||||
</div>
|
||||
@@ -206,37 +209,37 @@
|
||||
<div class="bg-gradient-to-r from-blue-50 to-indigo-50 px-4 py-2 flex items-center justify-between border-b border-blue-100/50">
|
||||
<div class="flex items-center gap-2">
|
||||
<span class="w-1.5 h-1.5 bg-primary rounded-full"></span>
|
||||
<span class="text-xs font-semibold text-primary">888号台</span>
|
||||
<span class="text-sm font-semibold text-primary">888号台</span>
|
||||
</div>
|
||||
<span class="text-xs text-gray-8">2026-02-01</span>
|
||||
<span class="text-sm text-gray-8">2026-02-01</span>
|
||||
</div>
|
||||
<div class="px-4 py-2.5 border-b border-gray-100 flex items-center justify-between">
|
||||
<div class="flex items-center gap-3 text-sm">
|
||||
<div class="flex items-center gap-3 text-base">
|
||||
<span class="text-gray-13 font-medium pv">14:00</span>
|
||||
<span class="text-gray-7">→</span>
|
||||
<span class="text-gray-13 font-medium pv">16:00</span>
|
||||
<span class="px-2 py-0.5 bg-primary/10 text-primary text-[10px] rounded-full font-medium">2h00min</span>
|
||||
<span class="px-2 py-0.5 bg-primary/10 text-primary text-xs rounded-full font-medium">2h00min</span>
|
||||
</div>
|
||||
<span class="text-sm font-bold text-gray-13 pv">¥120</span>
|
||||
<span class="text-base font-bold text-gray-13 pv">¥120</span>
|
||||
</div>
|
||||
<div class="px-4 py-3">
|
||||
<div class="grid grid-cols-2 gap-2 mb-3">
|
||||
<div class="bg-gray-50 rounded-lg p-2.5">
|
||||
<div class="flex items-center gap-1 mb-0.5">
|
||||
<span class="text-xs font-medium text-gray-13">泡芙</span>
|
||||
<span class="px-1 py-px bg-purple-50 text-purple-600 text-[9px] rounded">中级</span>
|
||||
<span class="text-sm font-medium text-gray-13">泡芙</span>
|
||||
<span class="px-1 py-px bg-purple-50 text-purple-600 text-[10px] rounded">中级</span>
|
||||
</div>
|
||||
<div class="text-[10px] text-gray-8">激励课 · 1.5h</div>
|
||||
<div class="text-xs text-gray-8">激励课 · 1.5h</div>
|
||||
<div class="flex items-center justify-between mt-0.5">
|
||||
<span class="text-[10px] text-orange-500">定档绩效:2h</span>
|
||||
<span class="text-xs font-bold text-gray-13 pv">¥100</span>
|
||||
<span class="text-xs text-orange-500">定档绩效:2h</span>
|
||||
<span class="text-sm font-bold text-gray-13 pv">¥100</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 总金额(无食品酒水,不展示该行) -->
|
||||
<div class="flex items-center justify-between pt-2 border-t border-gray-200">
|
||||
<span class="text-xs font-semibold text-gray-9">总金额</span>
|
||||
<span class="text-base font-bold text-error pv">¥220</span>
|
||||
<span class="text-sm font-semibold text-gray-9">总金额</span>
|
||||
<span class="text-lg font-bold text-error pv">¥220</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -246,33 +249,33 @@
|
||||
<div class="bg-gradient-to-r from-emerald-50 to-green-50 px-4 py-2 flex items-center justify-between border-b border-green-100/50">
|
||||
<div class="flex items-center gap-2">
|
||||
<span class="w-1.5 h-1.5 bg-success rounded-full"></span>
|
||||
<span class="text-xs font-semibold text-success">商城订单</span>
|
||||
<span class="text-sm font-semibold text-success">商城订单</span>
|
||||
</div>
|
||||
<span class="text-xs text-gray-8">2026-01-28</span>
|
||||
<span class="text-sm text-gray-8">2026-01-28</span>
|
||||
</div>
|
||||
<div class="px-4 py-3 space-y-2.5">
|
||||
<!-- 助教卡片列表:同台桌详情风格 -->
|
||||
<div class="grid grid-cols-2 gap-2">
|
||||
<div class="bg-gray-50 rounded-lg p-2.5">
|
||||
<div class="flex items-center gap-1 mb-0.5">
|
||||
<span class="text-xs font-medium text-gray-13">小燕</span>
|
||||
<span class="px-1 py-px bg-pink-50 text-pink-600 text-[9px] rounded">高级</span>
|
||||
<span class="text-sm font-medium text-gray-13">小燕</span>
|
||||
<span class="px-1 py-px bg-pink-50 text-pink-600 text-[10px] rounded">高级</span>
|
||||
</div>
|
||||
<div class="text-[10px] text-gray-8">基础课 · 1h</div>
|
||||
<div class="text-xs text-gray-8">基础课 · 1h</div>
|
||||
<div class="text-right mt-0.5">
|
||||
<span class="text-xs font-bold text-gray-13 pv">¥100</span>
|
||||
<span class="text-sm font-bold text-gray-13 pv">¥100</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 食品酒水 -->
|
||||
<div class="flex items-center justify-between pt-2 border-t border-gray-100">
|
||||
<span class="text-xs text-gray-8">🍷 食品酒水</span>
|
||||
<span class="text-sm font-medium text-warning pv">¥180</span>
|
||||
<span class="text-sm text-gray-8">🍷 食品酒水</span>
|
||||
<span class="text-base font-medium text-warning pv">¥180</span>
|
||||
</div>
|
||||
<!-- 总金额 -->
|
||||
<div class="flex items-center justify-between pt-2 border-t border-gray-200">
|
||||
<span class="text-xs font-semibold text-gray-9">总金额</span>
|
||||
<span class="text-base font-bold text-error pv">¥280</span>
|
||||
<span class="text-sm font-semibold text-gray-9">总金额</span>
|
||||
<span class="text-lg font-bold text-error pv">¥280</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user