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

uni-app 之列表项(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不显示边框)

相关文章:

  • 2021-07-06
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2020-12-22
  • 2021-07-03
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-01-02
  • 2021-11-15
  • 2021-12-14
  • 2022-12-23
  • 2021-07-26
相关资源
相似解决方案