前端semantic:解决图标添加无效(django)

环境:win10,python3.6.4,django2.0.5

目录结构

前端semantic:解决图标添加无效(django)_第1张图片

setting同级app目录中加入静态文件

#.settings.py中设置
STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(BASE_DIR, 'collected_static')
STATICFILES_DIRS = [os.path.join(BASE_DIR, "myweb", "static"), ]

html添加本地连接

#.html中的设置路径
{% load staticfiles %}

    
    MyWeb
    
    
    
    

 修改semantic.css文件

#.semantic.css中全部替换(./themes/default/assets/fonts/  -> ../fonts/)  
如:src: url("./themes/default/assets/fonts/icons.eot");
改为
src: url("../fonts/icons.eot");
还有图片
background: url("./themes/default/assets/images/flags.png") no-repeat -108px -1976px;
改为
background: url("../images/flags.png") no-repeat -108px -1976px;

 然后再加入i标签就能生效了

效果如下: 

你可能感兴趣的:(semantic)