@ -6,8 +6,9 @@
< / 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 = "580rpx" circular > < / u-swiper >
< u-swiper :list = "detail.images" indicator indicatorInactiveColor = "#D8D8D8"
indicatorActiveColor = "#323232" indicatorMode = "dot" : indicator - style = "{ bottom: '60rpx', zIndex: 999 }"
height = "580rpx" circular > < / u-swiper >
< / view >
< view class = "con-center w-100 flex justify-center flex-column align-items flex-start" >
@ -26,40 +27,36 @@
< / 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 = "first-name" > { { detail . title } } < / span >
< / view >
< span class = "first-image flex align-items" style = "margin-top: 25rpx;width: 100%;" >
< view class = "first-image flex align-items" style = "margin-top: 25rpx;width: 100%;" >
< image :src = "detail.user.avatar" mode = ""
style = "width: 36rpx;height: 36rpx;margin-right: 12rpx;border-radius: 80rpx;" >
< / image >
< span style = "color: #9C9C9C ;width: auto;margin-right: 20rpx;" > { { detail . user . nickname } } < / span >
< span class = "flex justify-center align-items xieyi"
: style = "{width: detail.refund_info.status!=5?'190rpx':'156rpx'}" >
< view style = "color: #9C9C9C ;width: auto;margin-right: 20rpx;" > { { detail . user . nickname } } < / view >
< view class = "flex justify-center align-items xieyi" >
< image src = "/static/detail/baohu.png" mode = ""
style = "width: 28rpx;height: 28rpx;margin-right: 0;" > < / image >
< span v-if = "detail.refund_info.status!=5" class = "white-space"
style = "width: 120rpx;text-align: center;" > { {
detail . refund _info . title } } < / span >
< span v-if = "detail.refund_info.status==5" class = "white-space"
style = "width: 90rpx;text-align: center;" > { {
detail . refund _info . title } } < / span >
< view
style = "text-align: center;color: #323232;padding: 0rpx 10rpx;" > { {
detail . refund _info . title } } < / view >
< image src = "/static/detail/zidong.png" mode = ""
style = "width: 20rpx;height: 20rpx;margin-right: 0;" > < / image >
< / span >
< / span >
< / view >
< / view >
< span class = "first-image flex align-items" style = "margin-top: 20rpx;" >
< image src = "../../static/center/Alarm.png" mode = "" class = "icon-size" > < / image >
< span > { { formattedTime . formattedTime } } < / span >
< span > { { formattedTime . formattedTime } } < / span >
< / span >
< span class = "line" > < / span >
< 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 >
< span > { { detail . address _detail } } < / span >
< span > { { detail . address _detail } } < / span >
< image src = "/static/detail/daohang.png" class = "icon-size" style = "width: 50rpx; height: 50rpx;" >
< / image >
< / span >
@ -71,7 +68,8 @@
< image src = "/static/index/dian.png"
: class = "detail.join_info.users && detail.join_info.users.length > 0 ? '' : 'smalld'"
style = "width: 58rpx;height: 58rpx;margin-left:-20rpx;z-index: 1;" > < / image >
< span class = "number" > { { detail . join _info . people _number } } / { { detail . join _info . stock >= 10000 ?
< span class = "number" > { { detail . join _info . people _number } } / { { detail . join _info . stock >= 10000
?
'9999+' : detail . join _info . stock } }
人数 < / span >
< / view >
@ -98,24 +96,24 @@
< / view >
< view v-if = "detail.some_people" class = "flex third-center-gro"
style = "justify-content: space-between; position: relative;height: 100%;" >
< view v-if = "detail.some_people.peoples.length >0" style="width: 100%;">
< view v-if = "detail.some_people.peoples.length > 0" style="width: 100%;">
< view v-for ="(item, index) in detail.some_people.peoples" :key ="index" >
< view class = "flex align-items" style = "justify-content: space-between;" >
< view class = "" >
< view style = "font-size: 28rpx;color: #323232;" > { { item . name } } < / view >
< view style = "font-size: 24rpx;color: #9C9C9C;margin-top: 10rpx;" > 身份证号 ： { { item . idnum } }
< view style = "font-size: 28rpx;color: #323232;" > { { item . name } } < / view >
< view style = "font-size: 24rpx;color: #9C9C9C;margin-top: 10rpx;" > 身份证号 ： { { item . idnum } }
< / view >
< / view >
< view class = "" >
< text v-if = "item.status ==3" style="font-size: 28rpx;color: #999999;"> 未核销 < / text >
< text v-if = "item.status ==6" style="font-size: 28rpx;color: #FF4810;"> 已核销 < / text >
< text v-if = "item.status == 3" style="font-size: 28rpx;color: #999999;"> 未核销 < / text >
< text v-if = "item.status == 6" style="font-size: 28rpx;color: #FF4810;"> 已核销 < / text >
< / view >
< / view >
< view v -if = " index < detail .some_people.peoples.length - "
< view v -if = " index < detail.some_people.peoples.length - 1"
style = "height: 1px;background-color: #F0F0F0;width: 100%;margin: 30rpx 0rpx;" > < / view >
< / view >
< / view >
< view v-if = "detail.some_people.peoples.length ==0" style="text-align: center;margin: 0 auto;">
< view v-if = "detail.some_people.peoples.length == 0" style="text-align: center;margin: 0 auto;">
< image src = "/static/detail/no_info.png" style = "width: 180rpx;height: 180rpx" > < / image >
< view style = "font-size: 28rpx;font-weight: 300;" > 暂无报名信息 < / view >
< / view >
@ -132,7 +130,7 @@
< view style = "margin-left: 20rpx;" >
< view style = "font-size: 28rpx;color: #3D3D3D;" > 群二维码 < / view >
< view style = "margin-top: 10rpx;font-size: 24rpx;color: #9C9C9C;" >
上传时间 ： { { formatTimestamp ( detail . updatetime ) } } < / view >
上传时间 ： { { formatTimestamp ( detail . updatetime ) } } < / view >
< / view >
< / view >
< view style = "display: flex;align-items: center;" >
@ -163,7 +161,7 @@
< view class = "v_html" >
< rich-text :nodes = "detail.content" > < / rich-text >
< / view >
< 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 >
< / view >
< / view >
@ -209,16 +207,16 @@
< view v-if = "overlay" class="pos" >
< image @click ="closeoo" src = "/static/center/close.png" mode = ""
style = "z-index: 10000;width: 64rpx;height: 64rpx;position: absolute;top: 0rpx;right: 45rpx;">
style = "z-index: 10000;width: 64rpx;height: 64rpx;position: absolute;top: 5 0rpx;right: 45rpx;">
< / image >
< l-painter isCanvasToTempFilePath :after-delay = "500" @success ="sunccessimg"
css = "width:661rpx;height: 1072rpx;background-image:url(https://naweigetetest2.hschool.com.cn/dyqc/fenxiang.png);"
custom - style = "position:absolute;left:45rpx;right:44rpx;top: 0rpx;z-index:100">
custom - style = "position:absolute;left:45rpx;right:44rpx;top: 5 0rpx;z-index:100">
< l-painter-image :src = "detail.user.avatar"
css = "z-index:300;margin-left: 15rpx; margin-top: 120rpx;border: 2rpx solid #FFFFFF; width: 60rpx; height: 60rpx; border-radius: 50%;" / >
< l-painter-view css = "margin-top: 130rpx; padding-left: 20rpx; display: inline-block" >
< l-painter-text :text = "detail.user.nickname+
< l-painter-text : text = "detail.user.nickname +
css = "display: block; height: 36rpx;color: #3D3D3D; font-size: 28rpx; fontWeight: 600;" / >
< / l-painter-view >
< l-painter-view
@ -234,10 +232,10 @@
: text = "detail.title" > < / l-painter-text >
< l-painter-text
css = "line-clamp: 1; color:#FF4810;font-size: 35rpx;width:220rpx;margin-top: 20rpx;line-height: 38rpx;fontWeight: 600;"
: text = "'￥' +detail.price"> < / l-painter-text >
: text = "'￥' + detail.price"> < / l-painter-text >
< l-painter-text
css = "line-clamp: 2; color:#9C9C9C;font-size: 26rpx;margin-top: 20rpx;line-height: 36rpx;width: 360rpx;"
: text = "'地址：' +detail.address"> < / l-painter-text >
: text = "'地址：' + detail.address"> < / l-painter-text >
< / l-painter-view >
< l-painter-view
css = "background: #ffffff;border-radius: 18rpx;width: 200rpx; height: 200rpx;margin-right: 50rpx;" >
@ -278,11 +276,11 @@
< / template >
< script >
import dayjs from 'dayjs' ;
import {
import dayjs from 'dayjs' ;
import {
dateWeek
} from '../../utils/dateFormat'
export default {
} from '../../utils/dateFormat'
export default {
computed : {
formattedTimeList ( ) {
@ -498,7 +496,7 @@
title : '海报生成中...' ,
icon : 'none' ,
duration : 2000 ,
complete : function ( ) {
complete : function ( ) {
/ / 提 示 框 消 失 后 的 回 调 函 数
setTimeout ( ( ) => {
/ / 这 里 写 你 的 后 续 操 作 代 码
@ -512,8 +510,8 @@
title : '请登录' ,
icon : 'none' ,
duration : 2000 ,
complete : function ( ) {
setTimeout ( function ( ) {
complete : function ( ) {
setTimeout ( function ( ) {
uni . switchTab ( {
url : '/pages/my/index' ,
} ) ;
@ -609,9 +607,11 @@
icon : 'success' ,
duration : 2000
} )
setTimeout ( ( ) => {
uni . redirectTo ( {
url : "/packageA/my/orderList ?status=-1 "
url : "/packageA/my/orderList "
} )
} , 1000 )
} else {
uni . showToast ( {
title : res . msg ,
@ -619,7 +619,7 @@
duration : 2000
} )
}
} ) . catch ( error => { } ) ;
} ) . catch ( error => { } ) ;
} ,
/ / 获 取 详 情
getDetail ( ) {
@ -649,7 +649,7 @@
duration : 2000
} )
}
} ) . catch ( error => { } ) ;
} ) . catch ( error => { } ) ;
} ,
sign ( ) {
@ -712,8 +712,8 @@
title : res . msg ,
icon : 'none' ,
duration : 2000 ,
complete : function ( ) {
setTimeout ( function ( ) {
complete : function ( ) {
setTimeout ( function ( ) {
uni . reLaunch ( {
url : "/packageA/my/makeList?status=" + - 1
} )
@ -741,7 +741,7 @@
latitude : parseFloat ( latitude ) ,
longitude : parseFloat ( longitude ) ,
name : name ,
success : function ( ) {
success : function ( ) {
console . log ( 'success' ) ;
}
} ) ;
@ -870,7 +870,7 @@
timeSelected ( time ) {
return this . selectedTime === time ;
} ,
moveScroll ( ) { } ,
moveScroll ( ) { } ,
/ / 获 取 价 格
getMoney ( ) {
uni . $u . http . post ( '/api/school.newactivity.order/confirm' , {
@ -896,43 +896,43 @@
} ) ;
} ,
} ,
}
}
< / script >
< style lang = "scss" scoped >
. detail _all {
. detail _all {
background - color : # f7f7f7 ;
}
}
. w - 100 {
. w - 100 {
width : 100 % ;
}
}
. flex {
. flex {
display : flex ;
}
}
. flex - start {
. flex - start {
align - items : flex - start ;
}
}
. justify - center {
. justify - center {
justify - content : center ;
}
}
. align - items {
. align - items {
align - items : center ;
}
}
. flex - column {
. flex - column {
flex - flow : column ;
}
}
. justify - start {
. justify - start {
justify - content : start ;
}
}
. white - space {
. white - space {
overflow : hidden ;
/* 确保超出容器的文本被隐藏 */
white - space : nowrap ;
@ -940,47 +940,47 @@
text - overflow : ellipsis ;
/* 使用省略号表示被截断的文本 */
width : 100 % ;
}
}
. con - center {
. con - center {
background : white ;
border - radius : 44 rpx ;
position : relative ;
}
}
. space - between {
. space - between {
justify - content : space - between ;
}
}
. swiper {
. swiper {
width : 100 % ;
height : 580 rpx ;
}
}
. box {
. box {
padding - top : 175 rpx ;
position : relative ;
}
}
. topimgs _rmb {
. topimgs _rmb {
position : absolute ;
top : - 168 rpx ;
right : 30 rpx ;
width : 201 rpx ;
height : 118 rpx ;
z - index : 0 ;
}
}
. topimgs {
. topimgs {
position : absolute ;
top : - 120 rpx ;
width : 100 % ;
z - index : 0 ;
}
}
. top _texts {
. top _texts {
position : absolute ;
top : - 148 rpx ;
right : 30 rpx ;
@ -996,9 +996,9 @@
font - size : 22 rpx ;
font - weight : 400 ;
}
}
}
. first - box {
. first - box {
width : 690 rpx ;
background : # FFFFFF ;
/ / b a c k g r o u n d : u r l ( ' @ / s t a t i c / d e t a i l / c o n b g . p n g ' ) ;
@ -1064,14 +1064,14 @@
. xieyi {
background - color : # BBFC5B ;
width : 156 rpx ;
height : 48 rpx ;
border - radius : 8 rpx ;
padding : 0 px 10 rpx ;
}
}
}
}
. second - box {
. second - box {
width : 690 rpx ;
height : 64 rpx ;
border - radius : 16 rpx 16 rpx 16 rpx 16 rpx ;
@ -1115,9 +1115,9 @@
/ / }
/ / }
}
}
. third {
. third {
width : 100 % ;
background : # ffffff ;
border - radius : 44 rpx ;
@ -1220,23 +1220,23 @@
}
}
. line {
. line {
width : 690 rpx ;
height : 2 rpx ;
background : # F0F0F0 ;
margin : 19 rpx 0 ;
}
}
. icon - size {
. icon - size {
width : 32 rpx ;
height : 32 rpx ;
margin - right : 12 rpx ;
}
}
. footer {
. footer {
width : 93 % ;
height : 185 rpx ;
background : # ffffff ;
@ -1302,10 +1302,10 @@
font - size : 48 rpx ;
color : # BBFC5B ;
}
}
}
. popupBox {
. popupBox {
width : 640 rpx ;
height : 414 rpx ;
background - image : url ( "https://naweigetetest2.hschool.com.cn/dyqc/confirm2.png" ) ;
@ -1414,9 +1414,9 @@
margin : 24 rpx 32 rpx 0 0 ;
}
}
}
. share {
. share {
position : fixed ;
color : # FFFFFF ;
right : 0 ;
@ -1426,9 +1426,9 @@
border - top - left - radius : 50 px ;
border - bottom - left - radius : 50 px ;
box - shadow : 0 0 20 upx rgba ( 0 , 0 , 0 , .09 ) ;
}
}
. cancel {
. cancel {
width : 100 vw ;
padding : 30 rpx ;
text - align : center ;
@ -1436,49 +1436,49 @@
color : red ;
font - weight : bold ;
font - size : 30 rpx ;
}
}
. md - content {
. md - content {
display : flex ;
flex - direction : row ;
justify - content : center ;
align - items : center ;
padding : 50 rpx 0 ;
background - color : white ;
}
}
. md - content - item {
. md - content - item {
margin : 0 70 rpx ;
position : relative ;
}
}
. md - content - item image {
. md - content - item image {
width : 100 rpx ;
height : 100 rpx ;
}
}
. md - content - item view {
. md - content - item view {
margin - top : 15 rpx ;
font - size : 28 rpx ;
}
}
. sharebtn {
. sharebtn {
position : absolute ;
top : 0 ;
left : 0 ;
right : 0 ;
bottom : 0 ;
opacity : 0 ;
}
}
. cu - modal {
. cu - modal {
position : fixed ;
bottom : 166 rpx ;
left : 0 ;
z - index : 999999 ;
}
}
. gj {
. gj {
. title {
font - family : PingFang SC , PingFang SC ;
font - weight : 800 ;
@ -1529,9 +1529,9 @@
}
}
}
}
}
: : v - deep : : - webkit - scrollbar {
: : v - deep : : - webkit - scrollbar {
/*滚动条整体样式*/
width : 4 px ! important ;
height : 1 px ! important ;
@ -1539,46 +1539,46 @@
background : # ccc ! important ;
- webkit - appearance : auto ! important ;
display : block ;
}
}
: : v - deep : : - webkit - scrollbar - thumb {
: : v - deep : : - webkit - scrollbar - thumb {
/*滚动条里面小方块*/
border - radius : 10 px ! important ;
box - shadow : inset 0 0 5 px rgba ( 0 , 0 , 0 , 0.2 ) ! important ;
background : # 7 b7979 ! important ;
}
}
: : v - deep : : - webkit - scrollbar - track {
: : v - deep : : - webkit - scrollbar - track {
/*滚动条里面轨道*/
/ / b o x - s h a d o w : i n s e t 0 0 5 p x r g b a ( 0 , 0 , 0 , 0 . 2 ) ! i m p o r t a n t ;
/ / b o r d e r - r a d i u s : 1 0 p x ! i m p o r t a n t ;
background : # FFFFFF ! important ;
}
}
. Poster {
. Poster {
position : relative ;
top : 21 rpx ;
left : 30 rpx ;
width : 690 rpx ;
}
}
. posterClose {
. posterClose {
position : absolute ;
right : 8 rpx ;
top : 8 rpx ;
}
}
. no - scroll {
. no - scroll {
overflow : hidden ;
height : 100 vh ;
}
}
: : v - deep . _root {
: : v - deep . _root {
padding : 0 10 rpx ;
}
}
< / style >
< style lang = "scss" >
. value _slide {
. value _slide {
width : 40 % ;
: : v - deep . uni - slider - handle - wrapper {
@ -1629,9 +1629,9 @@
}
/ / # e n d i f
}
}
. pos {
. pos {
position : fixed ;
width : 100 % ;
height : 100 % ;
@ -1642,9 +1642,9 @@
/ / r i g h t : 8 r p x ;
top : 200 rpx ;
}
}
}
. btnList {
. btnList {
position : absolute ;
bottom : 173 rpx ;
display : flex ;
@ -1666,8 +1666,10 @@
justify - content : center ;
align - items : center ;
}
}
}
< / style >
< style scoped >
. no - border - button {
background - color : transparent ;
/* 去掉背景色 */
