为了账号安全,请及时绑定邮箱和手机立即绑定

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

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前端框架


点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
Web前端工程师
手记
粉丝
0
获赞与收藏
2

关注作者,订阅最新文章

阅读免费教程

  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

举报

0/150
提交
取消