常用组件
![](https://img.haomeiwen.com/i18619776/dd3ec796c7e86f68.png)
![](https://img.haomeiwen.com/i18619776/6ff528ae0b0aaf03.png)
代码目录结构
![](https://img.haomeiwen.com/i18619776/84ea406fdadf8a8a.png)
![](https://img.haomeiwen.com/i18619776/136d28e37d733e1f.png)
![](https://img.haomeiwen.com/i18619776/30ca7aa7671d2f51.png)
![](https://img.haomeiwen.com/i18619776/6900e52b8ea37372.png)
![](https://img.haomeiwen.com/i18619776/ef785828b073d977.png)
部署模型
![](https://img.haomeiwen.com/i18619776/29f1039193c380ef.png)
工程结构
![](https://img.haomeiwen.com/i18619776/ee3765b748270589.png)
![](https://img.haomeiwen.com/i18619776/fd42076e30b2ad70.png)
布局
![](https://img.haomeiwen.com/i18619776/908366355f3353c9.png)
自适应布局
![](https://img.haomeiwen.com/i18619776/baf3c78035a603e9.png)
响应式布局
![](https://img.haomeiwen.com/i18619776/38d5039c66042bd1.png)
![](https://img.haomeiwen.com/i18619776/e36babb1a8747c22.png)
![](https://img.haomeiwen.com/i18619776/16a34c3c7609adc1.png)
![](https://img.haomeiwen.com/i18619776/9d3eec57d90f8f8f.png)
![](https://img.haomeiwen.com/i18619776/923a0906a14550bc.png)
![](https://img.haomeiwen.com/i18619776/f545c007200b4610.png)
![](https://img.haomeiwen.com/i18619776/1e096dcdfd77b835.png)
![](https://img.haomeiwen.com/i18619776/1bb418a6adb8ee42.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()
网友评论