deming/components/shop/shop-item/index.vue

<template>
    <view class="shop-item" @click="toClassifyPage">
        <image :src="info.goodscn_pic"></image>
        <text class="u-line-1">{{ info.gc_name }}</text>
    </view>    
</template>
<script>
export default {
	name:"shopItem",
	props: {
		info: Object,
	},
	methods: {
		toClassifyPage() {
			this.$u.route('pageC/classify/goods', {
				cid: this.info.gc_id,
				cname: this.info.gc_name,
			});
		}
	}
}
</script>
<style lang="scss" scoped>
.shop-item{
    display: flex;
    flex-direction: column;
    align-items: center;
	justify-content: center;
	width: 100rpx;
    >image{
        width: 80rpx;
        height: 80rpx;
        border-radius: 50%;
    }
    >text{
		width: 100%;
        font-size: 24rpx;
        color: #333;
        margin-top: 14rpx;
		text-align: center;
    }
}
</style>