nurseWeChatAppletUI/pages/Doctordetails/Doctordetails.vue

<template>
	<view class="app">
		<view class="info">
			<view class="image">
			</view>
			<view class="name">
				某某某
			</view>
			<view class="position">
				主任医师
			</view>
			<view class="border">
			</view>
			<view class="text">
				熟悉呼吸系统疾病的诊治，尤其擅 长肺栓塞、肺动脉高压和慢性气道疾 病的研究。
			</view>
		</view>
		<view class="price">
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		},
		//1.分享给朋友
		onShareAppMessage(res) {
			let pages = getCurrentPages();
			let url = pages[pages.length - 1].$page.fullPath
			return {
				title: '泉医到家',
				path: url,
			}
		},
		//2.分享到朋友圈
		onShareTimeline(res) {
			let pages = getCurrentPages();
			let url = pages[pages.length - 1].$page.fullPath
			return {
				title: '泉医到家',
				path: url,
			}
		},
	}
</script>

<style lang="scss">
	.app {
		padding-top: 20rpx;

		.price {
			width: 94%;
			height: 105rpx;
			background: #FFFFFF;
			box-shadow: 0px 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
			border-radius: 20rpx;
			margin: 0 auto;
			margin-top: 15rpx;
		}

		.info {
			width: 94%;
			height: 651rpx;
			margin: 0 auto;
			background: #FFFFFF;
			box-shadow: 0px 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
			border-radius: 20rpx;
			position: relative;
			font-size: 36rpx;

			.text {
				width: 90%;
				line-height: 67rpx;
				position: absolute;
				left: 5%;
				top: 263rpx;
				text-indent: 1em;
			}

			.border {
				width: 90%;
				margin: 0 auto;
				height: 1rpx;
				background: #D8D4D4;
				position: absolute;
				left: 5%;
				top: 209rpx;
			}

			.position {
				font-size: 35rpx;
				color: #969394;
				position: absolute;
				left: 264rpx;
				top: 122rpx;
			}

			.name {
				position: absolute;
				left: 264rpx;
				top: 68rpx;
			}

			.image {
				width: 147rpx;
				height: 150rpx;
				background: #BFBFBF;
				border-radius: 25rpx;
				position: absolute;
				left: 74rpx;
				top: 32rpx;
			}
		}

	}
</style>