代码拉取完成,页面将自动刷新
wxapp是一个实用的三方UI库,为用户提供更加统一的使用感受。主要包含表单(form,list)、操作提示(toast)、文字跑马灯(marquee)、抽屉层(drawer)、订单评价(comment)、tab菜单(lefttab,x_scroll_top_bar)、横向滚动(xscroll)、城市三级联选(city_picker)、加载动画(loading)、图片翻页(pictures)共计 41 类常见UI界面。
npm install @ohos/wxapp --save
OpenHarmony npm环境配置等更多内容,请参考 如何安装OpenHarmony npm包 。
第一步: 在hml文件中引入组件,src相对路径根据拷贝位置可能存在改动;
<element name="ohosButton" src="../../../../../../../../wxapp/src/main/js/components/ohosButton/index"></element>
第二步:创建组件节点,利用自定义组件的扩展属性进行定制:
<ohosButton class-name="button1" text-class-name="text1" text="页面主操作 Normal"></ohosButton>
支持 OpenHarmony API version 8 及以上版本。
|---- wxapp
| |---- entry # 示例代码文件夹
| |----src
| |----main
| |----js
| |----MainAbility
| |----pages #页面源码目录
| |---- config.json # 页面配置文件
| |---- wxapp # 组件源码文件夹
| |----src
| |----main
| |----js
| |----common 公共资源目录
| |----components 组件目录
| |----utils 工具类目录
| |---- config.json # 页面配置文件
| |---- README.md # 安装使用方法
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。