From f3d26f910a7d6b8ff0ae381d8f3fdbbb87085882 Mon Sep 17 00:00:00 2001 From: dWX1140490 Date: Tue, 28 Jun 2022 15:05:06 +0800 Subject: [PATCH 1/5] add README.md and .gitignore file --- FormExtAbility/.gitignore | 16 ++++++++++++++++ FormExtAbility/README.md | 10 ++++++++++ .../src/main/ets/FormAbility/FormAbility.ts | 2 -- .../src/main/js/widget/pages/index/index.css | 1 + .../src/main/js/widget/pages/index/index.hml | 6 +++--- 5 files changed, 30 insertions(+), 5 deletions(-) create mode 100644 FormExtAbility/.gitignore create mode 100644 FormExtAbility/README.md diff --git a/FormExtAbility/.gitignore b/FormExtAbility/.gitignore new file mode 100644 index 0000000..4481a08 --- /dev/null +++ b/FormExtAbility/.gitignore @@ -0,0 +1,16 @@ + + +node_modules + +local.properties + +package-lock.json + +.idea + +entry/.preview +entry/build + +AppScope/resources/base/media/app_icon.png +entry/src/main/resources/base/media/icon.png +entry/src/main/js/common/landscape.jpg \ No newline at end of file diff --git a/FormExtAbility/README.md b/FormExtAbility/README.md new file mode 100644 index 0000000..bf1206a --- /dev/null +++ b/FormExtAbility/README.md @@ -0,0 +1,10 @@ +## 安装须注意 + +**运行Demo前须先在项目中手动添加以下几个图片文件** + +1. FormExtAbility\AppScope\resources\base\media\app_icon.png + 图片下载地址：http://image.huawei.com/tiny-lts/v1/images/dfbc590a8c6503a58389fded15d29e3b_114x114.png +2. FormExtAbility\entry\src\main\resources\base\media\icon.png + 图片下载地址：http://image.huawei.com/tiny-lts/v1/images/dfbc590a8c6503a58389fded15d29e3b_114x114.png +3. FormExtAbility\entry\src\main\js\common\landscape.jpg + 图片下载地址：http://image.huawei.com/tiny-lts/v1/images/546f580a0ba9882ac9a8861c10d48ca3_1920x1080.jpg@900-0-90-f.jpg diff --git a/FormExtAbility/entry/src/main/ets/FormAbility/FormAbility.ts b/FormExtAbility/entry/src/main/ets/FormAbility/FormAbility.ts index 258a6b2..bef675c 100644 --- a/FormExtAbility/entry/src/main/ets/FormAbility/FormAbility.ts +++ b/FormExtAbility/entry/src/main/ets/FormAbility/FormAbility.ts @@ -203,8 +203,6 @@ export default class FormAbility extends FormExtension { Logger.log("(onEvent) formId :" + formId + " message : " + message ) break; } - - } onDestroy(formId) { diff --git a/FormExtAbility/entry/src/main/js/widget/pages/index/index.css b/FormExtAbility/entry/src/main/js/widget/pages/index/index.css index e638640..1eb36f2 100644 --- a/FormExtAbility/entry/src/main/js/widget/pages/index/index.css +++ b/FormExtAbility/entry/src/main/js/widget/pages/index/index.css @@ -17,6 +17,7 @@ width: 100%; padding: 12px; background-color: lightblue; + opacity: 0.3; } .title { diff --git a/FormExtAbility/entry/src/main/js/widget/pages/index/index.hml b/FormExtAbility/entry/src/main/js/widget/pages/index/index.hml index ff179c3..2b12a85 100644 --- a/FormExtAbility/entry/src/main/js/widget/pages/index/index.hml +++ b/FormExtAbility/entry/src/main/js/widget/pages/index/index.hml @@ -1,8 +1,8 @@
- - - +
+ +
{{ $t('strings.temperature') }}{{temperature}} ℃ {{ $t('strings.time') }} {{time}} -- Gitee From cf492e75dccb22e6f0045515f9ef0f5e7b8a5001 Mon Sep 17 00:00:00 2001 From: dWX1140490 Date: Tue, 28 Jun 2022 15:13:46 +0800 Subject: [PATCH 2/5] modify FormExtAbility/README.md file --- FormExtAbility/README.md | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/FormExtAbility/README.md b/FormExtAbility/README.md index bf1206a..ebc57ec 100644 --- a/FormExtAbility/README.md +++ b/FormExtAbility/README.md @@ -1,10 +1,13 @@ ## 安装须注意 -**运行Demo前须先在项目中手动添加以下几个图片文件** +**运行FormExtAbility前须先在项目中手动添加以下几个图片文件** 1. FormExtAbility\AppScope\resources\base\media\app_icon.png 图片下载地址：http://image.huawei.com/tiny-lts/v1/images/dfbc590a8c6503a58389fded15d29e3b_114x114.png 2. FormExtAbility\entry\src\main\resources\base\media\icon.png 图片下载地址：http://image.huawei.com/tiny-lts/v1/images/dfbc590a8c6503a58389fded15d29e3b_114x114.png 3. FormExtAbility\entry\src\main\js\common\landscape.jpg - 图片下载地址：http://image.huawei.com/tiny-lts/v1/images/546f580a0ba9882ac9a8861c10d48ca3_1920x1080.jpg@900-0-90-f.jpg + 图片下载地址：http://image.huawei.com/tiny-lts/v1/images/546f580a0ba9882ac9a8861c10d48ca3_1920x1080.jpg@900-0-90-f.jpg + 注意： + 1.存放图片的文件夹media、common需要手动新建 + 2.记得修改图片的文件名 \ No newline at end of file -- Gitee From 7f66a62ab32a1e80d93c33be7ca90c1a0b8ef2f8 Mon Sep 17 00:00:00 2001 From: dWX1140490 Date: Tue, 28 Jun 2022 15:23:47 +0800 Subject: [PATCH 3/5] modify FormExtAbility/README.md file --- FormExtAbility/README.md | 21 +++++++++++++-------- 1 file changed, 13 insertions(+), 8 deletions(-) diff --git a/FormExtAbility/README.md b/FormExtAbility/README.md index ebc57ec..ccaa0ad 100644 --- a/FormExtAbility/README.md +++ b/FormExtAbility/README.md @@ -1,13 +1,18 @@ -## 安装须注意 +# 说明 +> -**运行FormExtAbility前须先在项目中手动添加以下几个图片文件** +## 运行须知 -1. FormExtAbility\AppScope\resources\base\media\app_icon.png +**运行FormExtAbility前须在项目中手动添加以下几个图片文件** + +- FormExtAbility\AppScope\resources\base\media\app_icon.png 图片下载地址：http://image.huawei.com/tiny-lts/v1/images/dfbc590a8c6503a58389fded15d29e3b_114x114.png -2. FormExtAbility\entry\src\main\resources\base\media\icon.png +- FormExtAbility\entry\src\main\resources\base\media\icon.png 图片下载地址：http://image.huawei.com/tiny-lts/v1/images/dfbc590a8c6503a58389fded15d29e3b_114x114.png -3. FormExtAbility\entry\src\main\js\common\landscape.jpg - 图片下载地址：http://image.huawei.com/tiny-lts/v1/images/546f580a0ba9882ac9a8861c10d48ca3_1920x1080.jpg@900-0-90-f.jpg - 注意： +- FormExtAbility\entry\src\main\js\common\landscape.jpg + 图片下载地址：http://image.huawei.com/tiny-lts/v1/images/546f580a0ba9882ac9a8861c10d48ca3_1920x1080.jpg@900-0-90-f.jpg + + + **注意**： 1.存放图片的文件夹media、common需要手动新建 - 2.记得修改图片的文件名 \ No newline at end of file + 2.记得修改相应图片的文件名 \ No newline at end of file -- Gitee From 112ab95ef2c5874d459784977f5e5163b6106c9e Mon Sep 17 00:00:00 2001 From: dWX1140490 Date: Tue, 28 Jun 2022 15:29:29 +0800 Subject: [PATCH 4/5] modify README.md router --- README.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 19d65e9..88c9ed4 100644 --- a/README.md +++ b/README.md @@ -4,8 +4,8 @@ 本仓主要存放OpenHarmony卡片相关文档、示例代码，旨在为开发者提供更好的卡片开发入门环境。 ## 目录 -├── [FormExtAbility](https://gitee.com/taps-oh/FormDemo/tree/master/FormExtAbility)     #Stage模型下的卡片开发示例代码 -├── [Stage模型中卡片的基本用法](https://gitee.com/taps-oh/FormDemo/blob/master/Stage%E6%A8%A1%E5%9E%8B%E4%B8%AD%E5%8D%A1%E7%89%87%E7%9A%84%E5%9F%BA%E6%9C%AC%E7%94%A8%E6%B3%95.md) +├── [FormExtAbility](./FormExtAbility)     #Stage模型下的卡片开发示例代码 +├── [Stage模型中卡片的基本用法](./Stage模型中卡片的基本用法.md) -- Gitee From 4290d50115c1f1bb9fe28b119c479b5cc5918a7a Mon Sep 17 00:00:00 2001 From: dWX1140490 Date: Tue, 28 Jun 2022 16:49:14 +0800 Subject: [PATCH 5/5] modify css of form page --- .../entry/src/main/js/widget/pages/index/index.css | 8 ++++---- .../entry/src/main/js/widget/pages/index/index.hml | 3 --- 2 files changed, 4 insertions(+), 7 deletions(-) diff --git a/FormExtAbility/entry/src/main/js/widget/pages/index/index.css b/FormExtAbility/entry/src/main/js/widget/pages/index/index.css index 1eb36f2..93804e8 100644 --- a/FormExtAbility/entry/src/main/js/widget/pages/index/index.css +++ b/FormExtAbility/entry/src/main/js/widget/pages/index/index.css @@ -13,15 +13,15 @@ flex-direction: column; justify-content: flex-end; align-items: flex-start; - height: 100%; width: 100%; + height: 100%; padding: 12px; - background-color: lightblue; - opacity: 0.3; + background-size: cover; + background-image: url("/common/landscape.jpg"); } .title { - font-size: 19px; + font-size: 17fp; font-weight: bold; color: black; text-overflow: ellipsis; diff --git a/FormExtAbility/entry/src/main/js/widget/pages/index/index.hml b/FormExtAbility/entry/src/main/js/widget/pages/index/index.hml index 2b12a85..0d9d1ba 100644 --- a/FormExtAbility/entry/src/main/js/widget/pages/index/index.hml +++ b/FormExtAbility/entry/src/main/js/widget/pages/index/index.hml @@ -1,8 +1,5 @@
-
- -
{{ $t('strings.temperature') }}{{temperature}} ℃ {{ $t('strings.time') }} {{time}} -- Gitee