建站
咨詢
售后
建站咨詢
新聞中心
為了方便開發(fā)者，本文檔提供了全量接口和組件中適用于輕量級智能穿戴的部分，以及構(gòu)建布局、繪制樣式、事件交互、頁面路由等主要場景的開發(fā)示例。
創(chuàng)新互聯(lián)公司主營淶水網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,重慶APP開發(fā),淶水h5重慶小程序開發(fā)公司搭建,淶水網(wǎng)站營銷推廣歡迎淶水等地區(qū)企業(yè)咨詢
通過搭建環(huán)境和創(chuàng)建項目、JS 主體介紹、運行應(yīng)用，開發(fā)者可以快速體驗輕量級智能穿戴應(yīng)用的開發(fā)。
搭建環(huán)境和創(chuàng)建項目
- 搭建環(huán)境：請參考下載和安裝軟件和配置開發(fā)環(huán)境。
- 創(chuàng)建項目：請參考創(chuàng)建一個新的工程，設(shè)備類型選擇“
Lite Wearable”。
JS主體介紹
HelloWorld 工程目錄如下圖所示：
圖1 目錄結(jié)構(gòu)
pages/index/index.hml：此文件定義了 index 頁面的布局，在 index 頁面中用到的組件，以及這些組件的層級關(guān)系。index.hml文件包含了一個 text 組件，內(nèi)容為“Hello World”。
Hello {{title}}
pages/index/index.css：此文件定義了 index 頁面的樣式。index.css 文件定義了“container”和“title ”的樣式。
.container {
display: flex;
justify-content: center;
align-items: center;
left: 0px;
top: 0px;
width: 454px;
height: 454px;
}
.title {
font-size: 30px;
text-align: center;
width: 200px;
height: 100px;
} pages/index/index.js：此文件定義了 index 頁面的業(yè)務(wù)邏輯，比如數(shù)據(jù)綁定，事件處理等。此處，變量“title”采用數(shù)據(jù)綁定的形式定義為字符串“World”，用戶可以在需要的業(yè)務(wù)邏輯中修改“title”的值。
export default {
data: {
title: 'World'
}
} resources：此目錄用于存放系統(tǒng)級資源配置文件，如應(yīng)用圖標等。
config.json：此文件是配置文件，主要定義了頁面路由和應(yīng)用信息，可根據(jù) IDE 工程和頁面創(chuàng)建向?qū)ё詣油瓿商畛洹?/p>
{
"app": {
"bundleName": "com.huawei.helloworld",
"vendor": "huawei",
"version": {
"code": 1,
"name": "1"
},
"apiVersion": {
"compatible": 3,
"target": 4
}
},
"deviceConfig": {
"default": {}
},
"module": {
"deviceType": ["liteWearable"],
"distro": {
"deliveryWithInstall": true,
"moduleName": "entry",
"moduleType": "entry"
},
"abilities": [{
"name": "default",
"icon": "$media:icon",
"label": "helloworld",
"visible": true,
"type": "page"
}],
"js": [{
"pages": ["pages/index/index"],
"name": "default"
}]
}
}當(dāng)前題目：創(chuàng)新互聯(lián)鴻蒙OS教程：鴻蒙OS輕量級智能穿戴開發(fā)概述
URL標題：http://m.fisionsoft.com.cn/article/dhhpgdj.html
