Yoo趣儿

Yoo趣儿 › Geek › 程序员 › V 友们，这个设计能用 flex 布局实现吗，后台返回的是一 ...

V 友们，这个设计能用 flex 布局实现吗，后台返回的是一个数组对象。我想在交互上方便一下，如果 flex 实现不了，有没有其他能把按钮循环出来的办法

查看 597|回复 69
作者：MRG0   
有个关键问题，第二排按钮会捅到支付方式下边

发帖的时候太着急了，补充一下：
1 ，后台会返回一个按钮数组，需要根据数组循环渲染按钮
2 ，按钮长短不一，按 UI 图来看，长的要在第一排
3 ，没有后端支持，只能前端改
4 ，第一排的按钮需要和“支付方式”对齐，第二排按钮有可能前伸到“支付方式”下边
5 ，当按钮减少为三个时，长的一个会在第一排，短的两个会在第二排，当按钮只有一个时只有第一排了

flex, 按钮, 交互, 后台

相关帖子

Asakijz   
发帖的时候太着急了，补充一下：
1 ，后台会返回一个按钮数组，需要根据数组循环渲染按钮
2 ，按钮长短不一，按 UI 图来看，长的要在第一排
3 ，没有后端支持，只能前端改
4 ，第一排的按钮需要和“支付方式”对齐，第二排按钮有可能前伸到“支付方式”下边
5 ，当按钮减少为三个时，长的一个会在第一排，短的两个会在第二排，当按钮只有一个时只有第一排了
wednesdayco   
没看懂需求
pengtdyd   
能，话说你这按钮的大小不会不一致吧？
vitovan   
可以，但是你能问出这个问题，我感觉你写不出来。
LaGeNanRen   
.container {
display: flex;
flex-direction: row-reverse;
flex-wrap: wrap;
}
这行吗？
wednesdayco   
在座的各位有几个听懂他的需求和问题了 ：）
MRG0
OP
  
@LaGeNanRen 我猜他说的是按钮数据是个数组，布局的时候分成两排。 实现方式多得很
MRG0
OP
  
@wednesdayco 不一致，有大有小，甚至顺序也有要求
MRG0
OP
  
@pengtdyd 我想一天了，就这个按钮捅到支付方式下边这个问题，实在想不到如何解决
下一页 »
1234567下一页
返回列表
您需要登录后才可以回帖 登录 | 立即注册

AD1

热门主题

热门板块

问与答分享发现分享创造奇思妙想分享邀请码商业推广优惠信息PythonPHPJavaJavaScriptNode.jsGo语言C++HTML

公告

标签|小黑屋|Yoo趣儿

GMT+8, 2024-9-22 19:27 , Processed in 0.188134 second(s), 14 queries , Gzip On, MemCached On.

Powered by Discuz! X3.2

The happiest thing in the world is to strive for an ideal.

返回顶部