提交 9c8cea6b 编写于 作者: zhujiamin's avatar zhujiamin

多项数据控件新增无数据时展示 --fix3

上级 0c1699a0
...@@ -140,7 +140,7 @@ ...@@ -140,7 +140,7 @@
</ion-infinite-scroll-content> </ion-infinite-scroll-content>
</ion-infinite-scroll> </ion-infinite-scroll>
</#if> </#if>
<div class="pic" v-if="items.length == 0"><div class="text">暂无数据</div><img src="@/../public/assets/images/no-data.svg" /> </div> <div class="no-data" v-if="items.length == 0">暂无数据</div>
</van-pull-refresh> </van-pull-refresh>
</div> </div>
</div> </div>
......
...@@ -49,21 +49,13 @@ ...@@ -49,21 +49,13 @@
.van-pull-refresh__track{ .van-pull-refresh__track{
height:100%; height:100%;
} }
.pic{ .no-data{
margin-top: 80px; position: absolute;
position: relative; font-size: 16px;
width: 90%; color: #e8e8e8;
height: 90%; top: 50%;
margin: 0 auto; left: 50%;
top: 15%; transform: translate(-50%);
.text{
position: absolute;
top: 35%;
left: 50%;
transform: translate(-50%);
transform: translateX(2%);
color: #d1d0d0;
}
} }
} }
} }
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册