Listview后台问题
Listview background issues
如何更改Listview 的白色背景。
如果您拉动列表,您会看到白色背景,列表视图的底部也有一个白色的小边框。在 Android 中我们没有,我需要更改什么才能看不到那个白色边框?
详情见gif。 Android 图片在gif下。列表视图的代码在底部。
<FlexboxLayout dock="center" class="menu-center" separatorColor="#1a0dab">
<ListView for="(item, index) in languages" ref="listview" @itemTap="onItemTap" @itemLoading="onItemLoading">
<v-template>
<FlexboxLayout class="element">
<Label class="top-text" :text="item.nameNative"></Label>
</FlexboxLayout>
</v-template>
</ListView>
</FlexboxLayout>
.menu-center{
flex-direction: column;
}
.menu-center .element{
padding-top: 20%;
flex-direction: column;
align-items: center;
background-color: #1a0dab;
}
感谢@Manoj
为 ListView
本身添加背景颜色
<FlexboxLayout dock="center" class="menu-center" separatorColor="#1a0dab">
<ListView for="(item, index) in languages" ref="listview" class="listView" @itemTap="onItemTap" @itemLoading="onItemLoading">
<v-template>
<FlexboxLayout class="element">
<Label class="top-text" :text="item.nameNative"></Label>
</FlexboxLayout>
</v-template>
</ListView>
</FlexboxLayout>
.menu-center .listView{
background-color: #1a0dab;
}
如何更改Listview 的白色背景。 如果您拉动列表,您会看到白色背景,列表视图的底部也有一个白色的小边框。在 Android 中我们没有,我需要更改什么才能看不到那个白色边框?
详情见gif。 Android 图片在gif下。列表视图的代码在底部。
<FlexboxLayout dock="center" class="menu-center" separatorColor="#1a0dab">
<ListView for="(item, index) in languages" ref="listview" @itemTap="onItemTap" @itemLoading="onItemLoading">
<v-template>
<FlexboxLayout class="element">
<Label class="top-text" :text="item.nameNative"></Label>
</FlexboxLayout>
</v-template>
</ListView>
</FlexboxLayout>
.menu-center{
flex-direction: column;
}
.menu-center .element{
padding-top: 20%;
flex-direction: column;
align-items: center;
background-color: #1a0dab;
}
感谢@Manoj
为 ListView
本身添加背景颜色
<FlexboxLayout dock="center" class="menu-center" separatorColor="#1a0dab">
<ListView for="(item, index) in languages" ref="listview" class="listView" @itemTap="onItemTap" @itemLoading="onItemLoading">
<v-template>
<FlexboxLayout class="element">
<Label class="top-text" :text="item.nameNative"></Label>
</FlexboxLayout>
</v-template>
</ListView>
</FlexboxLayout>
.menu-center .listView{
background-color: #1a0dab;
}