日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

為了方便開發(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ùn)行應(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)用圖標(biāo)等。

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"
        }]
    }
}

網(wǎng)頁標(biāo)題：創(chuàng)新互聯(lián)鴻蒙OS教程：鴻蒙OS輕量級智能穿戴開發(fā)概述
文章源于：http://www.5511xx.com/article/dhhpgdj.html