city-gather/src/components/StatusTip.vue

<script setup lang="ts">
import { statusTipProps } from 'wot-design-uni/components/wd-status-tip/types'
import { StaticUrl } from '@/config'

const props = defineProps({ ...statusTipProps, image: { type: String, default: '' }, imageSize: { type: String, default: '248rpx' } })
const imgs = computed(() => {
  if (props.image)
    return `${StaticUrl}/${props.image}`
  return `${StaticUrl}/status-tip.png`
})
</script>

<template>
  <wd-status-tip v-bind="props">
    <template #image>
      <image
        :style="{ width: imageSize, height: imageSize }"
        :src="imgs"
      />
    </template>
  </wd-status-tip>
</template>

<style lang="scss" scoped></style>