Skip to content

M
mallapp
Commit a20c5f06 authored by 罗超's avatar 罗超
Browse files
Options

·

parent 9c96d0c1
Hide whitespace changes
Inline Side-by-side
Showing with 181 additions and 7 deletions
pages/school/JIaheactivitydetails.vue
View file @ a20c5f06
......@@ -111,10 +111,21 @@
font-family: PingFang SC;
font-weight: 800;
color: #111111;
text-align: center;
// text-align: center;
margin-top: 30rpx;
position: relative;
}
.title-pic .line-bottom{
width: 71rpx;
height: 12rpx;
background-color: #40766E;
border-radius: 4rpx;
position: absolute;
left: 0;
bottom:0;
opacity: 0.5;
}
.pic-name{
margin-bottom: 30rpx;
......@@ -176,6 +187,114 @@
}
}
}
.jz_TripMain {
position: relative;
overflow: hidden;
}
.jz_TripTitle {
width: 100%;
min-height: 90rpx;
border-radius: 20rpx;;
background-color: #40766E;
color: #fff;
display: flex;
justify-content: space-between;
align-items: center;
padding: 28rpx;
margin-top: 30rpx;
}
.jz_TripLeft {
font-size: 32rpx;
}
.jz_TripRight {
color: #111111;
font-size: 22rpx;
}
.jz_TripLine {
position: absolute;
width: 4rpx;
height: 100%;
background-color: #40766E;
left: 24rpx;
top: 90rpx;
}
.jz_RightInner {
margin-left: 50rpx;
}
.jz_Place {
position: relative;
color: #111111;
font-size: 24rpx;
margin: 30rpx 0;
font-weight: bold;
display: flex;
}
.jz_ComDian {
width: 18rpx;
height: 18rpx;
background-color: #DFBE6E;
border-radius: 50%;
position: absolute;
left: -17.6px;
top: 4px;
}
.Jiaheactivitydetails .con{
width: 622rpx;
// height: 444rpx;
background-color: #F1F1F1;
border-radius: 20rpx;
padding: 20rpx;
margin-bottom: 30rpx;
}
.Jiaheactivitydetails .active-img-box{
height: 200rpx;
display: flex;
justify-content: space-between;
align-items: center;
}
.Jiaheactivitydetails .img-box{
width: 200rpx;
height: 200rpx;
border-radius: 12rpx;
overflow: hidden;
box-shadow: 0rpx 10rpx 30rpx 0rpx rgba(36, 36, 36, 0.2);
}
.Jiaheactivitydetails .active-img{
width: 100%;
height: 100%;
}
.Jiaheactivitydetails .img-box2{
position: relative;
}
.Jiaheactivitydetails .img-box2 .layer{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 10;
background-color: #5F5B5D;
opacity: 0.5;
display: flex;
justify-content: center;
align-items: center;
font-size: 32rpx;
font-family: PingFang SC;
font-weight: bold;
color: #FFFFFF;
}
.Jiaheactivitydetails .addr{
margin: 30rpx 0;
}
</style>
<template>
<view class="Jiaheactivitydetails">
......@@ -246,13 +365,55 @@
<view style="width: 100%;padding: 15px;margin-bottom: 150rpx;">
<view class="title-pic" v-if="richtext">
活动特色
<view class="line-bottom"></view>
</view>
<view class="acdetail_Intro" v-html="richtext"></view>
<view class="title-pic" v-if="richtext">
活动内容
</view>
<view class="jz_TripMain">
<view class="jz_TripLine"></view>
<view v-for="(item,index) in detial.ActivityTitleList" :key="index">
<view class="jz_TripTitle" >
<view class="jz_TripLeft">{{item.Title}}</view>
<view class="jz_TripRight"></view>
</view>
<view class="jz_RightInner">
<template v-for="(item2,index2) in item.ActivityPlanList" v-if="item.ActivityPlanList.length>0">
<view class="jz_Place">
<view class="jz_ComDian"></view>
<text style="margin-right: 10rpx;">{{item2.StartTime}}</text>&nbsp;
<text style="margin-right: 10rpx;" v-if="item2.ActivityDuration">{{item2.ActivityDuration}}分钟</text>
<text style="margin-right: 10rpx;">{{item2.TripTitle}}</text>
</view>
<view class="con">
<rich-text :nodes="item2.TripContent"></rich-text>
</view>
<view class="active-img-box" v-if="item2.TripPicList.length>0">
<view v-for="(item3,index3) in item2.TripPicList" :key="index3">
<view class="img-box" v-if="index3<2" @click="previewImage2(index3,item2.TripPicList)">
<image class="active-img" :src="item3" mode="aspectFill"></image>
</view>
<view class="img-box img-box2" v-if="index3==2" @click="previewImage2(index3,item2.TripPicList)">
<image class="active-img" :src="item3" mode="aspectFill"></image>
<view class="layer" v-if="item2.TripPicList.length>3">
+{{item2.TripPicList.length-3}}
</view>
</view>
</view>
</view>
<view class="addr" v-if="item2.LocationName">
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/jiaheaddress.png" style="width: 12px;height: 15px;margin-right: 15px;"></image>{{item2.LocationName}}
</view>
</template>
</view>
</view>
</view>
<view class="title-pic" v-if="detial.Summary">
活动总结
</view>
<!-- <view >
<rich-text :nodes="detial.Summary"></rich-text>
</view> -->
<view class="acdetail_Intro" v-html="detial.Summary" v-if="detial.Summary"></view>
<view class="title-pic" v-if="detial.FileGroup[0].groupList.length>0||detial.FileGroup[1].groupList.length>0">
活动相册
......@@ -262,7 +423,7 @@
</view>
<view class="video-box">
<view v-for="(item,index) in detial.FileGroup[0].groupList" :key="index" class="pic-box" @click="goPicDetail(item.FileList)" v-if="item.FileList.length>0">
<image class="oneimg" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/CustomizedCar/bofang.jpg" mode="aspectFill" v-if="item.FileList.length<4" ></image>
<image class="oneimg" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/CustomizedCar/bofang.jpg" mode="aspectFill"></image>
<!-- <image class="oneimg" :src="item.FileList[0].Image" mode="aspectFill" v-if="item.FileList.length<4" ></image> -->
<!-- <view class="fourimg-box" v-if="item.FileList.length>=4" >
<div v-for="(_item,_index) in item.FileList" :key="_item.id" class="subpic-box" v-if="_index<=3">
......@@ -409,7 +570,20 @@
urls: [x],
current: 0,
});
}
},
previewImage2(i,arr) {
uni.previewImage({
urls: arr,
current: i,
longPressActions: {
itemList: ["发送给朋友", "保存图片", "收藏"],
success: function(data) {},
fail: function(err) {
console.log(err.errMsg);
},
},
});
},
}
}
</script>
......
pages/school/jieheactivityBM.vue
View file @ a20c5f06
......@@ -89,7 +89,7 @@
<view class="box-c-l">备注</view>
<input type="text" v-model="addMsg.Remark" placeholder="请填写备注内容">
</view>
<view class="box-c-i">
<view class="box-c-i" v-if="details.IsFree!==1">
<view class="box-c-l">支付方式</view>
<u-radio-group v-model="addMsg.PaymentWay" >
<u-radio
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment