找回密码
 立即注册

QQ登录

只需一步,快速开始

Simon.hu 讲师达人认证 悬赏达人认证 活字格认证
超级版主   /  发表于:2021-1-26 17:36  /   查看:6045  /  回复:0
本帖最后由 Simon.hu 于 2021-1-28 13:45 编辑

前面给大家看了很多流式布局的功能,相信已经能够让大家感受到活字格7.0 我们满满的诚意了吧
咱**的名号也不是吹牛得来的,当然可能真的纯吹牛,我也能得个奖

其实,大佬们


这个帖子,主要是给大家介绍一下我们的行高列宽的自适应功能
前面的帖子我说了,这个功能虽然听起来非常的智能,但是其实他不一定像你想象的那么智能,说人话解释就是
这个功能是只能看页面元素的内容自动扩展,但是你千万不要认为随便逮住一个页面无脑给所有的行高列宽都设置上自适应,这样容易你会惊奇的发现,页面凉凉了
比如
image.png416840209.png

所以说,功能虽然很棒,但是不能滥用哈~
出了问题,我可不负责;毕竟删库跑路一直是我人生的座右铭

先说一下,为啥上面的页面会变成那个丑样子?
原因很简单,他是智能的看页面的内容,你的页面上的内容为空,那他自然就不显示了,所以你所有的空行没有内容,就都隐藏了

再说一下,这个功能到底应该怎么的使用呢?
首先,我建议大家在普通的文本框中使用(事实上你设置了效果也不好);
这个很容易理解,其实在web页面中,文本框按钮这种内容都不太希望他能自动乱扩展,因为他会让你的页面看起来非常的玄幻,届时你可能会发现你的页面掌握了B站最火的技能【鬼畜】;
我建议大家在那些多行文本框中使用;
比如多行文本框,富文本编辑器,图文列表中设置,那是比较靠谱的

这次我就不挖坑了,一个帖子说完(把前面的挖的坑也填完)
看我的几个例子,让你对这个功能理解深刻
1.给普通文本框设置自适应
按照如下的方式给普通文本框设置自适应
image.png805855102.png
效果我就不给大家看了,太鬼畜实在不行,真正使用起来也不实用
这里我要说的是,有没有大佬觉得,应该给这个文本框的整个列都设置自适应?
image.png97918089.png
有的话,给我拉出去枪毙五分钟(前面刚说了不要无脑设置,你有给我这样来)

2.给多行文本设置自适应
通常我们建议给一个多行文本框设置自适应的时候,找一列或者一行去设置,同时给一行一列设置也行
image.png212030333.png
效果如下
效果.gif
3.给富文本编辑器设置自适应
其实这个自适应的行或者列选择是很有讲究的,我以列举例
如果你希望这列中的其他内容可以跟随着内容自动扩展,那就找包含其他元素的列
image.png889180908.png
效果
效果.gif
如果你不希望按钮自动扩展,那就找一列上下都没有其他元素的列设置
image.png692075195.png
PS:行效果同列

4.给图文列表设置自适应
怎么设置,这里就不讲了,前面说了那么多,你肯定了解了,这次我们给图文列表设置自适应
image.png448653869.png
给图文列表设置自适应以后,你会发现表格的数据添加减少以后,图文列表会自动变高变低
一起看看效果
效果.gif

太多太多的场景和功能,我这里虽然抛的转比较多,但是还是只能说明冰山一角
真正牛逼之处,还需要大家自己去开发~


评分

参与人数 6满意度 +30 收起 理由
黑色幽默 + 5
乘风 + 5
孤狼 + 5
cnsxwxq + 5 5元已给,记得欠我20分钟
pangwei1203 + 5 很给力!
76466669 + 5 最后一图这是开车了?

查看全部评分

0 个回复

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