问题:
在使用Vant时,接口调用之后要给出成功或失败提示,我想着就用Toast做嘛,很简单。
但Vant的Toast样式就让我很头疼,带有图标的Toast,图标是在上方,提示文字在下方的,而我想要的是二者在同一条直线上,我查了下文档发现,并没有能定义图标位置的属性,只有一个定义消息框方向的。
如果仅仅只是调整一下方向也不是特别困难的事情,但Vant的Toast是独立在应用外的,就是它不在项目定义的APP下,它是和APP同级的,如图。
这样就造成一个问题,没有办法修改Toast的样式了,因为要修改,就要去动最底层的CSS,结果就是可能所有的Toast样式都会改变,显然不能这样写。
那就很麻烦了,官网既没有给配置项,也没办法手动去改。
但我觉得Vant一定会考虑到这种情况,可能是哪个配置项能够解决我遇到的这种情况,我没有注意到。
于是我又再次去看了看官网文档的配置项,这次我注意到了!
解决方法:
虽然我们没有办法去修改它的图标位置,那就不使用它给定义的图标项了,我们自己写,Toast里有一个配置项为type,这个选项可以配置消息提示类型,有success,fail,loading,还有一项叫html!
这代表着我