范围选择轴调整字体大小

 

当前字体大小为

xxx

 

字体大小预览:

当前字体大小

实现原理

1、绑定元素的输出变量

2、通过设置文本内容绑定或者css样式绑定变量来动态实现相关效果。

涉及知识点: 数据绑定

Step by Step

1.插入元素并设置样式

插入元素,搜索 范围选择轴,点击确认添加。

插入元素后,在元素上右键选择“范围选择轴”,设置选择轴。参照 手册:范围选择轴元素

2.数据绑定

选择该元素标签,右键单击>>逻辑>>数据绑定

属性绑定:{"data-x-rfrom":a}。 绑定变量a

3.实现效果

3.1

将选择要动态显示数字的文字,右键>>逻辑>>数据绑定

文本内容绑定:a。实现效果。

3.2

将选择要动态显示数字的文字,右键>>逻辑>>数据绑定

css样式绑定:{"font-size":a() +"px"}。实现效果。

4. 视频演示

注意事项

在这里添加注意事项描述