HS_MZAP/src/views/activityMan/placeactivity/placeActivityInfo.vue

<template>
  <van-nav-bar
    fixed
    title="场所活动"
    left-text=""
    left-arrow
    @click-left="onClickLeft"
  />
  <div class="banner"></div>
  <div class="info">
    <p>活动名称：{{ placeActivity.activity }}</p>
    <p>场所名称：{{placeActivity.place}}</p>
    <p>发起人：{{ placeActivity.portname }}</p>
    <p>参会人数：{{placeActivity.countPerson}}</p>
    <p>活动地点：{{placeActivity.activityPlace}}</p>
    <p>详细地址：{{placeActivity.address}}</p>
    <p>活动时间：{{placeActivity.activityTime}}</p>
    <p>安全预案：<span style="color: #6892ff">活动申请书</span></p>
    <p>主题内容：{{placeActivity.into}}</p>
  </div>
  <van-button type="primary" class="btn-sub">审核</van-button>
</template>
  
  <script>
import { reactive } from "vue";
export default {
  setup() {
    const onClickLeft = () => {
      history.back();
    };
    // 活动信息
    const placeActivity = reactive({
      activity: "测试",
      place: "基督教",
      activityTime: "2023-03-28 13:00",
      countPerson: "100",
      list: "11,22,33",
      portname: "张三",
      area: "",
      activityPlace: "盐都区/张庄街道",
      address: "1111",
      money: "",
      activityName: "李四",
      tel: "",
      file: "",
      into: "1111",
    });
    return {
      onClickLeft,
      placeActivity,
    };
  },
};
</script>
  
<style lang="less">
.banner {
  height: 30vh;
  background: #36a7f3;
}
.info {
  position: relative;
  width: 86vw;
  // height: 120px;
  margin: 10px auto;
  padding: 10px;
  background: #fff;
  border-radius: 20px;
  top: -50px;
  font-size: 14px;
}
.btn-sub {
  width: 90%;
  border-radius: 20px;
  margin-left: 5%;
}
</style>