订单页制作比较简单,界面如下:

Android 仿美团点单页面 美团点单流程图_ivx

一、标题

首先创建一个页面,命名为订单页,并且给予背景色为黄色:

Android 仿美团点单页面 美团点单流程图_Android 仿美团点单页面_02


随后创建一个行,命名为主要并给予对应的基础属性:

Android 仿美团点单页面 美团点单流程图_无代码_03


接着给予这个主要行对应的上下内边距使其给顶部具有与元素的一定距离:

Android 仿美团点单页面 美团点单流程图_ivx_04


接着创建一个内容行,给予对应的基础属性:

Android 仿美团点单页面 美团点单流程图_iVX_05


在内容行中创建一个对应的标题行用于标题的制作:

Android 仿美团点单页面 美团点单流程图_iVX_06


在标题中创建一个文本:

Android 仿美团点单页面 美团点单流程图_iVX_07


设置标题行的水平对齐为居中即可:

Android 仿美团点单页面 美团点单流程图_iVX_08

二、购买最多

接着创建一个行,命名为购买次数:

Android 仿美团点单页面 美团点单流程图_低代码_09


接着给予购买次数行的上下左右内边距:

Android 仿美团点单页面 美团点单流程图_ivx_10

接着创建一个行,命名为统计:

Android 仿美团点单页面 美团点单流程图_低代码_11

在此还需要设置这个行的水平对齐为靠右:

Android 仿美团点单页面 美团点单流程图_iVX_12


因为接下来的的文本需要靠右显示,接着创建一个文本,设置文本为查看更多:

Android 仿美团点单页面 美团点单流程图_Android 仿美团点单页面_13


接着设置对应的内容背景色为白色即可:

Android 仿美团点单页面 美团点单流程图_无代码_14


此时我们发现,订单标题应该放于外侧,那么此时拖动标题行至于与内容行同级:

Android 仿美团点单页面 美团点单流程图_iVX_15

接着创建内容行的中购买次数店铺,由于其中每一个购买次数都是一个单独的个体:

Android 仿美团点单页面 美团点单流程图_低代码_16

咱们在此创建一个列,命名为信息,设置基础属性值:

Android 仿美团点单页面 美团点单流程图_低代码_17


接着添加文本和图片设置样式即可:

Android 仿美团点单页面 美团点单流程图_ivx_18


接着复制多个信息内容,再设置水平对齐为等间距即可:

Android 仿美团点单页面 美团点单流程图_低代码_19

二、商铺信息

商铺信息跟之前对应的内容一致,在此直接复制过来即可:

Android 仿美团点单页面 美团点单流程图_ivx_20