要去掉uniapp中list的线,可以在list组件的样式中设置border:none,或者设置item组件的样式中的border:none。具体方法如下:

  1. 在list组件的样式中设置border:none:
<template>
  <view>
    <list style="border:none;">
      <list-item title="Item 1"></list-item>
      <list-item title="Item 2"></list-item>
      <list-item title="Item 3"></list-item>
    </list>
  </view>
</template>
  1. 设置item组件的样式中的border:none:
<template>
  <view>
    <list>
      <list-item style="border:none;" title="Item 1"></list-item>
      <list-item style="border:none;" title="Item 2"></list-item>
      <list-item style="border:none;" title="Item 3"></list-item>
    </list>
  </view>
</template>

以上两种方法都可以去掉uniapp中list的线。

uniapp中list的线怎么去掉

原文地址: https://www.cveoy.top/t/topic/xeN 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录