关于button组件的几个问题

来源:4-12 Button 章节总结

燃尽八月

2024-04-14

1.circle类型为什么不是做成固定的圆?

实际还是看插槽里的内容长短会变成椭圆
图片描述

2.插槽用span包裹是否有什么好处,对于别的组件的插槽是否会变成div包裹?

 <span>
    <slot />
 </span>

3.关于实际使用中button的尺寸和颜色有可能是多样的,为什么组件设计中不把颜色和尺寸变成可以填写的参数?

4.实际使用中如果想更换颜色和尺寸,有什么优雅的方式吗?我使用element的时候都是直接拿到class名称直接复写,不生效的就加!important。

写回答

1回答

张轩

2024-04-15

同学你好

1 这个只使用 css 的话,对于单个字母可以做成完全圆形,对于长条的话,确实没有办法做成一个完整的圆形,所以这种情况,适合一个字母或者一个图标的情况。

2 只是个人习惯,这个可加不可不加。

3 这个是参考 element-plus 的实现,它主张就是给你预设好了比较完美颜色和尺寸比例,用就行了,这里可以通过自己设置 css 变量就调整,并没有设置传递属性的方式。

4 同第三个问题,颜色和尺寸可以都设置为 css 属性,这样覆盖属性就可以,如果是特别精细的自定义,1 可以设计为可以传递的参数 2 使用 css 覆盖。

0
0

进阶必学,打造媲美ElementPlus的组件库

Vue3.3 + TS4 ,自主打造媲美 ElementPlus 的组件库

481 学习 · 219 问题

查看课程