继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

重磅更新!AXUI-v3.1.0发布,全力支持RTL行文,阿拉伯语与希伯来语显示完美适配!

亚洲李向阳
关注TA
已关注
手记 8
粉丝 0
获赞 2

AXUI前端框架支持RTL国际化

本版本迈出国际化的重要一步:支持RTL行文模式。可将本框架应用在阿拉伯语/希伯来语项目中。

更新内容如下:

  • 对应用本框架模块的节点增加ax属性用来存放于axui相关的数据;其为一个对象,包含modules,flip,spy等属性;一个节点应该只应用一次相同的模块。

  • elProps函数改为storeNode,用来给节点存放于本框架相关的数据。

  • 修改全站css以支持RTL(阿拉伯语/希伯来语排版要求)。

  • 增加--_dir-coef变量,以便在样式中计算rtl布局中的样式。

  • 改小legend标签字号,并固定字号12px

  • 修改_ratio-*比例连接符,比如16-9改为16x9,更加直观;并新增若干比例。

  • 增加getRtl函数,用来获取当前页面是否是rtl行文模式。

  • 增加setRtl函数,用来设置页面使用rtl行文模式。

  • 适配了Virtualize模块在rtl行文模式下的水平虚拟滚动。

  • 允许对ScrollSwipe模块节点增加dir=rtl属性,允许局部rtl。

  • 修改RateRangeScroll模块,增加rtl参数。

  • 在样式中,将方向性的属性l(left)和r(right)改成s(start)和e(end),lr改成se,修改范围包含了p、m、r、bd系列样式类和css变量名。

  • 修改ax-defrom组件,将menuLeft改为manuStartmenuRight改为menuEnd

  • 修改_a-*排序相关样式类,l(left)改为s(start),r(right)改为e(end),lt改为st等。

  • 修改包含leftright的动画名,例如fadeInLeft改为fadeInStart,_fadeInRight改为_fadeInEnd等。

详情,请访问官网:https://www.axui.cn

AXUI前端框架


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP