一.Swiper轮播组件 简介： Swiper是一个容器组件，当设置了多个子组件后，可以对这些子组件进行轮播显示。（图片、文字...） 1.Swiper的基本用法 1）语法结构： Swiper(){ //1.轮播内容 } //2.设置尺寸（内容会自动拉伸） .width('100%') .height(100) 2）使用案例： build() { …

一.字符串拼接 作用：把两个或多个字符串，拼接成一个字符串（通常拼字符串和变量） 代码例子： //字符串拼接 let name:string = '河马' let age:number = 18 console.log('简介信息','姓名'+name) console.log('简介信息','年龄'+age) //tip：+两边只要有字符串，'+…

一.弹性布局（Flex） 弹性容器组件：Flex() 1.基本使用： Flex(){ 子组件1 子组件2 子组件3 子组件N } ①主轴方向：direction ②主轴对齐方式：justifyContent ③交叉轴对齐方式：alignItems ④布局换行：wrap 例子：添加direction:FlexDirection.Column后 例子：…

一、设计资源-svg图标 需求：界面中展示图标→可以使用svg图标（任意放大缩小不失真，可以改颜色） 使用方法： 1.设计师提供：基于项目涉及的图标，拷贝到项目目录使用 2.图标库中选取：找到合适的图标资源→下载（svg）→拷贝使用 官方图标库地址：https://developer.huawei.com/consumer/cn/design/re…

零.准备阶段 在bulid里进行代码编写，在预览器观看代码效果 简单修改基础代码，查看效果 build() { RelativeContainer() { Text(this.message) .id('HelloWorld') .fontSize(50) //设置文本的文字大小 .fontWeight(FontWeight.Bold) //设置文…

零.认识数据与基础知识： 1.开发环境： ①前往鸿蒙官网下载DevEco Studio： https://developer.huawei.com/consumer/cn/deveco-studio 一路点击安装→打开软件 首先我们不用去管左侧这一堆乱七八糟的代码，刚开始看也看不懂，我们打开entry/src/main/ets/pages/Inde…