admin管理员组

文章数量:1608628

宫格

简介

宫格组件。

效果图



属性

属性类型必填备注
columnNumber是每行显示个数，默认为3
itemSpaceNumber是每个宫格之间的间距，默认为2，注：单位为百分比

基本用法

<bugking7-grid :column="2">
	<bugking7-grid-item v-for="(item,index) in items" :key="index">
		<view class="item_wrap">
			{{item.title}}
		</view>
	</bugking7-grid-item>
</bugking7-grid>


import bugking7_grid from '../../components/bugking7-grid/bugking7-grid.vue'
import bugking7_grid_item from '../../components/bugking7-grid-item/bugking7-grid-item.vue'
data:{
    return {
		items:[
			{
				title:'文本'
			},
			{
				title:'文本'
			}
		]
	}
}

methods: {
	
}

兼容性

微信、QQ小程序、Android、Edge实测没问题，IOS没有本子尚未测试。

其他

遇到问题欢迎评论指出，感谢你的关注和支持。

demo
uniapp插件下载

【蝴蝶壁纸】QQ小程序，每天分享免费壁纸！

【缘来是星座】微信小程序，每天1点、7点、17点更新十二星座运势，还可以查看你的他（她）和你是否配对奥！

本文标签： 组件uniapp宫格

版权声明：本文标题：【uniapp前端组件】宫格 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/xitong/1728552714a1163522.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。