<template>
<view>
<scroll-view scroll-x="true" calss="scroll_view">
<view class="scroll-view_H">
<view v-for="(item,index) in imgs" :key="index">
<image :src="item.url" mode="" style="width:150px;height:150px;"></image>
</view>
</view>
</scroll-view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
imgs: [{
url: require("../../static/logo.png"),
},
{
url: require("../../static/logo.png"),
},
{
url: require("../../static/logo.png"),
},
{
url: require("../../static/logo.png"),
},
]
}
}
}
</script>
<style>
.scroll_view{
width: 100%;
overflow:hidden;
white-space:nowrap;
}
.scroll-view_H {
display: flex;
flex-wrap: nowrap;
}
</style>
uniapp横向滚动
最新推荐文章于 2024-08-05 21:09:49 发布