適逢毛澤東誕辰129周年，就用這款開發板完成一個毛澤東詩文應用，即是對開發板的測試，也表達對偉人的紀念。時間緊，直接使用codelabs的分布式新聞客戶端略做修改，達到了預期的效果。
??想了解更多關于開源的內容，請訪問：??
??51CTO 開源基礎軟件社區??
??https://ost.51cto.com??
為了滿足基于鴻蒙標準系統的物聯網應用需求，鴻聯關公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
}
});
}- 另外，樣式按顯示效果做適當調整。這樣，簡單幾步修改，一個毛澤東詩詞文章的應用就誕生了。后續會逐步優化和豐富內容。
??想了解更多關于開源的內容，請訪問：??
??51CTO 開源基礎軟件社區??
??https://ost.51cto.com??
