<template>
    <view>
        <card :title="item.name" v-for="item in lists" :key="item.id">
            <view class="image-column" @click="goPage(`/pages/activate/index?id=${item.id}`)">
                <u-image
                    :src="item.surfacePlot"
                    class="good-img"
                    width="100%"
                    height="390"
                    border-radius="10"
                ></u-image>
            </view>
        </card>
    </view>
</template>

<script lang="ts" setup>
import Card from './card.vue'

defineProps({
    lists: {
        type: Array,
        default: []
    }
})

const goPage = (url: string) => {
    uni.navigateTo({ url: url })
}
</script>

<style lang="scss" scoped>
.image-column {
    width: 100%;
    padding-right: 24rpx;

    .good-img {
        width: 100%;
        //border-radius: 20rpx; //u-image故从属性中传入
        border-radius: 25px;
        border-radius: 50%;
    }
}
</style>
