http://dotwe.org/vue/b8c846da...
<template>
<div class="wrapper">
<scroller class="scroller" show-scrollbar="false" scroll-direction="horizontal">
<div class="row">
<text class="text">123</text>
</div>
<div class="row">
<text class="text">123</text>
</div>
<div class="row">
<text class="text">123</text>
</div>
<div class="row">
<text class="text">123</text>
</div>
<div class="row">
<text class="text">123</text>
</div>
<div class="row">
<text class="text">123</text>
</div>
<div class="row">
<text class="text">123</text>
</div>
<div class="row">
<text class="text">123</text>
</div>
<div class="row">
<text class="text">123</text>
</div>
<div class="row">
<text class="text">123</text>
</div>
<div class="row">
<text class="text">123</text>
</div>
<div class="row">
<text class="text">123</text>
</div>
<div class="row">
<text class="text">123</text>
</div>
<div class="row">
<text class="text">123</text>
</div>
<div class="row">
<text class="text">123</text>
</div>
</scroller>
</div>
</template>
<script>
</script>
<style scoped>
.scroller {
flex: 1;
border-width: 3;
border-style: solid;
border-color: rgb(162, 217, 192);
margin-left: 25;
}
.row {
height: 100;
width: 50;
justify-content: center;
padding-left: 30;
}
.text {
font-size: 45;
color: #666666;
}
</style>
IOS下面和WEB下面都可以,但是使用最新的android playground(Weex SDK Version: 0.10.0)是竖着排列的,且不能滚动,有谁遇到过么?
需要给scroller增加样式 style="flex-direction: row;"