style(web): translate the comments in the src/views directory into English

This commit is contained in:
zhaoying
2026-02-04 10:27:27 +08:00
parent 9e195ea63b
commit 7e650d86a5
24 changed files with 115 additions and 995 deletions

View File

@@ -2,7 +2,7 @@
* @Author: ZhaoYing
* @Date: 2026-02-03 17:37:31
* @Last Modified by: ZhaoYing
* @Last Modified time: 2026-02-03 17:37:51
* @Last Modified time: 2026-02-04 10:16:42
*/
/**
* Order Payment Page
@@ -227,7 +227,7 @@ const OrderPayment: React.FC = () => {
return (
<div className="rb:w-full rb:pb-20">
{/* 订单信息 */}
{/* Order Information */}
<div className="rb:mb-6">
<h2 className="rb:text-[16px] rb:text-lg rb:font-semibold rb:mb-4">{t('pricing.orderInformation')}</h2>
@@ -238,9 +238,9 @@ const OrderPayment: React.FC = () => {
</div>
</div>
{/* 订单详情表格 */}
{/* Order Details Table */}
<div className="rb:border rb:border-[#DFE4ED] rb:rounded-2xl rb:overflow-hidden">
{/* 桌面端表头 */}
{/* Desktop Table Header */}
<div className="rb:flex rb:gap-4 rb:p-4 rb:bg-[rgba(255,255,255,0.03)] rb:border-b rb:border-b-[rgba(255,255,255,0.1)]">
<div className="rb:flex-1">{t('pricing.comboName')}</div>
<div className="rb:flex-2">{t('pricing.spAndTa')}</div>
@@ -248,15 +248,15 @@ const OrderPayment: React.FC = () => {
<div className="rb:w-32">{t('pricing.orderCycle')}</div>
<div className="rb:w-32 rb:text-right">{t('pricing.orderAmount')}</div>
</div>
{/* 表格内容 */}
{/* Table Content */}
<div className="rb:flex rb:p-4 rb:flex-row rb:gap-4">
{/* 套餐名称 */}
{/* Package Name */}
<div className="rb:flex-1">
<div className="rb:hidden rb:text-[12px] rb:text-[#5B6167] rb:mb-1">{t('pricing.comboName')}</div>
<div className="rb:text-[18px] rb:text-xl rb:font-bold rb:mb-1">{orderInfo.comboName}</div>
<div className="rb:text-[12px] rb:text-[#5B6167]">{orderInfo.comboEdition}</div>
</div>
{/* 解决方案和目标受众 */}
{/* Solutions and Target Audience */}
<div className="rb:flex-2 rb:text-[12px] ">
<div className="rb:hidden rb:text-[12px] rb:text-[#5B6167] rb:mb-2">{t('pricing.spAndTa')}</div>
<div className="rb:mb-4">
@@ -268,7 +268,7 @@ const OrderPayment: React.FC = () => {
<div className="rb:text-[#5B6167]">{orderInfo.targetAudience}</div>
</div>
</div>
{/* 版本信息 */}
{/* Version Information */}
<div className="rb:flex-2 rb:text-[12px] rb:space-y-2">
<div className="rb:hidden rb:text-[12px] rb:text-[#5B6167] rb:mb-2">{t('pricing.versionInformation')}</div>
<div className="rb:flex rb:items-center rb:gap-2">
@@ -296,7 +296,7 @@ const OrderPayment: React.FC = () => {
</>
)}
</div>
{/* 订购周期和金额 */}
{/* Subscription Period and Amount */}
<div className="rb:w-32 rb:text-[12px] rb:text-[#5B6167]">
{orderInfo.orderingCycle}
</div>
@@ -308,9 +308,9 @@ const OrderPayment: React.FC = () => {
</div>
</div>
{/* 支付方式和支付凭证 */}
{/* Payment Method and Payment Voucher */}
<div className="rb:grid rb:grid-cols-2 rb:gap-6">
{/* 支付方式 */}
{/* Payment Method */}
<div className="rb:border rb:border-[#DFE4ED] rb:rounded-2xl rb:p-4">
<h2 className="rb:text-[16px] rb:text-lg rb:font-semibold rb:mb-4">{t('pricing.paymentMethod')}</h2>
@@ -352,7 +352,7 @@ const OrderPayment: React.FC = () => {
</div>
</div>
{/* 支付凭证 */}
{/* Payment Voucher */}
<div className="rb:border rb:border-[#DFE4ED] rb:rounded-2xl rb:p-4">
<h2 className="rb:text-[16px] rb:text-lg rb:font-semibold rb:mb-4">{t('pricing.paymentVoucher')}</h2>