找回密码
 立即注册

QQ登录

只需一步,快速开始

MatrixTian 讲师达人认证 悬赏达人认证

高级会员

141

主题

211

帖子

1380

积分

高级会员

积分
1380

微信认证勋章讲师达人元老葡萄悬赏达人

MatrixTian 讲师达人认证 悬赏达人认证
高级会员   /  发表于:2020-1-21 10:54  /   查看:3195  /  回复:0
本帖最后由 James.Lv 于 2023-1-5 18:44 编辑

在设置仪表板时,有时需要同时考虑在移动端的查看效果也要保持合适,布局合理,方便阅览。
在使用了很多富文本展示经营指标的仪表板中,在PC端设计时正常,发现在移动视图预览时,每个文本框会自动适应屏幕宽度,效果是默认的自适应布局,布局会发生变化。那么,文本框如何在移动视图保持和PC视图一致呢?
如图:
设计视图:
image.png326928099.png

需要实现的移动预览视图:
image.png77192381.png

核心点:将富文本框放置到容器或者选项卡中,并设置其移动端布局策略为:缩放。

设置步骤:
1.在容器或者选项卡中设计富文本,绑定指标值;
2.设置容器或者选项卡的移动端布局策略:默认值为流式,移动端视图需改为:缩放。
image.png527901000.png
image.png327290648.png

0 个回复

您需要登录后才可以回帖 登录 | 立即注册
返回顶部