Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
bbdb9d90
D
Docs
项目概览
OpenHarmony
/
Docs
大约 2 年 前同步成功
通知
161
Star
293
Fork
28
代码
文件
提交
分支
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看板
未验证
提交
bbdb9d90
编写于
9月 29, 2022
作者:
O
openharmony_ci
提交者:
Gitee
9月 29, 2022
浏览文件
操作
浏览文件
下载
差异文件
!10180 ts-framework-js-tag挑单到3.1release
Merge pull request !10180 from 田雨/OpenHarmony-3.1-Release
上级
f455a358
1909a324
变更
3
显示空白变更内容
内联
并排
Showing
3 changed file
with
9 addition
and
102 deletion
+9
-102
zh-cn/application-dev/ui/Readme-CN.md
zh-cn/application-dev/ui/Readme-CN.md
+0
-1
zh-cn/application-dev/ui/ts-framework-directory.md
zh-cn/application-dev/ui/ts-framework-directory.md
+9
-0
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
浏览文件 @
bbdb9d90
...
...
@@ -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
)
...
...
zh-cn/application-dev/ui/ts-framework-directory.md
浏览文件 @
bbdb9d90
...
...
@@ -29,3 +29,12 @@ 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对象的内部结构)。
\ No newline at end of file
zh-cn/application-dev/ui/ts-framework-js-tag.md
已删除
100644 → 0
浏览文件 @
f455a358
# js标签配置
开发框架需要应用的config.json中配置相关的js标签,其中包含了实例名称、页面路由、视图窗口配置信息。
| 标签 | 类型 | 默认值 | 必填 | 描述 |
| -------- | -------- | -------- | -------- | -------- |
| name | string | default | 是 | 标识ETS实例的名字。 |
| pages | Array | - | 是 | 页面路由信息,详见
[
pages
](
#pages
)
说明。 |
| window | Object | - | 否 | 视图窗口配置信息,详见
[
window
](
#window
)
说明。 |
| mode | Object | - | 否 | 配置Js
Component运行类型与语法风格,详见
[
mode
](
#mode
)
说明。 |
## pages
定义每个页面入口组件的路由信息,每个页面由页面路径和页面名组成,页面的文件名就是页面名。比如:
```
{
"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
)
说明。 |
```
{
...
"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:
```
{
"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.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录