유니 응용 프로그램에서 글꼴 아이콘을 사용하여 알리 바바 아이콘 라이브러리

알리 바바 아이콘 라이브러리 

아이콘, 다운로드, 사용의 도입을 추가합니다 :

1, 추가 아이콘

 

 

 

 

 

 

 

 

 

 

 

이 글꼴 아이콘 파일을 다운로드 한 후, 원에게 정적 디렉토리에이 개 파일을 복사 :

       

3, 사용자 정의 글꼴 아이콘 스타일 파일을 만듭니다 글꼴 icon.css을

 

 

 

 

 

 

 

4 글꼴 - icon.css에 내용을 추가

 

 

 

 

 

 5, 글꼴 icon.css의 특정 코드 :

@ 글꼴 얼굴 { 
    글꼴 - 가족 : uniicons ; 
    폰트 중량 : 보통 ; 
    글꼴 스타일 : 일반 ; 
    SRC : URL ('~@/static/font/iconfont.ttf ') 형식 ('트루 ') ; 
} 

.icon { 
    색상 : # 999 ; 
    글꼴 - 가족 : uniicons ; 
    폰트 크기 : 42upx ; 
    폰트 중량 : 보통 ; 
    글꼴 스타일 : 일반 ; 
    라인 - 높이 :1 ; 
    표시 : 인라인 블록 ; 
    텍스트 장식 : 없음 ; 
    -webkit 폰트 스무딩 : 평활화 ; 
} 

.icon.uni 활성 { 
    색상 : #의 1ca6ec ; 
} //下面的样式直接复制
.iconfont { 
  글꼴 - 가족 : ! "iconfont"중요한 ; 
  폰트 사이즈 : 16px ; 
  글꼴 스타일 : 일반 ; 
  -webkit 폰트 스무딩 : 평활화 ; 
  -moz-OSX 폰트 스무딩


: 그레이 스케일 ; 
} 

.icon-fanhuishouye : 전에 { 
  내용 : "\ e631" ; 
} 

.iconfont { 
  글꼴 - 가족 : "iconfont"중요! ; 
  폰트 사이즈 : 16px ; 
  글꼴 스타일 : 일반 ; 
  -webkit 폰트 스무딩 : 평활화 ; 
  -moz-OSX 폰트 스무딩 : 계조 ; 
} 

.icon-shouye : 전에 { 
  내용 : "\ e63f" ; 
} 

.icon-fanhuishouye : 전{ 
  내용 : \ "E640" ; 
} 

.icon-wode : 전에 { 
  내용 : "\ e641" ; 
} 

.icon-guanli : 전에 { 
  내용 : "\ e642" ; 
}

 6 페이지 쓰기 글꼴 아이콘

< 뷰 클래스 = "아이콘 아이콘-showye" > </ 보기 >