<template>
	<view class="index-page">
		<view class="header-wrapper flex">
			<view class="left">
				<view class="flex top PfScMedium">
					<view class="ft50">李静静</view>
					<view>中医针灸科中医针灸科</view>
				</view>
				<view class="bt PfScRegular over2">
					北京中医药大学硕士 从业10年北京中医药大学硕士 从业10年北京中医药大学硕士 从业10年
				</view>
			</view>
			<img class="right" src="https://qny.xmz.yitongtang66.com/uploads/20240202/4c91b27887ee12a29beb015ef4dfe71f.jpg" alt="">
		</view>
		
		<view class="block">
			
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				cssUrl:this.cssUrl
			}
		},
		onLoad() {
			uni.setNavigationBarTitle({
				title:'李静医生预约就诊'
			});
		},
		methods: {
		}
	}
</script>

<style lang="scss" scoped>
	.index-page{
		.header-wrapper{
			height: 208rpx;
			padding: 24rpx 40rpx 24rpx;
			.left{
				width: 510rpx;
				.top{
					overflow: hidden;
					& view:first-of-type{
						color: #000000;
						letter-spacing: 1rpx;
						margin-right: 27rpx;
						max-width: 380rpx;
					}
					& view:last-of-type{
						width: auto;
						padding: 0 15rpx;
						margin-top: 14rpx;
						line-height: 42rpx;
						font-size: 28rpx;
						text-align: left;
						background: linear-gradient( 288deg, #FFEED2 0%, #FED9A6 100%);
						border-radius: 8rpx;
						color: #7D501F;
					}
				}
				.bt{
					width: 480rpx;
					line-height: 40rpx;
					font-size: 28rpx;
					color: #38503F;
					margin-top: 21rpx;
				}
			}
			.right{
				flex-grow: 1;
				display: block;
				border-radius: 100%;
				height: 160rpx;
				width: 160rpx;
			}
		}
		.block{
			background: #FFFFFF;
			border-radius: 8rpx;
			padding: 36rpx 24rpx;
		}
	}
</style>
