HarmonyOS原子化服务卡片模板 Image With Information体验分享

鸿蒙时代
发布于 2021-7-1 11:20
浏览
1收藏

一、总述

 

卡片名称:  JLTFCardTemplate01,卡片语言:  js,体验模板: Image With Information,

工具:deveco studio。

 

 

效果如下:

      HarmonyOS原子化服务卡片模板 Image With Information体验分享-鸿蒙开发者社区

HarmonyOS原子化服务卡片模板 Image With Information体验分享-鸿蒙开发者社区

二、主要过程

 

第一步

新建一个js的应用项目(选择show in service center)

然后构建完成项目后在src下new->service widget

  HarmonyOS原子化服务卡片模板 Image With Information体验分享-鸿蒙开发者社区

 

选择basic下的Image With Information模板

  

HarmonyOS原子化服务卡片模板 Image With Information体验分享-鸿蒙开发者社区

 

然后next配置你的卡片名和类型和尺寸

  

HarmonyOS原子化服务卡片模板 Image With Information体验分享-鸿蒙开发者社区

登录你的账号然后启动模拟器

即可实现效果

 

三、核心代码

 

Hml (2*2、2*4、4*4)

部分代码:

HarmonyOS原子化服务卡片模板 Image With Information体验分享-鸿蒙开发者社区HarmonyOS原子化服务卡片模板 Image With Information体验分享-鸿蒙开发者社区HarmonyOS原子化服务卡片模板 Image With Information体验分享-鸿蒙开发者社区

  

 

完整代码地址:

https://gitee.com/jltfcloudcn/jump_to/tree/master/%E5%9B%BE%E7%89%87%E4%BF%A1%E6%81%AF%E5%8D%A1%E7%89%87%E6%A8%A1%E6%9D%BF

标签
HarmonyOS原子化服务卡片模板 Image With I.zip 12.2M 16次下载
4
收藏 1
回复
举报
2条回复
按时间正序
/
按时间倒序
红叶亦知秋
红叶亦知秋

附件还有视频演示,有心了。

已于2021-7-1 13:59:01修改
回复
2021-7-1 13:58:52
爱吃土豆丝的打工人
爱吃土豆丝的打工人

js写的就是比纯java写的方便点,添加一些点击事件也比java的轻松。DevEco Studio升级到2.2 js画界面更加方便了,羡慕~  CSS样式头疼~

回复
2021-7-1 16:00:17
回复
    相关推荐