위챗 애플릿에 알리 벡터 아이콘 추가

아이콘 선택, 카트 추가

쇼핑카트>코드를 다운로드하고 압축을 풀고 그중의 iconfont를 엽니다.css

카트 > 항목에 추가되며 항목이 생성되지 않았습니다.

첫 페이지 위 메뉴 표시줄, 아이콘 관리 > 내 아이콘, 내 항목을 선택하고 [코드 없음, 이 생성을 클릭]

생성된 코드를 복제하여 열려 있는 iconfont를 대체합니다.css의 @font-face 단락

교체된 코드를 wxss에 복사합니다.wxml에 대응하는 클래스 이름 iconfont는 고정적으로 써야 하고 두 번째 클래스는 선택한 아이콘의 클래스 이름


<text class="iconfont icon-duihao">text>

으로 바뀐 코드 예시

/*    @font-face        @font-face */
@font-face {
  font-family: 'iconfont';  /* project id 1389446 */
  src: url('//at.alicdn.com/t/font_1389446_db28xhm4e.eot');
  src: url('//at.alicdn.com/t/font_1389446_db28xhm4e.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1389446_db28xhm4e.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1389446_db28xhm4e.woff') format('woff'),
  url('//at.alicdn.com/t/font_1389446_db28xhm4e.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1389446_db28xhm4e.svg#iconfont') format('svg');
}

/*           */
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*            */
.icon-duihao:before {
  content: "\e633";
}
.icon-jiahao:before {
  content: "\e61c";
}

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

유니앱, 위챗 애플릿에서 MQTT 사용 문제

(1)MQTT.js는 JavaScript로 작성된 MQTT 프로토콜의 클라이언트 라이브러리로 Node에 사용할 수 있습니다.js와 브라우저.노드에서.js단은 전역 설치를 통해 명령행 연결을 사용할 수 있으며 MQTT...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

위챗 애플릿에 알리 벡터 아이콘 추가

좋은 웹페이지 즐겨찾기