type 属性的用途和实现方式（图标，表单，数据可视化，自定义组件）

1.图标类型

组件中，type可以用来指定图标的不同样式。

     //表示圆形
    //表示方形
    //表示三角形
    //表示搜索图形

2.表单控件类型

在表单元素中，type属性用于指定输入控件的类型。

 复选框
 单选框
 文件选择

3.数据可视化图标类型

在数据可视化库中，type属性用于指定图表的类型

// 使用 Plotly 创建柱状图
Plotly.newPlot('myDiv', [{
  x: [1, 2, 3, 4],
  y: [10, 15, 13, 17],
  type: 'bar'  // 柱状图
}]);

// 使用 Plotly 创建饼图
Plotly.newPlot('myDiv', [{
  labels: ['A', 'B', 'C'],
  values: [10, 20, 30],
  type: 'pie'  // 饼图
}]);

4.自定义组件中的类型

主要按钮
次要按钮
危险按钮