uniapp cell-list 单元格展示组件

最新推荐文章于 2024-07-09 19:05:56 发布

路口儿

最新推荐文章于 2024-07-09 19:05:56 发布

阅读量1.5k

点赞数

文章标签： uni-app javascript 前端 css

本文链接：https://blog.csdn.net/m0_47415644/article/details/126485232

版权

本文介绍了如何在uniapp中使用cell-list组件，并结合uview2.0实现自定义icon和标题的功能。通过组件代码、数据格式和效果展示，详细阐述了组件的配置和应用。

摘要由CSDN通过智能技术生成

可自定义icon 和标题，配合uview2.0使用

组件代码

// 注： 当前image icon 是用的uview2.0 组件 如不需要可删除自行更换img标签

<template>
	<view class="wrap" v-if="itemList.length > 0">
		<view v-for="(item,index) in itemList" :key="index" @click="handleClick(item)" class="wrap_box"
			:style="{background: item.bg || '#FFF'}">
			<view class="wrap_box_img">
				<u--image :showLoading="true" :src="item.imgSrc" :width="item.imgWidth || '90rpx'"
					:height="item.imgHeight || '90rpx'">
				</u--image>
			</view>
			<view class="wrap_box_list" :style="item.tip ? 'padding-top: 30px' : 'padding-top: 40px'">
				<view class="wrap_box_list_title">{
   {
   item.title