zoukankan      html  css  js  c++  java

  • Jquery-easyui的默认图标的使用，以及如何添加自己想要的图标

    easyui的默认图标有以下这些：

    [css] view plain copy
     
    1. .icon-blank{   
    2.   
    3. background:url('icons/blank.gif') no-repeat;   
    4.   
    5. }   
    6.   
    7. .icon-add{   
    8.   
    9. background:url('icons/edit_add.png') no-repeat;   
    10.   
    11. }   
    12.   
    13. .icon-edit{   
    14.   
    15. background:url('icons/pencil.png') no-repeat;   
    16.   
    17. }   
    18.   
    19. .icon-remove{   
    20.   
    21. background:url('icons/edit_remove.png') no-repeat;   
    22.   
    23. }   
    24.   
    25. .icon-save{   
    26.   
    27. background:url('icons/filesave.png') no-repeat;   
    28.   
    29. }   
    30.   
    31. .icon-cut{   
    32.   
    33. background:url('icons/cut.png') no-repeat;   
    34.   
    35. }   
    36.   
    37. .icon-ok{   
    38.   
    39. background:url('icons/ok.png') no-repeat;   
    40.   
    41. }   
    42.   
    43. .icon-no{   
    44.   
    45. background:url('icons/no.png') no-repeat;   
    46.   
    47. }   
    48.   
    49. .icon-cancel{   
    50.   
    51. background:url('icons/cancel.png') no-repeat;   
    52.   
    53. }   
    54.   
    55. .icon-reload{   
    56.   
    57. background:url('icons/reload.png') no-repeat;   
    58.   
    59. }   
    60.   
    61. .icon-search{   
    62.   
    63. background:url('icons/search.png') no-repeat;   
    64.   
    65. }   
    66.   
    67. .icon-print{   
    68.   
    69. background:url('icons/print.png') no-repeat;   
    70.   
    71. }   
    72.   
    73. .icon-help{   
    74.   
    75. background:url('icons/help.png') no-repeat;   
    76.   
    77. }   
    78.   
    79. .icon-undo{   
    80.   
    81. background:url('icons/undo.png') no-repeat;   
    82.   
    83. }   
    84.   
    85. .icon-redo{   
    86.   
    87. background:url('icons/redo.png') no-repeat;   
    88.   
    89. }   
    90.   
    91. .icon-back{   
    92.   
    93. background:url('icons/back.png') no-repeat;   
    94.   
    95. }   
    96.   
    97. .icon-sum{   
    98.   
    99. background:url('icons/sum.png') no-repeat;   
    100.   
    101. }   
    102.   
    103. .icon-tip{   
    104.   
    105. background:url('icons/tip.png') no-repeat;   
    106.   
    107. }   
    108.   
    109. .icon-mini-add{   
    110.   
    111. background:url('icons/mini_add.png') no-repeat 2px 2px;   
    112.   
    113. }   
    114.   
    115. .icon-mini-edit{   
    116.   
    117. background:url('icons/mini_edit.png') no-repeat 2px 2px;   
    118.   
    119. }   
    120.   
    121. .icon-mini-refresh{   
    122.   
    123. background:url('icons/mini_refresh.png') no-repeat 3px 2px;   
    124.   
    125. }  


    1.3.0版easyui默认图标有这些，下载easyUI的压缩包后，解压后在theme文件夹下的icons文件夹是默认的图标，如果你觉得不够用，可以上网下载16x16大小的图片，放在icons文件夹下，然后更改theme文件夹下的icon.css

    添加以下css代码即可
    .icon-你的名称{
    background:url('icons/图片名称.png') no-repeat 3px 2px;
    }
  • 相关阅读:
    STM32——项目需求之低功耗的停机模式
    sscanf函数——强大的C语言库函数
    二级指针偏移
    RTX基础教程目录
    #pragma pack(push) 和#pragma pack(pop) 以及#pragma pack()
    Write thread-safe servlets [reproduced]
    C++程序员如何转Java
    How to implement equals() and hashCode() methods in Java[reproduced]
    The Java Enum: A Singleton Pattern [reproduced]
    VS Code
  • 原文地址：https://www.cnblogs.com/xiaoleiel/p/8316442.html
Copyright © 2011-2022 走看看