ycwh/miniapp/pages/components/card.vue

<template>
<view class="k-card-">
	<!-- <view class="p-20 f-30 t-bold c-g-primary-l">{{title}}</view>
	<u-cell-group>
		<u-cell v-for="(item, index) in list" :key="index" :title="item.value" isLink/>
	</u-cell-group> -->
	<view class="f-36 t-bold m-t-20">{{title}}</view>
	<view class="k-card-plain-p m-t-10" v-for="(item,index) in list" :key="index">
		<u-cell is-link :border="false" :title="item.value" @click="clickCell(item)"/>
	</view>
</view>
</template>

<script>
export default {
	props: {
		title: String,
		list: Array,
	},
	data() {
		return {
		}
	},
	methods: {
		clickCell(item) {
			this.$emit("click", item)
		}
	},
}
</script>

<style>
.k-card {
	display: flex;
	flex-direction: column;
	/* align-items: center; */
	width: 100%;
	/* padding-top: 20rpx; */
	/* padding-bottom: 20rpx; */
	/* margin-left: 5rpx; */
	/* margin-right: 5rpx; */
	border-radius: 10rpx;
	overflow: hidden;
}
</style>