修改活动详情和实况样式

This commit is contained in:
zhouyanli
2026-06-09 18:06:38 +08:00
parent aaf828c6e3
commit b395631400
4 changed files with 9 additions and 4 deletions

View File

@@ -65,7 +65,7 @@
<up-row justify="space-between" customStyle="margin-bottom: 10px"> <up-row justify="space-between" customStyle="margin-bottom: 10px">
<up-col span="4"> <up-col span="4">
<view class="info-image-left"> <view class="info-image-left">
<image :src="activity.coverImage" mode="aspectFit" style="width: 100%;height: 100%;border-radius: 16rpx;"></image> <image :src="activity.coverImage" mode="aspectFill" style="width: 100%;height: 100%;border-radius: 16rpx;"></image>
</view> </view>
</up-col> </up-col>
<up-col span="8"> <up-col span="8">

View File

@@ -79,10 +79,10 @@
<view class="info-value">{{activityConent.contactPhone}}</view> <view class="info-value">{{activityConent.contactPhone}}</view>
</view> </view>
<view class="info-item"> <!-- <view class="info-item">
<view class="info-label">积分奖励</view> <view class="info-label">积分奖励</view>
<view class="info-value">{{activityConent.pointsReward}}</view> <view class="info-value">{{activityConent.pointsReward}}</view>
</view> </view> -->
</view> </view>
<!-- 招募要求 --> <!-- 招募要求 -->

View File

@@ -391,12 +391,16 @@ const submitStatus = async () => {
.location-text { .location-text {
font-size: 14px; font-size: 14px;
color: #333; color: #333;
flex: 1;
word-break: break-all;
margin-right: 10px;
} }
.re-locate { .re-locate {
font-size: 14px; font-size: 14px;
color: #007aff; color: #007aff;
display: flex; display: flex;
align-items: center; align-items: center;
flex-shrink: 0;
} }
.re-icon{ .re-icon{
color: #007aff; color: #007aff;

View File

@@ -128,7 +128,7 @@
<up-row justify="space-between" customStyle="margin-bottom: 10px"> <up-row justify="space-between" customStyle="margin-bottom: 10px">
<up-col span="4"> <up-col span="4">
<view class="demo-layout bg-purple-light activity-img"> <view class="demo-layout bg-purple-light activity-img">
<image :src="activity.coverImage" style="width: 100%;height: 100%;" mode="aspectFit"></image> <image :src="activity.coverImage" style="width: 100%;height: 100%;border-radius: 16rpx;" mode="aspectFill"></image>
</view> </view>
</up-col> </up-col>
<up-col span="8"> <up-col span="8">
@@ -644,6 +644,7 @@ const moreClick = () =>{
height: 20rpx; height: 20rpx;
// background-color: #FD7373 ; // background-color: #FD7373 ;
background: repeating-linear-gradient(to right, #FD7373 , #FB3F3F); background: repeating-linear-gradient(to right, #FD7373 , #FB3F3F);
z-index: 5;
} }
.activity-img{ .activity-img{
width: 170rpx; width: 170rpx;