---
nav: 组件
title: MiniappPay
subtitle: 小程序支付
group: 业务组件
---

## 介绍

MiniappPay

## 引入

```ts
import MiniappPay from 'gtht-miniapp-sdk/components/miniapp-pay/miniapp-pay.vue'
```

## 代码演示

### 基础使用

<MiniappPay></MiniappPay>

## API

### MiniappPayProps

| 属性         | 描述              | 类型/必传     | 默认值              |
| ------------ | ----------------- | ------------- | ------------------- |
| root-class   | 组件根元素类名    | string/否     | -                   |
| root-style   | 组件根元素样式    | StyleValue/否 | -                   |
| mobile       | 用户手机号        | string /是    | -                   |
| userCode     | 用户userCode      | string /是    | -                   |
| prodId       | 产品ID            | string /是    | -                   |
| prodName     | 产品名字          | string /是    | -                   |
| prodPeriod   | 产品期限          | number /是    | -                   |
| prodPrice    | 产品价格          | number /是    | -                   |
| prodType     | 产品类型          | string /是    | -                   |
| orderType    | 订单类型          | string /是    | -                   |
| merchantId   | 商户ID            | string /是    | -                   |
| issueId      | 透传参数-资讯ID   | string /否    | -                   |
| orderDesc    | 订单描述          | string /否    | -                   |
| remark       | 备注信息          | string /否    | -                   |
| recommendor  | 推荐人            | string /否    | -                   |
| specifyLink  | 透传参数-产品链接 | string /否    | -                   |
| discountINfo | 优惠券信息        | object /否    | -                   |
| successPath  | 支付成功跳转路径  | string /是    | -                   |
| failPath     | 支付失败跳转路径  | string /是    | -                   |
| appName      | 小程序标记        | string/否     | HQXCX_WXAPP_ACCOUNT |