HarmonyOS应用开发:低代码开发Demo展示!

接下来为大家展示一个低代码开发的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组件的高度。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值