HarmonyOS服务卡片开发-JS-FullScreenAbility体验分享 原创

鸿蒙时代
发布于 2021-7-31 11:19
浏览
0收藏

一、总述

1.技术相关

项目名称: jltf-FullScreenAbility

项目语言: js

体验模板: FullScreenAbility

工具:deveco studio

2.内容相关

主要用于服务卡片图片满屏效果的高清展示场景。

3.效果如下:
HarmonyOS服务卡片开发-JS-FullScreenAbility体验分享-鸿蒙开发者社区

HarmonyOS服务卡片开发-JS-FullScreenAbility体验分享-鸿蒙开发者社区

二、开发体验步骤

第一步 建立项目

新建一个js的应用项目,直接点击next进行下一步
HarmonyOS服务卡片开发-JS-FullScreenAbility体验分享-鸿蒙开发者社区
默认为service,勾选Show in service center,然后点击Finish创建活动
HarmonyOS服务卡片开发-JS-FullScreenAbility体验分享-鸿蒙开发者社区

第二步 修改数据 部分代码

Hml部分
HarmonyOS服务卡片开发-JS-FullScreenAbility体验分享-鸿蒙开发者社区
HarmonyOS服务卡片开发-JS-FullScreenAbility体验分享-鸿蒙开发者社区

css部分

第三步

登录你的华为开发者联盟账号,然后启动模拟器即可实现效果。

三、完整代码地址

https://gitee.com/jltfcloudcn/jump_to/tree/master/JsFullScreenAbility

©著作权归作者所有,如需转载,请注明出处,否则将追究法律责任
标签
HarmonyOS服务卡片开发-JS-FullScreenAbili.docx 568.22K 15次下载
收藏
回复
举报
回复
    相关推荐