Part10 自定义导航栏的图标

一、效果图

Part10 自定义导航栏的图标_第1张图片

二、图标来源

1、内部图标
到自己Python的虚拟环境,找到xadmin的样式:

D:\Programs\Python\Python36\venv\xadmin_learn\Lib\site-packages\xadmin\static\xadmin\vendor\font-awesome\css\font-awesome.css

2、外部图标
图标是通过 model_icon 来配置的,可选的图标参考font awesome

font awesome : http://fontawesome.dashgame.com/

Part10 自定义导航栏的图标_第2张图片
font awesome

可下载最新的awesome文件替换掉xadmin中的

三、写代码

# -*- coding: utf-8 -*-
# app/sparam_config/adminx.py
import xadmin

from .models import Sparam_config


class SparamConfigAdmin(object):
    list_display = ['pkey', 'pkey_desc', 'pvalue', 'pvalue_desc']   
    search_fields = ['pkey'] 
    list_filter = ['pkey', 'pkey_desc', 'pvalue', 'pvalue_desc']  
    model_icon = 'fa fa-weibo'  # 增加此行,前面的“fa ”是必须的

xadmin.site.register(Sparam_config, SparamConfigAdmin)

四、看效果

刷新看效果。

你可能感兴趣的:(Part10 自定义导航栏的图标)