搭+的活动名(首页的、我的、我发布的列表、我发布的详情、和首页我的我参加的跳转的活动详情);标签(首页的、我的、我发布的列表),活动详情的字号(首页、我的、我参加的活动详情和我发布的活动详情)已更改
This commit is contained in:
parent
c310c9b1ed
commit
1f8b8b161a
@ -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;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
@ -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;
|
||||
}
|
||||
|
||||
|
@ -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;
|
||||
|
@ -590,7 +590,7 @@
|
||||
})
|
||||
return;
|
||||
}
|
||||
return '';
|
||||
// return '';
|
||||
console.log('submit:', this.order_nos);
|
||||
// 如果存在意外引号,可以清理:
|
||||
const cleanOrderNos = this.order_nos.replace(/^"+|"+$/g, '');
|
||||
|
@ -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;
|
||||
|
@ -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;
|
||||
|
Loading…
x
Reference in New Issue
Block a user