HarmonyOS北向应用开发者快速入门教程（一）续集-实战练习3
时间：2023-03-12 01:37:29
科技观察
更多内容请访问：与华为共建的Harmonyos技术社区https://harmonyos.51cto.com/#zzTablet模拟器新项目上的代码示例选择下一步的模板。显示效果：点击“点击了解更多”进入下一页。代码如下。第一页布局第二种布局页面然后在第一个页面添加点击事件跳转());}});精简版可穿戴模拟器上的代码示例新建工程，选择模板进行下一步展示效果：点击“点击了解详情”进入下一页代码如下：index.hml蛟龙腾飞带你从传统互联网、移动互联网互联网时代。跳转到万物互联的智慧能源世界！。立即为个人、公司或组织创建和体验鸿蒙应用！
Index.css.container{flex-direction:column;width:454px;高度：454px；对齐内容：中心；对齐项目：中心；}.jltftxt{边距左：-180px；边距底部：10px；}.jltftxt1{宽度：400px；字体大小：30px；}.jltftxt{width:138px;height:103px;margin-left:5px;}.jltfbtn{width:200px;margin-bottom:-70px;}Index.jsimportrouterfrom'@system.router'exportdefault{data:{},jltfclick(){router.replace({uri:'pages/jltfindex/jltfindex'});}}jltfindex.hml
风飞您好，欢迎来到鸿蒙时代！龙腾腾，鸿蒙先行者，一心我们打算为您提供各种鸿蒙服务！ Jltfindex.css.container{flex-direction:column;width:454px;height:454px;justify-content:center;align-items:center;}.jltftxt{margin-left:-180px;margin-bottom:10px;}.jltftxt1{width:400px;font-size:30px;}.jltfimg{width:413px;height:103px;margin-left:8px;}.jltfbtn{width:200px;margin-bottom:-70px;}jltfindex.jsexportdefault{data:{}}在第一页添加跳转代码在第一页的js文件中添加如下代码jltfclick(){router.replace({uri:'pages/jltfindex/jltfindex'});}2.Exercise2仍然以“Exercise1”中的图片和文字内容为基础，尝试在7台设备上用其他不同的模板样式实现不同的效果《Exercise1》模板风格，尝试实现每个设备不同的布局和效果呈现，工作需求，风格截图和所有代码3.点击尝试DevEcoStudio中的各个菜单栏，概览这个DevEcoStudio的功能结构。这之前的习题，写了100多字的DevecoStudio体验心得。具体编辑器的使用方法请参考以下链接和内容。https://developer.harmonyos.com/cn/docs/documentation/doc-guides/tools_overview-0000001053582387深圳市蛟龙腾飞网络科技有限公司?版权归作者及HarmonyOS技术社区所有。如需转载请注明出处，否则将追究法律责任。欲了解更多信息，请访问：https://harmonyos.51cto.com/#zz
