Comments (15)
刚才上传的文件里已经提供了 unicode 的版本了,你替换到你自己的项目吧
from v-dialogs.
.icon-close47:before { content: "\e604"; } 我没有试 我觉得应该还是会有问题呢 应该下载的时候手动修改这个值,不过已经很感谢你了,至少找到问题所在了
from v-dialogs.
实际上,只需要将 font-family 中指向的字体换成不一样的名称即可,例如你将 v-dialog 中样式中定义和引用的 iconfont 名称修改一个其它的名字,对于字体库的引用就不会产生冲突,插件后续的版本会将内置的 iconfont 字体名称修改成一个别的名称,以免发生你这种情况
from v-dialogs.
点个赞,我也是个初学者 碰到这些问题真的很头疼啊
from v-dialogs.
插件本身的名称不好改,或者你将你项目里的样式表里的 iconfont 这个名字换一个,就不会出现这个冲突了
from v-dialogs.
我觉得换名称应该解决不到,我的理解才不管怎么用iconfont,不管是class还是其他方式,它都是找到对应的Unicode,然后根据Unicode去字体图标文件里面找到对应的图标,然后渲染到dom上,所以我认为这个Unicode不改,换名字也会冲突吧,不知道理解得对不对
from v-dialogs.
不对
from v-dialogs.
愿闻其详
from v-dialogs.
换字体名字一定可以解决,请你先测试了再说
from v-dialogs.
亲测,我的字体名字是icon-hanbaobao ,有弹出框的时候 还是被替换成X了
from v-dialogs.
有外网可以看的地址?
from v-dialogs.
http://medichometest.hanchengvip.com/index.html#/product?firstType=&secondType=&page=1
from v-dialogs.
在下面跳转至输入一个不存在的页码,点Go就会报错,然后在右上部分,我的图标就会被替换成X
from v-dialogs.
所以你还是没理解和执行我前面给你的建议,你的页面里,那个三字型的图标,通过浏览器的 Dom 检查器获得,这个图标设置的样式是 iconfont hamburg
,说明你在具体使用图标的位置,名称并没有改,而你说改了。。。
你不仅要在把你项目里字体定义的部分
@font-face { font-family: "iconfont"; }
修改名称,例如修改为
@font-face { font-family: "my-iconfont"; }
并在你每个使用这些图标的位置 class="iconfont xxx"
这类的地方替换成 class="my-iconfont xxx"
当然,你的项目里也许有很多图标的引用,取舍问题由你自己决定
另一个方案是可以将插件的源码下载到项目中,修改样式的定义部分,这种方案比较合适,具体怎么弄,我没有时间再手把手教
最后一个方案,就是等插件更新版本
from v-dialogs.
@TerryZ 受教了 谢谢了 非常感谢 学到不少
from v-dialogs.
Related Issues (20)
- Any other component in v-dialogs is not working well HOT 5
- not support vuex HOT 1
- button localization HOT 1
- this.$route HOT 2
- error on vue-i18n HOT 2
- Component type check error
- Alert Dialog width not proportional on mobile view HOT 2
- async component HOT 2
- 为啥就不能点击外部关闭呢? HOT 1
- shaking属性优化建议 HOT 2
- 在ant design vue中使用v-dialogs存在bug HOT 2
- CDN Browser Global HOT 1
- 100% width and height possible? HOT 1
- resize the dialog and drag the dialog HOT 1
- maximize dialog the height is not maximized HOT 2
- does it work for Vue 3 ? HOT 6
- minimize modal HOT 6
- nested modal
- mixin error HOT 5
- not show some tag
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from v-dialogs.