<template>
  <view class="flex flex-col items-center pt-[208px]">
    <image class="h-[152px]" :src="par.header" />
    <view class="list mt-[30px]">
      <view class="bg-white w-[700px] h-[300px] rounded-[20px]"></view>
    </view>
  </view>
</template>

<script setup lang="ts">
import {ref} from 'vue';
import Taro from '@tarojs/taro';

const par = ref<any>({});

Taro.useLoad(e => {
  switch (e.type) {
    case '1':
      par.value = {
        header:
          'https://p0.meituan.net/csc/6229068017d3b199aafd9eed47bfd50513859.png',
      };
      break;
    case '2':
      par.value = {
        header:
          'https://p0.meituan.net/csc/ccfb8d3119200f81e2d6a5241081eb4b13797.png',
      };
      break;
  }
  par.value = {
    ...par.value,
    type: e.type,
  };
});
</script>

<style lang="scss">
@import './index.scss';
</style>
