uni-grid

本文详细介绍了uni-app中的uni-grid组件,包括其基本使用、属性、事件和实际开发中的应用,帮助开发者更好地理解和应用该组件进行移动端开发。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

uni-grid

在这里插入图片描述

<uni-grid :column="2" style="margin: 35px 0px;" :showBorder="false">
	<block v-for="(item,index) in lists">
		<uni-grid-item>
			<div class="flex_column main_axis_space_around second_axis_center" style="background: #ffffff;border-radius: 5px;padding: 40px;" @click="optionClick(index)" :class="index%2==0?'div_left':'div_right'">
				<image :src="item.imageUrl" mode="aspectFit"
				style="width: 50px;height: 50px;"></image>
				<view class="text_investment">
					{{item.title}}
				</view>
			</div>
		</uni-grid-item>
	</block>
</uni-grid>
lists:[
	{
		imageUrl:'../../static/icon/touzi.png',
		title:'我的投资'
	},
	{
		imageUrl:'../../static/icon/zhanghu.png',
		title:'我的账户'
	},
	{
		imageUrl:'../../static/icon/share.png',
		title:'分享APP'
	},
	{
		imageUrl:'../../static/icon/passward.png',
		title:'修改密码'
	},
]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值