uniapp中list的线怎么去掉
要去掉uniapp中list的线,可以在list组件的样式中设置border:none,或者设置item组件的样式中的border:none。具体方法如下:
- 在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>
- 设置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的线。
原文地址: https://www.cveoy.top/t/topic/xeN 著作权归作者所有。请勿转载和采集!