TerryZ / v-dialogs

A simple style useful dialog component collection for Vue
https://terryz.github.io/docs-vue3/dialog/
MIT License
130 stars 27 forks source link

接上个话题 #3

Closed tage-zh closed 6 years ago

tage-zh commented 6 years ago

@tage-zh 默认的是 Font class,并不是 Unicode,这里应该要使用 Unicode 的方式生成才符合你的需求 download.zip

再说一个题外话,你的问题和需求,和这个 issues 的主题不是同个内容,你本应新建一个 issues 来说你的事情,现在题主莫明收了一大堆与其不相关的邮件提醒

我觉得不管怎么样生成,总会生成一个Unicode,只要有Unicode冲突,不管你使用什么方式 都会出现我这种情况

TerryZ commented 6 years ago

刚才上传的文件里已经提供了 unicode 的版本了,你替换到你自己的项目吧

tage-zh commented 6 years ago

.icon-close47:before { content: "\e604"; } 我没有试 我觉得应该还是会有问题呢 应该下载的时候手动修改这个值,不过已经很感谢你了,至少找到问题所在了

TerryZ commented 6 years ago

实际上,只需要将 font-family 中指向的字体换成不一样的名称即可,例如你将 v-dialog 中样式中定义和引用的 iconfont 名称修改一个其它的名字,对于字体库的引用就不会产生冲突,插件后续的版本会将内置的 iconfont 字体名称修改成一个别的名称,以免发生你这种情况

tage-zh commented 6 years ago

点个赞,我也是个初学者 碰到这些问题真的很头疼啊

TerryZ commented 6 years ago

插件本身的名称不好改,或者你将你项目里的样式表里的 iconfont 这个名字换一个,就不会出现这个冲突了

tage-zh commented 6 years ago

我觉得换名称应该解决不到,我的理解才不管怎么用iconfont,不管是class还是其他方式,它都是找到对应的Unicode,然后根据Unicode去字体图标文件里面找到对应的图标,然后渲染到dom上,所以我认为这个Unicode不改,换名字也会冲突吧,不知道理解得对不对

TerryZ commented 6 years ago

不对

tage-zh commented 6 years ago

愿闻其详

TerryZ commented 6 years ago

换字体名字一定可以解决,请你先测试了再说

tage-zh commented 6 years ago

亲测,我的字体名字是icon-hanbaobao ,有弹出框的时候 还是被替换成X了

TerryZ commented 6 years ago

有外网可以看的地址?

tage-zh commented 6 years ago

http://medichometest.hanchengvip.com/index.html#/product?firstType=&secondType=&page=1

tage-zh commented 6 years ago

在下面跳转至输入一个不存在的页码,点Go就会报错,然后在右上部分,我的图标就会被替换成X

TerryZ commented 6 years ago

所以你还是没理解和执行我前面给你的建议,你的页面里,那个三字型的图标,通过浏览器的 Dom 检查器获得,这个图标设置的样式是 iconfont hamburg,说明你在具体使用图标的位置,名称并没有改,而你说改了。。。

你不仅要在把你项目里字体定义的部分

@font-face { font-family: "iconfont"; }

修改名称,例如修改为

@font-face { font-family: "my-iconfont"; }

并在你每个使用这些图标的位置 class="iconfont xxx" 这类的地方替换成 class="my-iconfont xxx"

当然,你的项目里也许有很多图标的引用,取舍问题由你自己决定

另一个方案是可以将插件的源码下载到项目中,修改样式的定义部分,这种方案比较合适,具体怎么弄,我没有时间再手把手教

最后一个方案,就是等插件更新版本

tage-zh commented 6 years ago

@TerryZ 受教了 谢谢了 非常感谢 学到不少