harmonyos第三次作业

1、首页面的建立，引用三个例子

 

 

 2、三个例子窗口的实现

对于首个例子（轮播划图）：

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
        }
    },