weex页面实践类似空白页

image.png

<template>
    <div class="empty">
      
        <image class="image" style="width: 310px;height: 212px;" 
        src="https://s.kcimg.cn/wap/images/detail/o2oImg/settled_no@2x.png">
        </image>
        
        
        <text class="tip">您附近还没有店铺哦</text>
        
        
        <text class="guide">上传店铺可获取卡路里哦，快来参与吧</text>
        
        
    </div>
</template>

// <script>
// export default {
// }
// </script>

<style  scoped>
.image{
        background-color: #fff;
}
    .empty{
// 自身内部间距，为负值没有效果，相当于iOS contentInsets
        padding-top: 90px;

// 父视图定义其所有的子视图组合起来在父视图中垂直居中
        justify-content: center;
// 父视图定义其所有的子视图组合起来在父视图中水平居中
        align-items: center;
        background-color: #fff;
    }
    .tip{
        margin-top: 60px;
        font-size: 36px;
        color: #666;
                

    }
    .guide{
// 外部距离
        margin-bottom: 80px;
        font-size: 28px;
        color: #999;

    }
</style>