首页 > 移动平台 > 详细

uni-app 之列表项(uni-list-item不显示边框)

时间:2021-08-20 15:12:51      阅读:353      评论:0      收藏:0      [点我收藏+]

默认情况下,列表项( uni-list-item )样式是固定的,每项之间包含边框。如图(以微信小程序为例)。

技术分享图片

 可能因为实际开发的需求,希望列表是无边框的。这时候,需要为uni-list-item添加 border 属性。代码如下:

1 <uni-list>
2     <uni-list-item v-for="(item , index) in data" :key="index" :title="item.title"
3     :border="false">
4     </uni-list-item>
5 </uni-list>

显示效果如下:

技术分享图片

uni-app 之列表项(uni-list-item不显示边框)

原文:https://www.cnblogs.com/luyj00436/p/15165614.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!