uni-app/vue2项目国际化总结(APP/H5)

引言

本文是对官方国际化专题做出补充，主要涉及应用部分，即开发者自己的代码。

问题

一般语言默认从左向右 (LTR) 书写，中东语言的文字大多从右向左 (RTL) 书写，比如阿拉伯语；因此需解决双向文字流、双向图片流的问题。

/* 全局使用 */
{
    direction: ltr;
    /* direction: rtl; */
}

解决

css避免使用左右(内外)边距样式，应采用占位元素处理间距，比如view。

双向文字流(推荐)

<!-- 左元素 -->
<view style="width: 10px;height: 10px;"></view>
<!-- 右元素 -->

双向文字流(不建议)

/* 避免左元素或右元素直接使用 */
{
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

图片可以通过控制样式旋转处理双向问题。

双向图片流(推荐)

{
    /* ltr */
    transform: rotate(0deg);
    /* rtl */
    transform: rotate(180deg);
}

持续更新中...