diff --git a/FormExtAbility/.gitignore b/FormExtAbility/.gitignore new file mode 100644 index 0000000000000000000000000000000000000000..4481a08c58c59627d7776a4711827f7017de1ada --- /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 0000000000000000000000000000000000000000..ccaa0ad1211861b87d83952b153dc3facff8ad7f --- /dev/null +++ b/FormExtAbility/README.md @@ -0,0 +1,18 @@ +# 说明 +> + +## 运行须知 + +**运行FormExtAbility前须在项目中手动添加以下几个图片文件** + +- FormExtAbility\AppScope\resources\base\media\app_icon.png + 图片下载地址:http://image.huawei.com/tiny-lts/v1/images/dfbc590a8c6503a58389fded15d29e3b_114x114.png +- FormExtAbility\entry\src\main\resources\base\media\icon.png + 图片下载地址:http://image.huawei.com/tiny-lts/v1/images/dfbc590a8c6503a58389fded15d29e3b_114x114.png +- 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 diff --git a/FormExtAbility/entry/src/main/ets/FormAbility/FormAbility.ts b/FormExtAbility/entry/src/main/ets/FormAbility/FormAbility.ts index 258a6b220db36c459a61211e1471134f385013b4..bef675c84cd5fd48fe9aa2bf684381cb5277db44 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 e638640225a68216729884563e26011e9c3e337b..93804e81d4266b9df11b0524be7f9c3c9199371f 100644 --- a/FormExtAbility/entry/src/main/js/widget/pages/index/index.css +++ b/FormExtAbility/entry/src/main/js/widget/pages/index/index.css @@ -13,14 +13,15 @@ flex-direction: column; justify-content: flex-end; align-items: flex-start; - height: 100%; width: 100%; + height: 100%; padding: 12px; - background-color: lightblue; + 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 ff179c3ce2bf6c71268b489e130ed53ce4275720..0d9d1ba0f23e7af049861146cd57d6afd34eab10 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}} diff --git a/README.md b/README.md index 19d65e9c1115824b9f0dedcbb5f01f4d4a6dd586..88c9ed4455f5353828a5bdbc15a4316a5ad579f7 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)