前段时间公司做了个维汉双语的驾考小程序《uy维语考驾照》,这个小程序需要实现维语界面和汉语界面一键切换,这个功能在小程序中是比较容易实现的,只要使用“三目表达式”通过一个变量就可以实现两种语言的自由切换。
可是维语都是从右到左显示,我调查了多个维语网站,发现他们不管是文字还是页面结构都是和汉语界面相反的。难道要写2种结构,好了不啰嗦了上代码
//通过三目表达式控制外层盒子的class
<view class="{{is_wei>0?'wei':''}}">
//页面结构
</view>
.wei{
text-orientation: sideways;//文字方向
direction: rtl;//把文本方向设置为“从右向左”
}
这样就可以实现页面结构从右到左显示了。
体验 《维文驾考》 小程序