修改详情样式问题

packageA/center/detail.vue

@@ -26,7 +26,7 @@
 				</view>
 				<view class="first-box flex flex-start flex-column justify-start">
 					<view class="flex align-items">
-						<span class="first-name">{{ detail.title }}</span>
+						<span class="white-space first-name">{{ detail.title }}</span>
 					</view>
 
 

packageA/center/detailSys.vue

@@ -168,9 +168,9 @@
 
 
 			<view class="footer" style="display: flex;align-items: center;;justify-content: space-between;gap: 30rpx;">
-				<view @click="overlayShow()">
-					<image src="@/static/detail/fenxiang.png" style="width: 173rpx;height: 100rpx;" mode="widthFix">
-					</image>
+				<view @click="overlayShow()" style="width: 173rpx;height: 90rpx;background-image: url('/static/detail/fenxiangsys.png');background-size: 100% 100%;background-repeat: no-repeat;">
+					<!-- <image src="@/static/detail/fenxiangsys.png" style="width: 100%;height: 100%;"  mode="widthFix">
+					</image> -->
 				</view>
 				<view class="footer-right" @click="cancelsOpen">
 					取消活动
@@ -1026,6 +1026,12 @@ export default {
 		font-size: 36rpx;
 		color: #323232;
 		// margin-left: 16rpx;
+		overflow: hidden;
+		/* 确保超出容器的文本被隐藏 */
+		white-space: nowrap;
+		/* 确保文本在一行内显示 */
+		text-overflow: ellipsis;
+		/* 使用省略号表示被截断的文本 */
 	}