基于鸿联标准系统开发板的毛泽东诗文应用 原创 精华
鸿联
发布于 2022-12-26 13:33
浏览
3收藏
为了满足基于OpenHarmony标准系统的物联网应用需求,鸿联关公200开发板刚完成OpenHarmony3.2及master版本的适配。开发板采用了瑞芯微 RK3568 芯片,具有常见音视频接口,集成高性能LTE Cat.1模块,专注物联网应用的开发。
适逢毛泽东诞辰129周年,就用这款开发板完成一个毛泽东诗文应用,即是对开发板的测试,也表达对伟人的纪念。
时间紧,直接使用codelabs的分布式新闻客户端略做修改,达到了预期的效果。
对codelabs示例主要修改之处
- 在src/main/js/MainAbility/common/images下添加诗词和文章相关图片
- 在src/main/js/MainAbility/pages/index/index.js下修改表头,诗词,文章的文字内容。
const titles = [
{
'name': '全部'
},
{
'name': '毛泽东诗词'
},
{
'name': '毛泽东文集'
},
];
const newsData = [
{
'title': '沁园春 雪',
'date': '一九三六年二月',
'type': '毛泽东诗词',
'imgUrl': '/common/images/img_1.png',
'content': ' 北国风光,千里冰封,万里雪飘。望长城内外,惟馀莽莽;大河上下,顿失滔滔。山舞银蛇,原驰蜡象,欲与天公试比高。须晴日,看红装素裹,分外妖娆。\n 江山如此多娇,引无数英雄竞折腰。惜秦皇汉武,略输文采;唐宗宋祖,稍逊风骚。一代天骄,成吉思汗,只识弯弓射大雕。俱往矣,数风流人物,还看今朝。'
},
- 将src/main/js/MainAbility/pages/detail/detail.hml内阅读和喜欢栏修改为文章发表的日期,同时取消底部bottom栏。
<div class="container">
<text class="text-title">{{ title }}</text>
<text class="text-date">{{ date }} </text>
<image class="image" src="{{ imgUrl }}"></image>
<text class="text-content">
{{ content }}
</text>
- 在src/main/js/MainAbility/pages/index/index.js跳转详情页时,传送诗文发表日期等数据
itemClick(news) {
// 跳转到详情页面
router.push({
uri: 'pages/detail/detail',
params: {
'title': news.title,
'date': news.date,
'type': news.type,
'imgUrl': news.imgUrl,
'content': news.content
}
});
}
- 另外,样式按显示效果做适当调整。
这样,简单几步修改,一个毛泽东诗词文章的应用就诞生了。后续会逐步优化和丰富内容。
©著作权归作者所有,如需转载,请注明出处,否则将追究法律责任
已于2022-12-30 10:04:02修改
赞
5
收藏 3
回复
相关推荐
用编程人的方式表达对伟人的纪念!
赞!!
codelabs的链接能告知下吗
https://gitee.com/openharmony/codelabs/tree/master/Distributed/NewsDemo
感谢!
赞!!
文中的 鸿联关公200开发板 是作者自己改的吗
是,适配中修改了开机界面