跳到主要内容
哒哒星球DADA PLANET

实践笔记

长标题换行后挤到徽章,先改布局约束

长标题换行后挤到徽章,先改布局约束

把字号不断缩小,不一定能解决结构问题。

这一页要解决的现场问题:资源标题最多两行,旁边同时有类型和官方徽章。

图里想说明的变化
徽章不会占用标题的固定起点。

做自己的版本时,把下面材料换成真实内容:

材料:
资源标题最多两行,旁边同时有类型和官方徽章。

任务:
把元信息独立成一行,标题单独占满内容宽度;定义最小间距和窄屏折行顺序。

交付要求:
给出文字线框草图、尺寸或对齐规则、窄屏适配与检查项;不把草图当成已上线界面。
不能只用绝对定位让元素在一个尺寸下看起来正常。

不能只用绝对定位让元素在一个尺寸下看起来正常。

以上为演示案例,可替换成自己的材料。