@gaonengwww/tiny-toolkit-docs/template/ng/demos/app/buttongroup/ButtongroupSupTestComponent.ts

这里对你的套件进行简单描述, 比如适用哪些场景,使用了什么技术, 有什么特点

import { Component, ViewEncapsulation } from '@angular/core';
import { TiButtonItem } from '@opentiny/ng';

@Component({
  templateUrl: './buttongroup-sup-test.html',
  encapsulation: ViewEncapsulation.None,
})
export class ButtongroupSupTestComponent {
  values: Array<TiButtonItem> = [
    {
      text: '9个月',
      sup: {
        class: 'ti3-icon ti3-icon-sold-out buttongroup-sold-out', // 10.1.2版本之后可通过自定义模板设置图标及样式
      },
    },
    {
      text: '1年',
      sup: {
        class: 'ti3-icon ti3-icon-discount-sup buttongroup-discount-icon',
      },
    },
    {
      text: '2年',
      sup: {
        text: '88折',
        class: 'buttongroup-discount-text',
      },
    },
    {
      text: '3年',
      sup: {
        text: '7折',
        class: 'buttongroup-discount-text',
      },
    },
  ];
  selected: TiButtonItem = this.values[1];
}