美文网首页
鸿蒙 HarmonyOS NEXT星河版实战项目-严选商城

鸿蒙 HarmonyOS NEXT星河版实战项目-严选商城

作者: 青争小台 | 来源:发表于2024-08-21 09:15 被阅读0次

常用组件

截屏2024-08-20 15.34.50.png
截屏2024-08-20 15.37.00.png

代码目录结构

截屏2024-08-20 18.23.18.png
截屏2024-08-20 18.24.45.png
截屏2024-08-20 18.26.04.png
截屏2024-08-20 18.26.50.png
截屏2024-08-20 18.27.55.png

部署模型

截屏2024-08-20 21.05.56.png

工程结构

截屏2024-08-20 21.03.21.png
截屏2024-08-20 21.05.23.png

布局

截屏2024-08-20 21.08.04.png

自适应布局

截屏2024-08-20 21.10.20.png

响应式布局

截屏2024-08-20 21.13.43.png
截屏2024-08-20 21.14.31.png
截屏2024-08-20 21.58.19.png
截屏2024-08-20 21.58.03.png
截屏2024-08-20 22.00.41.png
截屏2024-08-20 22.04.07.png
截屏2024-08-20 22.10.25.png
截屏2024-08-20 22.11.23.png

三层架构项目
1、新建3个目录common,features,products
2、将原来的entry目录挪到products里改名为phone
3、在features里新建模块login,选择Static Library
4、在features/login/src/main/ets/componets下新建ArkTs File名为Test.ets,随意写一些代码并导出
4、在features/login/src/Index.ets添加代码export {Test} from './src/main/ets/components/Test',从而将新建的Test再次导出
5、在products/phone/oh-package.json5文件dependencies对象里添加"@ohos/login": "file:../../features/login",进行导入
6、在products/phone/src/main/ets/pages/Index.ets里引入import { Test } from '@ohos/login/src/main/ets/components/Test';并使用Test()

相关文章

网友评论

      本文标题:鸿蒙 HarmonyOS NEXT星河版实战项目-严选商城

      本文链接:https://www.haomeiwen.com/subject/msomkjtx.html