explainations

This commit is contained in:
Zylan
2025-03-18 18:14:44 +08:00
parent 99ac882818
commit a29b3f4950

View File

@@ -335,9 +335,9 @@ const SalaryCalculator = () => {
<div className="relative">
<label className="block text-sm font-medium text-gray-700 dark:text-gray-300">
(PPP)
<span className="ml-1 inline-flex items-center rounded-full bg-blue-100 px-2.5 py-0.5 text-xs font-medium text-blue-800 dark:bg-blue-900 dark:text-blue-300 cursor-pointer group">
<span className="ml-1 inline-flex items-center rounded-full bg-blue-100 px-2.5 py-0.5 text-xs font-medium text-blue-800 dark:bg-blue-900 dark:text-blue-300 cursor-pointer group relative">
?
<span className="absolute z-10 invisible group-hover:visible bg-gray-900 text-white text-xs rounded py-1 px-2 -mt-20 -ml-24 w-64">
<span className="absolute z-10 invisible group-hover:visible bg-gray-900 text-white text-xs rounded py-1 px-2 bottom-full mb-1 left-1/2 transform -translate-x-1/2 w-48 sm:w-64">
PPP转换因子是将各国货币购买力标准化的指标4.1914.19
</span>
</span>
@@ -375,7 +375,15 @@ const SalaryCalculator = () => {
/>
</div>
<div>
<label className="block text-sm font-medium text-gray-700 dark:text-gray-300">WFH天数/d</label>
<label className="block text-sm font-medium text-gray-700 dark:text-gray-300">
wfh天数/d
<span className="ml-1 inline-flex items-center rounded-full bg-blue-100 px-2.5 py-0.5 text-xs font-medium text-blue-800 dark:bg-blue-900 dark:text-blue-300 cursor-pointer group relative">
?
<span className="absolute z-10 invisible group-hover:visible bg-gray-900 text-white text-xs rounded py-1 px-2 bottom-full mb-1 left-1/2 transform -translate-x-1/2 w-48 sm:w-64">
WFH指居家办公(Work From Home)
</span>
</span>
</label>
<input
type="number"
value={formData.wfhDaysPerWeek}
@@ -396,7 +404,7 @@ const SalaryCalculator = () => {
/>
</div>
<div>
<label className="block text-sm font-medium text-gray-700 dark:text-gray-300">/d</label>
<label className="block text-sm font-medium text-gray-700 dark:text-gray-300">/d</label>
<input
type="number"
value={formData.publicHolidays}
@@ -417,7 +425,15 @@ const SalaryCalculator = () => {
<div className="grid grid-cols-3 gap-4">
<div>
<label className="block text-sm font-medium text-gray-700 dark:text-gray-300">/h</label>
<label className="block text-sm font-medium text-gray-700 dark:text-gray-300">
/h
<span className="ml-1 inline-flex items-center rounded-full bg-blue-100 px-2.5 py-0.5 text-xs font-medium text-blue-800 dark:bg-blue-900 dark:text-blue-300 cursor-pointer group relative">
?
<span className="absolute z-10 invisible group-hover:visible bg-gray-900 text-white text-xs rounded py-1 px-2 bottom-full mb-1 left-1/2 transform -translate-x-1/2 w-48 sm:w-64">
"下班时间-上班时间"
</span>
</span>
</label>
<input
type="number"
value={formData.workHours}
@@ -426,7 +442,15 @@ const SalaryCalculator = () => {
/>
</div>
<div>
<label className="block text-sm font-medium text-gray-700 dark:text-gray-300">/h</label>
<label className="block text-sm font-medium text-gray-700 dark:text-gray-300">
/h
<span className="ml-1 inline-flex items-center rounded-full bg-blue-100 px-2.5 py-0.5 text-xs font-medium text-blue-800 dark:bg-blue-900 dark:text-blue-300 cursor-pointer group relative">
?
<span className="absolute z-10 invisible group-hover:visible bg-gray-900 text-white text-xs rounded py-1 px-2 bottom-full mb-1 left-1/2 transform -translate-x-1/2 w-48 sm:w-64">
</span>
</span>
</label>
<input
type="number"
value={formData.commuteHours}