当前位置: 首页 > news >正文

网站建设 关于我们三只松鼠搜索引擎推广

网站建设 关于我们,三只松鼠搜索引擎推广,想要去国外网站买东西怎么做,河南郑州网站制作华为手表开发:WATCH 3 Pro(7)获取电量信息初环境与设备文件夹:文件新增第二页面showBatteryInfo.hmlshowBatteryInfo.js修改首页 -> 新建按钮 “ 跳转 ”index.hmlindex.js 引用包:system.router首页效果点击结果初…

华为手表开发:WATCH 3 Pro(7)获取电量信息

  • 环境与设备
      • 文件夹:
      • 文件
      • 新增第二页面
        • showBatteryInfo.hml
        • showBatteryInfo.js
      • 修改首页 -> 新建按钮 “ 跳转 ”
        • index.hml
        • index.js 引用包:'@system.router'
      • 首页效果
      • 点击结果

希望能写一些简单的教程和案例分享给需要的人

鸿蒙可穿戴开发

环境与设备

系统:window
设备:HUAWEI WATCH 3 Pro
开发工具:DevEco Studio 3.0.0.800

鸿蒙开发

文件夹:

entry:项目文件夹
js:前端文件夹
pages:页面文件夹
index:首页文件夹

文件

index.css:首页样式
index.hml:首页
index.js:首页脚本

新增第二页面

操作步骤:

首先在pages鼠标右击;

点击New----第二栏菜单点击Js Page

在文本框中输入页面名称(showBatteryInfo)名称可以自己拟定

点击弹框右下角Finsin按钮完成页面创建

如下图示例

在这里插入图片描述

需要引用包

import batteryInfo from ‘@ohos.batteryInfo’;

代码如下:

showBatteryInfo.hml

<div class="container"><text class="title">电量: {{ batteryValue }}</text>
</div>

showBatteryInfo.js


import batteryInfo from '@ohos.batteryInfo';export default {data: {batteryValue: '0'},onInit() {this.batteryValue = batteryInfo.batterySOC;console.info("dao_logger::" + "电量信息为:" + this.batteryValue)}
}

在这里插入图片描述

修改首页 -> 新建按钮 “ 跳转 ”

index.hml

在HTML文件“index.hml”,添加按钮,这里按钮用到是<input>标签

标签属性:

type=“button”【规定 input 元素的类型】

<div class="container"><text class="title">你好,我是首页</text><input else class="btn" type="button" value="跳转" onclick="onClickTest"></input>
</div>

index.js 引用包:‘@system.router’

onInit() : 进入页面初始化运行的方法

onClickTest () :按钮点击后触发的方法,我们将跳转页面的代码写在这个位置就可以实现点击按钮进行跳转页面的动作


import router from '@system.router';export default {data: {title: ""},onInit() {this.title = this.$t('strings.world');},onClickTest() {router.push({uri: "pages/showBatteryInfo/showBatteryInfo",});}
}

首页效果

首页显示效果

在这里插入图片描述

点击结果

跳转后显示效果

在这里插入图片描述

http://www.khdw.cn/news/25924.html

相关文章:

  • 美国自建网站网站技术解决方案
  • 网页模板网站生成活动推广方案怎么写
  • 合肥新站开发区管委会网站广州seo培训
  • 百度做的网站直通车优化推广
  • 河北网站备案查询系统网络营销战略的内容
  • 深圳福田专业网站建设账号权重查询入口站长工具
  • 旅游网站设计思路精准信息300099
  • 十堰h5网站建设友情链接平台广告
  • 手机网站生成代码郴州seo外包
  • 用asp做网站网络营销软文范例300
  • 外贸商城网站系统电商关键词查询工具
  • 郑州seo招聘三台网站seo
  • 网站月流量5g简短的软文范例
  • 青岛网站公司哪家好一个新手如何推销产品
  • 网站的技术支持列举常见的网络营销工具
  • 不写编程可以做网站建设电子商务网站建设案例
  • 武汉做网站要多少钱推广app赚钱的平台
  • 官网应用商店下载重庆seo报价
  • 怎么在欧美做网站推广高端网站建设南宁
  • 定制网站建设与运营案例怎样建立网站平台
  • wordpress 站点竞价推广是什么意思
  • 政府网站怎么做seo网站优化培训厂家报价
  • 做网站 注册那类的商标长尾关键词挖掘爱站工具
  • 顺德网站制作公司哪家好商城网站开发公司
  • ip做网站需要过白名单吗win7怎么优化最流畅
  • app的网站域名济南特大最新消息
  • 河南免费网站建设alexa
  • 深圳哪家公司做网站网页一键生成app软件
  • 深圳福田建设局网站首页网络营销推广方案策划
  • 做网站英文怎么写怎么从网上找国外客户