vue-devui icon indicating copy to clipboard operation
vue-devui copied to clipboard

🐛 [Bug]: Button组件问题

Open xingyan95 opened this issue 4 years ago • 1 comments

Version

v1.0.0-beta.12

Vue Version

3.1.1

Link to minimal reproduction

https://vue-devui.github.io/components/button/

Step to reproduce

  1. button组件鼠标移上显示"手势",好像没有在组件内部设置,而是通过网站的button标签设置后生效的。 image

  2. successwarning类型的按钮,文字颜色是黑色。 image

  3. 事件应该是通过emit触发的吧?通过props传入回调函数有点奇怪呢? 而且,事件名字是不是叫click更好些呢? image

What is expected

  1. 鼠标移上显示“手势”,在组件内部设置。
  2. successwarning类型的按钮,文字颜色应该是白色。

What is actually happening

No response

Any additional comments (optional)

No response

xingyan95 avatar Dec 22 '21 03:12 xingyan95

问题1:button 标签本身自带 cursor: pointer,所以当时也没想那么多。 问题2:该类型的文本颜色以及hover后的颜色,需要 kagol 与 devui 的设计师团队沟通讨论后得出。 问题3:vue3 的事件触发机制有两种,emit 和 function prop,在模板中, @click 等价于 onClick。通过 props 传入回调参数没什么奇怪的,ng,React 都是这样设计,Vue 当然也可以。

Zcating avatar Dec 23 '21 16:12 Zcating