人员列表

pages/medicaldes/medicaldesDetail.vue

@@ -3,7 +3,8 @@
 		<!-- 公共组件-每个页面必须引入 -->
 		<public-module></public-module>
 		<z-nav-bar :title="prescriptDetail.name"></z-nav-bar>
-		<view class="uni-margin-wrap" v-if="prescriptDetail && prescriptDetail.images && prescriptDetail.images.length > 0">
+		<view class="uni-margin-wrap"
+			v-if="prescriptDetail && prescriptDetail.images && prescriptDetail.images.length > 0">
 			<swiper class="swiper" circular :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval"
 				:duration="duration">
 				<swiper-item v-for="(item, index) in prescriptDetail.images" :key="index">
@@ -13,18 +14,19 @@
 				</swiper-item>
 			</swiper>
 		</view>
-		<view class="contentBox">			
+		<view class="contentBox">
 			<view class="content">
 				<uni-section class="mb-10" titleFontSize="18px" title="姓名" type="line">
 					<view class="item">
 						{{prescriptDetail.name}}
 					</view>
 				</uni-section>
-				<uni-section class="mb-10" titleFontSize="18px" title="详细介绍" type="line" v-if="prescriptDetail.content && prescriptDetail.content != ''" >
+				<uni-section class="mb-10" titleFontSize="18px" title="详细介绍" type="line"
+					v-if="prescriptDetail.content && prescriptDetail.content != ''">
 					<view class="item" v-html="prescriptDetail.content">
 					</view>
 				</uni-section>
-				
+
 				<!-- <uni-section class="mb-10" titleFontSize="18px" title="配伍" type="line">
 					<view class="item" v-if="prescriptDetail.compatibility && prescriptDetail.compatibility != ''" v-html="prescriptDetail.compatibility">
 					</view>
@@ -40,7 +42,7 @@
 						暂无
 					</view>
 				</uni-section> -->
-				
+
 			</view>
 		</view>
 		<music-play :playData="playData"></music-play>
@@ -56,13 +58,13 @@
 			return {
 				playData: {},
 				prescriptDetail: {
-					images:[]
+					images: []
 				},
 				id: null,
 				indicatorDots: true,
 				autoplay: true,
 				interval: 5000,
-				duration: 500
+				duration: 500,
 			}
 		},
 		onLoad(e) {
@@ -101,7 +103,7 @@
 					console.log(res, '内容获取成功')
 					if (res.code == 0) {
 						this.prescriptDetail = res.result
-						if(this.prescriptDetail.img){
+						if (this.prescriptDetail.img) {
 							this.prescriptDetail.images = this.prescriptDetail.img.split(';');
 						}
 					}
@@ -109,7 +111,8 @@
 					// this.titleList = []		
 					console.log(e)
 				})
-			}
+			},
+
 		},
 		components: {
 			musicPlay
@@ -118,25 +121,49 @@
 </script>
 
 <style lang="scss" scoped>
-	.contentBox{padding-bottom: 20rpx;}
-	.mb-10{ margin-bottom: 10px;}
-	.content{font-size: 28rpx;}
-	.swiper-item{
-		image{margin: 0 auto; height:250rpx;}
-		
+	.contentBox {
+		padding-bottom: 20rpx;
 	}
-	.uni-margin-wrap{ margin-bottom: 20rpx; padding-top: 20rpx;
+
+	.mb-10 {
+		margin-bottom: 10px;
+	}
+
+	.content {
+		font-size: 28rpx;
+	}
+
+	.swiper-item {
+		image {
+			margin: 0 auto;
+			height: 250rpx;
+		}
+
+	}
+
+	.uni-margin-wrap {
+		margin-bottom: 20rpx;
+		padding-top: 20rpx;
 		background-color: #fff;
 	}
+
 	.container {
 		padding: 10rpx;
+
 		// background-color: #fff;
-		.item{color: #666; padding:10rpx 20rpx; padding-bottom: 20rpx; line-height: 46rpx;}
+		.item {
+			color: #666;
+			padding: 10rpx 20rpx;
+			padding-bottom: 20rpx;
+			line-height: 46rpx;
+		}
 	}
 
 	.flexbox {
 		display: flex;
 	}
-	
-	/deep/ .uni-section-header__decoration.line{background-color: #18bc37;}
+
+	/deep/ .uni-section-header__decoration.line {
+		background-color: #18bc37;
+	}
 </style>