接下来为大家展示一个低代码开发的JS工程的Demo示例,使用低代码开发如下华为手机介绍列表的HarmonyOS应用/服务示例。
1.删除模板页面中的控件后,选中组件栏中的List组件,将其拖至中央画布区域,松开鼠标,实现一个List组件的添加。在List组件添加完成后,用同样的方法拖拽一个ListItem组件至List组件内。
2.选中画布内的List组件,按住控件的resize按钮,将List拉大。
3.依次选中组件栏中的Div、Image、Div、Text组件,将Div组件拖至中央画布区域的ListItem组件内,Image、Div组件拖至画布内Div组件内,Text组件拖至最内层Div组件内。
4.分别选中组件树中的ListItem和外层Div组件,单击右侧属性样式栏中的样式图标(General),在展开的General栏中修改ListItem和Div组件的高度。