uni-app 之列表项(uni-list-item不显示边框) 默认情况下,列表项(uni-list-item)样式是固定的,每项之间包含边框。如图(以微信小程序为例)。 可能因为实际开发的需求,希望列表是无边框的。这时候,需要为uni-list-item添加border属性。代码如下: 1<uni-list>2<uni-list-itemv-for="(item , index) in data"...
2,取消uni-list-item默认样式中的padding 3, 取消uni-list-item默认样式中的border <template><view><uni-list><uni-list-item:border="false"v-for="(item, index) in itemList":key="index"><templatev-slot:body><view@click="goItem(item.id)"v-if="item.id==5"style="border-radius: 20rpx; ...
uni-app 之列表项(uni-list-item不显示边框) 默认情况下,列表项(uni-list-item)样式是固定的,每项之间包含边框。如图(以微信小程序为例)。 可能因为实际开发的需求,希望列表是无边框的。这时候,需要为uni-list-item添加border属性。代码如下: 1<uni-list>2<uni-list-itemv-for="(item , index) in data"...
因为uni-app 默认把template 转换成了view,导致 替换的slot外面包裹了一个view,没有任何样式,无法应用class <uni-list-item> <template v-slot:body> <view class="uni-list-item__content">1</view> </template> <template v-slot:footer> <view class="uni-list-item__extra">1</view> </template>...
默认情况下,列表项(uni-list-item)样式是固定的,每项之间包含边框。如图(以微信小程序为例)。 可能因为实际开发的需求,希望列表是无边框的。这时候,需要为uni-list-item添加 border 属性。代码如下: 1 <uni-list> 2 <uni-list-itemv-f ... uni-app ...