通过视频的学习,简单的了解了鸿蒙这个系统。准确来说,是为了前端开发而建立的一个平台。
【鸿蒙开发系统的初步学习】
文章图片
HarmonyOS应用程序创建后所看到的应用代码结构,entry -> src -> main -> config.json文件
目前只是简单的学习了页面跳转这一个最为基础也是最为常用的一个功能。
文章图片
转变为
文章图片
第一步找到
文章图片
点击中间的index.hml ,将原有代码替换为下列代码。
Hello World
接着找到index.js
import router from '@system.router';
export default {
data: {
title: ""
},
launch() {
router.push({
uri:'pages/me/me'
})
}
}
接着是index.css
/* index.css */
.container {
flex-direction: column;
/* 设置容器内的项目纵向排列 */
justify-content: center;
/* 设置项目位于容器主轴的中心 */
align-items: center;
/* 项目在交叉轴居中 */
width:100%;
height:100%;
}
/* 对class="text"的组件设置样式 */
.text {
font-size: 42px;
}
/* 对class="button"的组件设置样式 */
.button {
width: 240px;
height: 60px;
background-color: #007dff;
font-size: 30px;
text-color: white;
margin-top: 20px;
}
以上我们的第一个页面就设置好了,接着我们来建立第二个页面
文章图片
右键点击pges
文章图片
选中JS Page
文章图片
自己英文输入第二个名字。完成后按finish。最后预览页面的跳转,右侧边栏的Previewer。
文章图片
快去尝试吧!还可以试着自己将页面再次跳转回来。
推荐阅读
- 渗透蓝队|蓝队学习笔记之应急响应案例
- PE文件结构|PE结构学习(6)_重定位表
- java学习日记|2022-08-11 学习日记(31st day)网络通信(网络编程)
- 学习|JSX基本使用
- FDTD学习笔记|Lumerical官方案例、FDTD时域有限差分法仿真学习(三)——环形谐振器(Ring resonator)之第一部分
- FDTD学习笔记|Lumerical官方案例、FDTD时域有限差分法仿真学习(二)——宽带光栅耦合器(Broadband grating coupler (2D))
- 笔记|微信小程序(原生)
- c语言|学习了循环碰到了编写计算n的阶乘的题目,由此引发了一系列问题,包括一些初学者常见的坑,以及如何简化代码
- MySQL|MySQL学习总结