uniapp/components/square/square.vue

<template>
	<view>
		<view class="section2 section  bg-white margin-top-sm">
			<view class="cu-list grid col-3 no-border">
				<view class="cu-item justify-center align-center" @tap="goSiteList(item.redirectUrl)"  v-for="(item,index) in cuIconList" :key="index">
					<image :src="`${item.imgUrl}`" style="width:100rpx;height:100rpx"></image>
					<view class="cu-tag badge" v-if="item.badge!=0">
						<block class="cu-tag badge" v-if="item.badge!=1">{{item.badge>99?'99+':item.badge}}</block>
					</view>
					<text>{{item.name}}</text>
				</view>
			</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		props:[ 'cuIconList'] ,  //接收外界传过来的数据
		data() {
			return {

			}
		},
		methods: {
			goSiteList(url) {
				 // console.log(url);
				uni.navigateTo({
					url: url,
					success: res => {},
					fail: () => {},
					complete: () => {}
				});
			}
		}
	}
</script>

<style>
	.cu-list.grid.no-border{
		padding:30rpx 10rpx
	}

</style>