搭+的活动名(首页的、我的、我发布的列表、我发布的详情、和首页我的我参加的跳转的活动详情);标签(首页的、我的、我发布的列表),活动详情的字号(首页、我的、我参加的活动详情和我发布的活动详情)已更改

This commit is contained in:
wangzimeng 2025-07-31 18:15:01 +08:00
parent c310c9b1ed
commit 1f8b8b161a
6 changed files with 68 additions and 41 deletions

View File

@ -1,13 +1,15 @@
<template> <template>
<view class="detail_all"> <view class="detail_all">
<view class="nav"> <view class="nav">
<u-navbar :is-back="true" leftIconColor="#000000" :autoBack="true" :bgColor="background" <u-navbar :is-back="true" leftIconColor="#000000" :autoBack="true" :bgColor="background" title="详情"
title="详情" :titleStyle="{color:'#000000',fontSize:'34rpx',fontWeight:'bold'}"></u-navbar> :titleStyle="{color:'#000000',fontSize:'34rpx',fontWeight:'bold'}"></u-navbar>
</view> </view>
<view class="box flex justify-start flex-column align-items" :class="overlay ? 'no-scroll' : ''"> <view class="box flex justify-start flex-column align-items" :class="overlay ? 'no-scroll' : ''">
<view class="swiper"> <view class="swiper">
<u-swiper :list="detail.images" indicator indicatorInactiveColor="#D8D8D8" indicatorActiveColor="#323232" indicatorMode="dot" <u-swiper :list="detail.images" indicator indicatorInactiveColor="#D8D8D8"
:indicator-style="{ bottom: '60rpx', zIndex: 999 }" :height="height_sw" circular @click="swiperImg"></u-swiper> indicatorActiveColor="#323232" indicatorMode="dot"
:indicator-style="{ bottom: '60rpx', zIndex: 999 }" :height="height_sw" circular
@click="swiperImg"></u-swiper>
</view> </view>
<view class="con-center w-100 flex justify-center flex-column align-items flex-start"> <view class="con-center w-100 flex justify-center flex-column align-items flex-start">
@ -26,7 +28,7 @@
</view> </view>
<view class="first-box flex flex-start flex-column justify-start"> <view class="first-box flex flex-start flex-column justify-start">
<view class="flex align-items"> <view class="flex align-items">
<span class="white-space first-name">{{ detail.title }}</span> <span class="first-name">{{ detail.title }}</span>
</view> </view>
@ -39,8 +41,7 @@
<view class="flex justify-center align-items xieyi"> <view class="flex justify-center align-items xieyi">
<image src="/static/detail/baohu.png" mode="" <image src="/static/detail/baohu.png" mode=""
style="width: 28rpx;height: 28rpx;margin-right: 0;"></image> style="width: 28rpx;height: 28rpx;margin-right: 0;"></image>
<view <view style="text-align: center;color: #323232;padding: 0rpx 10rpx;">{{
style="text-align: center;color: #323232;padding: 0rpx 10rpx;">{{
detail.refund_info.title }}</view> detail.refund_info.title }}</view>
<!-- <image src="/static/detail/zidong.png" mode="" <!-- <image src="/static/detail/zidong.png" mode=""
style="width: 20rpx;height: 20rpx;margin-right: 0;"></image> --> style="width: 20rpx;height: 20rpx;margin-right: 0;"></image> -->
@ -57,8 +58,9 @@
<span class="first-image flex align-items" <span class="first-image flex align-items"
@click.stop="toMap(detail.latitude, detail.longitude, detail.address_detail)"> @click.stop="toMap(detail.latitude, detail.longitude, detail.address_detail)">
<image src="/static/center/address.png" mode="" class="icon-size"></image> <image src="/static/center/address.png" mode="" class="icon-size"></image>
<span>{{ detail.address }}{{ detail.address_detail }}</span> <span style="width: 564rpx;">{{ detail.address }}{{ detail.address_detail }}</span>
<image src="/static/detail/daohang.png" class="icon-size" style="width: 50rpx; height: 50rpx;"> <image src="/static/detail/daohang.png" class="icon-size"
style="width: 50rpx; height: 50rpx;position: absolute;right: 5%;">
</image> </image>
</span> </span>
<span class="line" style="margin-bottom: 0rpx;"></span> <span class="line" style="margin-bottom: 0rpx;"></span>
@ -108,14 +110,34 @@
<image class="icons" src="/static/detail/xiangqing.png"></image> <image class="icons" src="/static/detail/xiangqing.png"></image>
</span> </span>
</view> </view>
<view class="third-center"> <view class="third-center" :style="{ height: richTextShow ? 'auto' : '300px', overflow: 'hidden',margin: '0 auto',paddingBottom: '0'}">
<!-- <view></view> -->
<view class="v_html"> <view class="v_html">
<rich-text style="white-space: pre-line;" :nodes="detail.content"></rich-text> <rich-text style="white-space: pre-line;" :nodes="detail.content"></rich-text>
</view> </view>
<view v-if="richTextShow == false" @click="richTextShow = true"
style="width: 100%;display: flex;align-items: center;justify-content: center;
position: sticky; bottom: 0; background: #fff; height: 50rpx;padding: 30rpx 0;">展开
<u-icon name="arrow-down" color="#323232"></u-icon>
</view>
<view v-if="richTextShow == true" @click="richTextShow = false"
style="width: 100%;display: flex;align-items: center;justify-content: center;
position: sticky; bottom: -16px; background: #fff; height: 50rpx;padding: 30rpx 0;">收起
<u-icon name="arrow-up" color="#323232"></u-icon>
</view>
</view>
<view class="third-center" style="padding-top: 0;">
<image mode="widthFix" class="imgs" v-for="(item, index) in detail.images" :key="index" :src="item"> <image mode="widthFix" class="imgs" v-for="(item, index) in detail.images" :key="index" :src="item">
</image> </image>
</view> </view>
</view> </view>
<view style="width: 100%;height: 100rpx;"></view>
<view class="footer flex align-items" style="justify-content: space-between;" v-if="detail.status == 4"> <view class="footer flex align-items" style="justify-content: space-between;" v-if="detail.status == 4">
<view class="btn_1" style="background-color: #E2E2E2;color: #999999;">报名已结束</view> <view class="btn_1" style="background-color: #E2E2E2;color: #999999;">报名已结束</view>
@ -346,6 +368,7 @@
data() { data() {
return { return {
richTextShow: false,
qunShow: false, qunShow: false,
height_sw: '580rpx', height_sw: '580rpx',
style: { style: {
@ -435,9 +458,9 @@
}, },
methods: { methods: {
swiperImg(index){ swiperImg(index) {
uni.previewImage({ uni.previewImage({
current:index, current: index,
urls: this.detail.images, urls: this.detail.images,
}); });
}, },
@ -1113,8 +1136,8 @@
} }
.first-name { .first-name {
width: 586rpx; width: 690rpx;
height: 52rpx; height: 52rpx auto;
font-family: PingFang SC, PingFang SC; font-family: PingFang SC, PingFang SC;
font-weight: bold; font-weight: bold;
font-size: 36rpx; font-size: 36rpx;
@ -1152,7 +1175,7 @@
// height: 40rpx; // height: 40rpx;
font-family: Source Han Sans CN, Source Han Sans CN; font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 400; font-weight: 400;
font-size: 26rpx; font-size: 30rpx;
color: #222222; color: #222222;
} }
@ -1228,10 +1251,10 @@
padding: 30rpx; padding: 30rpx;
overflow: hidden; overflow: hidden;
margin: 0 auto; margin: 0 auto;
height: 100%; // height: 100%;
.v_html { .v_html {
font-size: 30rpx; font-size: 34rpx;
line-height: 44rpx; line-height: 44rpx;
} }
@ -1241,6 +1264,10 @@
} }
} }
.imgs {
display: block;
width: 690rpx;
}
} }

View File

@ -1035,19 +1035,19 @@
} }
.first-name { .first-name {
width: 586rpx; width: 690rpx;
height: 52rpx; height: 52rpx auto;
font-family: PingFang SC, PingFang SC; font-family: PingFang SC, PingFang SC;
font-weight: 600; font-weight: 600;
font-size: 36rpx; font-size: 36rpx;
color: #323232; color: #323232;
// margin-left: 16rpx; // // margin-left: 16rpx;
overflow: hidden; // overflow: hidden;
/* 确保超出容器的文本被隐藏 */ // /* */
white-space: nowrap; // white-space: nowrap;
/* 确保文本在一行内显示 */ // /* */
text-overflow: ellipsis; // text-overflow: ellipsis;
/* 使用省略号表示被截断的文本 */ // /* 使 */
} }
@ -1080,7 +1080,7 @@
// height: 40rpx; // height: 40rpx;
font-family: Source Han Sans CN, Source Han Sans CN; font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 400; font-weight: 400;
font-size: 26rpx; font-size: 30rpx;
color: #222222; color: #222222;
} }
@ -1174,7 +1174,7 @@
margin: 0 auto; margin: 0 auto;
.v_html { .v_html {
font-size: 28rpx; font-size: 34rpx;
line-height: 44rpx; line-height: 44rpx;
} }

View File

@ -101,8 +101,8 @@
<span class="white-space" style="color: #9c9c9c; margin-left: 10rpx;width: 210rpx;">{{ <span class="white-space" style="color: #9c9c9c; margin-left: 10rpx;width: 210rpx;">{{
item.user.nickname item.user.nickname
}}</span> }}</span>
<view class="white-space" style="width: 60%"> <view class="white-space" style="width: 56%">
<span style="color: #0ca013; margin-left: 20rpx" <span style="color: #0ca013; margin-left: 10rpx"
v-for="items_t in item.classes_cate">#{{ items_t }}</span> v-for="items_t in item.classes_cate">#{{ items_t }}</span>
</view> </view>
</span> </span>
@ -1554,7 +1554,7 @@
// padding: 20rpx 0; // padding: 20rpx 0;
.title { .title {
width: 85%; width: 93%;
font-family: PingFang SC, PingFang SC; font-family: PingFang SC, PingFang SC;
font-weight: bold; font-weight: bold;
font-size: 30rpx; font-size: 30rpx;

View File

@ -590,7 +590,7 @@
}) })
return; return;
} }
return ''; // return '';
console.log('submit:', this.order_nos); console.log('submit:', this.order_nos);
// //
const cleanOrderNos = this.order_nos.replace(/^"+|"+$/g, ''); const cleanOrderNos = this.order_nos.replace(/^"+|"+$/g, '');

View File

@ -83,8 +83,8 @@
<span v-else class="white-space" <span v-else class="white-space"
style="color: #9C9C9C;margin-left: 10rpx;width: 210rpx;">{{ style="color: #9C9C9C;margin-left: 10rpx;width: 210rpx;">{{
item.teacher.name }}</span> item.teacher.name }}</span>
<view class="white-space" style="width: 60%;"> <view class="white-space" style="width: 56%;">
<span style="color:#0CA013;margin-left: 20rpx;" <span style="color:#0CA013;margin-left: 10rpx;"
v-for="items_t in item.classes_cate">#{{ items_t v-for="items_t in item.classes_cate">#{{ items_t
}}</span> }}</span>
</view> </view>
@ -1066,7 +1066,7 @@ export default {
width: 100%; width: 100%;
.title { .title {
width: 95%; width: 93%;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
font-family: PingFang SC, PingFang SC; font-family: PingFang SC, PingFang SC;

View File

@ -97,8 +97,8 @@
<image :src="item.user.avatar" <image :src="item.user.avatar"
style="width: 36rpx;height: 36rpx;border-radius: 80rpx"></image> style="width: 36rpx;height: 36rpx;border-radius: 80rpx"></image>
<span class="white-space" style="color: #9C9C9C;margin-left: 10rpx;width: 210rpx;">{{ item.user.nickname }}</span> <span class="white-space" style="color: #9C9C9C;margin-left: 10rpx;width: 210rpx;">{{ item.user.nickname }}</span>
<view class="white-space" style="width: 60%;"> <view class="white-space" style="width: 56%;">
<span style="color:#0CA013;margin-left: 20rpx;" <span style="color:#0CA013;margin-left: 10rpx;"
v-for="items_t in item.classes_cate">#{{ items_t }}</span> v-for="items_t in item.classes_cate">#{{ items_t }}</span>
</view> </view>
@ -1290,7 +1290,7 @@
width: 100%; width: 100%;
.title { .title {
width: 95%; width: 93%;
font-family: PingFang SC, PingFang SC; font-family: PingFang SC, PingFang SC;
font-weight: bold; font-weight: bold;
font-size: 30rpx; font-size: 30rpx;