slider tableview 高度问题

Question

iOS下 ：slider中 引入子组件必须要设置slider高度，不然内容子页面都无法显示。
android 不设置slider高度依然可以正常显示，但是会有另一个问题，slider中的滚动条不会随着内容高度自动变化，iOS的会自动变化。

<template>
    <list class="reading-list">
        <cell class="row" v-for="row in rows">
            <div class="reading-item">
                <text class="item-title">row {{row.id}}</text>
            </div>
        </cell>
        <cell>
            <slider class="top-slider"  append="tree" auto-play="true">
                <div><imgs :imageList="[1,2,3]" ></imgs>
                </div>
                <div><imgs :imageList="[1,2,3,4,5,6,7,8,9,10,1,1,1,1,1,1,1]"></imgs></div>
            </slider>
        </cell>
    </list>
</template>

<style>
    .reading-list {}
    .top-slider { width: 750; flex: 1;flex-direction: row; }
    .row { background-color: #9999ff; }
    .reading-item { width: 750; height: 300; }
    .item-title { font-size: 64; }
</style>

<script>
    module.exports = {
        components: {
            imgs: require('./img.vue'),
        },
        data: {
            rows: [
                { id: 1 },
                { id: 2 },
                { id: 3 }
            ],
            img: '//gw.alicdn.com/tps/i2/TB1DpsmMpXXXXabaXXX20ySQVXX-512-512.png_400x400.jpg'
        }
    }
</script>

子页面：

<template>
    <list>
    <cell>
    <div v-for="image in imageList" style="background-color: red">
        <text>测试{{image}}</text>
    </div>
    </cell>
    </list>
</template>

<script>
    module.exports = {
        props:{
            imageList: { default:[] },
        },
        data: {
        },
        methods: {}
    }
</script>

<style>
    .slider-item { width: 400; height: 200; }
</style>