鸿蒙OS学习（轮播图、列表、图标）

一、创建.json文件，存储需要用的图片、数据等。

二、轮播图，在界面的文件夹下新建swiper文件夹

.css文件

.cb-swiper-container {
    height: 240px;
}

swiper {
    width: 100%;
}

image {
    width: 100%;
    height: 100%;
    object-fit: fill;
}

.hml文件

<div class="cb-swiper-container">
    <swiper>
        <image for="{
  {list.slice(0,5)}}" src="{
  {$item.img}}">
            
        </image>
    </swiper>
</div>

.js文件

export default{
    props:{
        list:{
            type:Array
        }
    },
    onReady(){
    console.log(this.list)
    }
}

二、图标，新建hotcate文件夹

.css文件

.container {
    flex-direction: column;
    justify-content: center;
    align-items: