HarmonyOS 企业原子化服务卡片初试 原创 精华

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

一、总体说明

1.需求创意

网络的发展,特别是电子商务的发展,从最早的黄页、B2B到B2C平台等,企业公司基本信息形象展示、宣传、交易等需求一直很旺盛;企业公司一直是新网络、新载体、新形式的尝试、体验先锋。
在万物智能互联时代,企业的智慧数据中心表现形式是怎么样的?具体功能如何?我们通过HarmonyOS原子化服务卡片的形式,进行了初步的探索!
我们将企业的基本形象与信息,比如LOGO、简介、产品、联系方式等,根据各种卡片特征进行了不同形式的内容、样式展示、呈现与互动。同时,我们进行了适配平板的积极尝试。
后续我们会在此基础上,进一步进行地图定位导航、电商交易、多媒体信息呈现、电商交易、消息通知、分享、多设备适配和流转等的深度开发。

2.相关技术

卡片名称: JLTFCardTemplate03
卡片语言: js
使用模板: List Patterm
工具:deveco studio

二、效果呈现

效果如下:
手机
HarmonyOS 企业原子化服务卡片初试-鸿蒙开发者社区
HarmonyOS 企业原子化服务卡片初试-鸿蒙开发者社区

平板
HarmonyOS 企业原子化服务卡片初试-鸿蒙开发者社区
HarmonyOS 企业原子化服务卡片初试-鸿蒙开发者社区
HarmonyOS 企业原子化服务卡片初试-鸿蒙开发者社区
HarmonyOS 企业原子化服务卡片初试-鸿蒙开发者社区
三、主要开发流程
新建一个js的应用项目(选择show in service center)
然后构建完成项目后在src下new->service widget
HarmonyOS 企业原子化服务卡片初试-鸿蒙开发者社区
选择basic下的List Patterm模板
HarmonyOS 企业原子化服务卡片初试-鸿蒙开发者社区
HarmonyOS 企业原子化服务卡片初试-鸿蒙开发者社区

登录账号然后启动模拟器

四、需求实现与核心代码展示

Hml (22、24、4*4)
核心代码:
HarmonyOS 企业原子化服务卡片初试-鸿蒙开发者社区

HarmonyOS 企业原子化服务卡片初试-鸿蒙开发者社区

五、完整的代码包地址
https://gitee.com/jltfcloudcn/jump_to/tree/master/企业卡片
温馨说明:本文参加了华为开发者论坛HarmonyOS专区有奖征文活动,其他平台同步分享;各社区我们都会有不同不重复的作品参赛或者参加活动,为避免误会或者成为一稿多投重复参赛或者参加活动,特做此说明。

©著作权归作者所有,如需转载,请注明出处,否则将追究法律责任
标签
企业服务卡片.zip 18.82M 49次下载
已于2021-7-4 22:16:57修改
3
收藏 1
回复
举报
2条回复
按时间正序
/
按时间倒序
红叶亦知秋
红叶亦知秋

感谢李洋老师分享,文章关联的视频链接这里我也贴一下:

 

HarmonyOS 企业原子化服务卡片初试【手机】

https://harmonyos.51cto.com/show/6643

 

HarmonyOS 企业原子化服务卡片初试【平板】

https://harmonyos.51cto.com/show/6642

回复
2021-7-5 10:25:30
鸿蒙时代
鸿蒙时代

谢谢,有视屏更加直观些。

回复
2021-7-5 14:15:03
回复
    相关推荐