样式优化

common/styles/global/pages.scss

@@ -250,7 +250,7 @@
 		font-size: 32rpx;position: absolute;top:126rpx;left:330rpx;
 	}
 	.chapter-title-box{
-		width: 268rpx;text-align: center;font-weight: 800;color: #fbb030;
+		width: 268rpx;text-align: center;font-weight: 800;color: #fbb030;@include single-line-ellipsis;
 		font-size: 32rpx;position: absolute;top:180rpx;left:270rpx;
 	}
 	.brand-item{box-sizing: border-box;font-size: 28rpx;color: #fff;text-align: center;font-weight: 600;position: relative;}
@@ -344,8 +344,9 @@
 			.collapse-num-box{
 				width: 46rpx;height: 46rpx;line-height: 46rpx;font-size: 30rpx;font-weight: 700;color: #fff;text-align: center;
 				background-image: url("@/static/images/catalog/num-bj.png");@include ezy-no-repeat-cover;
-				-webkit-text-stroke: 1rpx #0d64d7;text-stroke: 1rpx #0d64d7;margin-right: 20rpx;
+				-webkit-text-stroke: 1rpx #0d64d7;text-stroke: 1rpx #0d64d7;margin-right: 20rpx;flex-shrink: 0;
 			}
+			.collapse-name{@include single-line-ellipsis;width: 380rpx;}
 			.uni-collapse-item__title-arrow{margin-right: 60rpx;}
 			.uni-icons{
 				width: 37rpx;height: 37rpx;

components/catalogue/catalogue.vue

@@ -11,7 +11,7 @@
 							<view @click.stop="handleSelectZhang(item,index)" class="collapse-title">
 								<view class="collapse-num-box">{{index+1}}</view>
 								<!-- 章名 -->
-								<text>{{item.zhangName}}</text>
+								<text class="collapse-name">{{item.zhangName}}</text>
 								<!-- 锁 -->
 								<view class="collapse-lock" v-if="index!=0"></view>
 							</view>