no message

src/pages/person/components/vear-carousel/vear-carousel.vue

@@ -2,11 +2,20 @@
 	<swiper class="image-container" previous-margin="45rpx" next-margin="45rpx" :indicator-dots="false" :current="currentIndex" indicator-active-color='#4C50E7'  @change="swiperChange">
 		<swiper-item  :class="currentIndex == index ? 'swiper-item' : 'swiper-item-side'" v-for="(item, index) in imgList" :key="item[urlKey]">
 			<!-- <image @click="clickImg(item)" :class="currentIndex == index ? 'item-img' : 'item-img-side'" :src="item[urlKey]" lazy-load :style="dontFirstAnimation ? 'animation: none;' : ''" mode="aspectFill"></image> -->
+			
 			<view class="box" :class="currentIndex == index ? 'item-img' : 'item-img-side'" :style="{background:item.B2BBackground ? getOpacityColor(item.B2BBackground,0.3):'#FFF',}">
-				<view class="box-state">
+				<!-- <view class="box-state">
 					<span v-if="item.ClassStatus==1">未开班</span>
 					<span v-if="item.ClassStatus==2">学习中</span>
 					<span v-if="item.ClassStatus==3">已结课</span>
+				</view> -->
+				<view class="ClassStatus-box">
+					<text :style="{background:item.ClassStatus==3?'#ddd':(item.ClassStatus==2?'#FFD694':'#282828')}" style="display: inline-block;width: 16rpx;height: 16rpx;border-radius: 50%;margin-right: 10rpx;"></text>
+					<text :style="{color:item.ClassStatus==3?'#ddd':(item.ClassStatus==2?'#FFD694':'#282828')}">
+						<template v-if="item.ClassStatus==1">未开班</template>
+						<template v-if="item.ClassStatus==2">学习中</template>
+						<template v-if="item.ClassStatus==3">已结课</template>
+					</text>
 				</view>
 				<view class="box-center">
 					<view class="box-center-l" :style="{background:item.B2BBackground ? getOpacityColor(item.B2BBackground,0.7):'#d5f3e9',}">
@@ -34,12 +43,14 @@
 					</view>
 					<view class="box-center-r">
 						<view>
-							<view style="font-size: 15px;font-weight: bold;">{{item.CourseName}}</view>
-							<view style="font-size: 12px;font-weight: 500;margin-top: 5px;">{{item.ClassName}}</view>
+							<view class="ClassName-text">
+								{{item.ClassName}}
+							</view>
+							<!-- <view style="font-size: 12px;font-weight: 500;margin-top: 5px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;">{{item.CourseName}}</view> -->
 							<view class="row" style="font-size: 12px;margin-top: 5px;">
 								<!-- #4C50E7 -->
 								<view class="row">总计<span style="color: #C91727;margin:0 3px;font-weight: bold;">{{item.TotalHours}}</span>次</view>
-								<view style="width: 1px;height: 15px;background-color:#999999;margin: 0 10px;"></view>
+								<!-- <view style="width: 1px;height: 15px;background-color:#999999;margin: 0 10px;"></view> -->
 								<view class="row">剩余<span style="color: #C91727;margin:0 3px;font-weight: bold;">{{item.SurplusHours?item.SurplusHours:0}}</span>次</view>
 							</view>
 						</view>
@@ -169,6 +180,7 @@
 	.box{
 		position: relative;
 		display: flex;
+		flex-direction: column;
 		align-items: center;
 		justify-content: center;
 		/* padding: 0 20rpx; */
@@ -199,7 +211,7 @@
 	}
 	.box-center-r{
 		flex:1;
-		margin-left: 12px;
+		/* margin-left: 12px; */
 		min-height: 208rpx;
 		display: flex;
 		flex-direction: column;
@@ -207,7 +219,9 @@
 		
 	}
 	.row{
-		display: flex;align-items: center;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
 	}
 	.box-state{
 		width: 38rpx;
@@ -222,6 +236,23 @@
 		box-sizing: border-box;
 		padding: 5rpx 8rpx;
 	}
+	.ClassName-text{
+		width: 100%;
+		font-size: 30rpx;
+		word-break: break-all;
+		text-overflow: ellipsis;
+		display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
+		-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
+		-webkit-line-clamp: 2; /** 显示的行数 **/
+		overflow: hidden;  /** 隐藏超出的内容 **/
+		margin-bottom: 50rpx;
+	}
+	.ClassStatus-box{
+		font-size: 24rpx;
+		text-align: right;
+		width: calc(100% - 36rpx);
+		margin-bottom: 20rpx;
+	}
 
 	@keyframes to-mini
 	{