<template>
	<view class="option-wrapper">
		<img class="icon" :src="cssUrl+iconName"/>
		<view class="ft28 title">{{title}}</view>
	</view>
</template>

<script>
	export default {
		name:"minebox",
		props: {
			title:{
			  type: String,
			  default: "医生信息"
			},
			iconName: {
				type: String,
				default:'mine-icon-schedule.svg'
			}
		},
		data() {
			return {
				cssUrl:this.cssUrl,
			}
		},
	}
</script>

<style>
.option-wrapper {
	
	display: flex;
	flex-direction: column;
	align-items: center;
	.icon {
		width: 71rpx;
		height: 70rpx;
	}
	.title {
		color: #666666;
		line-height: 40rpx;
		margin-top: 24rpx;
	}
}
</style>