前端里 easy-ui icon 图片怎么增加？

在jquery easy-ui目录下的themes/icon.css。这个css文件打开你就知道了。里面都是icon的css。你可以任意添加。一下是默认的icon css：

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

.icon-blank {

background: url('icons/blank.gif') no-repeat center center

}

.icon-add {

background: url('icons/edit_add.png') no-repeat center center

}

.icon-edit {

background: url('icons/pencil.png') no-repeat center center

}

在jquery easy-ui目录下的themes/icon.css。这个css文件打开你就知道了。里面都是icon的css。你可以任意添加。一下是默认的icon css：

.icon-blank {

    background: url('icons/blank.gif') no-repeat center center

}

.icon-add {

    background: url('icons/edit_add.png') no-repeat center center

}

.icon-edit {

    background: url('icons/pencil.png') no-repeat center center

}

.icon-remove {

    background: url('icons/edit_remove.png') no-repeat center center

}

.icon-save {

    background: url('icons/filesave.png') no-repeat center center

}

.icon-cut {

    background: url('icons/cut.png') no-repeat center center

}

.icon-ok {

    background: url('icons/ok.png') no-repeat center center

}

.icon-no {

    background: url('icons/no.png') no-repeat center center

}

.icon-cancel {

    background: url('icons/cancel.png') no-repeat center center

}

.icon-reload {

    background: url('icons/reload.png') no-repeat center center

}

.icon-search {

    background: url('icons/search.png') no-repeat center center

}

.icon-print {

    background: url('icons/print.png') no-repeat center center

}

.icon-help {

    background: url('icons/help.png') no-repeat center center

}

.icon-undo {

    background: url('icons/undo.png') no-repeat center center

}

.icon-redo {

    background: url('icons/redo.png') no-repeat center center

}

.icon-back {

    background: url('icons/back.png') no-repeat center center

}

.icon-sum {

    background: url('icons/sum.png') no-repeat center center

}

.icon-tip {

    background: url('icons/tip.png') no-repeat center center

}

.icon-mini-add {

    background: url('icons/mini_add.png') no-repeat center center

}

.icon-mini-edit {

    background: url('icons/mini_edit.png') no-repeat center center

}

.icon-mini-refresh {

    background: url('icons/mini_refresh.png') no-repeat center center

}

.icon-recommend {

    background: url('icons/recommend-1.gif') no-repeat center center

}

.icon-deploy {

    background: url('icons/status-1.gif') no-repeat center center

}

.icon-comment {

    background: url('icons/comment-1.gif') no-repeat center center

}

.icon-not-recommend {

    background: url('icons/recommend-0.gif') no-repeat center center

}

.icon-not-deploy {

    background: url('icons/status-0.gif') no-repeat center center

}

.icon-not-comment {

    background: url('icons/comment-0.gif') no-repeat center center

}

.icon-move {

    background: url('icons/move.gif') no-repeat center center

}

/*比如需要添加一个全屏的icon

①把icon图片放到themes/icons文件夹下（假设icon文件名为：icon-fullscreen.png）。

②在themes/icon.css是添加css

*/

.icon-fullscreen {

    background: url('icons/icon-fullscreen.png') no-repeat center center

}

/*这样就完成了自定义icon的添加*/

---