search

jdf2e / nutui

京东风格的移动端 Vue 组件库，支持多端小程序(A Vue.js UI Toolkit for Mobile Web)
https://nutui.jd.com
MIT License
6.01k stars 815 forks source link

vue项目 tab选项卡组件中smile显示异常 #3118

Closed wilikeit closed 4 days ago

wilikeit commented 4 days ago

NutUI 包名

@nutui/nutui

NutUI 版本号

4.3.10

平台

h5

重现链接

https://nutui.jd.com/playground/#eyJBcHAudnVlIjoiPHRlbXBsYXRlPlxuICA8bnV0LXRhYnMgdi1tb2RlbD1cInZhbHVlXCIgdHlwZT1cInNtaWxlXCI+XG4gICAgPG51dC10YWItcGFuZSB0aXRsZT1cIlRhYiAxXCIgcGFuZS1rZXk9XCIxXCI+IENvbnRlbnQgMSA8L251dC10YWItcGFuZT5cbiAgICA8bnV0LXRhYi1wYW5lIHRpdGxlPVwiVGFiIDJcIiBwYW5lLWtleT1cIjJcIj4gQ29udGVudCAyIDwvbnV0LXRhYi1wYW5lPlxuICAgIDxudXQtdGFiLXBhbmUgdGl0bGU9XCJUYWIgM1wiIHBhbmUta2V5PVwiM1wiPiBDb250ZW50IDMgPC9udXQtdGFiLXBhbmU+XG4gIDwvbnV0LXRhYnM+XG48L3RlbXBsYXRlPlxuPHNjcmlwdCBzZXR1cCBsYW5nPVwidHNcIj5cbmltcG9ydCB7IHJlZiB9IGZyb20gJ3Z1ZSdcbmNvbnN0IHZhbHVlID0gcmVmKCcxJylcbjwvc2NyaXB0PlxuIn0=

重现步骤

先使用全量引入 ，运行项目微笑曲线显示 异常，只显示一半 再使用按需引用 ，微笑显示 正常。 附件有两个demo，my-vue-app.zip为全量引入，my-vue-app2.zip是按需引入 my-vue-app.zip my-vue-app2.zip

期望的结果是什么？

全量引入 ， 微笑也能显示正常

实际的结果是什么？

全量引入 ， 微笑曲线显示异常，附件为显示异常图片展示 tmp

环境信息

No response

其他补充信息

No response

wilikeit commented 4 days ago

原因是 创建的vue项目，main.js默认有import './style.css'，这个 css里面#app 中text-align: center影响 的，哎。没想到 这个会影响 smile 微笑曲线 。