在做响应式布局做的验证工作，可以实现根据页面宽度动态布局有需要的可以拿去参考

Chelsey.Wang

效果如图：

原理：

输入框添加命令当宽度变化时移动单元格位置，隐藏多余列。
通过自适应行高，让移动后的单元格实实现向下堆放效果
image.png827517394.png

现在还在想有没有办法不用每个页面都写那么多命令，提高使用时的便捷性。最终会整合到我正在写的前端规范里面，现在还在实验阶段
可能有人也在研究这种布局，先放demo出来有需要的可以参考

如果大家有更便捷的方法也希望大家可以分享出来一起研究

x1061875478 · x1061875478

想法不错，不过工作量有点大，还是需要官方做一个栅格的方案

qtcxc · qtcxc

发现没有上传demo 补上

qtcxc · qtcxc

是的，目前工作量有点大，正在基于上面的例子，开大一点的脑洞看看是不是可以封装一个模板命令，让所有页面通用。来增加易用性。

swejet · swejet

楼主

这个效果是响应式布局了，但是我还是觉得这个工作应该由官方来实现，咱们实现工作量太大，而且应用前景悲观。因为太麻烦，所以实际使用的绝对项目数量会很少

qtcxc · qtcxc

说一句公道话，其实官方已经做了很多。
用了这么多年，是一点点的看着官方把我提出的一个个想法做了出来。
所以我的想法是：
可能有些点官方还无法兼顾，我做一点尝试，可以开阔一下思路，说不准后面官方就能安排上了不过要等，这几年已经养成一种习惯，有些功能官方暂时无法直接支持，自己能动手搞定的先搞一个用着，然后再耐心等官方解决方案，活字格这几年的迭代从未让人失望。

alexyui · alexyui

秀儿，想法很不错，不过还是期待官方的栅格系统解决方案，不然设置起来实在太累太累。每次论坛上提栅格系统或响应式布局时候版主都会给你一个流式布局的链接。。。

swejet · swejet

qtcxc 发表于 2022-9-8 11:45
说一句公道话，其实官方已经做了很多。
用了这么多年，是一点点的看着官方把我提出的一个个想法做了出来。 ...

cnsxwxq · cnsxwxq

这两天也研究了一下响应式布局的可能性，拿《山寨版活字格官网》的DEMO做了测试，基本上都可以实现。版主的DEMO来的恰是时候。

cnsxwxq · cnsxwxq

9-10之间插入一行

		自动登录	找回密码
密码			立即注册

[资源分享] 在做响应式布局做的验证工作，可以实现根据页面宽度动态布局有需要的可以拿去参考

评分

13 个回复

活字格认证

悬赏达人

活字格高级认证

圣诞拼拼乐

微信认证勋章