I need to import an icon from the Internet to use stylus
background-image:url(https://img.codeshelper.com/upload/img/2021/03/31/rdcb2yeyjnq14606.png) 10px 0 no-repeat then there is a bizarre problem. / / indicates the meaning of annotations in stylus syntax. The / / in http:// is directly treated as stylus. , and then there is no
I tried
http:\/\/ wait, no, is there a solution?
try this
background-img:url('http://www.lgstatic.com/www/static/common/widgets/header_c/modules/img/app_icon_0495d1d.png') 10px 0 no-repeatbackground url('/static/icons/app_icon_0495d1d.png') 10px 0 no-repeatthe picture is placed in the static/icons file home and can be used directly. I use vue_cli
. 
@
the most important thing is to have a ~ sign when referring to a relative, otherwise stylus will not be regarded as a relative position and an error will be reported
and when using stylus, you must not mix Tab,space. It may appear to be aligned to the naked eye, but it will be abnormal
Previous: I created a new page under the same path on the server index.html. Why didn't it work?
Next: The parameters in the vue implementation child component data are passed to the parent component.