450 lines
6.3 KiB
CSS
450 lines
6.3 KiB
CSS
|
/* 开发guide：
|
|||
|
|
* 1、在更新iconfont的时候注意不要把定制的样式部分覆盖了！
|
|||
|
|
* 2、图标类设置示例class="iconfont_tpv4 icon-danxuan-xuanzhong"
|
|||
|
|
* 3、图标类设置示例（图标大小微调）class="iconfont_tpv4 icon-danxuan-xuanzhong s16"
|
|||
|
|
*/
|
|||
|
|
@font-face {
|
|||
|
|
font-family: "iconfont_tpv4"; /* Project id 3505609 */
|
|||
|
|
src: url('iconfont.woff2?t=1702022795920') format('woff2'),
|
|||
|
|
url('iconfont.woff?t=1702022795920') format('woff'),
|
|||
|
|
url('iconfont.ttf?t=1702022795920') format('truetype');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.iconfont_tpv4 {
|
|||
|
|
font-family: "iconfont_tpv4" !important;
|
|||
|
|
/* 开发定制：不建议在这里设置font-size，font-size继承父节点比较好 */
|
|||
|
|
/* font-size: 16px; */
|
|||
|
|
font-style: normal;
|
|||
|
|
-webkit-font-smoothing: antialiased;
|
|||
|
|
-moz-osx-font-smoothing: grayscale;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-last:before {
|
|||
|
|
content: "\e9e8";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-next:before {
|
|||
|
|
content: "\e9e9";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-size-adapt:before {
|
|||
|
|
content: "\e9e5";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-size-restore:before {
|
|||
|
|
content: "\e9e6";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-thumbnail:before {
|
|||
|
|
content: "\e9e7";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-blowup:before {
|
|||
|
|
content: "\e9e3";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-lesson:before {
|
|||
|
|
content: "\e9e2";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-location-restore:before {
|
|||
|
|
content: "\e9e4";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-xuanzhong:before {
|
|||
|
|
content: "\e9e1";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-manualpraise-selected:before {
|
|||
|
|
content: "\e9df";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-backtracking-selected:before {
|
|||
|
|
content: "\e9e0";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-expire-selected:before {
|
|||
|
|
content: "\e9dc";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-notice-selected:before {
|
|||
|
|
content: "\e9dd";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-renewal-selected:before {
|
|||
|
|
content: "\e9de";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-backtracking-unselected:before {
|
|||
|
|
content: "\e9d7";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-expire-unselected:before {
|
|||
|
|
content: "\e9d8";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-notice-unselected:before {
|
|||
|
|
content: "\e9d9";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-renewal-unselected:before {
|
|||
|
|
content: "\e9da";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-manualpraise-unselected:before {
|
|||
|
|
content: "\e9db";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-introduce:before {
|
|||
|
|
content: "\e9d5";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-baocun:before {
|
|||
|
|
content: "\e9d3";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-zhongbo:before {
|
|||
|
|
content: "\e9d1";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-shengcheng:before {
|
|||
|
|
content: "\e9cf";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-select2:before {
|
|||
|
|
content: "\e9af";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-reduce:before {
|
|||
|
|
content: "\e9a5";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-select1:before {
|
|||
|
|
content: "\e9a3";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-upload:before {
|
|||
|
|
content: "\e9cc";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-export:before {
|
|||
|
|
content: "\e9cb";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-unfold1:before {
|
|||
|
|
content: "\e99f";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-fold1:before {
|
|||
|
|
content: "\e9aa";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-arrow1:before {
|
|||
|
|
content: "\e9b2";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-file-upload:before {
|
|||
|
|
content: "\e9b0";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-query:before {
|
|||
|
|
content: "\e9a2";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-reset:before {
|
|||
|
|
content: "\e9a7";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-select3:before {
|
|||
|
|
content: "\e99d";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-download:before {
|
|||
|
|
content: "\e99a";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-select4:before {
|
|||
|
|
content: "\e9a4";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-enlarge:before {
|
|||
|
|
content: "\e9a6";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-fail:before {
|
|||
|
|
content: "\e9a8";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-success:before {
|
|||
|
|
content: "\e9a9";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-wait:before {
|
|||
|
|
content: "\e9ab";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-full:before {
|
|||
|
|
content: "\e9ae";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-delete1:before {
|
|||
|
|
content: "\e9b1";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-unselected1:before {
|
|||
|
|
content: "\e9b3";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-date:before {
|
|||
|
|
content: "\e9b4";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-close:before {
|
|||
|
|
content: "\e9b7";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-narrow:before {
|
|||
|
|
content: "\e9b8";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-delete2:before {
|
|||
|
|
content: "\e9b9";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-warn:before {
|
|||
|
|
content: "\e9bb";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-delete3:before {
|
|||
|
|
content: "\e9bd";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-tick:before {
|
|||
|
|
content: "\e9be";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-star:before {
|
|||
|
|
content: "\e9bf";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-rotate-right:before {
|
|||
|
|
content: "\e9c0";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-unfold2:before {
|
|||
|
|
content: "\e9c1";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-file-uploading:before {
|
|||
|
|
content: "\e9c2";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-self-adaption:before {
|
|||
|
|
content: "\e9c3";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-preview:before {
|
|||
|
|
content: "\e9c5";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-rotate-left:before {
|
|||
|
|
content: "\e9c6";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-required:before {
|
|||
|
|
content: "\e98d";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-equiration:before {
|
|||
|
|
content: "\e98e";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-add:before {
|
|||
|
|
content: "\e990";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-edit:before {
|
|||
|
|
content: "\e992";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-arrow2:before {
|
|||
|
|
content: "\e996";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-fold2:before {
|
|||
|
|
content: "\e999";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-unfold3:before {
|
|||
|
|
content: "\e99c";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-unselected2:before {
|
|||
|
|
content: "\e99e";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* 开发定制：快速设置图标大小和样式的类名 - start */
|
|||
|
|
.iconfont_tpv4.gray {
|
|||
|
|
color: #AEAFB2;
|
|||
|
|
}
|
|||
|
|
.iconfont_tpv4.white {
|
|||
|
|
color: #ffffff;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.iconfont_tpv4.ml {
|
|||
|
|
margin-left: 5px;
|
|||
|
|
}
|
|||
|
|
.iconfont_tpv4.ml1 {
|
|||
|
|
margin-left: 1px;
|
|||
|
|
}
|
|||
|
|
.iconfont_tpv4.ml2 {
|
|||
|
|
margin-left: 2px;
|
|||
|
|
}
|
|||
|
|
.iconfont_tpv4.ml3 {
|
|||
|
|
margin-left: 3px;
|
|||
|
|
}
|
|||
|
|
.iconfont_tpv4.ml4 {
|
|||
|
|
margin-left: 4px;
|
|||
|
|
}
|
|||
|
|
.iconfont_tpv4.ml5 {
|
|||
|
|
margin-left: 5px;
|
|||
|
|
}
|
|||
|
|
.iconfont_tpv4.ml6 {
|
|||
|
|
margin-left: 6px;
|
|||
|
|
}
|
|||
|
|
.iconfont_tpv4.ml7 {
|
|||
|
|
margin-left: 7px;
|
|||
|
|
}
|
|||
|
|
.iconfont_tpv4.ml8 {
|
|||
|
|
margin-left: 8px;
|
|||
|
|
}
|
|||
|
|
.iconfont_tpv4.ml9 {
|
|||
|
|
margin-left: 9px;
|
|||
|
|
}
|
|||
|
|
.iconfont_tpv4.ml10 {
|
|||
|
|
margin-left: 10px;
|
|||
|
|
}
|
|||
|
|
.iconfont_tpv4.ml11 {
|
|||
|
|
margin-left: 11px;
|
|||
|
|
}
|
|||
|
|
.iconfont_tpv4.ml12 {
|
|||
|
|
margin-left: 12px;
|
|||
|
|
}
|
|||
|
|
.iconfont_tpv4.ml13 {
|
|||
|
|
margin-left: 13px;
|
|||
|
|
}
|
|||
|
|
.iconfont_tpv4.ml14 {
|
|||
|
|
margin-left: 14px;
|
|||
|
|
}
|
|||
|
|
.iconfont_tpv4.ml15 {
|
|||
|
|
margin-left: 15px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.iconfont_tpv4.mr {
|
|||
|
|
margin-right: 5px;
|
|||
|
|
}
|
|||
|
|
.iconfont_tpv4.mr1 {
|
|||
|
|
margin-right: 1px;
|
|||
|
|
}
|
|||
|
|
.iconfont_tpv4.mr2 {
|
|||
|
|
margin-right: 2px;
|
|||
|
|
}
|
|||
|
|
.iconfont_tpv4.mr3 {
|
|||
|
|
margin-right: 3px;
|
|||
|
|
}
|
|||
|
|
.iconfont_tpv4.mr4 {
|
|||
|
|
margin-right: 4px;
|
|||
|
|
}
|
|||
|
|
.iconfont_tpv4.mr5 {
|
|||
|
|
margin-right: 5px;
|
|||
|
|
}
|
|||
|
|
.iconfont_tpv4.mr6 {
|
|||
|
|
margin-right: 6px;
|
|||
|
|
}
|
|||
|
|
.iconfont_tpv4.mr7 {
|
|||
|
|
margin-right: 7px;
|
|||
|
|
}
|
|||
|
|
.iconfont_tpv4.mr8 {
|
|||
|
|
margin-right: 8px;
|
|||
|
|
}
|
|||
|
|
.iconfont_tpv4.mr9 {
|
|||
|
|
margin-right: 9px;
|
|||
|
|
}
|
|||
|
|
.iconfont_tpv4.mr10 {
|
|||
|
|
margin-right: 10px;
|
|||
|
|
}
|
|||
|
|
.iconfont_tpv4.mr11 {
|
|||
|
|
margin-right: 11px;
|
|||
|
|
}
|
|||
|
|
.iconfont_tpv4.mr12 {
|
|||
|
|
margin-right: 12px;
|
|||
|
|
}
|
|||
|
|
.iconfont_tpv4.mr13 {
|
|||
|
|
margin-right: 13px;
|
|||
|
|
}
|
|||
|
|
.iconfont_tpv4.mr14 {
|
|||
|
|
margin-right: 14px;
|
|||
|
|
}
|
|||
|
|
.iconfont_tpv4.mr15 {
|
|||
|
|
margin-right: 15px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.iconfont_tpv4.s12 {
|
|||
|
|
font-size: 12px;
|
|||
|
|
}
|
|||
|
|
.iconfont_tpv4.s13 {
|
|||
|
|
font-size: 13px;
|
|||
|
|
}
|
|||
|
|
.iconfont_tpv4.s14 {
|
|||
|
|
font-size: 14px;
|
|||
|
|
}
|
|||
|
|
.iconfont_tpv4.s15 {
|
|||
|
|
font-size: 15px;
|
|||
|
|
}
|
|||
|
|
.iconfont_tpv4.s16 {
|
|||
|
|
font-size: 16px;
|
|||
|
|
}
|
|||
|
|
.iconfont_tpv4.s17 {
|
|||
|
|
font-size: 17px;
|
|||
|
|
}
|
|||
|
|
.iconfont_tpv4.s18 {
|
|||
|
|
font-size: 18px;
|
|||
|
|
}
|
|||
|
|
.iconfont_tpv4.s19 {
|
|||
|
|
font-size: 19px;
|
|||
|
|
}
|
|||
|
|
.iconfont_tpv4.s20 {
|
|||
|
|
font-size: 20px;
|
|||
|
|
}
|
|||
|
|
.iconfont_tpv4.s21 {
|
|||
|
|
font-size: 21px;
|
|||
|
|
}
|
|||
|
|
.iconfont_tpv4.s22 {
|
|||
|
|
font-size: 22px;
|
|||
|
|
}
|
|||
|
|
.iconfont_tpv4.s23 {
|
|||
|
|
font-size: 23px;
|
|||
|
|
}
|
|||
|
|
.iconfont_tpv4.s24 {
|
|||
|
|
font-size: 24px;
|
|||
|
|
}
|
|||
|
|
.iconfont_tpv4.s25 {
|
|||
|
|
font-size: 25px;
|
|||
|
|
}
|
|||
|
|
.iconfont_tpv4.s26 {
|
|||
|
|
font-size: 26px;
|
|||
|
|
}
|
|||
|
|
.iconfont_tpv4.s27 {
|
|||
|
|
font-size: 27px;
|
|||
|
|
}
|
|||
|
|
.iconfont_tpv4.s28 {
|
|||
|
|
font-size: 28px;
|
|||
|
|
}
|
|||
|
|
.iconfont_tpv4.s29 {
|
|||
|
|
font-size: 29px;
|
|||
|
|
}
|
|||
|
|
.iconfont_tpv4.s30 {
|
|||
|
|
font-size: 30px;
|
|||
|
|
}
|
|||
|
|
/* 开发定制：快速设置图标大小的类名 - end */
|