如何抄人家的布局?

查看 101|回复 8
作者:abcbuzhiming   
作为一个后端程序员,我承认 CSS 这东西我这辈子也不可能彻底搞明白了。所以退而求其次吧,我就是按需使用。很多时候,我其实就是要个主界面布局。
比如说很多后端都会遇到的后端管理系统,它其实就是顶部一个 header ,下面分左右两栏,左边是菜单栏,右边是内容区域,菜单栏有个按钮,点了会折叠起来,有的系统是彻底折叠菜单栏,有的折叠起来但是留出图标宽度。每家都有自己的细节上的一点区别。现在我就是想抄这个主界面布局,抄出主界面了后其它的部分就自己慢慢填充了。但是,这个主界面布局该怎么抄呢?
caixiaomao   
截图,发给 gpt

potatowish   
我直接把页面截图,在 prompt 稍加描述,发给 claude ,后续再微调就可以了
abcbuzhiming
OP
  
@caixiaomao
@potatowish
我去,真的假的,问题是这不是一个纯静态布局,它有一些可动部分的,比如我说的点击按钮可以隐藏菜单栏,再点一下就会弹出来,这种问题怎么提给大模型?
potatowish   
@abcbuzhiming 在 prompt 中说明一下,或者它给出代码后,你再继续提示它
linauror   
直接找个 admin 后台框架呢,很多默认就是你说的这种效果的
abcbuzhiming
OP
  
@linauror 这类框架往往耦合了它自己的一些业务逻辑,主要是 js 代码,改起来很麻烦,我只想要那个 CSS 的部分,js 的部分我有自己的想法
Felldeadbird   
不用抄啊,直接 flex 布局。就像你 header,sidebar,content,footer
那就 header main footer 一个上下布局。
main 里面再一个 display flex 左右对齐 包着 sidebar 和 content 。sidebar 设定具体的宽度。剩下 conteng 区域就是展示列表了。
Felldeadbird   
header 你想跟随滚动,flex 布局会自动顶上的。完全不需要担心。
当然了,这是建立再手撸布局。如果你用第三方库,就用库提供的布局架构写内容就好了。自己顶多就是写点 css ,兼容手机。
您需要登录后才可以回帖 登录 | 立即注册

返回顶部