0.0.3 • Published 4 years ago

@mas.io/mas-promo-card v0.0.3

Weekly downloads
1
License
ISC
Repository
-
Last release
4 years ago

安装

tnpm install --save @alipay/mas-promo-card

组件介绍

行业小程序营销卡片组件

参数说明

属性必填参数类型参数说明默认值示例
className否String容器类名-容器类型
logo否String卡片左侧logo--
title否String卡片标题-加油满200减10元
subTitle否String卡片副标题-浙江中石油通用券
progress否Number/false进度条，false 则不显示进度条，值的范围需要 >= 0 && <= 100-50
buttonText否String按钮文案立即领取我是文案
buttonDisabled否String按钮是否禁用falsetrue/false

在小程序中使用

{
  "usingComponents": {
    "mas-promo-card": "@alipay/mas-promo-card/es/index"
  }
}

在 page.axml 中引用组件

<!-- 页面使用方式 -->
  <mas-promo-card
    logo="{{ logo }}"
    title="{{ title }}"
    subTitle="{{ subTitle }}"
    progress="{{ progress }}"
    buttonText="{{ buttonText }}"
    buttonDisabled="{{ buttonDisabled }}"
    onButtonClick="onButtonClick"
  />

Badges

TNPM version TNPM downloads install size

样式覆盖推荐方式说明

可以传递 className 的 props 达到组件外层容器类名覆盖

axml

<mas-promo-card
  className="custom-class"
/>

less

.custom-class {
  padding: 0 32rpx;
  ...
}
@mas.io/any-style@mas.io/falcon-core
@infinitebrahmanuniverse/nolb-_mas@everything-registry/sub-chunk-583
0.0.3

4 years ago