// index.json
{
  "usingComponents": {
    "coupon-card": "ext://industry/coupon-card"
  }
}

// index.ts
const app = getApp()
Page({
  data: {
    buttonOptions:{
      unappliedText: "去领取",
      appliedText: "去使用",
      expiredText: "过期了",
      usedText: "用完了",
      activeBackgroundColor: "red",
      activeColor: "yellow",
      disableBackgroundColor: "blue",
      disableColor: "green",
    },
    modalOptions:{
      title: "确定领取嘛",
      content: "你真的确定领取嘛",
      confirmText: "确定啊",
      confirmColor: "#FF9B9B",
      showCancel: true,
      cancelText: "不确定",
      cancelColor: "#CBFFA9",
    }
    
  },
  onLoad: function () {
    console.log('Welcome to Mini Code')
  },
})

<coupon-card 
     shop-id="52142592" 
     coupon-id="7254457569522712832" 
     navigate-url="shop"
     product-id="3612232617103068027"
     class={styles.myClass}
     style="background-color:red;"
     title="优惠券111"
     sub-title="请到店铺使用"
     img-url={aPic}
     button-options="{{buttonOptions}}"
    modal-options="{{modalOptions}}"
    is-show-button-only={false}
    is-show-coupon-info={true}
    bind:error="handleCouponError"
     >
     
  </coupon-card>

// bind:error 代码示例
handleJoinMemberError(event) {
    const { errMsg ，errNo} = event.detail;
}