Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

离线图标库与elmentplus组件冲突 #430

Open
huanlirui opened this issue Mar 4, 2024 · 3 comments
Open

离线图标库与elmentplus组件冲突 #430

huanlirui opened this issue Mar 4, 2024 · 3 comments

Comments

@huanlirui
Copy link
Contributor

huanlirui commented Mar 4, 2024

禁用在线图标后,发现element-plus 的部分组件使用出现冲突

复现过程

  1. 开启离线图标
# 是否使用在线图标
VITE_USE_ONLINE_ICON=false
  1. 再代码中使用element-plus组件,比如el-link和 el-upload
 <el-upload
          v-model="fileList"
          class="upload-import"
          drag
          ref="uploadRef"
          :action="importUrl"
          :on-exceed="handleExceed"
          :on-change="handleChange"
          :accept="'.xlsx,.xls'"
          :before-upload="handleBeforeUpload"
          :auto-upload="false"
          :limit="1"
        >
          <el-icon class="el-icon--upload"><upload-filled /></el-icon>
          <div class="el-upload__text">拖拽xls或者xlsx文件到此处 或 <em>点击上传</em></div>
        </el-upload>

这是我期望的:

image

实际的:

image image
@kailong321200875
Copy link
Owner

组件名称改成大写的试试

@huanlirui
Copy link
Contributor Author

目前暂时的解决方案我确实是这样搞....
我看似乎Unocss可以配置一些参数,前缀之类的来隔离?我没研究透。大佬出手吧😂

@kailong321200875
Copy link
Owner

我找个时间修改一下

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants