|
|
|
@ -1,6 +1,6 @@ |
|
|
|
<template> |
|
|
|
<image style="width: 100%; height: 352rpx" :src="baseurl + detaildata.index_pic" mode=""></image> |
|
|
|
<view class="container"> |
|
|
|
<view class="container" :style="{height: detaildata.form?'calc(100vh - 552rpx)': 'calc(100vh - 352rpx)'}"> |
|
|
|
<text class="headtxt">{{ detaildata.title }}</text> |
|
|
|
<text class="address">活动地点:{{ detaildata.address }}</text> |
|
|
|
<view class="adressnum"> |
|
|
|
@ -19,6 +19,11 @@ |
|
|
|
<u-parse :content="detaildata.content"></u-parse> |
|
|
|
<text class="certetime">{{ detaildata.create_time }}</text> |
|
|
|
</view> |
|
|
|
<view class="baombut" v-if="detaildata.form"> |
|
|
|
<view class="buttt" @click="gotij(detaildata.id, detaildata.form)"> |
|
|
|
立即报名 |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script setup> |
|
|
|
@ -29,6 +34,12 @@ import { activityInfo } from '@/api/index' |
|
|
|
const baseurl = ref(import.meta.env.VITE_APP_BASE_URL + '/') |
|
|
|
const detaildata = ref({}) |
|
|
|
|
|
|
|
const gotij = (id,item) => { |
|
|
|
uni.navigateTo({ |
|
|
|
url: '/pages/index/subform?form='+JSON.stringify(item)+ '&id='+id +'&type='+'hd' |
|
|
|
}) |
|
|
|
} |
|
|
|
|
|
|
|
onLoad(async (param) => { |
|
|
|
await activityInfo(param.id).then((res) => { |
|
|
|
if (res.code === 1) { |
|
|
|
@ -41,7 +52,7 @@ onLoad(async (param) => { |
|
|
|
<style scoped lang="scss"> |
|
|
|
.container { |
|
|
|
background-color: #ffffff; |
|
|
|
height: calc(100vh - 352rpx); |
|
|
|
height: calc(100vh - 552rpx); |
|
|
|
width: 100%; |
|
|
|
padding: 40rpx 40rpx 0 40rpx; |
|
|
|
box-sizing: border-box; |
|
|
|
@ -149,4 +160,28 @@ onLoad(async (param) => { |
|
|
|
color: #a1a1a1; |
|
|
|
} |
|
|
|
} |
|
|
|
.baombut { |
|
|
|
width: 100%; |
|
|
|
padding: 36rpx 0; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
justify-content: center; |
|
|
|
box-shadow: 0rpx 0rpx 20rpx 0rpx rgba(0, 0, 0, 0.3); |
|
|
|
background: #FFFFFF; |
|
|
|
position: fixed; |
|
|
|
bottom: 0; |
|
|
|
|
|
|
|
.buttt { |
|
|
|
width: 574rpx; |
|
|
|
height: 96rpx; |
|
|
|
border-radius: 248rpx; |
|
|
|
background: linear-gradient(90deg, #007FFF 0%, #99CCFF 100%); |
|
|
|
font-family: Source Han Sans; |
|
|
|
font-size: 36rpx; |
|
|
|
color: #FFFFFF; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
justify-content: center; |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
|
|
|
|