新增VIP活动模块

pages/course/index.vue

@@ -33,7 +33,7 @@
 						</view>
 						<view class="buyItems">
 							<view class="txt555">
-								{{item.title}}
+								<text>{{item.title}}</text>
 							</view>
 							<view class="jianjie" v-html="item.content">
 
@@ -43,11 +43,20 @@
 								<uni-tag v-if="item.selective != 0 && item.selective == 1" style="margin-right: 10rpx;" text="必修" size="small" type="warning" />
 								<uni-tag v-if="item.selective != 0 && item.selective == 2" style="margin-right: 10rpx;" text="选修" size="small" type="success" />
 							</view>
-							<view class="btn_box">
-								<text>了解课程</text>
-							</view>
 						</view>
-						
+						<view class="btn_box">
+							<view class="btn_box_price" v-if="item.courseCatalogueEntityList.length==1">
+								<text v-if="item.courseCatalogueEntityList[0].halfFee==0">免费</text>
+								<text v-else>¥{{item.courseCatalogueEntityList[0].halfFee}}/{{item.courseCatalogueEntityList[0].fee}}</text>
+							</view>
+							<view class="btn_box_price" v-if="item.courseCatalogueEntityList.length>1">
+								<text v-for="(v,i) in item.courseCatalogueEntityList" :key="i">
+									{{(v.title).substring(0, 1)}}<text v-if="i !== item.courseCatalogueEntityList.length - 1">/</text>
+								</text>
+								<text style="margin-left: 20rpx;">¥{{item.courseCatalogueEntityList[0].halfFee}}/{{item.courseCatalogueEntityList[0].fee}}</text>
+							</view>
+							<text class="btn_box_btn">了解课程</text>
+						</view>
 					</view>
 				</view>
 				<u-divider v-show="status == 2" text="已加载全部"></u-divider>
@@ -127,7 +136,9 @@ export default {
 			value: [0, 0],
 			selectedData: {},  //城市
 			countryIndex: 0,  //抑郁症文字区分国家展示
-			countryText: ''
+			countryText: '',
+			//列表显示价格
+			courseCatalogueEntityList: []
 		};
 	},
 	//第一次加载
@@ -398,13 +409,13 @@ export default {
 			this.flag = false
 			$http.request({
 					url: "medical/home/getMedicalCourseList",
-					method: "POST", // POST、GET、PUT、DELETE，具体说明查看官方文档
+					method: "POST",
 					data: {
 						"id": id,
 						"limit": 12,
 						"page": this.page
 					},
-					header: { //默认 无 说明：请求头
+					header: {
 						'Content-Type': 'application/json'
 					},
 				})
@@ -424,7 +435,6 @@ export default {
 						} else {
 							this.status = 3 // 暂无数据
 						}
-						console.log('status', this.status)
 						this.flag = true
 					}
 					
@@ -496,8 +506,11 @@ export default {
 	}
 
 	.newBox {
-
+		.flexbox{
+			padding-bottom: 100rpx !important;
+		}
 		.item {
+			position: relative;
 			margin-bottom: 20rpx;
 			background-color: #fff;
 			border-radius: 20rpx;
@@ -521,10 +534,28 @@ export default {
 					height: 200rpx;
 				}
 			}
-			.btn_box{ text-align: right;
-				text{
+			.btn_box{
+				position: absolute;
+				bottom: 20rpx;
+				right: 20rpx;
+				width: 100%;
+				display: flex;
+				align-items: center;
+				justify-content: end;
+				.btn_box_price{
+					font-size: 32rpx;
+					font-weight: 500;
+					margin-right: 30rpx;
+					color: red;
+					line-height: 54rpx;
+				}
+				.btn_box_btn{
+					width: 140rpx;
+					height: 54rpx;
+					text-align: center;
+					line-height: 54rpx;
 					border-radius: 20rpx;
-					padding: 3px 5px;  @include theme("btn_bg");
+					@include theme("btn_bg");
 					font-size: 28rpx; color: #fff;
 				}
 			}