feat: 考勤面板UI优化(5项改进)

1. 打卡状态文字:显示"已上班 07:02"/"已下班 17:05"
2. NFC扫描倒计时:显示"请贴近信标(8s)"
3. 底部收回指示条:灰色短横线,点击可收回面板
4. 药丸形按钮:大圆角28dp + 蓝色渐变(源码#4CBAF1→#339AFB)
5. 撤销按钮主次分明:窄灰底红字(0.4) + 宽蓝色下班(0.6)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
dongliang
2026-04-29 10:27:40 +09:30
parent 1b9015e9ce
commit 3d2261c809
7 changed files with 155 additions and 56 deletions

View File

@@ -0,0 +1,22 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- 药丸形蓝色渐变按钮(对应源码 #4CBAF1→#339AFB -->
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true">
<shape android:shape="rectangle">
<gradient android:startColor="#FF2B8AD4" android:endColor="#FF2780C8" android:angle="0" />
<corners android:radius="28dp" />
</shape>
</item>
<item android:state_enabled="false">
<shape android:shape="rectangle">
<solid android:color="#FF333333" />
<corners android:radius="28dp" />
</shape>
</item>
<item>
<shape android:shape="rectangle">
<gradient android:startColor="#FF4CBAF1" android:endColor="#FF339AFB" android:angle="0" />
<corners android:radius="28dp" />
</shape>
</item>
</selector>

View File

@@ -0,0 +1,16 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- 药丸形灰色按钮(撤销用) -->
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true">
<shape android:shape="rectangle">
<solid android:color="#FF424242" />
<corners android:radius="28dp" />
</shape>
</item>
<item>
<shape android:shape="rectangle">
<solid android:color="#FF2C2C2E" />
<corners android:radius="28dp" />
</shape>
</item>
</selector>

View File

@@ -0,0 +1,7 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- 底部收回指示条(灰色圆角短横线) -->
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<solid android:color="#4DFFFFFF" />
<corners android:radius="2dp" />
</shape>