小程序半屏弹窗

npx shadcn@latest add https://smoui.xiaomolian.com/r/smo-miniprogram-half-screen-dialog.json

import { Image, Text, View } from "@tarojs/components"
import { HalfScreenDialog } from "@/components/HalfScreenDialog"

export default function ExamplePage() {
  return (
    <HalfScreenDialog
  show={joinSheetOpen}
  size="half"
  closable={false}
  maskClosable
  onClose={() => setJoinSheetOpen(false)}
>
  <View className="join-sheet-content">
    <Image src={groupInviteButtonUrl} mode="widthFix" showMenuByLongpress />
    <Text>长按入群后，从群里的抽奖卡片进入即可开抽。</Text>
  </View>
</HalfScreenDialog>
  )
}