<template>
	<view class="custom-cell-row">
		<u-row>
			<u-col :span="labelCol">
				<view class="custom-cell-label">
					<slot name="label"></slot>
					<text class="custom-cell-col" v-if="label">{{label}}</text>
				</view>
			</u-col>
			<u-col :span="wrapCol">
				<view class="custom-cell-value">
					<slot name="value"></slot>
					<text class="custom-cell-col" v-if="value">{{value}}</text>
				</view>
			</u-col>
			<slot name="right-icon"></slot>
		</u-row>
	</view>
</template>

<script>
	export default {
		name: 'bs-customCell',
		props: {
			label: {
				type: String,
				default: "" //默认值为空
			},
			value: {
				type: String,
				default: "" //默认值为空
			},
			labelCol: {
				type: String,
				default: '6'
			},
			wrapCol: {
				type: String,
				default: '6'
			},
		},
		methods:{
		}
	}
</script>

<style lang="scss">
	.custom-cell-row {
		font-size: 28rpx;
		margin-top: 24rpx;
		color: #434343;
		&>view{
			align-items: stretch !important;
		}

		.custom-cell-col {
			width: 100%;	
		}
	}
</style>
