Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
Tonvia
Docs
提交
30461686
D
Docs
项目概览
Tonvia
/
Docs
与 Fork 源项目一致
Fork自
OpenHarmony / Docs
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
D
Docs
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
30461686
编写于
9月 21, 2022
作者:
T
tianyu
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update ts-framework-directory
Signed-off-by:
N
tianyu
<
tianyu55@h-partners.com
>
上级
ad4d3c90
变更
3
隐藏空白更改
内联
并排
Showing
3 changed file
with
12 addition
and
105 deletion
+12
-105
zh-cn/application-dev/ui/Readme-CN.md
zh-cn/application-dev/ui/Readme-CN.md
+1
-2
zh-cn/application-dev/ui/ts-framework-directory.md
zh-cn/application-dev/ui/ts-framework-directory.md
+11
-2
zh-cn/application-dev/ui/ts-framework-js-tag.md
zh-cn/application-dev/ui/ts-framework-js-tag.md
+0
-101
未找到文件。
zh-cn/application-dev/ui/Readme-CN.md
浏览文件 @
30461686
...
...
@@ -7,7 +7,6 @@
-
文件组织
-
[
目录结构
](
ts-framework-directory.md
)
-
[
应用代码文件访问规则
](
ts-framework-file-access-rules.md
)
-
[
js标签配置
](
ts-framework-js-tag.md
)
-
资源管理
-
[
资源文件的分类
](
ui-ts-basic-resource-file-categories.md
)
-
[
资源访问
](
ts-resource-access.md
)
...
...
@@ -72,7 +71,7 @@
-
[
构建食物分类Grid布局
](
ui-ts-building-category-grid-layout.md
)
-
[
页面跳转与数据传递
](
ui-ts-page-redirection-data-transmission.md
)
-
[
性能提升的推荐方法
](
ts-performance-improvement-recommendation.md
)
-
UI开发(兼容JS的类Web开发范式)
-
[
概述
](
ui-js-overview.md
)
-
框架说明
...
...
zh-cn/application-dev/ui/ts-framework-directory.md
浏览文件 @
30461686
...
...
@@ -13,7 +13,6 @@ FA应用的eTS模块(entry/src/main)的典型开发目录结构如下:
.ets结尾的eTS(extended TypeScript)文件,用于描述UI布局、样式、事件交互和页面逻辑。
**各个文件夹和文件的作用:**
...
...
@@ -27,5 +26,15 @@ FA应用的eTS模块(entry/src/main)的典型开发目录结构如下:
> **说明:**
>
> - 资源目录resources文件夹位于src/main下,此目录下资源文件的详细规范以及子目录结构规范参看[资源文件的分类](ui-ts-basic-resource-file-categories.md)。
>- 页面支持导入TypeScript和JavaScript文件。
**js标签配置:**
开发框架需要在配置文件中标识相关的js标签,其中的每个元素代表一个JS模块的信息,包含了实例名称、页面路由、视图窗口等。
> **说明:**
>
> FA模型请参考 [表22 js对象的内部结构说明](../quick-start/package-structure.md#module对象的内部结构)。
>
>
- 页面支持导入TypeScript和JavaScript文件
。
>
Stage模型请参考 [表3 module对象内部结构说明](../quick-start/stage-structure.md#module对象内部结构)
。
zh-cn/application-dev/ui/ts-framework-js-tag.md
已删除
100644 → 0
浏览文件 @
ad4d3c90
# js标签配置
开发框架需要应用的config.json中配置相关的js标签,其中包含了实例名称、页面路由、视图窗口配置信息。
| 标签 | 类型 | 默认值 | 必填 | 描述 |
| ------ | ------ | ------- | ---- | ---------------------------------------- |
| name | string | default | 是 | 标识ETS实例的名字。 |
| pages | Array | - | 是 | 页面路由信息,详见
[
pages
](
#pages
)
说明。 |
| window | Object | - | 否 | 视图窗口配置信息,详见
[
window
](
#window
)
说明。 |
| mode | Object | - | 否 | 配置Js
Component运行类型与语法风格,详见
[
mode
](
#mode
)
说明。 |
## pages
定义每个页面入口组件的路由信息,每个页面由页面路径和页面名组成,页面的文件名就是页面名。比如:
```
json
{
"pages"
:
[
"pages/index"
,
"pages/detail"
]
}
```
> **说明:**
> - pages列表中第一个页面为应用的首页入口。
>
> - 页面文件名不能使用组件名称,比如:Text.ets、Button.ets等。
>
> - 每个页面文件中必须包含[页面入口组件](../ui/ts-component-based-entry.md)(\@Entry装饰)。
## window
window用于配置相关视图显示窗口,支持配置如下属性:
| 类型 | 默认值 | 说明 |
| ----------- | ---- | ---------------------------------------- |
| designWidth | - | 配置视图显示的逻辑宽度,缺省默认720(智能穿戴默认454)。视图显示的逻辑宽度决定了lpx像素单位大小,如designWidth配置720时,在视图宽度为1440物理像素时,1lpx为2物理像素。详见
[
lpx像素单位
](
../ui/ts-pixel-units.md
)
说明。 |
```
json
{
...
"window"
:
{
"designWidth"
:
720
}
...
}
```
## mode
mode用于配置JS Component的运行类型与语法风格,支持如下属性:
| 类型 | 默认值 | 说明 |
| ------ | ---- | ---------------------------------------- |
| type | - | 配置该JS
Component的运行类型,可选值为:
<br/>
-
pageAbility:以ability的方式运行该JS
Component。
<br/>
-
form:以卡片的方式运行该JS
Component。 |
| syntax | - | 配置该JS
Component的语法风格,可选值为:
<br/>
-
hml:以hml/css/js风格进行编写。
<br/>
-
ets:以声明式语法风格进行编写。 |
> **说明:**
> 不支持同时配置type类型为form,syntax类型为ets。
## 示例
config.json:
```
json
{
"app"
:
{
"bundleName"
:
"com.example.player"
,
"version"
:
{
"code"
:
1
,
"name"
:
"1.0"
},
"vendor"
:
"example"
},
"module"
:
{
"js"
:
[{
"name"
:
"default"
,
"pages"
:
[
"pages/index"
,
"pages/detail"
],
"window"
:
{
"designWidth"
:
720
},
"mode"
:
{
"type"
:
"pageAbility"
,
"syntax"
:
"ets"
},
}],
"abilities"
:
[{
...
}]
}
}
```
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录