双语阿语RTL电商商城

电子商务 B2C 案例ID:246946
Adore-Xi
7 年经验· 联想
微信扫码沟通,客服可协助直接对接工程师;如当前档期不合,也可继续推荐相似案例作者。

案例介绍

这是我独立开发的一个面向海湾市场的双语(英语 / 阿拉伯语)电商商城 demo,技术栈为 Vue3 + vue-i18n + vue-router,包含首页、商品列表、商品详情、购物车与结算流程。
项目核心是把 RTL(从右到左)当作一等公民从头设计,而不是最后临时补丁:切换到阿拉伯语后,整站 dir 由 locale 驱动自动镜像——品牌、导航、筛选栏、商品栅格、按钮图标全部翻转,文案经 vue-i18n 完整翻译,价格按 locale 显示阿拉伯数字与本地货币(SAR)。同时处理了 LTR/RTL 两套方向下的布局一致性与视觉对齐。我此前做过海湾市场的英阿双语电商项目,这个 demo 是把 RTL 做正确的完整示范。

双语阿语RTL电商商城

电子商务 · B2C 案例ID:246946
联系该工程师
微信扫码,建群沟通
作者: Adore-Xi - 7年经验- 联想

案例介绍

这是我独立开发的一个面向海湾市场的双语(英语 / 阿拉伯语)电商商城 demo,技术栈为 Vue3 + vue-i18n + vue-router,包含首页、商品列表、商品详情、购物车与结算流程。
项目核心是把 RTL(从右到左)当作一等公民从头设计,而不是最后临时补丁:切换到阿拉伯语后,整站 dir 由 locale 驱动自动镜像——品牌、导航、筛选栏、商品栅格、按钮图标全部翻转,文案经 vue-i18n 完整翻译,价格按 locale 显示阿拉伯数字与本地货币(SAR)。同时处理了 LTR/RTL 两套方向下的布局一致性与视觉对齐。我此前做过海湾市场的英阿双语电商项目,这个 demo 是把 RTL 做正确的完整示范。

相似案例推荐

发布任务

企业点击发布任务,工程师会在任务下报名,招聘专员也会在 1 小时内与您联系确认。

1小时精推人才

需求方专属客服,免费梳理匹配

需求方客服微信二维码
扫码加微信 · 客服人工对接
更多案例
微信沟通 客服 看中这位工程师了?客服帮你 1 小时对接沟通 → ×