<template>
<view class="wrap" >
<u-swiper :list="list"></u-swiper>
</view>
</template>
<script>
export default {
data() {
return {
list: [{
image: 'https://cdn.uviewui.com/uview/swiper/1.jpg',
title: '昨夜星辰昨夜风,画楼西畔桂堂东'
},
{
image: 'https://cdn.uviewui.com/uview/swiper/2.jpg',
title: '身无彩凤双飞翼,心有灵犀一点通'
},
{
image: 'https://cdn.uviewui.com/uview/swiper/3.jpg',
title: '谁念西风独自凉,萧萧黄叶闭疏窗,沉思往事立残阳'
}
],
}
},
methods: {
}
}
</script>
<style lang="scss" scoped>
uni-view{
height: 1066rpx;
}
uni-image img{
height: 1066rpx;
}
</style>
设置u-swiper的高度就可以了吧,图片的高度会自适应的
图片设置高度干啥 会变形的 。 轮播图一般就保持每张图片分辨率一样 ,然后宽度都100%就好了,高度不用去管
api里的height字段不行吗