DevCloudFE / vue-devui

UI components based on Vue3 and DevUI Design
https://vue-devui.github.io
MIT License
1.04k stars 290 forks source link

🐛 [Bug]: npm安装报错和button样式错误 #1638

Open onlyJinx opened 1 year ago

onlyJinx commented 1 year ago

Version

vue-devui@1.5.7-hotfix.3

Vue Version

vue3

Link to minimal reproduction

npm create vite vue3 -- --template vue-ts cd vue3 npm i vue-devui @devui-design/icons devui-theme

Step to reproduce

none

What is expected

No response

What is actually happening

No response

Any additional comments (optional)

按照官方文档操作,安装过程中回报错,然后button按钮样式出现问题,不知道是不是因为这个安装过程中导致的,请大佬帮忙看看是哪里的问题。

image

image

C:\Users\admin\Desktop\vue3>npm i vue-devui @devui-design/icons devui-theme
npm WARN deprecated mkdirp@0.3.0: Legacy versions of mkdirp are no longer supported. Please update to mkdirp 1.x. (Note that the API surface has changed to use Promises in 1.x.)

added 178 packages, and audited 179 packages in 2m

11 packages are looking for funding
  run `npm fund` for details

12 vulnerabilities (2 moderate, 10 high)

To address all issues, run:
  npm audit fix

Run `npm audit` for details.
Whbbit1999 commented 1 year ago
截屏2023-08-07 03 21 46

没有复现哦

onlyJinx commented 1 year ago

@Whbbit1999 好像你这个样式也是有问题的,可能我没描述清除,你看官网给的样式和实际我们写出来的效果是不一样的,实际效果padding很小,很难看,active时border也是黑的,我不知道是我的问题还是代码有问题。

https://github.com/DevCloudFE/vue-devui/issues/1635 好像也有反馈过

image image

Whbbit1999 commented 1 year ago

@onlyJinx 是的,默认按钮高度有问题,文档中出现的

截屏2023-08-08 17 42 40

并没有在使用时出现

onlyJinx commented 1 year ago

@Whbbit1999 好吧,想在问下,可以手动选择官网文档语言吗?我这里如果官方过代理的话好像会自动切换到英文文档,但英文的似乎没完善,有些页面404甚至排版错乱,如果不过代理的话,我这里打开git非常缓慢或者打不开,所以能手动选择语言?

Whbbit1999 commented 1 year ago

@onlyJinx 你的文档路径能发我看看吗?有/en-US的话去掉它试试?

onlyJinx commented 1 year ago

是的,有en-us,我删掉之后可以暂时看到,但后续文档结构似乎会被破坏,操作逻辑错乱,我点击按钮button会变成点击动画animation,点击全屏fullscreen会变成点击圆角,以此类推,电脑手机都同样可以复现。

https://github.com/DevCloudFE/vue-devui/assets/21324835/60fda4e2-a334-4072-99e3-e5fb4316e535

kingwrcy commented 1 year ago

@Whbbit1999 这个bug还没解决吗?

按钮的样式不正确,active 后边框是黑色的!!