<template>
	<view>
		<u-grid :col="attrs['col']" :border="attrs['border']" :align="attrs['align']">
			<u-grid-item class="item" v-for="(v,i) in dataLists" :key="'grid'+i"
				:custom-style="{...$getStyle(attrs),color:v.color}" :bg-color="v.bgColor">
				<image :src="v.image" mode="widthFix"></image>
				<view class="grid-text">{{v.title}}</view>
			</u-grid-item>
		</u-grid>
	</view>
</template>

<script>
	import Mixin from "../Mixin";
	export default {
		data() {
			return { 
			}
		},
		mixins: [Mixin],
		 
	}
</script>

<style lang="scss" scoped>
	.item {
		image {
			width: 100%;
			height: 116rpx;
		}
	}
</style>