<template>
	<view class="card">
		<view>-</view>
		<slot>     <!--   插槽 -->
			<view class="card-name">{{cardTitle}}</view>
		</slot>
		<view>-</view>
	</view>
</template>

<script>
	export default {
		props:{
			cardTitle:String
		}
	}
</script>

<style scoped>
.card{
	padding: 20rpx 0;  /* 上下距离20左右0 */
	display: flex;
	justify-content: center;   /* 居中*/
	font-weight: bold;     /* 文字为粗体*/	
}
.card-name{
	padding: 0 20rpx;
	font-size: 30rpx;	 
}
</style>