一、创建.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: