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

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

View File

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

View File

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

View File

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

View File

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

View File

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